feat(module:popover): feat add autoClose to set click popover item to…

… close popvoer (#130)
NG-ZORRO · Dec 3, 2018 · 71ea780 · 71ea780
1 parent 26bbe53
commit 71ea780
Show file tree

Hide file tree

Showing 4 changed files with 11 additions and 2 deletions.
diff --git a/components/popover/doc/index.en-US.md b/components/popover/doc/index.en-US.md
@@ -21,6 +21,7 @@ Properties | Descrition | Type | Default
 | overlay   | Popup layer content  | TemplateRef |  -   |
 | onSelect   | when an option is selected    | (node: any, index?: number): void |  -   |
 | className | Custom popover class, e.g. "am-popover-${your className}" | string | am-popover | 
+| autoClose | set click popover item to close popvoer | Boolean | true |
 
 ### Popover.Item
 

diff --git a/components/popover/doc/index.zh-CN.md b/components/popover/doc/index.zh-CN.md
@@ -22,6 +22,7 @@ subtitle: 气泡
 | overlay   | 弹出层内容    | TemplateRef |  -   |
 | onSelect   | 选中某选项时的回调函数    | (node: any, index?: number): void |  -   |
 | className | 传入自定义class, e.g. "am-popover-${your className}"  | string | am-popover | 
+| autoClose | 是否使用点击popover元素关闭popover | Boolean | true |
 
 ### Popover.Item
 

diff --git a/components/popover/popover-options.provider.ts b/components/popover/popover-options.provider.ts
@@ -4,6 +4,7 @@ export interface PopoverOptionsInterface {
   placement?: string;
   appendToBody?: boolean;
   className?: string;
+  autoClose?: boolean;
 }
 
 export class PopoverOptions implements PopoverOptionsInterface {
@@ -12,4 +13,5 @@ export class PopoverOptions implements PopoverOptionsInterface {
   placement: string = 'bottom';
   appendToBody: boolean = false;
   className: string = '';
+  autoClose: boolean = true;
 }
diff --git a/components/popover/popover.directive.ts b/components/popover/popover.directive.ts
@@ -49,6 +49,8 @@ export class PopoverDirective implements OnInit, OnChanges, OnDestroy {
   appendToBody: boolean;
   @Input()
   className: string;
+  @Input()
+  autoClose: boolean;
 
   @HostListener('click')
   togglePopover(): void {
@@ -149,7 +151,9 @@ export class PopoverDirective implements OnInit, OnChanges, OnDestroy {
                 () => {
                   if (this.onSelect) {
                     this.onSelect.emit(children[i]);
-                    this.hidePopover();
+                    if (options.autoClose) {
+                      this.hidePopover();
+                    }
                   }
                 },
                 false
@@ -165,7 +169,8 @@ export class PopoverDirective implements OnInit, OnChanges, OnDestroy {
         'placement',
         'appendToBody',
         'overlay',
-        'className'
+        'className',
+        'autoClose'
       ];
       optionalParams.forEach(param => {
         if (typeof this[param] !== 'undefined') {