tuikit-atomicx-vue3 3.3.0-beta.3 → 3.3.1

package/dist/components/ConversationList/index.js

@@ -7,9 +7,9 @@ import ConversationActionsComponent from "./ConversationActions/ConversationActi
 import ConversationListHeaderComponent from "./ConversationListHeader/ConversationListHeader.js";
 import ConversationListContentComponent from "./ConversationListContent/ConversationListContent.js";
 import { ConversationPreview as _sfc_main } from "./ConversationPreview/index.js";
-import ConversationCreateComponent from "./ConversationCreate/ConversationCreate.js";
 import ConversationPreviewUIComponent from "./ConversationPreview/ConversationPreviewUI.js";
 import ConversationSearchComponent from "./ConversationSearch/ConversationSearch.js";
+import ConversationCreateComponent from "./ConversationCreate/ConversationCreate.js";
 addI18n("en-US", { translation: enResource });
 addI18n("zh-CN", { translation: zhResource });
 const ConversationList = ConversationListComponent;

package/dist/components/LiveAudienceList/LiveAudienceListH5.js

@@ -82,7 +82,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const LiveAudienceListH5 = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-c41122fd"]]);
+const LiveAudienceListH5 = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-68b59301"]]);
 export {
   LiveAudienceListH5 as default
 };

package/dist/components/LiveCoreView/index.js

@@ -1,6 +1,6 @@
 import { addI18n } from "../../i18n/index.js";
 import DefaultStreamViewUI from "./DefaultStreamViewUI.js";
-import { defineComponent, useSlots, computed, ref, onMounted, onBeforeUnmount, watch, createElementBlock, openBlock, createElementVNode, normalizeStyle, createCommentVNode, renderSlot, unref, toDisplayString, Fragment, renderList, createBlock, mergeProps, normalizeProps } from "vue";
+import { defineComponent, useSlots, computed, ref, onMounted, onBeforeUnmount, watch, createElementBlock, openBlock, normalizeClass, createCommentVNode, createElementVNode, toDisplayString, unref, normalizeStyle, renderSlot, Fragment, renderList, createBlock, mergeProps, normalizeProps } from "vue";
 import { useUIKit } from "@tencentcloud/uikit-base-component-vue3";
 import { useLiveSeatState } from "../../states/LiveSeatState/index.js";
 import { useLiveState } from "../../states/LiveState/index.js";
