feat(module: all): export components API publicly (#389)

components/accordion/index.ts

@@ -0,0 +1 @@
+export * from './public-api';

components/accordion/public-api.ts

@@ -0,0 +1,4 @@
+export * from './accordion.module';
+export * from './accordion.service';
+export * from './accordion.component';
+export * from './accordion-group/accordion-group.component';

components/action-sheet/index.ts

@@ -0,0 +1 @@
+export * from './public-api';

components/action-sheet/public-api.ts

@@ -0,0 +1,5 @@
+export * from './action-sheet.module';
+export * from './action-sheet.service';
+export * from './action-sheet.component';
+export * from './action-sheet-subject.service';
+export * from './action-sheet-options.provider';

components/activity-indicator/index.ts

@@ -0,0 +1 @@
+export * from './public-api';

components/activity-indicator/public-api.ts

@@ -0,0 +1,2 @@
+export * from './activity-indicator.module';
+export * from './activity-indicator.component';

components/badge/index.ts

@@ -0,0 +1 @@
+export * from './public-api';

components/badge/public-api.ts

@@ -0,0 +1,2 @@
+export * from './badge.module';
+export * from './badge.component';

components/button/index.ts

@@ -0,0 +1 @@
+export * from './public-api';

components/button/public-api.ts

@@ -0,0 +1,2 @@
+export * from './button.module';
+export * from './button.component';

components/calendar/calendar.module.ts

@@ -1,38 +1,38 @@
 import { NgModule } from '@angular/core';
 import { CommonModule } from '@angular/common';
+import { IconModule } from '../icon/icon.module';
 import { CalendarComponent } from './calendar.component';
-import { HeaderComponent } from './header/header.component';
-import { DatePickerComponent } from './datepicker/datepicker.component';
-import { TimePickerComponent } from './timepicker/timepicker.component';
-import { WeekPanelComponent } from './week-panel/week-panel.component';
-import { ConfirmPanelComponent } from './confirm-panel/confirm-panel.component';
-import { SingleMonthComponent } from './single-month/single-month.component';
-import { ShortcutPanelComponent } from './shortcut-panel/shortcut-panel.component';
-import { DatePickerViewModule } from '../date-picker-view/date-picker-view.module';
+import { CalendarHeaderComponent } from './header/header.component';
+import { CalendarWeekPanelComponent } from './week-panel/week-panel.component';
+import { CalendarDatePickerComponent } from './datepicker/datepicker.component';
+import { CalendarTimePickerComponent } from './timepicker/timepicker.component';
 import { LocaleProviderModule } from '../locale-provider/locale-provider.module';
-import { IconModule } from '../icon/icon.module';
+import { DatePickerViewModule } from '../date-picker-view/date-picker-view.module';
+import { CalendarSingleMonthComponent } from './single-month/single-month.component';
+import { CalendarConfirmPanelComponent } from './confirm-panel/confirm-panel.component';
+import { CalendarShortcutPanelComponent } from './shortcut-panel/shortcut-panel.component';
 
 @NgModule({
   imports: [CommonModule, IconModule, DatePickerViewModule, LocaleProviderModule],
   declarations: [
     CalendarComponent,
-    HeaderComponent,
-    DatePickerComponent,
-    WeekPanelComponent,
-    SingleMonthComponent,
-    ConfirmPanelComponent,
-    TimePickerComponent,
-    ShortcutPanelComponent
+    CalendarHeaderComponent,
+    CalendarWeekPanelComponent,
+    CalendarDatePickerComponent,
+    CalendarTimePickerComponent,
+    CalendarSingleMonthComponent,
+    CalendarConfirmPanelComponent,
+    CalendarShortcutPanelComponent
   ],
   exports: [
     CalendarComponent,
-    HeaderComponent,
-    DatePickerComponent,
-    WeekPanelComponent,
-    SingleMonthComponent,
-    ConfirmPanelComponent,
-    TimePickerComponent,
-    ShortcutPanelComponent
+    CalendarHeaderComponent,
+    CalendarWeekPanelComponent,
+    CalendarDatePickerComponent,
+    CalendarTimePickerComponent,
+    CalendarSingleMonthComponent,
+    CalendarConfirmPanelComponent,
+    CalendarShortcutPanelComponent
   ],
   providers: [LocaleProviderModule]
 })

components/calendar/confirm-panel/PropsType.ts

@@ -0,0 +1,12 @@
+import { Models } from '../date/DataTypes';
+
+export interface CalendarConfirmPanelPropsType {
+  type?: 'one' | 'range';
+  locale: Models.Locale;
+  onlyConfirm?: boolean;
+  disableBtn?: boolean;
+  startDateTime?: Date;
+  endDateTime?: Date;
+  formatStr?: string;
+  onConfirm: () => void;
+}

components/calendar/confirm-panel/confirm-panel.component.ts

@@ -1,28 +1,17 @@
 import { Component, ViewEncapsulation, Input, HostBinding } from '@angular/core';
 import { formatDate } from '../util/index';
-import { Models } from '../date/DataTypes';
-
-export interface ConfirmPanelPropsType {
-  type?: 'one' | 'range';
-  locale: Models.Locale;
-  onlyConfirm?: boolean;
-  disableBtn?: boolean;
-  startDateTime?: Date;
-  endDateTime?: Date;
-  formatStr?: string;
-  onConfirm: () => void;
-}
+import { CalendarConfirmPanelPropsType } from './PropsType';
 
 @Component({
   selector: 'CalendarConfirmPanel, nzm-calendar-confirm-panel',
   templateUrl: './confirm-panel.component.html',
   encapsulation: ViewEncapsulation.None
 })
 
-export class ConfirmPanelComponent {
+export class CalendarConfirmPanelComponent {
   props = {
     formatStr: 'yyyy-MM-dd hh:mm'
-  } as ConfirmPanelPropsType;
+  } as CalendarConfirmPanelPropsType;
   startTimeStr: string;
   endTimeStr: string;
   btnCls: string;
@@ -59,7 +48,7 @@ export class ConfirmPanelComponent {
 
   @HostBinding('class.confirm-panel') confirmPane: boolean = true;
 
-  constructor() {}
+  constructor() { }
 
   formatTime() {
     const { type, locale, disableBtn } = this.props;

components/calendar/datepicker/datepicker.component.html

@@ -9,10 +9,10 @@
   <div #panel [ngStyle]="{transform: transform}">
     <div *ngIf="canLoadPrev()" class="load-tip">{{props.locale.loadPrevMonth}}</div>
     <div class="months">
-      <SingleMonth *ngFor="let item of visibleMonth;let i = index;"
+      <CalendarSingleMonth *ngFor="let item of visibleMonth;let i = index;"
                    style="display: block;"
                    [data]="item.component"
-      ></SingleMonth>
+      ></CalendarSingleMonth>
     </div>
   </div>
 </div>

components/calendar/datepicker/datepicker.component.ts

@@ -7,7 +7,7 @@ import DatePicker from './datepicker.base.component';
   templateUrl: './datepicker.component.html',
   encapsulation: ViewEncapsulation.None
 })
-export class DatePickerComponent extends DatePicker implements OnInit {
+export class CalendarDatePickerComponent extends DatePicker implements OnInit {
   constructor() {
     super();
   }

components/calendar/header/header.component.ts

@@ -14,7 +14,7 @@ import { Models } from '../date/DataTypes';
   templateUrl: './header.component.html',
   encapsulation: ViewEncapsulation.None
 })
-export class HeaderComponent {
+export class CalendarHeaderComponent {
   title: string;
   closeIcon_component: boolean = false;
   clearIcon: any;

components/calendar/index.ts

@@ -0,0 +1 @@
+export * from './public-api';

components/calendar/locale/index.ts

@@ -0,0 +1,4 @@
+export { default as en_US } from './en_US';
+export { default as sv_SE } from './pt_BR';
+export { default as zh_CN } from './zh_CN';
+export { default as da_DK } from './da_DK';

components/calendar/public-api.ts

@@ -0,0 +1,17 @@
+export * from './util/index';
+export * from './date/DataTypes';
+export * from './calendar.module';
+export * from './calendar.component';
+export * from './header/header.component';
+export * from './calendar.props.component';
+export * from './datepicker/datepicker.component';
+export * from './week-panel/week-panel.component';
+export * from './timepicker/PropsType';
+export * from './timepicker/timepicker.component';
+export * from './single-month/PropsType';
+export * from './single-month/single-month.component';
+export * from './datepicker/datepicker.props.component';
+export * from './confirm-panel/PropsType';
+export * from './confirm-panel/confirm-panel.component';
+export * from './shortcut-panel/PropsType';
+export * from './shortcut-panel/shortcut-panel.component';

components/calendar/shortcut-panel/PropsType.ts

@@ -0,0 +1,6 @@
+import { Models } from '../date/DataTypes';
+
+export interface CalendarShortcutPanelPropsType {
+  locale: Models.Locale;
+  onSelect: (startDate?: Date, endDate?: Date) => void;
+}

components/calendar/shortcut-panel/shortcut-panel.component.ts

@@ -1,18 +1,13 @@
 import { Component, ViewEncapsulation, HostBinding, Input } from '@angular/core';
-import { Models } from '../date/DataTypes';
-
-export interface PropsType {
-  locale: Models.Locale;
-  onSelect: (startDate?: Date, endDate?: Date) => void;
-}
+import { CalendarShortcutPanelPropsType } from './PropsType';
 
 @Component({
   selector: 'CalendarShortcutPanel, nzm-calendar-shortcut-panel',
   templateUrl: './shortcut-panel.component.html',
   encapsulation: ViewEncapsulation.None
 })
-export class ShortcutPanelComponent {
-  props = {} as PropsType;
+export class CalendarShortcutPanelComponent {
+  props = {} as CalendarShortcutPanelPropsType;
 
   @Input()
   set locale(value) {
@@ -25,7 +20,7 @@ export class ShortcutPanelComponent {
 
   @HostBinding('class.shortcut-panel') shortcutPanel: boolean = true;
 
-  constructor() {}
+  constructor() { }
 
   onClick = (type: string) => {
     const { onSelect } = this.props;

components/calendar/single-month/PropsType.ts

@@ -0,0 +1,10 @@
+import { Models } from '../date/DataTypes';
+
+export interface CalendarSingleMonthPropsType {
+  locale: Models.Locale;
+  monthData: Models.MonthData;
+  rowSize?: 'normal' | 'xl';
+  getDateExtra?: (date: Date) => Models.ExtraData;
+  onCellClick?: (data: Models.CellData, monthData: Models.MonthData) => void;
+  ref: any;
+}

components/calendar/single-month/single-month.component.ts

@@ -1,24 +1,16 @@
 import { Component, OnInit, ViewEncapsulation, HostBinding, Input, ElementRef, AfterViewInit } from '@angular/core';
 import { Models } from '../date/DataTypes';
-
-export interface PropsType {
-  locale: Models.Locale;
-  monthData: Models.MonthData;
-  rowSize?: 'normal' | 'xl';
-  getDateExtra?: (date: Date) => Models.ExtraData;
-  onCellClick?: (data: Models.CellData, monthData: Models.MonthData) => void;
-  ref: any;
-}
+import { CalendarSingleMonthPropsType } from './PropsType';
 
 @Component({
-  selector: 'SingleMonth, nzm-single-month',
+  selector: 'CalendarSingleMonth, nzm-single-month',
   templateUrl: './single-month.component.html',
   encapsulation: ViewEncapsulation.None
 })
-export class SingleMonthComponent implements OnInit, AfterViewInit {
+export class CalendarSingleMonthComponent implements OnInit, AfterViewInit {
   props = {
     rowSize: 'normal'
-  } as PropsType;
+  } as CalendarSingleMonthPropsType;
 
   state = {
     weekComponents: []
@@ -36,7 +28,7 @@ export class SingleMonthComponent implements OnInit, AfterViewInit {
 
   @HostBinding('class.single-month') singleMonth: boolean = true;
 
-  constructor(private _elementRef: ElementRef) {}
+  constructor(private _elementRef: ElementRef) { }
 
   genWeek = (weeksData: Models.CellData[], index: number) => {
     const { getDateExtra, monthData, onCellClick, locale, rowSize } = this.props;

components/calendar/timepicker/PropsType.ts

@@ -0,0 +1,16 @@
+import { Models } from '../date/DataTypes';
+
+export interface CalendarTimePickerPropsType {
+  locale: Models.Locale;
+  prefixCls?: string;
+  pickerPrefixCls?: string;
+  title?: string;
+  defaultValue?: Date;
+  value?: Date;
+  onValueChange?: (time: Date) => void;
+  mode?: string;
+  minDate?: Date;
+  maxDate?: Date;
+  clientHeight?: number;
+  datePickerViewLocale?: any;
+}

components/calendar/timepicker/timepicker.component.ts

@@ -1,43 +1,28 @@
 import { Component, ViewEncapsulation, Input, HostBinding } from '@angular/core';
-import { Models } from '../date/DataTypes';
-import { zh_CN, en_US } from '../../locale-provider/languages';
-
-export interface PropsType {
-  locale: Models.Locale;
-  prefixCls?: string;
-  pickerPrefixCls?: string;
-  title?: string;
-  defaultValue?: Date;
-  value?: Date;
-  onValueChange?: (time: Date) => void;
-  mode?: string;
-  minDate?: Date;
-  maxDate?: Date;
-  clientHeight?: number;
-  datePickerViewLocale?: any;
-}
+import { zh_CN, en_US } from '../../locale-provider/locale';
+import { CalendarTimePickerPropsType } from './PropsType';
 
 @Component({
   selector: 'CalendarTimePicker, nzm-calendar-time-picker',
   templateUrl: './timepicker.component.html',
   encapsulation: ViewEncapsulation.None
 })
-export class TimePickerComponent {
+export class CalendarTimePickerComponent {
   defaultProps = {
     minDate: new Date(0, 0, 0, 0, 0),
     maxDate: new Date(9999, 11, 31, 23, 59, 59),
     defaultValue: new Date(2000, 1, 1, 8),
     mode: 'time',
     datePickerViewLocale: zh_CN
-  } as PropsType;
+  } as CalendarTimePickerPropsType;
 
   props = {
     minDate: new Date(0, 0, 0, 0, 0),
     maxDate: new Date(9999, 11, 31, 23, 59, 59),
     defaultValue: new Date(2000, 1, 1, 8),
     mode: 'time',
     datePickerViewLocale: zh_CN
-  } as PropsType;
+  } as CalendarTimePickerPropsType;
 
   selfHeight: string;
 
@@ -88,9 +73,9 @@ export class TimePickerComponent {
   @HostBinding('class.time-picker')
   timePicker: boolean = true;
 
-  constructor() {}
+  constructor() { }
 
-  onDateChange = (date: {date: Date, index: number}) => {
+  onDateChange = (date: { date: Date, index: number }) => {
     const { onValueChange } = this.props;
     onValueChange && onValueChange(date.date);
   }

components/calendar/week-panel/week-panel.component.ts

@@ -6,7 +6,7 @@ import { Models } from '../date/DataTypes';
   templateUrl: './week-panel.component.html',
   encapsulation: ViewEncapsulation.None
 })
-export class WeekPanelComponent implements OnInit {
+export class CalendarWeekPanelComponent implements OnInit {
   constructor() {}
 
   week: string[] = ['日', '一', '二', '三', '四', '五', '六'];

components/card/index.ts

@@ -0,0 +1 @@
+export * from './public-api';