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

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

export class SliderDocComponent implements OnInit,OnDestroy{
apiPath = './docs/components/slider-doc/slider.api.json';
	doc_1 = {
		title: "基本",
		intro: `基本滑动条。当 range 为 true 时，渲染为双滑块。当 disabled 为 true 时，滑块处于不可用状态。`,
		htmlPath: './docs/components/slider-doc/slider-doc-1/slider-doc-1.component.html',
		tsPath: './docs/components/slider-doc/slider-doc-1/slider-doc-1.component.ts'
	}

	doc_2 = {
		title: "带输入框的滑块",
		intro: `和 数字输入框 组件保持同步。`,
		htmlPath: './docs/components/slider-doc/slider-doc-2/slider-doc-2.component.html',
		tsPath: './docs/components/slider-doc/slider-doc-2/slider-doc-2.component.ts'
	}

	doc_3 = {
		title: "带 icon 的滑块",
		intro: `滑块左右可以设置图标来表达业务含义。`,
		htmlPath: './docs/components/slider-doc/slider-doc-3/slider-doc-3.component.html',
		tsPath: './docs/components/slider-doc/slider-doc-3/slider-doc-3.component.ts'
	}

	doc_4 = {
		title: "自定义提示",
		intro: `使用 nzTipFormatter 可以格式化 Tooltip 的内容，设置 [nzTipFormatter]="null"，则隐藏 Tooltip。`,
		htmlPath: './docs/components/slider-doc/slider-doc-4/slider-doc-4.component.html',
		tsPath: './docs/components/slider-doc/slider-doc-4/slider-doc-4.component.ts'
	}
	doc_5 = {
		title: "事件",
		intro: `当 Slider 的值发生改变时，会更新 ngModel 所绑定的变量(可通过setter方式或绑定ngModelChange来监测此事件)。在 onmouseup 时，会触发 onAfterChange 事件，并把当前值作为参数传入。`,
		htmlPath: './docs/components/slider-doc/slider-doc-5/slider-doc-5.component.html',
		tsPath: './docs/components/slider-doc/slider-doc-5/slider-doc-5.component.ts'
	}

	doc_6 = {
		title: "带标签的滑块",
		intro: `使用 marks 属性标注分段式滑块，使用 value / defaultValue 指定滑块位置。当 included=false 时，表明不同标记间为并列关系。当 step=null 时，Slider 的可选值仅有 marks 标出来的部分。`,
		htmlPath: './docs/components/slider-doc/slider-doc-6/slider-doc-6.component.html',
		tsPath: './docs/components/slider-doc/slider-doc-6/slider-doc-6.component.ts'
	}

	doc_7 = {
		title: "垂直",
		intro: `垂直方向的 Slider。`,
		htmlPath: './docs/components/slider-doc/slider-doc-7/slider-doc-7.component.html',
		tsPath: './docs/components/slider-doc/slider-doc-7/slider-doc-7.component.ts'
	}

    constructor() {
    }

    ngOnInit() {

    }
    
    ngOnDestroy() {

	}

}