import {
	Component,
	OnInit,
	Input,
	OnDestroy,
	Output,
	EventEmitter
} from '@angular/core';

@Component({
	selector: 'cm-dropdown-doc',
	templateUrl: './dropdown-doc.component.html',
	styleUrls: ['./dropdown-doc.component.css']
})

export class DropdownDocComponent implements OnInit {
	apiPath = './docs/components/dropdown-doc/dropdown.api.json';
	doc_1 = {
		title: "基本",
		intro: `最简单的下拉菜单。`,
		htmlPath: './docs/components/dropdown-doc/dropdown-doc-1/dropdown-doc-1.component.html',
		tsPath: './docs/components/dropdown-doc/dropdown-doc-1/dropdown-doc-1.component.ts'
	}
		doc_2 = {
		title: "弹出位置",
		intro: `支持 6 个弹出位置。`,
		htmlPath: './docs/components/dropdown-doc/dropdown-doc-2/dropdown-doc-2.component.html',
		tsPath: './docs/components/dropdown-doc/dropdown-doc-2/dropdown-doc-2.component.ts'
	}
			doc_3 = {
		title: "其他元素",
		intro: `分割线和不可用菜单项。`,
		htmlPath: './docs/components/dropdown-doc/dropdown-doc-3/dropdown-doc-3.component.html',
		tsPath: './docs/components/dropdown-doc/dropdown-doc-3/dropdown-doc-3.component.ts'
	}
	doc_4 = {
		title: "触发方式",
		intro: `默认是移入触发菜单，可以点击触发。`,
		htmlPath: './docs/components/dropdown-doc/dropdown-doc-4/dropdown-doc-4.component.html',
		tsPath: './docs/components/dropdown-doc/dropdown-doc-4/dropdown-doc-4.component.ts'
	}
		doc_5 = {
		title: "触发事件",
		intro: `点击菜单项后会触发事件。`,
		htmlPath: './docs/components/dropdown-doc/dropdown-doc-5/dropdown-doc-5.component.html',
		tsPath: './docs/components/dropdown-doc/dropdown-doc-5/dropdown-doc-5.component.ts'
	}
			doc_6 = {
		title: "带下拉框的按钮",
		intro: `左边是按钮，右边是额外的相关功能菜单。`,
		htmlPath: './docs/components/dropdown-doc/dropdown-doc-6/dropdown-doc-6.component.html',
		tsPath: './docs/components/dropdown-doc/dropdown-doc-6/dropdown-doc-6.component.ts'
	}
	doc_7 = {
		title: "多级菜单",
		intro: `传入的菜单里有多个层级。`,
		htmlPath: './docs/components/dropdown-doc/dropdown-doc-7/dropdown-doc-7.component.html',
		tsPath: './docs/components/dropdown-doc/dropdown-doc-7/dropdown-doc-7.component.ts'
	}
		doc_8 = {
		title: "菜单隐藏方式 ",
		intro: `默认是点击关闭菜单，可以关闭此功能。`,
		htmlPath: './docs/components/dropdown-doc/dropdown-doc-8/dropdown-doc-8.component.html',
		tsPath: './docs/components/dropdown-doc/dropdown-doc-8/dropdown-doc-8.component.ts'
	}
	
	constructor() {}

	ngOnInit() {

	}
	 ngOnDestroy() {

    }

}