import { hilog } from '@kit.PerformanceAnalysisKit';
import { edgeColors, display, AppStorageV2 } from '@kit.ArkUI';
import { TitleTab } from './TitleLayout/TitleTab'
import { LeftSideTab } from './LeftSideTab'
import { ModelViewTab } from './modelViewTab'
import { TitleColumnSub } from './TitleLayout/TitleColumnSub'
import { MainWindowInfo } from './AppStorageV2Class'

const DOMAIN = 0x0000;

@Entry
@ComponentV2
struct Index {
  @Local mwInfo: MainWindowInfo = AppStorageV2.connect<MainWindowInfo>(MainWindowInfo, () => new MainWindowInfo())!;

  build() {
    //OpenCAX主界面整体布局,采用多行布局
    Column({ space: 0 }) {
      //头部导航功能区
      TitleTab()
        .height(this.mwInfo.mainWindowHeight * 0.08)
        .borderWidth(2)
        .borderRadius(5)

      //工具栏
      Row() {
        TitleColumnSub();
      }
      .width('100%')
      .height(this.mwInfo.mainWindowHeight * 0.03)
      .borderWidth(2)
      .borderRadius(5)
      .align(Alignment.Start)

      Row() {
        //左侧边导航区
        LeftSideTab().width("15%");
        //中间操作区域
        Row() {
          ModelViewTab()
        }.width('90%')
         .borderWidth(1)
         .align(Alignment.Center)
      }.width('100%')
      .height(this.mwInfo.mainWindowHeight * 0.38)
      .borderWidth(2)
      .borderRadius(5)
      .margin({
        top: -2,
        left: 0,
        bottom: 0,
        right: 0
      })

      Column() {
        Text('状态栏')
      }.width('100%')
      .height(this.mwInfo.mainWindowHeight * 0.05)
      .borderWidth(1)
    }.width('100%')
     .height('100%')
  }
}