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


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


export class MenuDocComponent implements OnInit,OnDestroy{
	apiPath = './docs/components/menu-doc/menu.api.json';
	doc_1 = {
		title: "顶部导航",
		intro: `水平的顶部导航菜单。`,
		htmlPath: './docs/components/menu-doc/menu-doc-1/menu-doc-1.component.html',
		tsPath: './docs/components/menu-doc/menu-doc-1/menu-doc-1.component.ts'
	}

	doc_2 = {
		title: "内嵌菜单",
		intro: `垂直菜单，子菜单内嵌在菜单区域。`,
		htmlPath: './docs/components/menu-doc/menu-doc-2/menu-doc-2.component.html',
		tsPath: './docs/components/menu-doc/menu-doc-2/menu-doc-2.component.ts'
	}

	doc_3 = {
		title: "缩起内嵌菜单",
		intro: `内嵌菜单可以被缩起/展开。`,
		htmlPath: './docs/components/menu-doc/menu-doc-3/menu-doc-3.component.html',
		tsPath: './docs/components/menu-doc/menu-doc-3/menu-doc-3.component.ts'
	}

	doc_4 = {
		title: "只展开当前父级菜单",
		intro: `控制菜单开合，点击菜单，收起其他展开的所有菜单，保持菜单聚焦简洁。`,
		htmlPath: './docs/components/menu-doc/menu-doc-4/menu-doc-4.component.html',
		tsPath: './docs/components/menu-doc/menu-doc-4/menu-doc-4.component.ts'
	}
	doc_5 = {
		title: "垂直菜单",
		intro: `子菜单是弹出的形式。`,
		htmlPath: './docs/components/menu-doc/menu-doc-5/menu-doc-5.component.html',
		tsPath: './docs/components/menu-doc/menu-doc-5/menu-doc-5.component.ts'
	}

	// doc_6 = {
	// 	title: "主题",
	// 	intro: `内建了两套主题 light|dark默认 light`,
	// 	htmlPath: './docs/components/menu-doc/menu-doc-6/menu-doc-6.component.html',
	// 	tsPath: './docs/components/menu-doc/menu-doc-6/menu-doc-6.component.ts'
	// }

	doc_7 = {
		title: "切换菜单类型",
		intro: `展示动态切换模式。`,
		htmlPath: './docs/components/menu-doc/menu-doc-7/menu-doc-7.component.html',
		tsPath: './docs/components/menu-doc/menu-doc-7/menu-doc-7.component.ts'
	}

	doc_8 = {
		title: "树状菜单",
		intro: `右键弹出菜单项`,
		htmlPath: './docs/components/menu-doc/menu-doc-8/menu-doc-8.component.html',
		tsPath: './docs/components/menu-doc/menu-doc-8/menu-doc-8.component.ts'
	}
	
	
    constructor() {

    }

    ngOnInit() {

    }
	ngOnDestroy() {

	}
}