feat(module: date-picker-view): feat indicatorStyle (#104)

* feat(module: date-picker-view): feat indicatorStyle * docs(module:date-picker-view): delete zh-CN in en-US
NG-ZORRO · Nov 14, 2018 · e97acbd · e97acbd
1 parent 90866df
commit e97acbd
Show file tree

Hide file tree

Showing 4 changed files with 6 additions and 2 deletions.
diff --git a/components/date-picker-view/date-picker-view.component.html b/components/date-picker-view/date-picker-view.component.html
@@ -1,5 +1,5 @@
 <div *ngFor="let item of dataWithStr; let i = index" class="am-picker-col">
-  <div class="am-picker-col-indicator " style="top: 102px;"></div>
+  <div class="am-picker-col-indicator " style="top: 102px;" [ngStyle]="indicatorStyle"></div>
   <div id={{i}} class="am-picker-col-mask" style="background-size: 100% 102px;"></div>
   <div class="am-picker-col-content">
     <div id={{i}} *ngFor="let val of item; let i = index" class="am-picker-col-item">{{val.label?val.label:val}}</div>

diff --git a/components/date-picker-view/date-picker-view.component.ts b/components/date-picker-view/date-picker-view.component.ts
@@ -30,6 +30,8 @@ export class DatePickerViewComponent extends DatePickerComponent implements OnIn
   @Input()
   disabled: boolean = false;
   @Input()
+  indicatorStyle: object = {};
+  @Input()
   get locale() {
     return this.options.locale;
   }

diff --git a/components/date-picker-view/doc/index.en-US.md b/components/date-picker-view/doc/index.en-US.md
@@ -15,6 +15,7 @@ Properties | Descrition | Type | Default
 | minDate   | minimum date | Date  |  2000-1-1  |
 | maxDate   | maximum date | Date  |  2030-1-1  |
 | locale   | international, can override the configuration of the global `[LocaleProvider](https://ng.mobile.ant.design/components/locale-provider/en)` | Object: {DatePickerLocale: {year, month, day, hour, minute, am?, pm?}, okText, dismissText} |  -  |
-| disabled   | 是否不可用      | Boolean |    false  |
+| disabled   | disabled      | Boolean |    false  |
 | onChange  | change handler | (date: Object): void |  -  |
 | onValueChange | fire when picker col change | (vals: any, index: number) => void | - |
+| indicatorStyle  | style of indicator | Object | - |
diff --git a/components/date-picker-view/doc/index.zh-CN.md b/components/date-picker-view/doc/index.zh-CN.md
@@ -19,3 +19,4 @@ DatePickerView 的功能类似于 DatePicker ，但它是直接渲染在区域
 | disabled   | 是否不可用      | Boolean |    false  |
 | onChange   | 时间发生变化的回调函数  | (date: Object): void | - |
 | onValueChange | 每列 picker 改变时的回调 | (vals: any, index: number) => void | - |
+| indicatorStyle  | style of indicator | Object | - |