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

@Component({
    selector: 'cm-checkbox-doc',
    templateUrl: './checkbox-doc.component.html',
    styleUrls: ['./checkbox-doc.component.css']
})
export class CheckboxDocComponent implements OnInit {
    apiPath = './docs/components/checkbox-doc/checkbox.api.json';

    doc_1 = {
        title: "基本用法",
        intro: `简单的checkbox`,
        htmlPath: './docs/components/checkbox-doc/checkbox-doc-1/checkbox-doc-1.component.html',
        tsPath: './docs/components/checkbox-doc/checkbox-doc-1/checkbox-doc-1.component.ts'
    }

    doc_2 = {
        title: "不可用",
        intro: `checkbox不可用`,
        htmlPath: './docs/components/checkbox-doc/checkbox-doc-2/checkbox-doc-2.component.html',
        tsPath: './docs/components/checkbox-doc/checkbox-doc-2/checkbox-doc-2.component.ts'
    }

    doc_3 = {
        title: "和外部组件通信",
        intro: `联动 checkbox。`,
        htmlPath: './docs/components/checkbox-doc/checkbox-doc-3/checkbox-doc-3.component.html',
        tsPath: './docs/components/checkbox-doc/checkbox-doc-3/checkbox-doc-3.component.ts'
    }

    doc_4 = {
        title: "Checkbox 组",
        intro: `方便的从数组生成 Checkbox 组。`,
        htmlPath: './docs/components/checkbox-doc/checkbox-doc-4/checkbox-doc-4.component.html',
        tsPath: './docs/components/checkbox-doc/checkbox-doc-4/checkbox-doc-4.component.ts'
    }

    doc_5 = {
        title: "全选",
        intro: `在实现全选效果时，你可能会用到 nzIndeterminate 属性。`,
        htmlPath: './docs/components/checkbox-doc/checkbox-doc-5/checkbox-doc-5.component.html',
        tsPath: './docs/components/checkbox-doc/checkbox-doc-5/checkbox-doc-5.component.ts'
    }

    constructor() {
    }

    ngOnInit() {

    }
}