@@ -15,7 +15,7 @@ const _hoisted_1 = {
 };
 const _hoisted_2 = { class: "placeholder-text" };
 const _hoisted_3 = {
-  key: 1,
+  key: 0,
   class: "live-core-ui"
 };
 const _sfc_main = /* @__PURE__ */ defineComponent({
@@ -25,19 +25,32 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const { seatList, canvas, startPlayStream, stopPlayStream } = useLiveSeatState();
     const { currentLive } = useLiveState();
     const slots = useSlots();
-    const ignoreLocalVideoPlay = computed(() => slots.localVideo);
+    const isInStreamMixerComp = computed(() => slots.localVideo);
     const { loginUserInfo } = useLoginState();
+    const isPlayedVideo = ref(false);
     const isMounted = ref(false);
-    onMounted(() => {
+    const isAlignCenter = computed(() => {
+      if (!isInStreamMixerComp.value && isPortraitContainer.value && widthRatio.value < heightRatio.value) {
+        return false;
+      }
+      return true;
+    });
+    onMounted(async () => {
       isMounted.value = true;
-      startPlayStream({ view: "atomicx-live-stream-content" });
+      await startPlayStream({ view: "atomicx-live-stream-content" });
+      isPlayedVideo.value = true;
     });
-    onBeforeUnmount(() => {
+    onBeforeUnmount(async () => {
       isMounted.value = false;
-      stopPlayStream();
+      await stopPlayStream();
+      isPlayedVideo.value = false;
     });
     const isPortraitContainer = ref(true);
     const liveCoreViewContainerRef = ref();
+    const liveCoreViewContainerSize = ref({
+      width: 0,
+      height: 0
+    });
     const originStreamViewStyle = ref({
       width: 0,
       height: 0,
@@ -65,19 +78,30 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       }));
     });
     const streamViewSize = computed(() => {
-      if (isPortraitContainer.value) {
-        return {
-          width: originStreamViewStyle.value.width,
-          height: originStreamViewStyle.value.height
-        };
-      }
       return {
         width: originStreamViewStyle.value.width * originStreamViewStyle.value.scale,
         height: originStreamViewStyle.value.height * originStreamViewStyle.value.scale
       };
     });
     const seatListWithRealSize = computed(() => seatList.value.map((item, index) => {
+      var _a, _b;
       const ratioLayout = ratioLayoutList.value[index];
+      const isPortraitAndFill = isPortraitContainer.value && fillMode.value === "fill";
+      const isSampleWithCanvas = seatList.value.length === 1 || ((_a = item.region) == null ? void 0 : _a.w) === canvas.value.width && ((_b = item.region) == null ? void 0 : _b.h) === canvas.value.height;
+      if (!isInStreamMixerComp.value && isPortraitAndFill && isSampleWithCanvas) {
+        return {
+          userInfo: item.userInfo,
+          region: {
+            position: "absolute",
+            left: "50%",
+            top: "50%",
+            width: `${liveCoreViewContainerSize.value.width}px`,
+            height: `${liveCoreViewContainerSize.value.height}px`,
+            transform: `translate(-50%, -50%)`,
+            zIndex: Number(ratioLayout.zOrder) || 0
+          }
+        };
+      }
       return {
         userInfo: item.userInfo,
         region: {
@@ -95,7 +119,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       return ((_a = item == null ? void 0 : item.userInfo) == null ? void 0 : _a.userId) === ((_b = loginUserInfo.value) == null ? void 0 : _b.userId);
     }));
     const needPlayStreamViewInfo = computed(() => {
-      if (ignoreLocalVideoPlay.value) {
+      if (isInStreamMixerComp.value) {
         return seatListWithRealSize.value.filter((item) => {
           var _a, _b;
           return ((_a = item.userInfo) == null ? void 0 : _a.userId) !== ((_b = loginUserInfo.value) == null ? void 0 : _b.userId);
@@ -104,31 +128,31 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       return seatListWithRealSize.value;
     });
     const visualStreamSize = computed(() => {
-      if (ratioLayoutList.value.length === 0) {
+      if (!isPortraitContainer.value && widthRatio.value < heightRatio.value && ratioLayoutList.value.length > 0) {
+        const absoluteLayoutList = ratioLayoutList.value.map((item) => ({
+          userId: item.userId,
+          left: originStreamViewStyle.value.width * item.x,
+          top: originStreamViewStyle.value.width * item.y,
+          width: originStreamViewStyle.value.width * item.width,
+          height: item.height === -1 ? originStreamViewStyle.value.height : originStreamViewStyle.value.width * item.height,
+          zIndex: item.zOrder
+        }));
+        const minX = Math.min(...absoluteLayoutList.map((item) => item.left));
+        const minY = Math.min(...absoluteLayoutList.map((item) => item.top));
+        const maxX = Math.max(...absoluteLayoutList.map((item) => item.left + item.width));
+        const maxY = Math.max(...absoluteLayoutList.map((item) => item.top + item.height));
         return {
-          width: 0,
-          height: 0,
-          centerX: 0,
-          centerY: 0
+          width: maxX - minX,
+          height: maxY - minY,
+          centerX: (minX + maxX) / 2,
+          centerY: (minY + maxY) / 2
         };
       }
-      const absoluteLayoutList = ratioLayoutList.value.map((item) => ({
-        userId: item.userId,
-        left: originStreamViewStyle.value.width * item.x,
-        top: originStreamViewStyle.value.width * item.y,
-        width: originStreamViewStyle.value.width * item.width,
-        height: item.height === -1 ? originStreamViewStyle.value.height : originStreamViewStyle.value.width * item.height,
-        zIndex: item.zOrder
-      }));
-      const minX = Math.min(...absoluteLayoutList.map((item) => item.left));
-      const minY = Math.min(...absoluteLayoutList.map((item) => item.top));
-      const maxX = Math.max(...absoluteLayoutList.map((item) => item.left + item.width));
-      const maxY = Math.max(...absoluteLayoutList.map((item) => item.top + item.height));
       return {
-        width: maxX - minX,
-        height: maxY - minY,
-        centerX: (minX + maxX) / 2,
-        centerY: (minY + maxY) / 2
+        width: 0,
+        height: 0,
+        centerX: 0,
+        centerY: 0
       };
     });
     watch(visualStreamSize, () => {
@@ -138,10 +162,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       if (!liveCoreViewContainerRef.value) {
         return;
       }
-      const containerRect = liveCoreViewContainerRef.value.getBoundingClientRect();
-      const containerWidth = Math.floor(containerRect.width);
-      const containerHeight = Math.floor(containerRect.height);
       if (visualStreamSize.value.width && visualStreamSize.value.height) {
+        const containerRect = liveCoreViewContainerRef.value.getBoundingClientRect();
+        const containerWidth = Math.floor(containerRect.width);
+        const containerHeight = Math.floor(containerRect.height);
         const scaleWidth = containerWidth / visualStreamSize.value.width;
         const scaleHeight = containerHeight / visualStreamSize.value.height;
         originStreamViewStyle.value.scale = Math.min(scaleWidth, scaleHeight);
@@ -155,12 +179,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       }
     }
     const streamViewStyle = computed(() => {
-      if (isPortraitContainer.value) {
-        return {
-          width: `${Math.floor(originStreamViewStyle.value.width)}px`,
-          height: `${Math.floor(originStreamViewStyle.value.height)}px`
-        };
-      }
       return {
         width: `${Math.floor(originStreamViewStyle.value.width) * originStreamViewStyle.value.scale}px`,
         height: `${Math.floor(originStreamViewStyle.value.height) * originStreamViewStyle.value.scale}px`,
@@ -189,6 +207,28 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       }
       return Number(aspectRatio.value.split(":")[1]);
     });
+    const fillMode = ref(
+      "fit"
+      /* Fit */
+    );
+    watch(() => [canvas.value, seatList.value], () => {
+      if (canvas.value.width > canvas.value.height) {
+        fillMode.value = "fit";
+        handleStreamRegionSize();
+        return;
+      }
+      const onlyOneSeat = seatList.value.length === 1;
+      const hasOneFullScreenUser = seatList.value.find((item) => {
+        var _a, _b;
+        return ((_a = item.region) == null ? void 0 : _a.w) === canvas.value.width && ((_b = item.region) == null ? void 0 : _b.h) === canvas.value.height;
+      });
+      if (!isInStreamMixerComp.value && (onlyOneSeat || hasOneFullScreenUser)) {
+        fillMode.value = "fill";
+      } else {
+        fillMode.value = "fit";
+      }
+      handleStreamRegionSize();
+    });
     function handleStreamRegionSize() {
       if (!liveCoreViewContainerRef.value) {
         return;
@@ -200,13 +240,24 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       if (widthRatio.value && heightRatio.value) {
         const scaleWidth = containerWidth / widthRatio.value;
         const scaleHeight = containerHeight / heightRatio.value;
-        if (scaleWidth > scaleHeight) {
-          width = containerHeight / heightRatio.value * widthRatio.value;
-          height = containerHeight;
-        }
-        if (scaleWidth <= scaleHeight) {
-          width = containerWidth;
-          height = containerWidth / widthRatio.value * heightRatio.value;
+        if (fillMode.value === "fit") {
+          if (scaleWidth > scaleHeight) {
+            width = containerHeight / heightRatio.value * widthRatio.value;
+            height = containerHeight;
+          }
+          if (scaleWidth <= scaleHeight) {
+            width = containerWidth;
+            height = containerWidth / widthRatio.value * heightRatio.value;
+          }
+        } else {
+          if (scaleWidth > scaleHeight) {
+            width = containerWidth;
+            height = containerWidth / widthRatio.value * heightRatio.value;
+          }
+          if (scaleWidth <= scaleHeight) {
+            width = containerHeight / heightRatio.value * widthRatio.value;
+            height = containerHeight;
+          }
         }
       }
       originStreamViewStyle.value.width = width;
@@ -224,6 +275,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       }
       const containerRect = liveCoreViewContainerRef.value.getBoundingClientRect();
       isPortraitContainer.value = containerRect.width < containerRect.height;
+      liveCoreViewContainerSize.value = {
+        width: containerRect.width,
+        height: containerRect.height
+      };
     };
     const ro = new ResizeObserver(() => {
       getContainerOrientation();
@@ -242,15 +297,15 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       return openBlock(), createElementBlock("div", {
         ref_key: "liveCoreViewContainerRef",
         ref: liveCoreViewContainerRef,
-        class: "live-core-view-container"
+        class: normalizeClass(["live-core-view-container", { "align-center": isAlignCenter.value }])
       }, [
+        !_ctx.$slots.localVideo && !isPlayedVideo.value ? (openBlock(), createElementBlock("div", _hoisted_1, [
+          createElementVNode("span", _hoisted_2, toDisplayString(unref(t)("No video")), 1)
+        ])) : createCommentVNode("", true),
         createElementVNode("div", {
           class: "live-core-view",
           style: normalizeStyle(streamViewStyle.value)
         }, [
-          !_ctx.$slots.localVideo && unref(seatList).length === 0 ? (openBlock(), createElementBlock("div", _hoisted_1, [
-            createElementVNode("span", _hoisted_2, toDisplayString(unref(t)("No video")), 1)
-          ])) : createCommentVNode("", true),
           _cache[0] || (_cache[0] = createElementVNode("div", {
             id: "atomicx-live-stream-content",
             class: "stream-content"
@@ -270,13 +325,13 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               ], 4);
             }), 128))
           ])) : createCommentVNode("", true),
-          _ctx.$slots.localVideo && isMounted.value ? renderSlot(_ctx.$slots, "localVideo", normalizeProps(mergeProps({ key: 2 }, { style: (_a = localStreamViewInfo.value) == null ? void 0 : _a.region })), void 0, true) : createCommentVNode("", true)
+          _ctx.$slots.localVideo && isMounted.value ? renderSlot(_ctx.$slots, "localVideo", normalizeProps(mergeProps({ key: 1 }, { style: (_a = localStreamViewInfo.value) == null ? void 0 : _a.region })), void 0, true) : createCommentVNode("", true)
         ], 4)
-      ], 512);
+      ], 2);
     };
   }
 });
-const LiveCoreViewComponent = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-42a8fbdc"]]);
+const LiveCoreViewComponent = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-466946d8"]]);
 addI18n("en-US", { translation: resource });
 addI18n("zh-CN", { translation: resource$1 });
 export {

package/dist/components/LiveCoreView/index.vue.d.ts

@@ -11,7 +11,16 @@ declare function __VLS_template(): {
             top: string;
             width: string;
             height: string;
+            transform: string;
             zIndex: number;
+        } | {
+            position: "absolute";
+            left: string;
+            top: string;
+            width: string;
+            height: string;
+            zIndex: number;
+            transform?: undefined;
         } | undefined;
     }): any;
 };

