Merge branch 'main' of http://192.168.1.42/developOne/harmonyPool into main

* 'main' of http://192.168.1.42/developOne/harmonyPool:
  ref |> 桌面组件改掉网络图片路径，尝试解决某些情况下无法加载图片问题
  ref |> 视频详情页评论弹框改为半模态弹框，视频上推效果
  ref |> 评论列表换成半模态弹框
  fix(18721,测试反馈比较严重问题)： UI还原问题-【uat】进入心情没好直播间-输入框显示白色

 /**
 /**
- * 直播详情 关注相关信息
+ * 直播详情 关注相关信息 直播详情页用户信息行
  */
  */
 import {
 import {
   ContentDetailRequest,
   ContentDetailRequest,
@@ -40,6 +40,7 @@ export struct LiveFollowComponent {
           bottomLeft: 90
           bottomLeft: 90
         })
         })
       Row() {
       Row() {
+        //号主头像
         Image(this.rmhInfo.rmhHeadUrl)
         Image(this.rmhInfo.rmhHeadUrl)
           .width(24)
           .width(24)
           .height(24)
           .height(24)
@@ -54,6 +55,7 @@ export struct LiveFollowComponent {
               WDRouterRule.jumpWithPage(WDRouterPage.peopleShipHomePage, params)
               WDRouterRule.jumpWithPage(WDRouterPage.peopleShipHomePage, params)
             }
             }
           })
           })
+        //号主名称
         Text(this.rmhInfo.rmhName)
         Text(this.rmhInfo.rmhName)
           .fontColor(Color.White)
           .fontColor(Color.White)
           .maxLines(1)
           .maxLines(1)
@@ -65,6 +67,7 @@ export struct LiveFollowComponent {
             right: 6
             right: 6
           })
           })
         Blank()
         Blank()
+        //关注状态
         Text(this.followStatus === '0' ? '关注' : '已关注')
         Text(this.followStatus === '0' ? '关注' : '已关注')
           .fontColor(Color.White)
           .fontColor(Color.White)
           .fontWeight(500)
           .fontWeight(500)

 import { ContentDetailDTO, PageInfoDTO } from 'wdBean/Index'
 import { ContentDetailDTO, PageInfoDTO } from 'wdBean/Index'
-import { PublicDialogManager } from 'wdKit/Index'
+import { Logger, PublicDialogManager } from 'wdKit/Index'
 import { TrackConstants } from 'wdTracking/Index'
 import { TrackConstants } from 'wdTracking/Index'
 import { OperRowListView } from '../../view/OperRowListView'
 import { OperRowListView } from '../../view/OperRowListView'
 import { publishCommentModel } from '../model/PublishCommentModel'
 import { publishCommentModel } from '../model/PublishCommentModel'
 import { CommentComponent } from './CommentComponent'
 import { CommentComponent } from './CommentComponent'
 
 
