【uni-app】update uni-app

Tencent-RTC · Jan 10, 2025 · ba1f1d7 · ba1f1d7
1 parent 50974e7
commit ba1f1d7
Show file tree

Hide file tree

Showing 57 changed files with 1,076 additions and 691 deletions.
diff --git a/uni-app/package.json b/uni-app/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@tencentcloud/tui-roomkit-app",
-  "version": "2.7.2",
+  "version": "2.8.2",
   "description": "",
   "main": "uni.promisify.adaptor.js",
   "scripts": {
@@ -13,7 +13,7 @@
     "@tencentcloud/chat-uikit-engine": "^2.3.6",
     "@tencentcloud/chat-uikit-uniapp": "^2.3.6",
     "@tencentcloud/tui-core": "^2.3.6",
-    "@tencentcloud/tuiroom-engine-uniapp-app": " ^2.7.1",
+    "@tencentcloud/tuiroom-engine-uniapp-app": " ^2.8.2",
     "@tencentcloud/universal-api": "^2.3.2",
     "dayjs": "^1.11.13",
     "mitt": "^3.0.1",

diff --git a/uni-app/src/roomkit/TUIRoom/components/ManageMember/MemberControl/index.vue b/uni-app/src/roomkit/TUIRoom/components/ManageMember/MemberControl/index.vue
@@ -78,17 +78,6 @@ function handleCloseControl() {
   border-radius: 15px 15px 0px 0px;
   display: flex;
   flex-direction: column !important;
-  animation-duration: 200ms;
-  animation-name: popup;
-  @keyframes popup {
-  from {
-    transform-origin: bottom;
-    transform: scaleY(0);
-  }
-  to {
-    transform-origin: bottom;
-    transform: scaleY(1);
-  }
 }
   .member-title{
     display: flex;
@@ -124,7 +113,6 @@ function handleCloseControl() {
       margin-left: 10px;
     }
   }
-}
 .agree-button, .cancel-button{
   padding: 12px;
   width: 50%;

diff --git a/uni-app/src/roomkit/TUIRoom/components/ManageMember/MemberItemCommon/MemberInfo.vue b/uni-app/src/roomkit/TUIRoom/components/ManageMember/MemberItemCommon/MemberInfo.vue
@@ -145,8 +145,6 @@ const iconList = computed(() => {
       font-weight: 400;
       color: #4F586B;
       line-height: 22px;
-      max-width: 100px;
-      white-space: nowrap;
       text-overflow: ellipsis;
       overflow: hidden;
     }
@@ -166,18 +164,11 @@ const iconList = computed(() => {
         padding: 0 6px;
       }
       .user-extra-info-admin {
-        transition: none;
         color: #F06C4B;
       }
     }
   }
 
-  .member-basic-info-admin {
-    .user-name {
-      max-width: 40px;
-    }
-  }
-
   .member-av-state {
 		position: absolute;
 		right: 60px;

diff --git a/uni-app/src/roomkit/TUIRoom/components/ManageMember/index.vue b/uni-app/src/roomkit/TUIRoom/components/ManageMember/index.vue
@@ -116,8 +116,6 @@ const {
       .apply-staged,
       .apply-not-stage {
         flex: 1;
-        filter: drop-shadow(0px 2px 4px rgba(32, 77, 141, 0.03)) drop-shadow(0px 6px 10px rgba(32, 77, 141, 0.06))
-          drop-shadow(0px 3px 14px rgba(32, 77, 141, 0.05));
         border-radius: 10px;
         display: flex;
         justify-content: center;
@@ -161,7 +159,6 @@ const {
         font-weight: 400;
         font-size: 14px;
         color: #1C66E5;
-        cursor: pointer;
       }
     }
     .apply-info {
@@ -180,14 +177,12 @@ const {
       font-weight: 400;
       font-size: 14px;
       color: #FFFFFF;
-      cursor: pointer;
     }
   }
   .member-list-container {
     flex: 1;
     display: flex;
     flex-direction: column;
-    min-height: 0;
     .member-list{
       font-weight: 500;
       font-size: 14px;
@@ -203,9 +198,6 @@ const {
       flex-direction: row;
       margin-left: 5px;
     }
-    &::-webkit-scrollbar {
-      display: none;
-    }
     .member-list-header {
       padding: 0 32px;
       margin-bottom: 8px;
@@ -215,7 +207,6 @@ const {
     .member-list-content {
       display: flex;
       flex-direction: row;
-      overflow-y: scroll;
       flex: 1;
       .scroll-view {
         flex: 1;
@@ -250,7 +241,6 @@ const {
     position: absolute;
     bottom: 46vh;
     left: 18vw;
-    white-space: nowrap;
     .popup-dialog-audio-title {
       font-family: 'PingFang SC';
       font-style: normal;
@@ -259,12 +249,10 @@ const {
       line-height: 22px;
       text-align: center;
       color: #2B2E38;
-      white-space: normal;
       padding: 20px;
     }
     .popup-button{
       display: flex;
-      justify-content: space-evenly;
       padding: 10px;
       .popup-button-cancel{
         padding: 4px 16px;

diff --git a/uni-app/src/roomkit/TUIRoom/components/RoomContent/LocalScreenStream/index.vue b/uni-app/src/roomkit/TUIRoom/components/RoomContent/LocalScreenStream/index.vue
@@ -56,13 +56,6 @@ function stopScreenSharing() {
 
 <style lang="scss" scoped>
 
-.tui-theme-white .local-screen-container {
-  --local-screen-stream-bg-color: rgba(228, 232, 238, 0.40);
-}
-
-// .tui-theme-black .local-screen-container {
-//   --local-screen-stream-bg-color: rgba(34, 38, 46, 0.50);
-// }
 
 .local-screen-container {
   display: flex;
@@ -79,7 +72,6 @@ function stopScreenSharing() {
         font-style: normal;
         font-weight: 400;
         line-height: 24px;
-        white-space: nowrap;
         color: #B2BBD1;
       }
     .stop-button {

diff --git a/uni-app/src/roomkit/TUIRoom/components/RoomContent/StreamContainer/index.vue b/uni-app/src/roomkit/TUIRoom/components/RoomContent/StreamContainer/index.vue
@@ -526,7 +526,6 @@ onUnmounted(() => {
   }
   &.multi-stream-container {
     align-items: center;
-    align-content: center;
   }
   .stream-list {
     display: flex;
@@ -540,7 +539,6 @@ onUnmounted(() => {
 .icon-control {
   background-color: #FFFFFF;
   position: absolute;
-  cursor: pointer;
   display: flex;
   justify-content: center;
   align-items: center;

diff --git a/uni-app/src/roomkit/TUIRoom/components/RoomContent/StreamRegion/index.nvue b/uni-app/src/roomkit/TUIRoom/components/RoomContent/StreamRegion/index.nvue
@@ -113,7 +113,6 @@ const userInfo = computed(() => {
   border: 2px solid transparent;
   overflow: hidden;
   border-radius: 10px;
-  -webkit-transform: rotate(0deg);
   display: flex;
 
   &.border {
@@ -144,19 +143,12 @@ const userInfo = computed(() => {
         border-radius: 50%;
       }
       .user-gender-name {
-        svg {
-          vertical-align: bottom;
-        }
         .user-name {
-          display: inline-block;
           margin-left: 6px;
           font-size: 14px;
           font-weight: 400;
-          max-width: 100px;
-          white-space: nowrap;
           text-overflow: ellipsis;
           overflow: hidden;
-          vertical-align: bottom;
         }
       }
     }
@@ -166,22 +158,18 @@ const userInfo = computed(() => {
     position: absolute;
     bottom: 4px;
     left: 0;
-    min-width: 118px;
-    // max-width: 100%;
     flex: 1;
     overflow: hidden;
     height: 30px;
     display: flex;
     background: rgba(0,0,0,0.60);
     color: #FFFFFF;
     align-items: center;
-    align-content: center;
     font-size: 14px;
     flex-direction: row;
     .user-name {
       margin-left: 8px;
       width: 60px;
-      white-space: nowrap;
       text-overflow: ellipsis;
       overflow: hidden;
       lines: 1;
@@ -205,10 +193,6 @@ const userInfo = computed(() => {
     .admin-icon {
       background-color: #F06C4B;
     }
-    .audio-icon{
-      max-width: 26px;
-      max-height: 35px;
-    }
   }
 }
 </style>
diff --git a/uni-app/src/roomkit/TUIRoom/components/RoomContent/StreamRegion/index.vue b/uni-app/src/roomkit/TUIRoom/components/RoomContent/StreamRegion/index.vue
@@ -231,7 +231,6 @@ onMounted(() => {
   overflow: hidden;
   border-radius: 10px;
   transform: rotate(0deg);
-  -webkit-transform: rotate(0deg);
   &.border {
     border: 2px solid #37E858;
   }
@@ -258,19 +257,12 @@ onMounted(() => {
         border-radius: 50%;
       }
       .user-gender-name {
-        svg {
-          vertical-align: bottom;
-        }
         .user-name {
-          display: inline-block;
           margin-left: 6px;
           font-size: 14px;
           font-weight: 400;
-          max-width: 100px;
-          white-space: nowrap;
           text-overflow: ellipsis;
           overflow: hidden;
-          vertical-align: bottom;
         }
       }
     }
@@ -280,20 +272,15 @@ onMounted(() => {
     position: absolute;
     bottom: 4px;
     left: 0;
-    min-width: 118px;
-    max-width: 100%;
     overflow: hidden;
     height: 30px;
     display: flex;
     background: rgba(0,0,0,0.60);
     color: #FFFFFF;
     align-items: center;
-    align-content: center;
     font-size: 14px;
     .user-name {
       margin-left: 8px;
-      max-width: 60px;
-      white-space: nowrap;
       text-overflow: ellipsis;
       overflow: hidden;
       padding-right: 5px;
@@ -313,12 +300,8 @@ onMounted(() => {
     }
     .screen-icon {
       transform: scale(0.8);
-      background-size: cover;
-    }
-    .audio-icon{
-      max-width: 26px;
-      max-height: 35px;
     }
+
   }
 }
 </style>
diff --git a/uni-app/src/roomkit/TUIRoom/components/RoomFooter/ApplyControl/MasterApplyControl/index.vue b/uni-app/src/roomkit/TUIRoom/components/RoomFooter/ApplyControl/MasterApplyControl/index.vue
@@ -1,5 +1,5 @@
 <template>
-  <div v-if="sidebarName === 'apply'" class="apply-control-container" >
+  <div v-if="sidebarName === 'apply'" class="apply-control-container">
     <div v-if="applyToAnchorUserCount" class="apply-list-mobile">
       <div v-for="item in applyToAnchorList" :key="item.userId" class="apply-item">
         <div class="user-info">
@@ -62,12 +62,8 @@ const {
   display: flex;
   flex-direction: column;
   .apply-list-mobile {
-    overflow: scroll;
     padding: 0 16px;
     margin-top: 4px;
-    &::-webkit-scrollbar {
-      display: none;
-    }
     .apply-item {
       display: flex;
       align-items: center;
@@ -94,8 +90,6 @@ const {
             font-weight: 500;
             font-size: 16px;
             color: #4F586B;
-            max-width: 180px;
-            white-space: nowrap;
             text-overflow: ellipsis;
             overflow: hidden;
           }
@@ -134,7 +128,6 @@ const {
         }
       }
       &::after {
-        content: '';
         position: absolute;
         left: 14%;
         bottom: 0;
@@ -167,18 +160,13 @@ const {
       color: #4F586B;
       text-align: center;
       border-radius: 8px;
-      cursor: pointer;
       padding: 10px 0;
     }
     .action-button.agree {
       margin-left: 10px;
       background-color: #1C66E5;
       color: #FFFFFF;
     }
-    .action-button.disabled {
-      cursor: not-allowed;
-      pointer-events: none;
-    }
   }
 }
 </style>
diff --git a/uni-app/src/roomkit/TUIRoom/components/RoomFooter/ApplyControl/MemberApplyControl.vue b/uni-app/src/roomkit/TUIRoom/components/RoomFooter/ApplyControl/MemberApplyControl.vue
@@ -290,8 +290,6 @@ onBeforeUnmount(() => {
     left: 10px;
     bottom: 90px;
     &::after {
-      content: '';
-      display: block;
       border: 5px solid transparent;
       border-top-color: #1C66E5;
       position: absolute;
@@ -310,14 +308,9 @@ onBeforeUnmount(() => {
       font-size: 14px;
       color: #ffffff;
       line-height: 20px;
-      white-space: nowrap;
-    }
-    .mobile-info {
-      min-width: 50vw;
-      white-space: normal;
     }
+
     .close {
-      cursor: pointer;
       color: #ffffff;
       padding-left: 12px;
     }

diff --git a/uni-app/src/roomkit/TUIRoom/components/RoomFooter/ContactControl.vue b/uni-app/src/roomkit/TUIRoom/components/RoomFooter/ContactControl.vue
@@ -59,8 +59,7 @@ function handleOnCloseContact() {
   top: 0;
   bottom: 0;
   width: 750rpx;
-  height: auto;
-  box-sizing: border-box;
+  
   background-color: rgba(0, 0, 0, 0.7);
   z-index: 11;
 }