import { ContentDTO } from 'wdBean';
import { RmhTitle } from '../cardCommon/RmhTitle'
import { CardMediaInfo } from '../cardCommon/CardMediaInfo'
import { CommonConstants } from 'wdConstant/Index';
import { ProcessUtils } from 'wdRouter';

const TAG = 'Card12Component';

/**
 * 人民号-动态---12：人民号无图卡；
 */
@Component
export struct Card12Component {
  @State contentDTO: ContentDTO = {} as ContentDTO;

  aboutToAppear(): void {
  }

  build() {
    Column() {
      // rmh信息
      if  (this.contentDTO.rmhInfo) {
        RmhTitle({ rmhInfo: this.contentDTO.rmhInfo, publishTime: this.contentDTO.publishTime })
      }
      // 标题
      if (this.contentDTO.newsTitle) {
        Text(this.contentDTO.newsTitle)
          .fontSize($r('app.float.font_size_17'))
          .fontColor($r('app.color.color_222222'))
          .width(CommonConstants.FULL_WIDTH)
          .textOverflowStyle(3)
          .margin({ bottom: 8 })
          .height(75)
          .lineHeight(25)
          .fontFamily('PingFang SC-Regular')
      }

      //TODO  底部的：分享、评论、点赞 功能；需要引用一个公共组件
    }
    .padding({
      left: $r('app.float.card_comp_pagePadding_lf'),
      right: $r('app.float.card_comp_pagePadding_lf'),
      top: $r('app.float.card_comp_pagePadding_tb'),
      bottom: $r('app.float.card_comp_pagePadding_tb')
    })
    .onClick((event: ClickEvent) => {
      ProcessUtils.processPage(this.contentDTO)
    })
  }
}

interface radiusType {
  topLeft: number | Resource;
  topRight: number | Resource;
  bottomLeft: number | Resource;
  bottomRight: number | Resource;
}

@Extend(Text)
function textOverflowStyle(maxLine: number) {
  .maxLines(maxLine)
  .textOverflow({ overflow: TextOverflow.Ellipsis })
}