+const TAG = "CommentListDialogView"
+
 /// 评论列表弹框
 /// 评论列表弹框
 @Component
 @Component
 export struct CommentListDialogView {
 export struct CommentListDialogView {
-  @Link @Watch('showCommentListChange') showCommentList: boolean
+  @State windowWidth: number = AppStorage.get<number>('windowWidth') || 0
+  @State windowHeight: number = AppStorage.get<number>('windowHeight') || 0
+  @Link showCommentList: boolean
   @Link contentDetailData: ContentDetailDTO // 详情页传
   @Link contentDetailData: ContentDetailDTO // 详情页传
   @Link pageInfo: PageInfoDTO           // 专题页传
   @Link pageInfo: PageInfoDTO           // 专题页传
   @Link publishCommentModel: publishCommentModel
   @Link publishCommentModel: publishCommentModel
+  private maxHeight: number = 0 // px
   onClose?: () => void
   onClose?: () => void
+  onHeightDidChange?: Callback<number>
 
 
-  // @Consume pageId: TrackConstants.PageName
-  // @Consume pageName: TrackConstants.PageName
-
-  private dialogController: CustomDialogController = new CustomDialogController({
-    builder: CommentListDialog({
-      contentDetailData: this.contentDetailData,
-      publishCommentModel:this.publishCommentModel,
-      pageInfo: this.pageInfo,
-      onClose: this.onClose
-    }),
-    autoCancel: true,
-    cancel: () => {
-      PublicDialogManager.shareInstance().closeDialog(this.dialogController)
-    },
-    customStyle: true,
-    alignment: DialogAlignment.Bottom,
-  })
-
-  showCommentListChange(val: boolean) {
-    if (this.showCommentList) {
-      PublicDialogManager.shareInstance().openDialog(this.dialogController, this.closeAction.bind(this))
-    } else {
-      PublicDialogManager.shareInstance().closeDialog(this.dialogController)
-    }
+  aboutToAppear(): void {
+    this.maxHeight = this.windowHeight - this.windowWidth * 9 / 16
   }
   }
 
 
-  closeAction() {
-    if (this.onClose) {
-      this.onClose()
-    } else {
-      this.showCommentList = false
+  build() {
+    Row() {
     }
     }
+    .height("100%").width("100%")
+    .bindSheet($$this.showCommentList,
+      this.commentListDialog(),
+      {
+        height: this.maxHeight + 'px',
+        preferType: SheetType.BOTTOM,
+        showClose: false,
+        dragBar: false,
+        onDisappear: () => {
+          this.showCommentList = false
+          if (this.onClose) { this.onClose() }
+        },
+        shouldDismiss:((sheetDismiss: SheetDismiss)=> {
+          console.log("bind sheet shouldDismiss")
+          sheetDismiss.dismiss()
+        }),
+        onHeightDidChange: (number: number) => {
+          Logger.debug(TAG, "onHeightDidChange : " + number)
+          let height = number
+          if (height > this.maxHeight) {
+            height = this.maxHeight
+          }
+          if (this.onHeightDidChange) {
+            this.onHeightDidChange(height)
+          }
+        }
+      })
   }
   }
 
 
-  build() {
+  @Builder commentListDialog() {
+    Column() {
+      CommentListDialog({
+        contentDetailData: this.contentDetailData,
+        publishCommentModel:this.publishCommentModel,
+        pageInfo: this.pageInfo,
+        onClose: this.onClose
+      })
+    }.height("100%").width("100%")
   }
   }
 }
 }
 
 
