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

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

export class InputDocComponent implements OnInit {
    apiPath = './docs/components/input-doc/input.api.json';

    doc_1 = {
        title: "基本使用",
        intro: `基本使用`,
        htmlPath: './docs/components/input-doc/input-doc-1/input-doc-1.component.html',
        tsPath: './docs/components/input-doc/input-doc-1/input-doc-1.component.ts'
    }

    doc_2 = {
        title: "三种大小",
        intro: `我们为 nz-input 输入框定义了三种尺寸（大、默认、小），高度分别为 32px、28px 和 22px。
                注意： 在表单里面，我们只使用大尺寸的输入框。`,
        htmlPath: './docs/components/input-doc/input-doc-2/input-doc-2.component.html',
        tsPath: './docs/components/input-doc/input-doc-2/input-doc-2.component.ts'
    }

    doc_3 = {
        title: "前置/后置标签",
        intro: `用于配置一些固定组合`,
        htmlPath: './docs/components/input-doc/input-doc-3/input-doc-3.component.html',
        tsPath: './docs/components/input-doc/input-doc-3/input-doc-3.component.ts'
    }

    doc_4 = {
        title: "搜索框",
        intro: `带有搜索按钮的输入框。`,
        htmlPath: './docs/components/input-doc/input-doc-4/input-doc-4.component.html',
        tsPath: './docs/components/input-doc/input-doc-4/input-doc-4.component.ts'
    }

    doc_5 = {
        title: "前缀与后缀",
        intro: `在输入框上添加前缀或后缀图标。`,
        htmlPath: './docs/components/input-doc/input-doc-5/input-doc-5.component.html',
        tsPath: './docs/components/input-doc/input-doc-5/input-doc-5.component.ts'
    }

    doc_6 = {
        title: "适应文本高度的文本域",
        intro: `nzAutosize 属性适用于 textarea 节点，并且只有高度会自动变化。另外 nzAutosize 可以设定为一个对象，指定最小行数和最大行数`,
        htmlPath: './docs/components/input-doc/input-doc-6/input-doc-6.component.html',
        tsPath: './docs/components/input-doc/input-doc-6/input-doc-6.component.ts'
    }

    doc_7 = {
        title: "输入框组合",
        intro: `输入框的组合展现。`,
        htmlPath: './docs/components/input-doc/input-doc-7/input-doc-7.component.html',
        tsPath: './docs/components/input-doc/input-doc-7/input-doc-7.component.ts'
    }

    doc_8 = {
        title: "文本域",
        intro: `用于多行输入，指定 nzType 为一个特殊的 textarea。可以用 nzRows 或是 nzAutosize 来控制框的高度。`,
        htmlPath: './docs/components/input-doc/input-doc-8/input-doc-8.component.html',
        tsPath: './docs/components/input-doc/input-doc-8/input-doc-8.component.ts'
    }

    constructor() {
    }

    ngOnInit() {

    }
}