评论修改

@@ -4,4 +4,6 @@ export { DetailVideoListPage } from './src/main/ets/pages/DetailVideoListPage'
 
 
 export { VideoChannelDetail } from './src/main/ets/pages/VideoChannelDetail'
 export { VideoChannelDetail } from './src/main/ets/pages/VideoChannelDetail'
 
 
-export { LottieViewDemo } from './src/main/ets/pages/LottieViewDemo'
+export { LottieViewDemo } from './src/main/ets/pages/LottieViewDemo'
+
+export { CommentDialogView } from './src/main/ets/view/CommentDialogView'

@@ -15,8 +15,8 @@ import { HttpUtils } from 'wdNetwork/Index';
 import { DateTimeUtils, WindowModel } from 'wdKit/Index';
 import { DateTimeUtils, 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 { CommentDialogView } from '../view/CommentDialogView';
 import { DisplayDirection } from 'wdConstant/Index';
 import { DisplayDirection } from 'wdConstant/Index';
+import { CommentDialogView } from '../view/CommentDialogView';
 
 
 const TAG = 'DetailPlayShortVideoPage';
 const TAG = 'DetailPlayShortVideoPage';
 
 
@@ -28,6 +28,7 @@ const TAG = 'DetailPlayShortVideoPage';
 export struct DetailPlayShortVideoPage {
 export struct DetailPlayShortVideoPage {
   @Prop index: number = 0
   @Prop index: number = 0
   @Prop @Watch('currentIndexChange') currentIndex: number = 0
   @Prop @Watch('currentIndexChange') currentIndex: number = 0
+  @Provide publishCommentModel: publishCommentModel = new publishCommentModel()
   @State playerController: WDPlayerController = new WDPlayerController();
   @State playerController: WDPlayerController = new WDPlayerController();
   @Provide contentDetailData: ContentDetailDTO = {} as ContentDetailDTO
   @Provide contentDetailData: ContentDetailDTO = {} as ContentDetailDTO
   @Provide interactData: InteractDataDTO = {} as InteractDataDTO
   @Provide interactData: InteractDataDTO = {} as InteractDataDTO
@@ -47,7 +48,6 @@ export struct DetailPlayShortVideoPage {
   @Consume topSafeHeight: number
   @Consume topSafeHeight: number
   @Consume showComment: boolean // 是否显示底部评论，首页视频频道传false
   @Consume showComment: boolean // 是否显示底部评论，首页视频频道传false
   @State imageVisible: boolean = true
   @State imageVisible: boolean = true
-  @State publishCommentModel: publishCommentModel = new publishCommentModel()
   @State ratio: number = 16 / 9
   @State ratio: number = 16 / 9
 
 
   /**
   /**
@@ -164,15 +164,6 @@ export struct DetailPlayShortVideoPage {
     }
     }
     this.queryNewsInfoOfUser()
     this.queryNewsInfoOfUser()
 
 
-    this.publishCommentModel.targetId = String(this.contentDetailData?.newsId || '')
-    this.publishCommentModel.targetRelId = String(this.contentDetailData?.reLInfo?.relId || '')
-    this.publishCommentModel.targetTitle = this.contentDetailData?.newsTitle
-    this.publishCommentModel.targetRelType = String(this.contentDetailData?.reLInfo?.relType || '')
-    this.publishCommentModel.targetRelObjectId = String(this.contentDetailData?.reLInfo?.relObjectId || '')
-    this.publishCommentModel.keyArticle = String(this.contentDetailData?.keyArticle || '')
-    this.publishCommentModel.targetType = String(this.contentDetailData?.newsType || '')
-    this.publishCommentModel.visitorComment = String(this.contentDetailData?.visitorComment || '')
-    this.publishCommentModel.commentContent = ''
 
 
   }
   }
 
 
@@ -186,7 +177,11 @@ export struct DetailPlayShortVideoPage {
     Stack({ alignContent: Alignment.Top }) {
     Stack({ alignContent: Alignment.Top }) {
       Column() {
       Column() {
         Stack() {
         Stack() {
-
+          CommentDialogView({
+            index: $index,
+            currentIndex: $currentIndex,
+            publishCommentModel: $publishCommentModel
+          })
           this.playerViewBuilder()
           this.playerViewBuilder()
 
 
           PlayerBottomView({
           PlayerBottomView({
@@ -224,7 +219,6 @@ export struct DetailPlayShortVideoPage {
       .height('100%')
       .height('100%')
       .width('100%')
       .width('100%')
 
 
-      CommentDialogView({ publishCommentModel: this.publishCommentModel })
     }
     }
     .height('100%')
     .height('100%')
     .width('100%')
     .width('100%')

@@ -9,19 +9,25 @@ import { OperRowListView } from '../../../../../wdComponent/src/main/ets/compone
 
 
 @Component
 @Component
 export struct CommentDialogView {
 export struct CommentDialogView {
-  @Prop publishCommentModel: publishCommentModel
+  @Link publishCommentModel: publishCommentModel
+  @Consume @Watch('showCommentListChange') showCommentList: boolean
+  @Link index: number
+  @Link currentIndex: number
   @Consume windowWidth: number
   @Consume windowWidth: number
   @Consume windowHeight: number
   @Consume windowHeight: number
   @Consume bottomSafeHeight: number
   @Consume bottomSafeHeight: number
   @Consume topSafeHeight: number
   @Consume topSafeHeight: number
   @Consume contentDetailData: ContentDetailDTO
   @Consume contentDetailData: ContentDetailDTO
-  @Consume @Watch('showCommentListChange') showCommentList: boolean
   @State dialogOffsetY: number = 0 // (this.windowHeight - this.windowWidth * 9 / 16)
   @State dialogOffsetY: number = 0 // (this.windowHeight - this.windowWidth * 9 / 16)
-  @State modifier: DrawModifier = new DrawModifier();
-  private dialogController: CustomDialogController = new CustomDialogController({
+  // @State modifier: DrawModifier = new DrawModifier();
+  dialogController: CustomDialogController = new CustomDialogController({
     builder: DetailDialog({
     builder: DetailDialog({
-      publishCommentModel: this.publishCommentModel,
-      dialogOffsetY: $dialogOffsetY
+      publishCommentModel: $publishCommentModel,
+      contentDetailData: $contentDetailData,
+      dialogOffsetY: $dialogOffsetY,
+      showCommentList: $showCommentList,
+      windowWidth: this.windowWidth,
+      windowHeight: this.windowHeight
     }),
     }),
     autoCancel: false,
     autoCancel: false,
     customStyle: true,
     customStyle: true,
@@ -30,8 +36,8 @@ export struct CommentDialogView {
     //   this.showCommentList = false
     //   this.showCommentList = false
     //   dismissDialogAction.dismiss()
     //   dismissDialogAction.dismiss()
     // },
     // },
-    openAnimation: { duration: 0 },
-    closeAnimation: { duration: 0 },
+    // openAnimation: { duration: 0 },
+    // closeAnimation: { duration: 0 },
   })
   })
 
 
   /**
   /**
@@ -39,7 +45,7 @@ export struct CommentDialogView {
    */
    */
 
 
   showCommentListChange(val: boolean) {
   showCommentListChange(val: boolean) {
-    if (this.showCommentList) {
+    if (this.showCommentList && this.index === this.currentIndex) {
       this.dialogController.open()
       this.dialogController.open()
       console.log('open')
       console.log('open')
       // animateTo({ duration: 10000, expectedFrameRateRange: { min: 60, max: 60, expected: 60 } }, () => {
       // animateTo({ duration: 10000, expectedFrameRateRange: { min: 60, max: 60, expected: 60 } }, () => {
@@ -59,25 +65,32 @@ export struct CommentDialogView {
 @CustomDialog
 @CustomDialog
 export struct DetailDialog {
 export struct DetailDialog {
   controller: CustomDialogController
   controller: CustomDialogController
-  @Prop publishCommentModel: publishCommentModel
+  @Link publishCommentModel: publishCommentModel
   @Link dialogOffsetY: number
   @Link dialogOffsetY: number
-  @Consume contentDetailData: ContentDetailDTO
-  @Consume showCommentList: boolean
-  @Consume windowWidth: number
-  @Consume windowHeight: number
+  @Link contentDetailData: ContentDetailDTO
+  @Link showCommentList: boolean
+  @Prop windowWidth: number
+  @Prop windowHeight: number
 
 
   build() {
   build() {
     Column() {
     Column() {
-      CommentComponent({
-        publishCommentModel: this.publishCommentModel,
-        showCloseIcon: true,
-        onCloseClick: () => {
-          console.log('onCloseClick')
-          this.showCommentList = false
-          this.controller.close()
-        }
-      })
-        .layoutWeight(1)
+      Scroll() {
+        CommentComponent({
+          publishCommentModel: this.publishCommentModel,
+          showCloseIcon: true,
+          onCloseClick: () => {
+            console.log('onCloseClick')
+            this.showCommentList = false
+            this.controller.close()
+            // setTimeout(() => {
+            //
+            // }, 1000)
+
+          }
+        }).height('100%')
+      }
+      .layoutWeight(1)
+
       OperRowListView({
       OperRowListView({
         componentType: 1,
         componentType: 1,
         showBackIcon: false,
         showBackIcon: false,

@@ -69,7 +69,6 @@ export struct PlayerProgressView {
 
 
         })
         })
     }
     }
-    .margin({ top: 40 })
     .visibility(this.isOpenDetail ? Visibility.None : Visibility.Visible)
     .visibility(this.isOpenDetail ? Visibility.None : Visibility.Visible)
   }
   }
 }
 }

@@ -7,6 +7,9 @@ import {
   postExecuteLikeParams,
   postExecuteLikeParams,
   postInteractAccentionOperateParams
   postInteractAccentionOperateParams
 } from 'wdDetailPlayApi/src/main/ets/request/ContentDetailRequest';
 } from 'wdDetailPlayApi/src/main/ets/request/ContentDetailRequest';
+import {
+  publishCommentModel
+} from '../../../../../wdComponent/src/main/ets/components/comment/model/PublishCommentModel'
 import { SPHelper, ToastUtils, NumberFormatterUtils } from 'wdKit';
 import { SPHelper, ToastUtils, NumberFormatterUtils } from 'wdKit';
 import { WDPlayerController } from 'wdPlayer/Index';
 import { WDPlayerController } from 'wdPlayer/Index';
 import { WDRouterPage, WDRouterRule } from 'wdRouter/Index';
 import { WDRouterPage, WDRouterRule } from 'wdRouter/Index';
@@ -34,6 +37,7 @@ export struct PlayerRightView {
   @Consume showComment?: boolean
   @Consume showComment?: boolean
   @Consume showCommentList: boolean
   @Consume showCommentList: boolean
   @Consume displayDirection: DisplayDirection
   @Consume displayDirection: DisplayDirection
+  @Consume publishCommentModel: publishCommentModel
   @State likesStyle: number = this.contentDetailData.likesStyle // 赞样式 1红心(点赞) 2大拇指(祈福) 3蜡烛(默哀) 4置空
   @State likesStyle: number = this.contentDetailData.likesStyle // 赞样式 1红心(点赞) 2大拇指(祈福) 3蜡烛(默哀) 4置空
 
 
   aboutToAppear() {
   aboutToAppear() {
@@ -346,6 +350,16 @@ export struct PlayerRightView {
     }
     }
     .margin({ bottom: 20 })
     .margin({ bottom: 20 })
     .onClick((event: ClickEvent) => {
     .onClick((event: ClickEvent) => {
+      this.publishCommentModel.targetId = String(this.contentDetailData?.newsId || '')
+      this.publishCommentModel.targetRelId = String(this.contentDetailData?.reLInfo?.relId || '')
+      this.publishCommentModel.targetTitle = this.contentDetailData?.newsTitle
+      this.publishCommentModel.targetRelType = String(this.contentDetailData?.reLInfo?.relType || '')
+      this.publishCommentModel.targetRelObjectId = String(this.contentDetailData?.reLInfo?.relObjectId || '')
+      this.publishCommentModel.keyArticle = String(this.contentDetailData?.keyArticle || '')
+      this.publishCommentModel.targetType = String(this.contentDetailData?.newsType || '')
+      this.publishCommentModel.visitorComment = String(this.contentDetailData?.visitorComment || '')
+      this.publishCommentModel.commentContent = ''
+
       // ToastUtils.showToast('评论为公共方法，待开发', 1000);
       // ToastUtils.showToast('评论为公共方法，待开发', 1000);
       this.showCommentList = true
       this.showCommentList = true
     })
     })