tuikit-atomicx-vue3 3.3.0 → 3.3.1

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

@@ -331,7 +331,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const LiveCoreViewComponent = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-46f33693"]]);
+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/styles/index.css

@@ -9695,24 +9695,24 @@ to {
   bottom: 0;
   background: transparent;
   z-index: 1000;
-}.viewers-panel[data-v-c41122fd] {
+}.viewers-panel[data-v-68b59301] {
   box-sizing: border-box;
-  height: 500px;
+  height: 100%;
   display: flex;
   flex-direction: column;
   color: var(--text-color-primary);
   transition: max-height 0.3s ease;
   gap: 8px;
 }
-.viewers-panel:hover .current-user-item[data-v-c41122fd] {
+.viewers-panel:hover .current-user-item[data-v-68b59301] {
   opacity: 1;
   display: flex;
 }
-.viewers-panel:hover .viewers-list[data-v-c41122fd] {
+.viewers-panel:hover .viewers-list[data-v-68b59301] {
   height: auto;
   flex-shrink: 1;
 }
-.viewers-panel .viewers-list[data-v-c41122fd] {
+.viewers-panel .viewers-list[data-v-68b59301] {
   flex-grow: 1;
   overflow-y: auto;
   overflow-x: hidden;
@@ -9721,28 +9721,28 @@ to {
   padding-right: 0;
   width: 100%;
 }
-.viewers-panel .viewers-list[data-v-c41122fd]::-webkit-scrollbar {
+.viewers-panel .viewers-list[data-v-68b59301]::-webkit-scrollbar {
   width: 6px;
   background: transparent;
 }
-.viewers-panel .viewers-list[data-v-c41122fd]::-webkit-scrollbar-track {
+.viewers-panel .viewers-list[data-v-68b59301]::-webkit-scrollbar-track {
   background: transparent;
 }
-.viewers-panel .viewers-list[data-v-c41122fd]::-webkit-scrollbar-thumb {
+.viewers-panel .viewers-list[data-v-68b59301]::-webkit-scrollbar-thumb {
   background: var(--uikit-color-gray-3);
   border-radius: 3px;
   border: 2px solid transparent;
   background-clip: padding-box;
 }
-.viewers-panel .viewers-list[data-v-c41122fd]::-webkit-scrollbar-thumb:hover {
+.viewers-panel .viewers-list[data-v-68b59301]::-webkit-scrollbar-thumb:hover {
   background: var(--uikit-color-gray-3);
 }
-.viewers-panel .viewer-bottom-line[data-v-c41122fd] {
+.viewers-panel .viewer-bottom-line[data-v-68b59301] {
   text-align: center;
   color: var(--text-color-secondary);
   font-size: 12px;
 }
-.viewers-panel .viewer-item[data-v-c41122fd] {
+.viewers-panel .viewer-item[data-v-68b59301] {
   display: flex;
   align-items: center;
   gap: 12px;
@@ -9754,10 +9754,10 @@ to {
   border-radius: 4px;
   cursor: pointer;
 }
-.viewers-panel .viewer-item[data-v-c41122fd]:hover {
+.viewers-panel .viewer-item[data-v-68b59301]:hover {
   background-color: var(--uikit-color-gray-3);
 }
-.viewers-panel .viewer-item .viewer-info[data-v-c41122fd] {
+.viewers-panel .viewer-item .viewer-info[data-v-68b59301] {
   display: flex;
   align-items: center;
   flex: 1;
@@ -9766,7 +9766,7 @@ to {
   height: 100%;
   border-bottom: 1px solid var(--uikit-color-gray-3);
 }
-.viewers-panel .viewer-item .viewer-name[data-v-c41122fd] {
+.viewers-panel .viewer-item .viewer-name[data-v-68b59301] {
   font-size: 14px;
   color: var(--text-color-primary);
   white-space: nowrap;
@@ -9775,15 +9775,15 @@ to {
   flex-shrink: 1;
   min-width: 0;
 }
-.viewers-panel .empty-state[data-v-c41122fd] {
+.viewers-panel .empty-state[data-v-68b59301] {
   text-align: center;
   color: var(--text-color-secondary);
   font-size: 14px;
   font-weight: 400;
   margin: auto;
 }
-.viewers-panel .load-more-indicator[data-v-c41122fd],
-.viewers-panel .loading-indicator[data-v-c41122fd] {
+.viewers-panel .load-more-indicator[data-v-68b59301],
+.viewers-panel .loading-indicator[data-v-68b59301] {
   text-align: center;
   color: var(--text-color-secondary);
   font-size: 12px;
@@ -9791,7 +9791,7 @@ to {
   padding: 8px 0;
   margin: 4px 0;
 }
-.viewers-panel .current-user-item[data-v-c41122fd] {
+.viewers-panel .current-user-item[data-v-68b59301] {
   opacity: 0;
   display: none;
   z-index: 2;
@@ -9877,17 +9877,17 @@ to {
   text-overflow: ellipsis;
   white-space: nowrap;
   overflow: hidden;
-}.live-core-view-container[data-v-46f33693] {
+}.live-core-view-container[data-v-466946d8] {
   width: 100%;
   height: 100%;
   display: flex;
   justify-content: center;
   overflow: hidden;
 }
-.live-core-view-container.align-center[data-v-46f33693] {
+.live-core-view-container.align-center[data-v-466946d8] {
   align-items: center;
 }
-.live-core-view-container .live-core-placeholder[data-v-46f33693] {
+.live-core-view-container .live-core-placeholder[data-v-466946d8] {
   position: absolute;
   top: 0;
   left: 0;
@@ -9897,30 +9897,30 @@ to {
   align-items: center;
   justify-content: center;
 }
-.live-core-view-container .live-core-placeholder .placeholder-text[data-v-46f33693] {
+.live-core-view-container .live-core-placeholder .placeholder-text[data-v-466946d8] {
   color: var(--text-color-secondary, rgba(255, 255, 255, 0.55));
   font-size: 14px;
   font-style: normal;
   font-weight: 400;
   line-height: 22px;
 }
-.live-core-view-container .live-core-view[data-v-46f33693] {
+.live-core-view-container .live-core-view[data-v-466946d8] {
   width: 100%;
   height: 100%;
   position: absolute;
 }
-.live-core-view-container .live-core-view .stream-content[data-v-46f33693] {
+.live-core-view-container .live-core-view .stream-content[data-v-466946d8] {
   width: 100%;
   height: 100%;
   position: absolute;
   top: 0;
   left: 0;
 }
-.live-core-view-container .live-core-view .live-core-ui[data-v-46f33693] {
+.live-core-view-container .live-core-view .live-core-ui[data-v-466946d8] {
   width: 100%;
   height: 100%;
   position: absolute;
-  pointer-events: none;
+  pointer-events: auto;
   top: 0;
   left: 0;
 }.live-list-panel[data-v-7d3dee6f] {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "tuikit-atomicx-vue3",
-  "version": "3.3.0",
+  "version": "3.3.1",
   "type": "module",
   "main": "./dist/index.js",
   "module": "./dist/index.js",
@@ -51,8 +51,8 @@
     "@tencentcloud/chat": "^3.5.4",
     "@tencentcloud/chat-uikit-engine": "~2.5.1",
     "@tencentcloud/tui-core": "latest",
-    "@tencentcloud/tuiroom-engine-js": "~3.3.0",
-    "@tencentcloud/uikit-base-component-vue3": "1.0.0",
+    "@tencentcloud/tuiroom-engine-js": "~3.3.1",
+    "@tencentcloud/uikit-base-component-vue3": "1.0.1",
     "vue": "^3.4.21"
   },
   "dependencies": {

package/src/components/LiveAudienceList/LiveAudienceListH5.vue

@@ -77,7 +77,7 @@ $text-color2: var(--text-color-secondary);
 
 .viewers-panel {
   box-sizing: border-box;
-  height: 500px;
+  height: 100%;
   display: flex;
   flex-direction: column;
   color: $text-color1;
@@ -147,7 +147,7 @@ $text-color2: var(--text-color-secondary);
     &:hover {
       background-color: var(--uikit-color-gray-3);
     }
-    
+
     .viewer-info {
       display: flex;
       align-items: center;

package/src/components/LiveCoreView/index.vue

@@ -411,7 +411,7 @@ onBeforeUnmount(() => {
       width: 100%;
       height: 100%;
       position: absolute;
-      pointer-events: none;
+      pointer-events: auto;
       top: 0;
       left: 0;
     }