tuikit-atomicx-vue3 3.3.4 → 3.4.1

package/dist/components/AudioSettingPanel/index.js

@@ -1,153 +1,108 @@
-import { defineComponent, ref, onMounted, watch, createElementBlock, openBlock, createElementVNode, toDisplayString, unref, createVNode, withCtx, Fragment, renderList, createBlock } from "vue";
-import { useUIKit, TUISelect, TUIOption, TUISlider } from "@tencentcloud/uikit-base-component-vue3";
-import { useDeviceState } from "../../states/DeviceState.js";
-import { _ as _export_sfc } from "../../_plugin-vue_export-helper-1tPrXgE0.js";
-import { addI18n } from "../../i18n/index.js";
-import { resource } from "./i18n/en-US/index.js";
-import { resource as resource$1 } from "./i18n/zh-CN/index.js";
-const _hoisted_1 = { class: "audio-setting-panel" };
-const _hoisted_2 = { class: "section" };
-const _hoisted_3 = { class: "section-title" };
-const _hoisted_4 = { class: "row" };
-const _hoisted_5 = { class: "label" };
-const _hoisted_6 = { class: "row" };
-const _hoisted_7 = { class: "label" };
-const _hoisted_8 = { class: "volume-value" };
-const _hoisted_9 = { class: "section" };
-const _hoisted_10 = { class: "section-title" };
-const _hoisted_11 = { class: "row" };
-const _hoisted_12 = { class: "label" };
-const _hoisted_13 = { class: "row" };
-const _hoisted_14 = { class: "label" };
-const _hoisted_15 = { class: "volume-value" };
-const _sfc_main = /* @__PURE__ */ defineComponent({
+import { defineComponent as D, ref as r, onMounted as E, watch as u, createElementBlock as I, openBlock as c, createElementVNode as o, toDisplayString as a, unref as t, createVNode as v, withCtx as S, Fragment as k, renderList as w, createBlock as U } from "vue";
+import { useUIKit as P, TUISelect as b, TUIOption as g, TUISlider as x } from "@tencentcloud/uikit-base-component-vue3";
+import { useDeviceState as z } from "../../states/DeviceState.js";
+import { _ as F } from "../../_plugin-vue_export-helper-CHgC5LLL.js";
+import { addI18n as C } from "../../i18n/index.js";
+import { resource as K } from "./i18n/en-US/index.js";
+import { resource as $ } from "./i18n/zh-CN/index.js";
+const j = { class: "audio-setting-panel" }, q = { class: "section" }, G = { class: "section-title" }, H = { class: "row" }, J = { class: "label" }, Q = { class: "row" }, R = { class: "label" }, W = { class: "volume-value" }, X = { class: "section" }, Y = { class: "section-title" }, Z = { class: "row" }, ee = { class: "label" }, te = { class: "row" }, le = { class: "label" }, oe = { class: "volume-value" }, se = /* @__PURE__ */ D({
   __name: "index",
-  setup(__props) {
-    const { t } = useUIKit();
-    const {
-      microphoneList,
-      currentMicrophone,
-      setCurrentMicrophone,
-      speakerList,
-      currentSpeaker,
-      setCurrentSpeaker,
-      getMicrophoneList,
-      getSpeakerList,
-      captureVolume,
-      outputVolume,
-      setCaptureVolume,
-      setOutputVolume
-    } = useDeviceState();
-    const currentMicrophoneId = ref("");
-    const currentSpeakerId = ref("");
-    const captureVolumeValue = ref(captureVolume.value);
-    const outputVolumeValue = ref(outputVolume.value);
-    onMounted(async () => {
-      await getMicrophoneList();
-      await getSpeakerList();
-      if (currentMicrophone.value) {
-        currentMicrophoneId.value = currentMicrophone.value.deviceId;
-      }
-      if (currentSpeaker.value) {
-        currentSpeakerId.value = currentSpeaker.value.deviceId;
-      }
-    });
-    watch(currentMicrophone, (value) => {
-      if (value && value.deviceId !== currentMicrophoneId.value) {
-        currentMicrophoneId.value = value.deviceId;
-      }
-    });
-    watch(currentSpeaker, (value) => {
-      if (value && value.deviceId !== currentSpeakerId.value) {
-        currentSpeakerId.value = value.deviceId;
-      }
-    });
-    watch(captureVolumeValue, async (value) => {
-      await setCaptureVolume(value);
-    });
-    watch(outputVolumeValue, async (value) => {
-      await setOutputVolume(value);
-    });
-    watch(currentMicrophoneId, (id) => {
-      setCurrentMicrophone({ deviceId: id });
-    });
-    watch(currentSpeakerId, (id) => {
-      setCurrentSpeaker({ deviceId: id });
-    });
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1, [
-        createElementVNode("div", _hoisted_2, [
-          createElementVNode("div", _hoisted_3, toDisplayString(unref(t)("Microphone")), 1),
-          createElementVNode("div", _hoisted_4, [
-            createElementVNode("span", _hoisted_5, toDisplayString(unref(t)("Select device")), 1),
-            createVNode(unref(TUISelect), {
-              modelValue: currentMicrophoneId.value,
-              "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => currentMicrophoneId.value = $event),
-              class: "select"
-            }, {
-              default: withCtx(() => [
-                (openBlock(true), createElementBlock(Fragment, null, renderList(unref(microphoneList), (item) => {
-                  return openBlock(), createBlock(unref(TUIOption), {
-                    key: item.deviceId,
-                    label: item.deviceName,
-                    value: item.deviceId
-                  }, null, 8, ["label", "value"]);
-                }), 128))
-              ]),
-              _: 1
-            }, 8, ["modelValue"])
-          ]),
-          createElementVNode("div", _hoisted_6, [
-            createElementVNode("span", _hoisted_7, toDisplayString(unref(t)("Input volume")), 1),
-            createVNode(unref(TUISlider), {
-              modelValue: captureVolumeValue.value,
-              "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => captureVolumeValue.value = $event),
-              min: 0,
-              max: 100
-            }, null, 8, ["modelValue"]),
-            createElementVNode("span", _hoisted_8, toDisplayString(unref(captureVolume)), 1)
-          ])
+  setup(ae) {
+    const { t: n } = P(), {
+      microphoneList: y,
+      currentMicrophone: p,
+      setCurrentMicrophone: M,
+      speakerList: L,
+      currentSpeaker: m,
+      setCurrentSpeaker: N,
+      getMicrophoneList: B,
+      getSpeakerList: O,
+      captureVolume: f,
+      outputVolume: h,
+      setCaptureVolume: T,
+      setOutputVolume: A
+    } = z(), i = r(""), d = r(""), _ = r(f.value), V = r(h.value);
+    return E(async () => {
+      await B(), await O(), p.value && (i.value = p.value.deviceId), m.value && (d.value = m.value.deviceId);
+    }), u(p, (e) => {
+      e && e.deviceId !== i.value && (i.value = e.deviceId);
+    }), u(m, (e) => {
+      e && e.deviceId !== d.value && (d.value = e.deviceId);
+    }), u(_, async (e) => {
+      await T(e);
+    }), u(V, async (e) => {
+      await A(e);
+    }), u(i, (e) => {
+      M({ deviceId: e });
+    }), u(d, (e) => {
+      N({ deviceId: e });
+    }), (e, s) => (c(), I("div", j, [
+      o("div", q, [
+        o("div", G, a(t(n)("Microphone")), 1),
+        o("div", H, [
+          o("span", J, a(t(n)("Select device")), 1),
+          v(t(b), {
+            modelValue: i.value,
+            "onUpdate:modelValue": s[0] || (s[0] = (l) => i.value = l),
+            class: "select"
+          }, {
+            default: S(() => [
+              (c(!0), I(k, null, w(t(y), (l) => (c(), U(t(g), {
+                key: l.deviceId,
+                label: l.deviceName,
+                value: l.deviceId
+              }, null, 8, ["label", "value"]))), 128))
+            ]),
+            _: 1
+          }, 8, ["modelValue"])
         ]),
-        _cache[4] || (_cache[4] = createElementVNode("div", { class: "divider" }, null, -1)),
-        createElementVNode("div", _hoisted_9, [
-          createElementVNode("div", _hoisted_10, toDisplayString(unref(t)("Speaker")), 1),
-          createElementVNode("div", _hoisted_11, [
-            createElementVNode("span", _hoisted_12, toDisplayString(unref(t)("Select device")), 1),
-            createVNode(unref(TUISelect), {
-              modelValue: currentSpeakerId.value,
-              "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => currentSpeakerId.value = $event),
-              class: "select"
-            }, {
-              default: withCtx(() => [
-                (openBlock(true), createElementBlock(Fragment, null, renderList(unref(speakerList), (item) => {
-                  return openBlock(), createBlock(unref(TUIOption), {
-                    key: item.deviceId,
-                    label: item.deviceName,
-                    value: item.deviceId
-                  }, null, 8, ["label", "value"]);
-                }), 128))
-              ]),
-              _: 1
-            }, 8, ["modelValue"])
-          ]),
-          createElementVNode("div", _hoisted_13, [
-            createElementVNode("span", _hoisted_14, toDisplayString(unref(t)("Output volume")), 1),
-            createVNode(unref(TUISlider), {
-              modelValue: outputVolumeValue.value,
-              "onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => outputVolumeValue.value = $event),
-              min: 0,
-              max: 100
-            }, null, 8, ["modelValue"]),
-            createElementVNode("span", _hoisted_15, toDisplayString(unref(outputVolume)), 1)
-          ])
+        o("div", Q, [
+          o("span", R, a(t(n)("Input volume")), 1),
+          v(t(x), {
+            modelValue: _.value,
+            "onUpdate:modelValue": s[1] || (s[1] = (l) => _.value = l),
+            min: 0,
+            max: 100
+          }, null, 8, ["modelValue"]),
+          o("span", W, a(t(f)), 1)
         ])
-      ]);
-    };
+      ]),
+      s[4] || (s[4] = o("div", { class: "divider" }, null, -1)),
+      o("div", X, [
+        o("div", Y, a(t(n)("Speaker")), 1),
+        o("div", Z, [
+          o("span", ee, a(t(n)("Select device")), 1),
+          v(t(b), {
+            modelValue: d.value,
+            "onUpdate:modelValue": s[2] || (s[2] = (l) => d.value = l),
+            class: "select"
+          }, {
+            default: S(() => [
+              (c(!0), I(k, null, w(t(L), (l) => (c(), U(t(g), {
+                key: l.deviceId,
+                label: l.deviceName,
+                value: l.deviceId
+              }, null, 8, ["label", "value"]))), 128))
+            ]),
+            _: 1
+          }, 8, ["modelValue"])
+        ]),
+        o("div", te, [
+          o("span", le, a(t(n)("Output volume")), 1),
+          v(t(x), {
+            modelValue: V.value,
+            "onUpdate:modelValue": s[3] || (s[3] = (l) => V.value = l),
+            min: 0,
+            max: 100
+          }, null, 8, ["modelValue"]),
+          o("span", oe, a(t(h)), 1)
+        ])
+      ])
+    ]));
   }
-});
-const AudioSettingPanelComponent = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-d773f311"]]);
-addI18n("en-US", { translation: resource });
-addI18n("zh-CN", { translation: resource$1 });
+}), pe = /* @__PURE__ */ F(se, [["__scopeId", "data-v-d773f311"]]);
+C("en-US", { translation: K });
+C("zh-CN", { translation: $ });
 export {
-  AudioSettingPanelComponent as AudioSettingPanel
+  pe as AudioSettingPanel
 };

package/dist/components/Avatar/Avatar.js

@@ -1,20 +1,18 @@
-import { defineComponent, useSlots, useCssModule, ref, computed, h, createBlock, openBlock, resolveDynamicComponent } from "vue";
-import { Badge } from "@tencentcloud/uikit-base-component-vue3";
-import { c as cs } from "../../index-BF6QB9jF.js";
-import AvatarOnlineBadge from "./AvatarBadge/AvatarBadge.js";
-import { DEFAULT_USER_AVATAR } from "./constants/avatar.js";
-import { _ as _export_sfc } from "../../_plugin-vue_export-helper-1tPrXgE0.js";
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  ...{
-    name: "Avatar"
-  },
+import { defineComponent as y, useSlots as q, useCssModule as S, ref as d, computed as r, h as s, createBlock as v, openBlock as f, resolveDynamicComponent as m } from "vue";
+import { Badge as A } from "@tencentcloud/uikit-base-component-vue3";
+import { c as B } from "../../index-DPczIrgX.js";
+import $ from "./AvatarBadge/AvatarBadge.js";
+import { DEFAULT_USER_AVATAR as w } from "./constants/avatar.js";
+import { _ as E } from "../../_plugin-vue_export-helper-CHgC5LLL.js";
+const L = /* @__PURE__ */ y({
+  name: "Avatar",
   __name: "Avatar",
   props: {
-    isShowOnlineStatus: { type: Boolean, default: false },
-    isOnline: { type: Boolean, default: false },
+    isShowOnlineStatus: { type: Boolean, default: !1 },
+    isOnline: { type: Boolean, default: !1 },
     unreadCount: { default: 0 },
     maxUnreadCount: { default: 99 },
-    isDotUnreadCount: { type: Boolean, default: false },
+    isDotUnreadCount: { type: Boolean, default: !1 },
     src: {},
     size: { default: "md" },
     shape: { default: "circular" },
@@ -23,152 +21,104 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     style: {},
     onClick: {}
   },
-  setup(__props) {
-    const props = __props;
-    const slots = useSlots();
-    const classes = useCssModule();
-    const imageError = ref(false);
-    const isLoading = ref(!!props.src);
-    const children = computed(() => slots.default);
-    const setIsLoading = (loading) => {
-      isLoading.value = loading;
-    };
-    const handleImageLoad = () => {
-      isLoading.value = false;
-    };
-    const handleImageError = () => {
-      imageError.value = true;
-      isLoading.value = false;
-    };
-    const handleClick = () => {
-      if (props.onClick) {
-        props.onClick();
-      }
-    };
-    const getAltText = () => {
-      if (!props.alt) {
-        return "";
-      }
-      return props.alt.trim().charAt(0);
-    };
-    const fontSizeStyle = computed(() => {
-      let _size = 40;
-      if (typeof props.size === "number") {
-        const shapeStyle = props.shape === "circular" ? "50%" : props.shape === "square" ? "0%" : `${props.size / 6}px`;
+  setup(o) {
+    const a = o, p = q(), t = S(), n = d(!1), l = d(!!a.src), i = r(() => p.default), c = (e) => {
+      l.value = e;
+    }, b = () => {
+      l.value = !1;
+    }, h = () => {
+      n.value = !0, l.value = !1;
+    }, z = () => {
+      a.onClick && a.onClick();
+    }, k = () => a.alt ? a.alt.trim().charAt(0) : "", x = r(() => {
+      let e = 40;
+      if (typeof a.size == "number") {
+        const _ = a.shape === "circular" ? "50%" : a.shape === "square" ? "0%" : `${a.size / 6}px`;
         return {
-          width: `${props.size}px`,
-          height: `${props.size}px`,
-          fontSize: `${Math.floor(props.size / 2)}px`,
-          borderRadius: shapeStyle
+          width: `${a.size}px`,
+          height: `${a.size}px`,
+          fontSize: `${Math.floor(a.size / 2)}px`,
+          borderRadius: _
         };
       }
-      if (typeof props.size === "string") {
-        switch (props.size) {
+      if (typeof a.size == "string")
+        switch (a.size) {
           case "xxl":
-            _size = 96;
+            e = 96;
             break;
           case "xl":
-            _size = 64;
+            e = 64;
             break;
           case "lg":
-            _size = 48;
+            e = 48;
             break;
           case "md":
-            _size = 40;
+            e = 40;
             break;
           case "sm":
-            _size = 32;
+            e = 32;
             break;
           case "xs":
-            _size = 24;
+            e = 24;
             break;
           default:
-            _size = 40;
+            e = 40;
             break;
         }
-      }
       return {
-        fontSize: `${Math.floor(_size / 2)}px`
+        fontSize: `${Math.floor(e / 2)}px`
       };
-    });
-    const avatarClasses = computed(() => cs(
-      classes["avatar"],
-      classes[`avatar--shape-${props.shape}`],
-      typeof props.size !== "number" && classes[`size-${props.size}`],
-      props.className
-    ));
-    const baseAvatar = computed(() => h(
+    }), g = r(() => B(
+      t.avatar,
+      t[`avatar--shape-${a.shape}`],
+      typeof a.size != "number" && t[`size-${a.size}`],
+      a.className
+    )), u = r(() => s(
       "div",
       {
-        "class": avatarClasses.value,
-        "style": [fontSizeStyle.value, props.style, { cursor: props.onClick ? "pointer" : "default" }],
-        "onClick": handleClick,
-        "role": props.onClick ? "button" : void 0,
-        "tabindex": props.onClick ? 0 : void 0,
-        "aria-label": props.alt || "avatar"
+        class: g.value,
+        style: [x.value, a.style, { cursor: a.onClick ? "pointer" : "default" }],
+        onClick: z,
+        role: a.onClick ? "button" : void 0,
+        tabindex: a.onClick ? 0 : void 0,
+        "aria-label": a.alt || "avatar"
       },
       [
         // Render avatar content
-        (() => {
-          if (children.value) {
-            return h("div", { class: classes["avatar__fallback"] }, children.value);
-          }
-          if (props.src && !imageError.value) {
-            return h("img", {
-              class: classes["avatar__image"],
-              src: props.src,
-              alt: props.alt || "avatar",
-              onLoad: handleImageLoad,
-              onError: handleImageError
-            });
-          }
-          if (props.alt) {
-            return h("div", { class: classes["avatar__fallback"] }, getAltText());
-          }
-          return h("img", {
-            class: classes["avatar__image"],
-            src: DEFAULT_USER_AVATAR,
-            alt: "default avatar",
-            onLoad: () => setIsLoading(false),
-            onError: () => setIsLoading(false)
-          });
-        })(),
+        i.value ? s("div", { class: t.avatar__fallback }, i.value) : a.src && !n.value ? s("img", {
+          class: t.avatar__image,
+          src: a.src,
+          alt: a.alt || "avatar",
+          onLoad: b,
+          onError: h
+        }) : a.alt ? s("div", { class: t.avatar__fallback }, k()) : s("img", {
+          class: t.avatar__image,
+          src: w,
+          alt: "default avatar",
+          onLoad: () => c(!1),
+          onError: () => c(!1)
+        }),
         // Loading skeleton
-        isLoading.value && h("div", { class: classes["avatar__skeleton"] })
+        l.value && s("div", { class: t.avatar__skeleton })
       ]
-    ));
-    const avatarWithBadges = computed(() => {
-      let result = baseAvatar.value;
-      if (props.unreadCount !== void 0) {
-        result = h(Badge, {
-          hidden: props.unreadCount === 0,
-          value: typeof props.unreadCount === "number" ? props.unreadCount : "",
-          max: props.maxUnreadCount,
-          isDot: props.isDotUnreadCount,
-          type: "danger"
-        }, [result]);
-      }
-      if (props.isShowOnlineStatus) {
-        result = h(AvatarOnlineBadge, {
-          show: true,
-          onlineStatus: props.isOnline ? "online" : "offline",
-          size: typeof props.size === "number" ? "md" : props.size
-        }, [result]);
-      }
-      return result;
+    )), C = r(() => {
+      let e = u.value;
+      return a.unreadCount !== void 0 && (e = s(A, {
+        hidden: a.unreadCount === 0,
+        value: typeof a.unreadCount == "number" ? a.unreadCount : "",
+        max: a.maxUnreadCount,
+        isDot: a.isDotUnreadCount,
+        type: "danger"
+      }, [e])), a.isShowOnlineStatus && (e = s($, {
+        show: !0,
+        onlineStatus: a.isOnline ? "online" : "offline",
+        size: typeof a.size == "number" ? "md" : a.size
+      }, [e])), e;
     });
-    return (_ctx, _cache) => {
-      return !_ctx.isShowOnlineStatus && !_ctx.unreadCount ? (openBlock(), createBlock(resolveDynamicComponent(baseAvatar.value), { key: 0 })) : (openBlock(), createBlock(resolveDynamicComponent(avatarWithBadges.value), { key: 1 }));
-    };
+    return (e, _) => !o.isShowOnlineStatus && !o.unreadCount ? (f(), v(m(u.value), { key: 0 })) : (f(), v(m(C.value), { key: 1 }));
   }
-});
-const avatar = "_avatar_bq44a_1";
-const avatar__image = "_avatar__image_bq44a_61";
-const avatar__fallback = "_avatar__fallback_bq44a_67";
-const avatar__skeleton = "_avatar__skeleton_bq44a_78";
-const shimmer = "_shimmer_bq44a_1";
-const style0 = {
-  avatar,
+}), O = "_avatar_bq44a_1", U = "_avatar__image_bq44a_61", D = "_avatar__fallback_bq44a_67", M = "_avatar__skeleton_bq44a_78", I = "_shimmer_bq44a_1", R = {
+  avatar: O,
   "avatar--shape-circular": "_avatar--shape-circular_bq44a_10",
   "avatar--shape-square": "_avatar--shape-square_bq44a_13",
   "size-xs": "_size-xs_bq44a_16",
@@ -178,15 +128,13 @@ const style0 = {
   "size-xl": "_size-xl_bq44a_32",
   "size-xxl": "_size-xxl_bq44a_36",
   "avatar--shape-rounded": "_avatar--shape-rounded_bq44a_40",
-  avatar__image,
-  avatar__fallback,
-  avatar__skeleton,
-  shimmer
-};
-const cssModules = {
-  "$style": style0
-};
-const Avatar = /* @__PURE__ */ _export_sfc(_sfc_main, [["__cssModules", cssModules]]);
+  avatar__image: U,
+  avatar__fallback: D,
+  avatar__skeleton: M,
+  shimmer: I
+}, T = {
+  $style: R
+}, H = /* @__PURE__ */ E(L, [["__cssModules", T]]);
 export {
-  Avatar as default
+  H as default
 };

package/dist/components/Avatar/Avatar.vue.d.ts

@@ -68,9 +68,9 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     isDotUnreadCount: boolean;
 }>>> & Readonly<{}>, {
     size: AvatarSize;
+    unreadCount: number;
     isShowOnlineStatus: boolean;
     isOnline: boolean;
-    unreadCount: number;
     maxUnreadCount: number;
     isDotUnreadCount: boolean;
     shape: AvatarShape;

package/dist/components/Avatar/AvatarBadge/AvatarBadge.js

@@ -1,40 +1,34 @@
-import { defineComponent, createElementBlock, openBlock, renderSlot, createElementVNode, normalizeClass, createCommentVNode } from "vue";
-import { _ as _export_sfc } from "../../../_plugin-vue_export-helper-1tPrXgE0.js";
-const _hoisted_1 = { class: "avatar-badge" };
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  ...{
-    name: "AvatarBadge"
-  },
+import { defineComponent as r, createElementBlock as e, openBlock as t, renderSlot as s, createElementVNode as d, normalizeClass as n, createCommentVNode as i } from "vue";
+import { _ as l } from "../../../_plugin-vue_export-helper-CHgC5LLL.js";
+const c = { class: "avatar-badge" }, _ = /* @__PURE__ */ r({
+  name: "AvatarBadge",
   __name: "AvatarBadge",
   props: {
     size: { default: "md" },
     onlineStatus: { default: "online" }
   },
-  setup(__props) {
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1, [
-        renderSlot(_ctx.$slots, "default", {}, void 0, true),
-        createElementVNode("div", {
-          class: normalizeClass([
-            "avatar-badge__indicator",
-            "avatar-badge__indicator--bottom-right",
-            `avatar-badge__indicator--${_ctx.size}`
+  setup(a) {
+    return (o, u) => (t(), e("div", c, [
+      s(o.$slots, "default", {}, void 0, !0),
+      d("div", {
+        class: n([
+          "avatar-badge__indicator",
+          "avatar-badge__indicator--bottom-right",
+          `avatar-badge__indicator--${a.size}`
+        ])
+      }, [
+        a.onlineStatus ? (t(), e("div", {
+          key: 0,
+          class: n([
+            "avatar-badge__online-status",
+            `avatar-badge__online-status--${a.onlineStatus}`,
+            `avatar-badge__online-status--${a.size}`
           ])
-        }, [
-          _ctx.onlineStatus ? (openBlock(), createElementBlock("div", {
-            key: 0,
-            class: normalizeClass([
-              "avatar-badge__online-status",
-              `avatar-badge__online-status--${_ctx.onlineStatus}`,
-              `avatar-badge__online-status--${_ctx.size}`
-            ])
-          }, null, 2)) : createCommentVNode("", true)
-        ], 2)
-      ]);
-    };
+        }, null, 2)) : i("", !0)
+      ], 2)
+    ]));
   }
-});
-const AvatarOnlineBadge = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-a69536c2"]]);
+}), g = /* @__PURE__ */ l(_, [["__scopeId", "data-v-a69536c2"]]);
 export {
-  AvatarOnlineBadge as default
+  g as default
 };

package/dist/components/Avatar/AvatarBadge/index.js

@@ -1,4 +1,4 @@
-import { default as default2 } from "./AvatarBadge.js";
+import { default as r } from "./AvatarBadge.js";
 export {
-  default2 as AvatarBadge
+  r as AvatarBadge
 };

package/dist/components/Avatar/constants/avatar.js

@@ -1,14 +1,9 @@
-const DEFAULT_USER_AVATAR = "https://web.sdk.qcloud.com/component/TUIKit/assets/avatar_16.png";
-const DEFAULT_GROUP_AVATAR_WORK = "https://web.sdk.qcloud.com/im/demo/TUIkit/react-static/images/group_avatar_work.png";
-const DEFAULT_GROUP_AVATAR_PUBLIC = "https://web.sdk.qcloud.com/im/demo/TUIkit/react-static/images/group_avatar_public.png";
-const DEFAULT_GROUP_AVATAR_MEETING = "https://web.sdk.qcloud.com/im/demo/TUIkit/react-static/images/group_avatar_meeting.png";
-const DEFAULT_GROUP_AVATAR_AVCHATROOM = "https://web.sdk.qcloud.com/im/demo/TUIkit/react-static/images/group_avatar_AVChatRoom.png";
-const DEFAULT_GROUP_AVATAR_COMMON = "https://web.sdk.qcloud.com/im/demo/TUIkit/web/img/constomer.png";
+const t = "https://web.sdk.qcloud.com/component/TUIKit/assets/avatar_16.png", o = "https://web.sdk.qcloud.com/im/demo/TUIkit/react-static/images/group_avatar_work.png", s = "https://web.sdk.qcloud.com/im/demo/TUIkit/react-static/images/group_avatar_public.png", a = "https://web.sdk.qcloud.com/im/demo/TUIkit/react-static/images/group_avatar_meeting.png", c = "https://web.sdk.qcloud.com/im/demo/TUIkit/react-static/images/group_avatar_AVChatRoom.png", A = "https://web.sdk.qcloud.com/im/demo/TUIkit/web/img/constomer.png";
 export {
-  DEFAULT_GROUP_AVATAR_AVCHATROOM,
-  DEFAULT_GROUP_AVATAR_COMMON,
-  DEFAULT_GROUP_AVATAR_MEETING,
-  DEFAULT_GROUP_AVATAR_PUBLIC,
-  DEFAULT_GROUP_AVATAR_WORK,
-  DEFAULT_USER_AVATAR
+  c as DEFAULT_GROUP_AVATAR_AVCHATROOM,
+  A as DEFAULT_GROUP_AVATAR_COMMON,
+  a as DEFAULT_GROUP_AVATAR_MEETING,
+  s as DEFAULT_GROUP_AVATAR_PUBLIC,
+  o as DEFAULT_GROUP_AVATAR_WORK,
+  t as DEFAULT_USER_AVATAR
 };