import { Component, OnInit } from '@angular/core';
import { Propertiy } from 'src/app/interface/propertiy-interface';
import { Others } from 'src/app/interface/ohters-interface';
@Component({
  selector: 'app-dropdown-demo',
  templateUrl: './dropdown-demo.component.html'
})
export class DropdownDemoComponent implements OnInit {
  test001 = true;
  codePath = {
    baseDemo: 'assets/codes/dropdownmenu/basedemo',
    iconDemo: 'assets/codes/dropdownmenu/iconmenu',
    diffDemo: 'assets/codes/dropdownmenu/diffmenu',
    multiDemo: 'assets/codes/dropdownmenu/multidemo'
  };

  fDropdownProperties: Array<Propertiy> = [
    {
      name: 'autoRectify',
      value: 'boolean',
      type: '@Input()',
      description: '是否自动纠正下拉菜单显示的位置。默认，是false,按照设置的位置显示下拉菜单。设置为true,按照设定位置显示下拉菜单时，计算位置是否足以显示下拉菜单，自动调整位置。比如：设定朝右显示，空间不够朝左显示。'
    },
    {
      name: 'open',
      value: 'boolean',
      type: '@Input()',
      description: '默认是否展开下拉菜单。'
    },
    {
      name: 'isSubDP',
      value: 'boolean',
      type: '@Input()',
      description: '是否是子下拉菜单。'
    },
    {
      name: 'placement',
      value: 'string',
      type: '@Input()',
      description: '下拉菜单的显示位置。默认为空，下拉菜单显示在下方朝右显示。其他值，top:朝上显示；left:朝左显示；right：朝右显示；bottom-left：在下方显示，朝左显示。'
    }
  ];
  fDropdownEvents: Array<Others> = [
    {
      name: 'dpChangeEvent',
      description:
        '下拉菜单展开收起状态事件。传递参数boolean类型，展开为true,收起为false。'
    }
  ];

  fDropdownToggleProperties: Array<Propertiy> = [
    {
      name: 'dpDisabled',
      value: 'boolean',
      type: '@Input()',
      description: '下拉菜单按钮是否被禁用。默认为false是启用。'
    }
  ];

  dropdownplacements = [{
    "placement": 'bottom',
    "text": '朝下'
  },
  {
    "placement": 'bottom-left',
    "text": '朝下(朝左)'
  },
  {
    "placement": 'top',
    "text": '朝上'
  },
  {
    "placement": 'top-right',
    "text": '朝上(朝右)'
  },
  {
    "placement": 'top-left',
    "text": '朝上(朝左)'
  },
  {
    "placement": 'left',
    "text": '横向-朝左'
  },
  {
    "placement": 'left-bottom',
    "text": '横向-朝左(朝下)'
  },
  {
    "placement": 'left-top',
    "text": '横向-朝左(朝上)'
  }, {
    "placement": 'right',
    "text": '横向-朝右'
  }, {
    "placement": 'right-bottom',
    "text": '横向-朝右(朝下)'
  }, {
    "placement": 'right-top',
    "text": '横向-朝右(朝上)'
  }
  ];
  curPlacement = this.dropdownplacements[0];
  constructor() { }

  ngOnInit() {
  }
  dpSectionState(showHide) {
    // console.log('下拉状态改变：' + (showHide ? '展开' : '収折'));
  }
  changeSelectValue(index){
    this.curPlacement=this.dropdownplacements[index];
  }
}