package/dist/components/LiveList/LiveList.js

@@ -44,10 +44,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   emits: ["live-room-click"],
   setup(__props, { emit: __emit }) {
     useCssVars((_ctx) => ({
-      "4d975fe5": liveItemWidth.value,
-      "4b85a2e8": liveItemHeight.value,
-      "3688f7de": coverWidth.value,
-      "ce33f788": coverHeight.value
+      "ffe37efa": liveItemWidth.value,
+      "67ead60a": liveItemHeight.value,
+      "8528cf9a": coverWidth.value,
+      "538f174c": coverHeight.value
     }));
     const { liveList, currentCursor, fetchLiveList } = useLiveState();
     const { loginUserInfo } = useLoginState();
@@ -67,6 +67,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       async (user) => {
         if (user && user.userId) {
           isLoadingMore.value = true;
+          currentCursor.value = "";
+          liveList.value.length = 0;
           await fetchLiveList({});
           isLoadingMore.value = false;
         }
@@ -185,7 +187,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const LiveListPC = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-b8540cae"]]);
+const LiveListPC = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-7d3dee6f"]]);
 export {
   LiveListPC as default
 };

package/dist/components/LiveList/LiveListH5.js

@@ -1,8 +1,9 @@
-import { defineComponent, useCssVars, ref, computed, watch, onMounted, onUnmounted, createElementBlock, createCommentVNode, unref, openBlock, createElementVNode, Fragment, renderList, createVNode, toDisplayString } from "vue";
+import { defineComponent, useCssVars, ref, computed, watch, onMounted, onUnmounted, createElementBlock, createCommentVNode, unref, openBlock, createVNode, withCtx, createElementVNode, Fragment, renderList, toDisplayString } from "vue";
 import { useUIKit, IconLiveCoverHeader, IconNoLiveRoom } from "@tencentcloud/uikit-base-component-vue3";
 import { useLiveState } from "../../states/LiveState/index.js";
 import { useLoginState } from "../../states/LoginState.js";
 import Avatar from "../Avatar/Avatar.js";
+import PullToRefresh from "./pullToRefresh.js";
 import { _ as _export_sfc } from "../../_plugin-vue_export-helper-1tPrXgE0.js";
 const _hoisted_1 = {
   key: 0,
@@ -30,33 +31,34 @@ const _hoisted_13 = {
   class: "bottom-text"
 };
 const _hoisted_14 = { key: 0 };
-const _hoisted_15 = { key: 1 };
 const DEFAULT_COVER = "https://liteav-test-1252463788.cos.ap-guangzhou.myqcloud.com/voice_room/voice_room_cover1.png";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "LiveListH5",
   emits: ["live-room-click"],
   setup(__props, { emit: __emit }) {
     useCssVars((_ctx) => ({
-      "11f6a5ce": liveItemWidth.value,
-      "607c0798": liveItemHeight.value
+      "0a6e1f16": liveItemWidth.value,
+      "44862458": liveItemHeight.value
     }));
     const { liveList, currentCursor, fetchLiveList } = useLiveState();
     const { loginUserInfo } = useLoginState();
     const { t } = useUIKit();
+    const showLiveList = ref([]);
     const scrollContainerRef = ref(null);
     const isLoadingMore = ref(false);
     const hasMoreLive = computed(() => currentCursor.value !== "");
     const liveItemWidth = ref("168px");
     const liveItemHeight = ref("262px");
-    const shouldFetchMoreLiveList = computed(() => hasMoreLive.value && !isLoadingMore.value);
-    const isShowMoreVisible = computed(() => shouldFetchMoreLiveList.value && !scrollContainerRef.value);
     const emit = __emit;
     watch(
       loginUserInfo,
       async (user) => {
         if (user && user.userId) {
           isLoadingMore.value = true;
+          currentCursor.value = "";
+          liveList.value.length = 0;
           await fetchLiveList({});
+          showLiveList.value = liveList.value.slice();
           isLoadingMore.value = false;
         }
       },
@@ -72,32 +74,23 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         liveItemHeight.value = `${newItemHeight}px`;
       }
     });
+    async function handleRefresh(completeRefresh) {
+      try {
+        isLoadingMore.value = true;
+        currentCursor.value = "";
+        liveList.value.length = 0;
+        await fetchLiveList({});
+        showLiveList.value = liveList.value.slice();
+        isLoadingMore.value = false;
+        completeRefresh(true);
+      } catch (error) {
+        completeRefresh(false);
+      }
+    }
     function liveRoomClick(liveInfo) {
       console.log("liveRoomClick,liveInfo:", liveInfo);
       emit("live-room-click", liveInfo);
     }
-    function isScrollAtBottom(threshold = 50) {
-      if (!scrollContainerRef.value) {
-        return false;
-      }
-      return scrollContainerRef.value.scrollTop + scrollContainerRef.value.clientHeight >= scrollContainerRef.value.scrollHeight - threshold;
-    }
-    function handleWheel(event) {
-      if (!scrollContainerRef.value) {
-        return;
-      }
-      if (event.deltaY > 0 && isScrollAtBottom() && shouldFetchMoreLiveList.value) {
-        fetchMoreLives();
-      }
-    }
-    function handleScroll() {
-      if (!scrollContainerRef.value) {
-        return;
-      }
-      if (isScrollAtBottom() && shouldFetchMoreLiveList.value) {
-        fetchMoreLives();
-      }
-    }
     async function fetchMoreLives() {
       if (!hasMoreLive.value || isLoadingMore.value) {
         return;
@@ -105,6 +98,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       try {
         isLoadingMore.value = true;
         await fetchLiveList({ cursor: currentCursor.value });
+        showLiveList.value = liveList.value.slice();
       } finally {
         isLoadingMore.value = false;
       }
@@ -127,61 +121,73 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     });
     return (_ctx, _cache) => {
       return unref(loginUserInfo) ? (openBlock(), createElementBlock("div", _hoisted_1, [
-        unref(liveList).length > 0 ? (openBlock(), createElementBlock("div", {
+        showLiveList.value.length > 0 ? (openBlock(), createElementBlock("div", {
           key: 0,
           ref_key: "scrollContainerRef",
           ref: scrollContainerRef,
-          class: "live-list",
-          onScroll: handleScroll,
-          onWheel: handleWheel
+          class: "live-list"
         }, [
-          createElementVNode("div", _hoisted_2, [
-            (openBlock(true), createElementBlock(Fragment, null, renderList(unref(liveList), (item) => {
-              return openBlock(), createElementBlock("div", {
-                key: item.liveId,
-                class: "live-item",
-                onClick: ($event) => liveRoomClick(item)
-              }, [
-                createElementVNode("div", _hoisted_4, [
-                  createElementVNode("div", _hoisted_5, [
-                    createVNode(unref(IconLiveCoverHeader), { size: 10 }),
-                    createElementVNode("span", _hoisted_6, toDisplayString(item.currentViewerCount || 0), 1),
-                    createElementVNode("span", null, toDisplayString(unref(t)("people have watched the live")), 1)
-                  ]),
-                  createElementVNode("img", {
-                    src: item.coverUrl || DEFAULT_COVER,
-                    alt: "",
-                    onError: handleCoverImageError
-                  }, null, 40, _hoisted_7)
-                ]),
-                createElementVNode("span", _hoisted_8, toDisplayString(item.liveName), 1),
-                createElementVNode("div", _hoisted_9, [
-                  createVNode(unref(Avatar), {
-                    src: item.liveOwner.avatarUrl,
-                    size: 16,
-                    style: { border: "1px solid var(--uikit-color-white-7)" }
-                  }, null, 8, ["src"]),
-                  createElementVNode("span", _hoisted_10, toDisplayString(item.liveOwner.userName || item.liveOwner.userId), 1)
-                ])
-              ], 8, _hoisted_3);
-            }), 128))
-          ]),
-          !hasMoreLive.value ? (openBlock(), createElementBlock("div", _hoisted_11, [
-            createElementVNode("span", null, toDisplayString(unref(t)("No More")), 1)
-          ])) : createCommentVNode("", true)
-        ], 544)) : !isLoadingMore.value ? (openBlock(), createElementBlock("div", _hoisted_12, [
+          createVNode(PullToRefresh, {
+            text: {
+              pull: unref(t)("Pull to refresh"),
+              release: unref(t)("Release to refresh"),
+              loading: unref(t)("Loading"),
+              success: unref(t)("Refresh success"),
+              error: unref(t)("Refresh failed")
+            },
+            onRefresh: handleRefresh,
+            onLoadMore: fetchMoreLives
+          }, {
+            default: withCtx(() => [
+              createElementVNode("div", _hoisted_2, [
+                (openBlock(true), createElementBlock(Fragment, null, renderList(showLiveList.value, (item) => {
+                  return openBlock(), createElementBlock("div", {
+                    key: item.liveId,
+                    class: "live-item",
+                    onClick: ($event) => liveRoomClick(item)
+                  }, [
+                    createElementVNode("div", _hoisted_4, [
+                      createElementVNode("div", _hoisted_5, [
+                        createVNode(unref(IconLiveCoverHeader), { size: 10 }),
+                        createElementVNode("span", _hoisted_6, toDisplayString(item.currentViewerCount || 0), 1),
+                        createElementVNode("span", null, toDisplayString(unref(t)("people have watched the live")), 1)
+                      ]),
+                      createElementVNode("img", {
+                        src: item.coverUrl || DEFAULT_COVER,
+                        alt: "",
+                        onError: handleCoverImageError
+                      }, null, 40, _hoisted_7)
+                    ]),
+                    createElementVNode("span", _hoisted_8, toDisplayString(item.liveName), 1),
+                    createElementVNode("div", _hoisted_9, [
+                      createVNode(unref(Avatar), {
+                        src: item.liveOwner.avatarUrl,
+                        size: 16,
+                        style: { border: "1px solid var(--uikit-color-white-7)" }
+                      }, null, 8, ["src"]),
+                      createElementVNode("span", _hoisted_10, toDisplayString(item.liveOwner.userName || item.liveOwner.userId), 1)
+                    ])
+                  ], 8, _hoisted_3);
+                }), 128))
+              ]),
+              !hasMoreLive.value ? (openBlock(), createElementBlock("div", _hoisted_11, [
+                createElementVNode("span", null, toDisplayString(unref(t)("No More")), 1)
+              ])) : createCommentVNode("", true)
+            ]),
+            _: 1
+          }, 8, ["text"])
+        ], 512)) : !isLoadingMore.value ? (openBlock(), createElementBlock("div", _hoisted_12, [
           createVNode(unref(IconNoLiveRoom), { size: 60 }),
           createElementVNode("span", null, toDisplayString(unref(t)("No Live")), 1)
         ])) : createCommentVNode("", true),
-        unref(liveList).length > 0 && (isShowMoreVisible.value || isLoadingMore.value) ? (openBlock(), createElementBlock("div", _hoisted_13, [
-          isShowMoreVisible.value ? (openBlock(), createElementBlock("span", _hoisted_14, toDisplayString(unref(t)("Load More")), 1)) : createCommentVNode("", true),
-          isLoadingMore.value ? (openBlock(), createElementBlock("span", _hoisted_15, toDisplayString(unref(t)("Loading...")), 1)) : createCommentVNode("", true)
+        unref(liveList).length > 0 && isLoadingMore.value ? (openBlock(), createElementBlock("div", _hoisted_13, [
+          isLoadingMore.value ? (openBlock(), createElementBlock("span", _hoisted_14, toDisplayString(unref(t)("Loading...")), 1)) : createCommentVNode("", true)
         ])) : createCommentVNode("", true)
       ])) : createCommentVNode("", true);
     };
   }
 });
-const LiveListH5 = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-b716be94"]]);
+const LiveListH5 = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-96626ee9"]]);
 export {
   LiveListH5 as default
 };

package/dist/components/LiveList/i18n/en-US/index.d.ts

@@ -3,6 +3,11 @@ export declare const resource: {
     'people have watched the live': string;
     'Load More': string;
     'Loading...': string;
+    Loading: string;
     'No More': string;
     'No Live': string;
+    'Pull down to refresh': string;
+    'Release to refresh': string;
+    'Refresh success': string;
+    'Refresh failed': string;
 };

package/dist/components/LiveList/i18n/en-US/index.js

@@ -3,8 +3,13 @@ const resource = {
   "people have watched the live": "people have watched the live",
   "Load More": "Load More",
   "Loading...": "Loading...",
+  "Loading": "Loading",
   "No More": "No More",
-  "No Live": "No Live"
+  "No Live": "No Live",
+  "Pull down to refresh": "Pull down to refresh",
+  "Release to refresh": "Release to refresh",
+  "Refresh success": "Refresh success",
+  "Refresh failed": "Refresh failed"
 };
 export {
   resource

package/dist/components/LiveList/i18n/zh-CN/index.d.ts

@@ -3,6 +3,11 @@ export declare const resource: {
     'people have watched the live': string;
     'Load More': string;
     'Loading...': string;
+    Loading: string;
     'No More': string;
     'No Live': string;
+    'Pull to refresh': string;
+    'Release to refresh': string;
+    'Refresh success': string;
+    'Refresh failed': string;
 };

package/dist/components/LiveList/i18n/zh-CN/index.js

@@ -3,8 +3,13 @@ const resource = {
   "people have watched the live": "人看过",
   "Load More": "加载更多",
   "Loading...": "加载中...",
+  "Loading": "正在加载...",
   "No More": "没有更多",
-  "No Live": "暂无直播间"
+  "No Live": "暂无直播间",
+  "Pull to refresh": "下拉刷新",
+  "Release to refresh": "松开刷新",
+  "Refresh success": "刷新成功",
+  "Refresh failed": "刷新失败"
 };
 export {
   resource