-@CustomDialog
+@Component
 struct CommentListDialog {
 struct CommentListDialog {
 
 
   /// 内部使用
   /// 内部使用
   @Link publishCommentModel: publishCommentModel
   @Link publishCommentModel: publishCommentModel
   @State private operationButtonList: string[] = []
   @State private operationButtonList: string[] = []
-  controller?: CustomDialogController
-  @State windowWidth: number = AppStorage.get<number>('windowWidth') || 0
-  @State windowHeight: number = AppStorage.get<number>('windowHeight') || 0
 
 
   /// 外部初始化
   /// 外部初始化
   @Link contentDetailData: ContentDetailDTO // 详情页传
   @Link contentDetailData: ContentDetailDTO // 详情页传
@@ -97,6 +110,7 @@ struct CommentListDialog {
 
 
   build() {
   build() {
     Column() {
     Column() {
+      Row().height(10)
       this.titleHeaderView()
       this.titleHeaderView()
 
 
       CommentComponent({
       CommentComponent({
@@ -117,11 +131,11 @@ struct CommentListDialog {
         styleType: 1,
         styleType: 1,
         inDialog: true,
         inDialog: true,
         dialogBeforeJumpOtherPageAction: () => {
         dialogBeforeJumpOtherPageAction: () => {
-          PublicDialogManager.shareInstance().closeLastDialog()
+          // PublicDialogManager.shareInstance().closeLastDialog()
         }
         }
       })
       })
     }
     }
-    .height(this.windowHeight - this.windowWidth * 9 / 16 + 'px')
+    .height("100%").width("100%")
     .backgroundColor(Color.White)
     .backgroundColor(Color.White)
   }
   }
 
 

@@ -189,7 +189,7 @@ export struct LiveOperRowListView {
           Stack({ alignContent: Alignment.Start }) {
           Stack({ alignContent: Alignment.Start }) {
             RelativeContainer() {
             RelativeContainer() {
 
 
-              Image($r('app.media.comment_img_input_hui'))
+              Image(this.styleType == 1 ? $r('app.media.comment_img_input_hui'):$r('app.media.comment_img_input_black'))
                 .objectFit(ImageFit.Fill)
                 .objectFit(ImageFit.Fill)
                 .resizable({
                 .resizable({
                   slice: {
                   slice: {
@@ -208,7 +208,7 @@ export struct LiveOperRowListView {
                 .id("Image")
                 .id("Image")
               Text("说两句...")
               Text("说两句...")
                 .fontSize(12)
                 .fontSize(12)
-                .fontColor('#999999')
+                .fontColor(this.styleType == 1 ? '#999999':'#CCFFFFFF')
                 .margin({ left: 10 })
                 .margin({ left: 10 })
                 .alignRules({
                 .alignRules({
                   top: { anchor: "__container__", align: VerticalAlign.Top },
                   top: { anchor: "__container__", align: VerticalAlign.Top },

@@ -13,6 +13,7 @@ import { LiveDetailPageLogic } from '../viewModel/LiveDetailPageLogic';
 const TAG = 'DetailPlayLiveCommon'
 const TAG = 'DetailPlayLiveCommon'
 
 
 /**
 /**
+ * 直播详情页
  * @Description: 沉浸式和非沉浸式直播页面
  * @Description: 沉浸式和非沉浸式直播页面
  * @Author:
  * @Author:
  * @Email:
  * @Email:

@@ -10,6 +10,7 @@ import { PlayerEndView } from '../widgets/vertical/PlayerEndView';
 import { TrackConstants, TrackingButton } from 'wdTracking/Index';
 import { TrackConstants, TrackingButton } from 'wdTracking/Index';
 import { LiveDetailPageLogic } from '../viewModel/LiveDetailPageLogic';
 import { LiveDetailPageLogic } from '../viewModel/LiveDetailPageLogic';
 import { onlyWifiLoadVideo } from 'wdComponent/src/main/ets/utils/lazyloadImg';
 import { onlyWifiLoadVideo } from 'wdComponent/src/main/ets/utils/lazyloadImg';
+import { StringUtils } from 'wdKit';
 
 
 const storage = LocalStorage.getShared();
 const storage = LocalStorage.getShared();
 const TAG = 'DetailPlayVLivePage'
 const TAG = 'DetailPlayVLivePage'
@@ -97,7 +98,7 @@ export struct DetailPlayVLivePage {
         .blur(100)
         .blur(100)
         .renderFit(RenderFit.RESIZE_COVER)
         .renderFit(RenderFit.RESIZE_COVER)
       // 直播结束且无回看
       // 直播结束且无回看
-      if (this.liveState === 'end' && !this.playUrl) {
+      if (this.liveState === 'end' && StringUtils.isEmpty(this.playUrl)) {
         PlayerEndView()
         PlayerEndView()
       } else {
       } else {
         // 直播暂停，仍然可以评论
         // 直播暂停，仍然可以评论

@@ -6,7 +6,7 @@ import { DateFormatUtil, PlayerConstants, WDAliPlayerController } from 'wdPlayer
 import { ContentDetailDTO, LiveRoomDataBean } from 'wdBean/Index';
 import { ContentDetailDTO, LiveRoomDataBean } from 'wdBean/Index';
 import { DisplayDirection } from 'wdConstant/Index';
 import { DisplayDirection } from 'wdConstant/Index';
 import { LiveFollowComponent, LottieView } from 'wdComponent/Index';
 import { LiveFollowComponent, LottieView } from 'wdComponent/Index';
-
+//直播间播放器上层覆盖物
 @Component
 @Component
 export struct PlayUIComponent {
 export struct PlayUIComponent {
   playerController?: WDAliPlayerController;
   playerController?: WDAliPlayerController;
@@ -84,11 +84,12 @@ export struct PlayUIComponent {
     .height('100%')
     .height('100%')
     .alignItems(HorizontalAlign.Start)
     .alignItems(HorizontalAlign.Start)
   }
   }
-
+  //最顶部UI
   @Builder
   @Builder
   getTopUIComponent() {
   getTopUIComponent() {
     Column() {
     Column() {
       Row() {
       Row() {
+        //返回键
         Image($r('app.media.icon_arrow_left_white'))
         Image($r('app.media.icon_arrow_left_white'))
           .width(24)
           .width(24)
           .aspectRatio(1)
           .aspectRatio(1)
@@ -105,6 +106,7 @@ export struct PlayUIComponent {
 
 
           })
           })
         if (this.contentDetailData.liveInfo?.liveState != 'wait') {
         if (this.contentDetailData.liveInfo?.liveState != 'wait') {
+          //标题
           Text(this.contentDetailData.newsTitle)
           Text(this.contentDetailData.newsTitle)
             .maxLines(1)
             .maxLines(1)
             .textOverflow({ overflow: TextOverflow.MARQUEE })
             .textOverflow({ overflow: TextOverflow.MARQUEE })
@@ -116,6 +118,7 @@ export struct PlayUIComponent {
         } else {
         } else {
           Blank()
           Blank()
         }
         }
+        //分享按钮
         Image($r('app.media.icon_share'))
         Image($r('app.media.icon_share'))
           .width(24)
           .width(24)
           .aspectRatio(1)
           .aspectRatio(1)
@@ -126,16 +129,18 @@ export struct PlayUIComponent {
       .margin({
       .margin({
         bottom: 10
         bottom: 10
       })
       })
-
+      //第二行左边号主信息
       Row() {
       Row() {
         if (this.contentDetailData?.rmhInfo) {
         if (this.contentDetailData?.rmhInfo) {
           LiveFollowComponent({
           LiveFollowComponent({
             rmhInfo: this.contentDetailData.rmhInfo
             rmhInfo: this.contentDetailData.rmhInfo
           })
           })
             .margin({
             .margin({
+              top:-7,
               right: 10
               right: 10
             })
             })
         }
         }
+        //第二行右边直播状态参与人数
         this.getLiveStatusView()
         this.getLiveStatusView()
       }
       }
     }
     }

 import { WDAliPlayerController } from 'wdPlayer/Index'
 import { WDAliPlayerController } from 'wdPlayer/Index'
 import { PlayerUIComponent } from './PlayerUIComponent'
 import { PlayerUIComponent } from './PlayerUIComponent'
-
+//竖屏直播详情页左右滑动浮层
 @Component
 @Component
 export struct PlayerInfoComponent {
 export struct PlayerInfoComponent {
   swiperController?: SwiperController
   swiperController?: SwiperController

@@ -8,7 +8,7 @@ import {
   postInteractBrowsOperateParams
   postInteractBrowsOperateParams
 } from 'wdDetailPlayApi/src/main/ets/request/ContentDetailRequest';
 } from 'wdDetailPlayApi/src/main/ets/request/ContentDetailRequest';
 import { HttpUtils } from 'wdNetwork/Index';
 import { HttpUtils } from 'wdNetwork/Index';
-import { DateTimeUtils, WindowModel } from 'wdKit/Index';
+import { DateTimeUtils, Logger, WindowModel } from 'wdKit/Index';
 import { PlayerBottomView } from '../view/PlayerBottomView';
 import { PlayerBottomView } from '../view/PlayerBottomView';
 import { PlayerRightView } from '../view/PlayerRightView';
 import { PlayerRightView } from '../view/PlayerRightView';
 import { DisplayDirection } from 'wdConstant/Index';
 import { DisplayDirection } from 'wdConstant/Index';
@@ -229,7 +229,7 @@ export struct DetailPlayShortVideoPage {
   showCommentListChanged() {
   showCommentListChanged() {
     if (this.showCommentList) {
     if (this.showCommentList) {
       this.playerWidth = px2vp(this.windowWidth)
       this.playerWidth = px2vp(this.windowWidth)
-      this.playerHeight = px2vp(this.windowWidth) / (16 / 9.0)
+      // this.playerHeight = px2vp(this.windowWidth) / (16 / 9.0)
     } else {
     } else {
       this.calculatePlayerRect()
       this.calculatePlayerRect()
     }
     }
@@ -245,6 +245,11 @@ export struct DetailPlayShortVideoPage {
             showCommentList: $showCommentList,
             showCommentList: $showCommentList,
             publishCommentModel: $publishCommentModel,
             publishCommentModel: $publishCommentModel,
             interactData: $interactData,
             interactData: $interactData,
+            onHeightDidChange: (height: number) => {
+              this.playerWidth = px2vp(this.windowWidth)
+              this.playerHeight = px2vp(this.windowHeight - height)
+              Logger.debug(TAG, "height: " + px2vp(height) + "  ===> 视频高度: " + this.playerHeight + " window height: " + px2vp(this.windowHeight))
+            }
           })
           })
           this.playerViewBuilder()
           this.playerViewBuilder()
 
 
@@ -338,7 +343,7 @@ export struct DetailPlayShortVideoPage {
 
 
       // 横屏-全屏观看
       // 横屏-全屏观看
       // 点击查看详情 不展示
       // 点击查看详情 不展示
-      if (this.videoLandScape === 1 && !this.isOpenDetail && this.displayDirection === DisplayDirection.VERTICAL) {
+      if (this.videoLandScape === 1 && !this.isOpenDetail && this.displayDirection === DisplayDirection.VERTICAL && !this.showCommentList) {
         this.playerFullscreenBuilder()
         this.playerFullscreenBuilder()
       }
       }
 
 

@@ -12,6 +12,7 @@ export struct CommentDialogView {
   @Link interactData: InteractDataDTO
   @Link interactData: InteractDataDTO
   @State fakePageInfo: PageInfoDTO = {} as PageInfoDTO
   @State fakePageInfo: PageInfoDTO = {} as PageInfoDTO
   @State dialogOffsetY: number = 0 // (this.windowHeight - this.windowWidth * 9 / 16)
   @State dialogOffsetY: number = 0 // (this.windowHeight - this.windowWidth * 9 / 16)
+  onHeightDidChange?: Callback<number>
 
 
   @State @Watch("innerShowCommentChange") innerShowComment: boolean = false
   @State @Watch("innerShowCommentChange") innerShowComment: boolean = false
 
 
@@ -38,7 +39,8 @@ export struct CommentDialogView {
         if (Number.parseInt(this.publishCommentModel.totalCommentNumer) > Number.parseInt(this.interactData.commentNum + "")) {
         if (Number.parseInt(this.publishCommentModel.totalCommentNumer) > Number.parseInt(this.interactData.commentNum + "")) {
           this.interactData.commentNum = Number.parseInt(this.publishCommentModel.totalCommentNumer)
           this.interactData.commentNum = Number.parseInt(this.publishCommentModel.totalCommentNumer)
         }
         }
-      }
+      },
+      onHeightDidChange: this.onHeightDidChange
     })
     })
   }
   }
 }
 }

@@ -141,7 +141,27 @@ export struct WDPlayerRenderView {
 
 
           this.xComponentController.setXComponentSurfaceRect({
           this.xComponentController.setXComponentSurfaceRect({
             surfaceWidth: info.size.height * ratio,
             surfaceWidth: info.size.height * ratio,
-            surfaceHeight: info.size.height
+            surfaceHeight: info.size.height,
+            offsetY: 0
+          });
+          return
+        }
+      } else {
+        // 横屏
+        let ratio = this.videoWidth / this.videoHeight
+        const height = info.size.width / ratio
+
+        // 横屏，缩放高度小 视频区域高度
+        if (height < info.size.height) {
+
+          Logger.debug(TAG, "ratio = " + ratio + " ==> new height = " + height)
+
+          Logger.debug(TAG, "宽度固定，求高度: " + height)
+
+          this.xComponentController.setXComponentSurfaceRect({
+            surfaceWidth: info.size.width,
+            surfaceHeight: height,
+            offsetY: (info.size.height - height) / 2
           });
           });
           return
           return
         }
         }
@@ -149,7 +169,8 @@ export struct WDPlayerRenderView {
 
 
       this.xComponentController.setXComponentSurfaceRect({
       this.xComponentController.setXComponentSurfaceRect({
         surfaceWidth: info.size.width,
         surfaceWidth: info.size.width,
-        surfaceHeight: info.size.height
+        surfaceHeight: info.size.height,
+        offsetY: 0
       });
       });
     }
     }
 
 

@@ -80,7 +80,7 @@ export default class DailyNewspaperFormAbility extends FormExtensionAbility {
         Logger.debug(TAG, ` xFailed to updateForm. Code: ${err.code}, message: ${err.message}`);
         Logger.debug(TAG, ` xFailed to updateForm. Code: ${err.code}, message: ${err.message}`);
       });
       });
 
 
-      let fileDir = this.context.getApplicationContext().filesDir + "/widget-daily-newspaper"
+      let fileDir = this.context.getApplicationContext().tempDir + "/widget-daily-newspaper"
       await FileUtils.makeDirIfNotExsit(fileDir)
       await FileUtils.makeDirIfNotExsit(fileDir)
 
 
       NewspaperDataFetcher.dealWithPictures(data, formId, fileDir, (data) => {
       NewspaperDataFetcher.dealWithPictures(data, formId, fileDir, (data) => {

@@ -92,7 +92,7 @@ export class NewspaperDataFetcher {
 
 
       CrptoUtils.md5(data.paperInfo.leftImageUrl).then((md5String) => {
       CrptoUtils.md5(data.paperInfo.leftImageUrl).then((md5String) => {
 
 
-        const fileName = formId + "file" + md5String;
+        const fileName = formId + "file" + Date.now();
         const filePath = tempDir + "/" + fileName
         const filePath = tempDir + "/" + fileName
         NewspaperDataFetcher.downloadUrlToPath(data.paperInfo.leftImageUrl!, filePath).then(() => {
         NewspaperDataFetcher.downloadUrlToPath(data.paperInfo.leftImageUrl!, filePath).then(() => {
           let file = fs.openSync(filePath)
           let file = fs.openSync(filePath)
@@ -119,7 +119,7 @@ export class NewspaperDataFetcher {
       }
       }
 
 
       CrptoUtils.md5(content.coverUrl).then((md5String) => {
       CrptoUtils.md5(content.coverUrl).then((md5String) => {
-        const fileName = formId + "file" + md5String;
+        const fileName = formId + "file" + Date.now() + index;
         const filePath = tempDir + "/" + fileName
         const filePath = tempDir + "/" + fileName
         NewspaperDataFetcher.downloadUrlToPath(content.coverUrl!, filePath).then(() => {
         NewspaperDataFetcher.downloadUrlToPath(content.coverUrl!, filePath).then(() => {
           Logger.debug(TAG, "open file for display ");
           Logger.debug(TAG, "open file for display ");