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

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

export class StepsDocComponent implements OnInit , OnDestroy{
	apiPath = './docs/components/steps-doc/steps.api.json';
	doc_1 = {
		title: "简单",
		intro: `简单的步骤条`,
		htmlPath: './docs/components/steps-doc/steps-doc-1/steps-doc-1.component.html',
		tsPath: './docs/components/steps-doc/steps-doc-1/steps-doc-1.component.ts'
    }
    doc_2 = {
		title: "迷你版",
		intro: `迷你版的步骤条，通过设置 size="small" 启用.`,
		htmlPath: './docs/components/steps-doc/steps-doc-2/steps-doc-2.component.html',
		tsPath: './docs/components/steps-doc/steps-doc-2/steps-doc-2.component.ts'
    }
    doc_3 = {
		title: "带图标的步骤条",
		intro: `通过设置 nz-step 的 icon 属性，可以启用自定义图标。`,
		htmlPath: './docs/components/steps-doc/steps-doc-3/steps-doc-3.component.html',
		tsPath: './docs/components/steps-doc/steps-doc-3/steps-doc-3.component.ts'
	}
    doc_4 = {
		title: "步骤切换 ",
		intro: `通常配合内容及按钮使用，表示一个流程的处理进度.`,
		htmlPath: './docs/components/steps-doc/steps-doc-4/steps-doc-4.component.html',
		tsPath: './docs/components/steps-doc/steps-doc-4/steps-doc-4.component.ts'
    }
    doc_5 = {
		title: "竖直方向的步骤条",
		intro: `简单的竖直方向的步骤条。`,
		htmlPath: './docs/components/steps-doc/steps-doc-5/steps-doc-5.component.html',
		tsPath: './docs/components/steps-doc/steps-doc-5/steps-doc-5.component.ts'
    }
    doc_6 = {
		title: "竖直方向的小型步骤条",
		intro: `简单的竖直方向的小型步骤条。`,
		htmlPath: './docs/components/steps-doc/steps-doc-6/steps-doc-6.component.html',
		tsPath: './docs/components/steps-doc/steps-doc-6/steps-doc-6.component.ts'
	}
      doc_7 = {
		title: "步骤运行错误",
		intro: `使用Steps的status属性来指定当前步骤的状态。`,
		htmlPath: './docs/components/steps-doc/steps-doc-7/steps-doc-7.component.html',
		tsPath: './docs/components/steps-doc/steps-doc-7/steps-doc-7.component.ts'
    }
    doc_8 = {
		title: "点状步骤条",
		intro: `包含步骤点的进度条。`,
		htmlPath: './docs/components/steps-doc/steps-doc-8/steps-doc-8.component.html',
		tsPath: './docs/components/steps-doc/steps-doc-8/steps-doc-8.component.ts'
	}
    constructor() {
    }

    ngOnInit() {

    }
    ngOnDestroy(){

    }
}