@ng-nest/ui 12.0.8 → 12.1.1

package/fesm2015/ng-nest-ui-list.js.map

@@ -1 +1 @@
-{"version":3,"file":"ng-nest-ui-list.js","sources":["../../../../lib/ng-nest/ui/list/list.property.ts","../../../../lib/ng-nest/ui/list/list-option.component.ts","../../../../lib/ng-nest/ui/list/list-option.component.html","../../../../lib/ng-nest/ui/list/list.component.ts","../../../../lib/ng-nest/ui/list/list.component.html","../../../../lib/ng-nest/ui/list/list.module.ts","../../../../lib/ng-nest/ui/list/ng-nest-ui-list.ts"],"sourcesContent":["import { XData, XParentIdentityProperty, XDataConvert, XInputNumber, XInputBoolean, XNumber, XBoolean } from '@ng-nest/ui/core';\r\nimport { Input, Output, EventEmitter, Component, TemplateRef, ElementRef } from '@angular/core';\r\nimport { XControlValueAccessor } from '@ng-nest/ui/base-form';\r\n\r\n/**\r\n * List\r\n * @selector x-list\r\n * @decorator component\r\n */\r\nexport const XListPrefix = 'x-list';\r\n\r\n/**\r\n * List Property\r\n */\r\n@Component({ template: '' })\r\nexport class XListProperty extends XControlValueAccessor<any> {\r\n  /**\r\n   * @zh_CN 列表数据\r\n   * @en_US List data\r\n   */\r\n  @Input() @XDataConvert() data: XData<XListNode> = [];\r\n  /**\r\n   * @zh_CN 多选个数\r\n   * @en_US Multiple choice\r\n   */\r\n  @Input() @XInputNumber() multiple: XNumber = 1;\r\n  /**\r\n   * @zh_CN 选中\r\n   * @en_US Selected\r\n   */\r\n  @Input() @XInputBoolean() checked?: XBoolean;\r\n  /**\r\n   * @zh_CN 拖动\r\n   * @en_US Drag\r\n   */\r\n  @Input() @XInputBoolean() drag?: XBoolean;\r\n  /**\r\n   * @zh_CN 当开启多选的时候，ngModel 的值为对象数组\r\n   * @en_US When multiple selection is enabled, the value of ngmodel is an array of objects\r\n   */\r\n  @Input() @XInputBoolean() objectArray?: XBoolean;\r\n  /**\r\n   * @zh_CN 节点模板\r\n   * @en_US Node template\r\n   */\r\n  @Input() nodeTpl?: TemplateRef<any>;\r\n  /**\r\n   * @zh_CN 滚动区域元素\r\n   * @en_US Rolling area element\r\n   */\r\n  @Input() scrollElement?: HTMLElement;\r\n  /**\r\n   * @zh_CN 节点 mouseenter 事件\r\n   * @en_US Node mouseenter event\r\n   */\r\n  @Output() nodeMouseenter = new EventEmitter<XListNode>();\r\n  /**\r\n   * @zh_CN 节点 mouseleave 事件\r\n   * @en_US Node mouseleave event\r\n   */\r\n  @Output() nodeMouseleave = new EventEmitter<XListNode>();\r\n  /**\r\n   * @zh_CN 节点点击事件\r\n   * @en_US Node click event\r\n   */\r\n  @Output() nodeClick = new EventEmitter<XListNode>();\r\n  /**\r\n   * @zh_CN Tab out 事件\r\n   * @en_US Tab Out event\r\n   */\r\n  @Output() keyManagerTabOut = new EventEmitter<void>();\r\n  /**\r\n   * @zh_CN Tab out 事件\r\n   * @en_US Tab Out event\r\n   */\r\n  @Output() keyManagerChange = new EventEmitter<number>();\r\n}\r\n\r\n/**\r\n * @zh_CN List 数据对象\r\n * @en_US List data object\r\n */\r\nexport interface XListNode extends XParentIdentityProperty<any> {\r\n  /**\r\n   * @zh_CN 图标\r\n   * @en_US Iicon\r\n   */\r\n  icon?: string;\r\n  /**\r\n   * @zh_CN 分割线\r\n   * @en_US Split line\r\n   */\r\n  divided?: boolean;\r\n  /**\r\n   * @zh_CN 事件\r\n   * @en_US Event\r\n   */\r\n  event?: Event;\r\n  /**\r\n   * @zh_CN 悬停\r\n   * @en_US Hover\r\n   */\r\n  hover?: boolean;\r\n  /**\r\n   * @zh_CN 激活\r\n   * @en_US Active\r\n   */\r\n  active?: boolean;\r\n}\r\n\r\n/**\r\n * List Option\r\n * @selector x-list-option\r\n * @decorator component\r\n */\r\nexport const XListOptionPrefix = 'x-list-option';\r\n\r\n/**\r\n * List Option Property\r\n */\r\n@Component({ template: '' })\r\nexport class XListOptionProperty {\r\n  /**\r\n   * @zh_CN 节点参数\r\n   * @en_US Node param\r\n   */\r\n  @Input() node?: XListNode;\r\n  /**\r\n   * @zh_CN 选中\r\n   * @en_US Selected\r\n   */\r\n  @Input() @XInputBoolean() checked?: XBoolean;\r\n  /**\r\n   * @zh_CN 节点模板\r\n   * @en_US Node template\r\n   */\r\n  @Input() nodeTpl?: TemplateRef<any>;\r\n  /**\r\n   * @zh_CN 选中\r\n   * @en_US selected\r\n   */\r\n  @Input() @XInputBoolean() selected?: boolean;\r\n  /**\r\n   * @zh_CN 禁用\r\n   * @en_US disabled\r\n   */\r\n  @Input() @XInputBoolean() disabled?: boolean;\r\n  /**\r\n   * @zh_CN 激活\r\n   * @en_US active\r\n   */\r\n  @Input() @XInputBoolean() active?: boolean;\r\n  /**\r\n   * @zh_CN 图标\r\n   * @en_US icon\r\n   */\r\n  @Input() icon?: string;\r\n  /**\r\n   * @zh_CN 分割线\r\n   * @en_US Split line\r\n   */\r\n  @Input() divided?: boolean;\r\n  /**\r\n   * @zh_CN 标签\r\n   * @en_US label\r\n   */\r\n  @Input() label?: string;\r\n  /**\r\n   * @zh_CN 有子节点\r\n   * @en_US leaf\r\n   */\r\n  @Input() @XInputBoolean() leaf?: boolean;\r\n  /**\r\n   * @zh_CN 有子节点\r\n   * @en_US leaf\r\n   */\r\n  @Output() activeChange = new EventEmitter<boolean>();\r\n}\r\n","import {\r\n  ChangeDetectionStrategy,\r\n  ChangeDetectorRef,\r\n  Component,\r\n  ElementRef,\r\n  HostBinding,\r\n  ViewEncapsulation\r\n} from '@angular/core';\r\nimport { XListOptionPrefix, XListOptionProperty } from './list.property';\r\nimport { Highlightable } from '@angular/cdk/a11y';\r\n\r\n@Component({\r\n  selector: `${XListOptionPrefix}`,\r\n  templateUrl: './list-option.component.html',\r\n  styleUrls: ['./list-option.component.scss'],\r\n  encapsulation: ViewEncapsulation.None,\r\n  changeDetection: ChangeDetectionStrategy.OnPush\r\n})\r\nexport class XListOptionComponent extends XListOptionProperty implements Highlightable {\r\n  @HostBinding('attr.role') role = 'option';\r\n  constructor(public elementRef: ElementRef, private cdr: ChangeDetectorRef) {\r\n    super();\r\n  }\r\n  setActiveStyles(): void {\r\n    this.active = true;\r\n    this.activeChange.emit(this.active);\r\n    this.cdr.detectChanges();\r\n  }\r\n  setInactiveStyles(): void {\r\n    this.active = false;\r\n    this.activeChange.emit(this.active);\r\n    this.cdr.detectChanges();\r\n  }\r\n\r\n  getLabel() {\r\n    return this.label as string;\r\n  }\r\n}\r\n","<div\r\n  class=\"x-list-option\"\r\n  [class.x-selected]=\"selected\"\r\n  [class.x-disabled]=\"disabled\"\r\n  [class.x-active]=\"active\"\r\n  [class.x-list-icon]=\"icon\"\r\n  [class.x-list-divided]=\"divided\"\r\n>\r\n  <span>\r\n    <ng-container *ngIf=\"!nodeTpl\"\r\n      ><x-icon [type]=\"icon\" *ngIf=\"icon\"></x-icon> {{ label }}</ng-container\r\n    >\r\n    <ng-container *ngIf=\"nodeTpl\">\r\n      <ng-template *ngTemplateOutlet=\"nodeTpl; context: { $node: node }\"></ng-template>\r\n    </ng-container>\r\n  </span>\r\n  <x-icon class=\"x-list-leaf\" type=\"fto-chevron-right\" *ngIf=\"leaf\"></x-icon>\r\n  <x-icon class=\"x-list-checked\" type=\"fto-check\" *ngIf=\"checked && !leaf && selected\"></x-icon>\r\n</div>\r\n","import { Subject } from 'rxjs';\r\nimport {\r\n  Component,\r\n  OnInit,\r\n  ViewEncapsulation,\r\n  ChangeDetectionStrategy,\r\n  ChangeDetectorRef,\r\n  Renderer2,\r\n  SimpleChanges,\r\n  OnChanges,\r\n  QueryList,\r\n  ElementRef,\r\n  ViewChild,\r\n  HostBinding,\r\n  HostListener,\r\n  ViewChildren\r\n} from '@angular/core';\r\nimport { XListPrefix, XListNode, XListProperty } from './list.property';\r\nimport {\r\n  XIsChange,\r\n  XSetData,\r\n  XConfigService,\r\n  XIsEmpty,\r\n  XIsUndefined,\r\n  XIsNull\r\n} from '@ng-nest/ui/core';\r\nimport { CdkDragDrop, moveItemInArray } from '@angular/cdk/drag-drop';\r\nimport { XListOptionComponent } from './list-option.component';\r\nimport { ActiveDescendantKeyManager, FocusKeyManager } from '@angular/cdk/a11y';\r\nimport { ENTER } from '@angular/cdk/keycodes';\r\nimport { takeUntil } from 'rxjs/operators';\r\nimport { XValueAccessor } from '@ng-nest/ui/base-form';\r\n\r\n@Component({\r\n  selector: `${XListPrefix}`,\r\n  templateUrl: './list.component.html',\r\n  styleUrls: ['./list.component.scss'],\r\n  encapsulation: ViewEncapsulation.None,\r\n  changeDetection: ChangeDetectionStrategy.OnPush,\r\n  providers: [XValueAccessor(XListComponent)]\r\n})\r\nexport class XListComponent extends XListProperty implements OnInit, OnChanges {\r\n  nodes: XListNode[] = [];\r\n  selectedNodes: XListNode[] = [];\r\n  @ViewChild('listItems') listItems!: ElementRef;\r\n  @ViewChildren(XListOptionComponent)\r\n  options!: QueryList<XListOptionComponent>;\r\n  keyManager!: ActiveDescendantKeyManager<XListOptionComponent>;\r\n\r\n  @HostBinding('attr.role') role = 'listbox';\r\n  @HostBinding('attr.tabindex') tabindex = -1;\r\n\r\n  @HostListener('keydown', ['$event']) keydown($event: KeyboardEvent) {\r\n    this.keyManager.onKeydown($event);\r\n    const activeIndex = this.keyManager.activeItemIndex as number;\r\n    if ($event.keyCode === ENTER && !XIsUndefined(activeIndex)) {\r\n      this.setUnActive(activeIndex);\r\n      this.onNodeClick($event, this.nodes[activeIndex]);\r\n    }\r\n  }\r\n\r\n  get isEmpty() {\r\n    return XIsEmpty(this.nodes);\r\n  }\r\n\r\n  writeValue(value: any): void {\r\n    this.value = value;\r\n    this.setSelected();\r\n    this.setKeyManager();\r\n    this.cdr.detectChanges();\r\n  }\r\n\r\n  private _unSubject = new Subject<void>();\r\n\r\n  constructor(\r\n    public renderer: Renderer2,\r\n    public cdr: ChangeDetectorRef,\r\n    public elementRef: ElementRef,\r\n    public configService: XConfigService\r\n  ) {\r\n    super();\r\n  }\r\n\r\n  ngOnInit() {}\r\n\r\n  ngOnChanges(changes: SimpleChanges): void {\r\n    XIsChange(changes.data) && this.setData();\r\n  }\r\n\r\n  ngAfterViewInit() {\r\n    this.initKeyManager();\r\n  }\r\n\r\n  ngAfterViewChecked() {}\r\n\r\n  ngOnDestroy(): void {\r\n    this._unSubject.next();\r\n    this._unSubject.unsubscribe();\r\n  }\r\n\r\n  private setData() {\r\n    XSetData<XListNode>(this.data, this._unSubject).subscribe((x) => {\r\n      this.nodes = x;\r\n      this.setSelected();\r\n      this.setKeyManager();\r\n      this.cdr.detectChanges();\r\n    });\r\n  }\r\n\r\n  private initKeyManager() {\r\n    this.keyManager = new ActiveDescendantKeyManager<XListOptionComponent>(this.options).withWrap();\r\n\r\n    this.keyManager.tabOut.pipe(takeUntil(this._unSubject)).subscribe(() => {\r\n      this.setUnActive(this.keyManager.activeItemIndex as number);\r\n      this.keyManagerTabOut.emit();\r\n    });\r\n\r\n    this.keyManager.change.pipe(takeUntil(this._unSubject)).subscribe((num: number) => {\r\n      this.setScorllTop(num);\r\n      this.keyManagerChange.emit(num);\r\n    });\r\n  }\r\n\r\n  setScorllTop(num: number) {\r\n    if (!this.scrollElement) return;\r\n    let ele = this.keyManager.activeItem!.elementRef.nativeElement as HTMLElement;\r\n    let list = this.scrollElement;\r\n    let min = list.scrollTop;\r\n    let max = list.scrollTop + list.clientHeight;\r\n    if (ele.offsetTop + ele.clientHeight > max) {\r\n      let scrollTop = ele.offsetTop + ele.clientHeight - list.clientHeight;\r\n      list.scrollTop = scrollTop;\r\n    }\r\n    if (ele.offsetTop < min) {\r\n      list.scrollTop = ele.offsetTop;\r\n    }\r\n  }\r\n\r\n  setSelected() {\r\n    if (this.nodes.length > 0) {\r\n      this.nodes\r\n        .filter((x) => x.selected)\r\n        .map((x) => {\r\n          x.selected = false;\r\n        });\r\n      let valArry: any[] = [];\r\n      if (this.value instanceof Array) {\r\n        valArry = this.value;\r\n      } else {\r\n        valArry = [this.value];\r\n      }\r\n      if (this.objectArray) {\r\n        this.selectedNodes = this.nodes\r\n          .filter(\r\n            (x) => !XIsEmpty(valArry.find((y) => !XIsUndefined(y) && !XIsNull(y) && y.id === x.id))\r\n          )\r\n          .map((x) => {\r\n            x.selected = true;\r\n            return x;\r\n          });\r\n      } else {\r\n        this.selectedNodes = this.nodes\r\n          .filter((x) => valArry.indexOf(x.id) > -1)\r\n          .map((x) => {\r\n            x.selected = true;\r\n            return x;\r\n          });\r\n      }\r\n    }\r\n  }\r\n\r\n  setKeyManager() {\r\n    if (XIsUndefined(this.keyManager) || XIsUndefined(this.nodes) || this.nodes.length === 0)\r\n      return;\r\n    let activeIndex = 0;\r\n    if (XIsUndefined(this.value) || this.value.length === 0) {\r\n      this.keyManager.updateActiveItem(activeIndex);\r\n      return;\r\n    }\r\n    let valArry: any[] = [];\r\n    if (this.value instanceof Array) {\r\n      valArry = this.value;\r\n    } else {\r\n      valArry = [this.value];\r\n    }\r\n    const last = valArry[valArry.length - 1];\r\n    if (this.objectArray) {\r\n      activeIndex = this.nodes.findIndex((x) => x.id === last.id);\r\n    } else {\r\n      activeIndex = this.nodes.findIndex((x) => x.id === last);\r\n    }\r\n    this.keyManager.updateActiveItem(activeIndex);\r\n    this.setScorllTop(activeIndex);\r\n  }\r\n\r\n  onNodeClick(event: Event, node: XListNode) {\r\n    if (XIsUndefined(node) || node.disabled) {\r\n      event.stopPropagation();\r\n      return;\r\n    }\r\n    if (node.disabled || (node.selected && this.multiple === 1)) return;\r\n    const selected = !node.selected;\r\n    if (selected) {\r\n      if (this.selectedNodes.length < this.multiple || this.multiple === 0) {\r\n        node.selected = selected;\r\n        this.selectedNodes = [...this.selectedNodes, node];\r\n        this.cdr.detectChanges();\r\n      } else if (this.multiple === 1 && this.selectedNodes.length === 1) {\r\n        node.selected = selected;\r\n        this.selectedNodes[0].selected = false;\r\n        this.selectedNodes[0] = node;\r\n        this.cdr.detectChanges();\r\n      } else {\r\n        return;\r\n      }\r\n    } else {\r\n      node.selected = selected;\r\n      this.selectedNodes.splice(\r\n        this.selectedNodes.findIndex((x) => x.id == node.id),\r\n        1\r\n      );\r\n    }\r\n    if (this.multiple === 1 && this.selectedNodes.length === 1) {\r\n      this.value = this.objectArray ? this.selectedNodes[0] : this.selectedNodes[0].id;\r\n    } else {\r\n      this.value = this.objectArray ? this.selectedNodes : this.selectedNodes.map((x) => x.id);\r\n    }\r\n    if (this.onChange) this.onChange(this.value);\r\n    this.cdr.detectChanges();\r\n    node.event = event;\r\n    this.nodeClick.emit(node);\r\n  }\r\n\r\n  onMouseenter(event: Event, node: XListNode) {\r\n    if (node.disabled) {\r\n      event.stopPropagation();\r\n      return;\r\n    }\r\n    node.event = event;\r\n    this.nodeMouseenter.emit(node);\r\n  }\r\n\r\n  onMouseleave(event: Event, node: XListNode) {\r\n    if (node.disabled) {\r\n      event.stopPropagation();\r\n      return;\r\n    }\r\n    node.event = event;\r\n    this.nodeMouseleave.emit(node);\r\n  }\r\n\r\n  dropCdk(event: CdkDragDrop<XListNode[]>) {\r\n    moveItemInArray(this.nodes, event.previousIndex, event.currentIndex);\r\n    this.cdr.detectChanges();\r\n  }\r\n\r\n  trackByNode(index: number, item: XListNode) {\r\n    return item.id;\r\n  }\r\n\r\n  setUnActive(num: number) {\r\n    if (num > -1) this.nodes[num].active = false;\r\n  }\r\n}\r\n","<div\r\n  class=\"x-list\"\r\n  cdkDropList\r\n  (cdkDropListDropped)=\"dropCdk($event)\"\r\n  [cdkDropListDisabled]=\"!drag\"\r\n  [hidden]=\"isEmpty\"\r\n>\r\n  <x-list-option\r\n    cdkDrag\r\n    *ngFor=\"let node of nodes; trackBy: trackByNode\"\r\n    [node]=\"node\"\r\n    [checked]=\"checked\"\r\n    [nodeTpl]=\"nodeTpl\"\r\n    [selected]=\"node.selected\"\r\n    [disabled]=\"node.disabled\"\r\n    [(active)]=\"node.active\"\r\n    [icon]=\"node.icon\"\r\n    [label]=\"node.label\"\r\n    [leaf]=\"node.leaf\"\r\n    (click)=\"onNodeClick($event, node)\"\r\n    (mouseenter)=\"onMouseenter($event, node)\"\r\n    (mouseleave)=\"onMouseleave($event, node)\"\r\n  ></x-list-option>\r\n</div>\r\n<x-empty *ngIf=\"isEmpty\"></x-empty>\r\n","import { NgModule } from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\r\nimport { XListComponent } from './list.component';\r\nimport { XListOptionComponent } from './list-option.component';\r\nimport { XIconModule } from '@ng-nest/ui/icon';\r\nimport { FormsModule, ReactiveFormsModule } from '@angular/forms';\r\nimport { DragDropModule } from '@angular/cdk/drag-drop';\r\nimport { XListOptionProperty, XListProperty } from './list.property';\r\nimport { XEmptyModule } from '@ng-nest/ui/empty';\r\nimport { A11yModule } from '@angular/cdk/a11y';\r\nimport { XBaseFormModule } from '@ng-nest/ui/base-form';\r\n\r\n@NgModule({\r\n  declarations: [XListComponent, XListOptionComponent, XListProperty, XListOptionProperty],\r\n  exports: [XListComponent, XListOptionComponent],\r\n  imports: [\r\n    CommonModule,\r\n    FormsModule,\r\n    ReactiveFormsModule,\r\n    DragDropModule,\r\n    A11yModule,\r\n    XIconModule,\r\n    XEmptyModule,\r\n    XBaseFormModule\r\n  ]\r\n})\r\nexport class XListModule {}\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"ng-nest-ui-list.js","sources":["../../../../lib/ng-nest/ui/list/list.property.ts","../../../../lib/ng-nest/ui/list/list-option.component.ts","../../../../lib/ng-nest/ui/list/list-option.component.html","../../../../lib/ng-nest/ui/list/list.component.ts","../../../../lib/ng-nest/ui/list/list.component.html","../../../../lib/ng-nest/ui/list/list.module.ts","../../../../lib/ng-nest/ui/list/ng-nest-ui-list.ts"],"sourcesContent":["import { XData, XParentIdentityProperty, XDataConvert, XInputNumber, XInputBoolean, XNumber, XBoolean } from '@ng-nest/ui/core';\r\nimport { Input, Output, EventEmitter, Component, TemplateRef } from '@angular/core';\r\nimport { XControlValueAccessor } from '@ng-nest/ui/base-form';\r\n\r\n/**\r\n * List\r\n * @selector x-list\r\n * @decorator component\r\n */\r\nexport const XListPrefix = 'x-list';\r\n\r\n/**\r\n * List Property\r\n */\r\n@Component({ template: '' })\r\nexport class XListProperty extends XControlValueAccessor<any> {\r\n  /**\r\n   * @zh_CN 列表数据\r\n   * @en_US List data\r\n   */\r\n  @Input() @XDataConvert() data: XData<XListNode> = [];\r\n  /**\r\n   * @zh_CN 多选个数\r\n   * @en_US Multiple choice\r\n   */\r\n  @Input() @XInputNumber() multiple: XNumber = 1;\r\n  /**\r\n   * @zh_CN 选中\r\n   * @en_US Selected\r\n   */\r\n  @Input() @XInputBoolean() checked?: XBoolean;\r\n  /**\r\n   * @zh_CN 拖动\r\n   * @en_US Drag\r\n   */\r\n  @Input() @XInputBoolean() drag?: XBoolean;\r\n  /**\r\n   * @zh_CN 当开启多选的时候，ngModel 的值为对象数组\r\n   * @en_US When multiple selection is enabled, the value of ngmodel is an array of objects\r\n   */\r\n  @Input() @XInputBoolean() objectArray?: XBoolean;\r\n  /**\r\n   * @zh_CN 节点模板\r\n   * @en_US Node template\r\n   */\r\n  @Input() nodeTpl?: TemplateRef<any>;\r\n  /**\r\n   * @zh_CN 滚动区域元素\r\n   * @en_US Rolling area element\r\n   */\r\n  @Input() scrollElement?: HTMLElement;\r\n  /**\r\n   * @zh_CN 节点 mouseenter 事件\r\n   * @en_US Node mouseenter event\r\n   */\r\n  @Output() nodeMouseenter = new EventEmitter<XListNode>();\r\n  /**\r\n   * @zh_CN 节点 mouseleave 事件\r\n   * @en_US Node mouseleave event\r\n   */\r\n  @Output() nodeMouseleave = new EventEmitter<XListNode>();\r\n  /**\r\n   * @zh_CN 节点点击事件\r\n   * @en_US Node click event\r\n   */\r\n  @Output() nodeClick = new EventEmitter<XListNode>();\r\n  /**\r\n   * @zh_CN Tab out 事件\r\n   * @en_US Tab Out event\r\n   */\r\n  @Output() keyManagerTabOut = new EventEmitter<void>();\r\n  /**\r\n   * @zh_CN Tab out 事件\r\n   * @en_US Tab Out event\r\n   */\r\n  @Output() keyManagerChange = new EventEmitter<number>();\r\n}\r\n\r\n/**\r\n * @zh_CN List 数据对象\r\n * @en_US List data object\r\n */\r\nexport interface XListNode extends XParentIdentityProperty<any> {\r\n  /**\r\n   * @zh_CN 图标\r\n   * @en_US Iicon\r\n   */\r\n  icon?: string;\r\n  /**\r\n   * @zh_CN 分割线\r\n   * @en_US Split line\r\n   */\r\n  divided?: boolean;\r\n  /**\r\n   * @zh_CN 事件\r\n   * @en_US Event\r\n   */\r\n  event?: Event;\r\n  /**\r\n   * @zh_CN 悬停\r\n   * @en_US Hover\r\n   */\r\n  hover?: boolean;\r\n  /**\r\n   * @zh_CN 激活\r\n   * @en_US Active\r\n   */\r\n  active?: boolean;\r\n}\r\n\r\n/**\r\n * List Option\r\n * @selector x-list-option\r\n * @decorator component\r\n */\r\nexport const XListOptionPrefix = 'x-list-option';\r\n\r\n/**\r\n * List Option Property\r\n */\r\n@Component({ template: '' })\r\nexport class XListOptionProperty {\r\n  /**\r\n   * @zh_CN 节点参数\r\n   * @en_US Node param\r\n   */\r\n  @Input() node?: XListNode;\r\n  /**\r\n   * @zh_CN 选中\r\n   * @en_US Selected\r\n   */\r\n  @Input() @XInputBoolean() checked?: XBoolean;\r\n  /**\r\n   * @zh_CN 节点模板\r\n   * @en_US Node template\r\n   */\r\n  @Input() nodeTpl?: TemplateRef<any>;\r\n  /**\r\n   * @zh_CN 选中\r\n   * @en_US selected\r\n   */\r\n  @Input() @XInputBoolean() selected?: boolean;\r\n  /**\r\n   * @zh_CN 禁用\r\n   * @en_US disabled\r\n   */\r\n  @Input() @XInputBoolean() disabled?: boolean;\r\n  /**\r\n   * @zh_CN 激活\r\n   * @en_US active\r\n   */\r\n  @Input() @XInputBoolean() active?: boolean;\r\n  /**\r\n   * @zh_CN 图标\r\n   * @en_US icon\r\n   */\r\n  @Input() icon?: string;\r\n  /**\r\n   * @zh_CN 分割线\r\n   * @en_US Split line\r\n   */\r\n  @Input() divided?: boolean;\r\n  /**\r\n   * @zh_CN 标签\r\n   * @en_US label\r\n   */\r\n  @Input() label?: string;\r\n  /**\r\n   * @zh_CN 有子节点\r\n   * @en_US leaf\r\n   */\r\n  @Input() @XInputBoolean() leaf?: boolean;\r\n  /**\r\n   * @zh_CN 有子节点\r\n   * @en_US leaf\r\n   */\r\n  @Output() activeChange = new EventEmitter<boolean>();\r\n}\r\n","import {\r\n  ChangeDetectionStrategy,\r\n  ChangeDetectorRef,\r\n  Component,\r\n  ElementRef,\r\n  HostBinding,\r\n  ViewEncapsulation\r\n} from '@angular/core';\r\nimport { XListOptionPrefix, XListOptionProperty } from './list.property';\r\nimport { Highlightable } from '@angular/cdk/a11y';\r\n\r\n@Component({\r\n  selector: `${XListOptionPrefix}`,\r\n  templateUrl: './list-option.component.html',\r\n  styleUrls: ['./list-option.component.scss'],\r\n  encapsulation: ViewEncapsulation.None,\r\n  changeDetection: ChangeDetectionStrategy.OnPush\r\n})\r\nexport class XListOptionComponent extends XListOptionProperty implements Highlightable {\r\n  @HostBinding('attr.role') role = 'option';\r\n  constructor(public elementRef: ElementRef, private cdr: ChangeDetectorRef) {\r\n    super();\r\n  }\r\n  setActiveStyles(): void {\r\n    this.active = true;\r\n    this.activeChange.emit(this.active);\r\n    this.cdr.detectChanges();\r\n  }\r\n  setInactiveStyles(): void {\r\n    this.active = false;\r\n    this.activeChange.emit(this.active);\r\n    this.cdr.detectChanges();\r\n  }\r\n\r\n  getLabel() {\r\n    return this.label as string;\r\n  }\r\n}\r\n","<div\r\n  class=\"x-list-option\"\r\n  [class.x-selected]=\"selected\"\r\n  [class.x-disabled]=\"disabled\"\r\n  [class.x-active]=\"active\"\r\n  [class.x-list-icon]=\"icon\"\r\n  [class.x-list-divided]=\"divided\"\r\n>\r\n  <span>\r\n    <ng-container *ngIf=\"!nodeTpl\"\r\n      ><x-icon [type]=\"icon\" *ngIf=\"icon\"></x-icon> {{ label }}</ng-container\r\n    >\r\n    <ng-container *ngIf=\"nodeTpl\">\r\n      <ng-template *ngTemplateOutlet=\"nodeTpl; context: { $node: node }\"></ng-template>\r\n    </ng-container>\r\n  </span>\r\n  <x-icon class=\"x-list-leaf\" type=\"fto-chevron-right\" *ngIf=\"leaf\"></x-icon>\r\n  <x-icon class=\"x-list-checked\" type=\"fto-check\" *ngIf=\"checked && !leaf && selected\"></x-icon>\r\n</div>\r\n","import { Subject } from 'rxjs';\r\nimport {\r\n  Component,\r\n  OnInit,\r\n  ViewEncapsulation,\r\n  ChangeDetectionStrategy,\r\n  ChangeDetectorRef,\r\n  Renderer2,\r\n  SimpleChanges,\r\n  OnChanges,\r\n  QueryList,\r\n  ElementRef,\r\n  ViewChild,\r\n  HostBinding,\r\n  HostListener,\r\n  ViewChildren\r\n} from '@angular/core';\r\nimport { XListPrefix, XListNode, XListProperty } from './list.property';\r\nimport { XIsChange, XSetData, XConfigService, XIsEmpty, XIsUndefined, XIsNull } from '@ng-nest/ui/core';\r\nimport { CdkDragDrop, moveItemInArray } from '@angular/cdk/drag-drop';\r\nimport { XListOptionComponent } from './list-option.component';\r\nimport { ActiveDescendantKeyManager } from '@angular/cdk/a11y';\r\nimport { ENTER } from '@angular/cdk/keycodes';\r\nimport { takeUntil } from 'rxjs/operators';\r\nimport { XValueAccessor } from '@ng-nest/ui/base-form';\r\n\r\n@Component({\r\n  selector: `${XListPrefix}`,\r\n  templateUrl: './list.component.html',\r\n  styleUrls: ['./list.component.scss'],\r\n  encapsulation: ViewEncapsulation.None,\r\n  changeDetection: ChangeDetectionStrategy.OnPush,\r\n  providers: [XValueAccessor(XListComponent)]\r\n})\r\nexport class XListComponent extends XListProperty implements OnInit, OnChanges {\r\n  nodes: XListNode[] = [];\r\n  selectedNodes: XListNode[] = [];\r\n  @ViewChild('listItems') listItems!: ElementRef;\r\n  @ViewChildren(XListOptionComponent)\r\n  options!: QueryList<XListOptionComponent>;\r\n  keyManager!: ActiveDescendantKeyManager<XListOptionComponent>;\r\n\r\n  @HostBinding('attr.role') role = 'listbox';\r\n  @HostBinding('attr.tabindex') tabindex = -1;\r\n\r\n  @HostListener('keydown', ['$event']) keydown($event: KeyboardEvent) {\r\n    this.keyManager.onKeydown($event);\r\n    const activeIndex = this.keyManager.activeItemIndex as number;\r\n    if ($event.keyCode === ENTER && !XIsUndefined(activeIndex)) {\r\n      this.setUnActive(activeIndex);\r\n      this.onNodeClick($event, this.nodes[activeIndex]);\r\n    }\r\n  }\r\n\r\n  get isEmpty() {\r\n    return XIsEmpty(this.nodes);\r\n  }\r\n\r\n  writeValue(value: any): void {\r\n    this.value = value;\r\n    this.setSelected();\r\n    this.setKeyManager();\r\n    this.cdr.detectChanges();\r\n  }\r\n\r\n  private _unSubject = new Subject<void>();\r\n\r\n  constructor(\r\n    public renderer: Renderer2,\r\n    public cdr: ChangeDetectorRef,\r\n    public elementRef: ElementRef,\r\n    public configService: XConfigService\r\n  ) {\r\n    super();\r\n  }\r\n\r\n  ngOnInit() {}\r\n\r\n  ngOnChanges(changes: SimpleChanges): void {\r\n    const { data } = changes;\r\n    XIsChange(data) && this.setData();\r\n  }\r\n\r\n  ngAfterViewInit() {\r\n    this.initKeyManager();\r\n  }\r\n\r\n  ngAfterViewChecked() {}\r\n\r\n  ngOnDestroy(): void {\r\n    this._unSubject.next();\r\n    this._unSubject.unsubscribe();\r\n  }\r\n\r\n  private setData() {\r\n    XSetData<XListNode>(this.data, this._unSubject).subscribe((x) => {\r\n      this.nodes = x;\r\n      this.setSelected();\r\n      this.setKeyManager();\r\n      this.cdr.detectChanges();\r\n    });\r\n  }\r\n\r\n  private initKeyManager() {\r\n    this.keyManager = new ActiveDescendantKeyManager<XListOptionComponent>(this.options).withWrap();\r\n\r\n    this.keyManager.tabOut.pipe(takeUntil(this._unSubject)).subscribe(() => {\r\n      this.setUnActive(this.keyManager.activeItemIndex as number);\r\n      this.keyManagerTabOut.emit();\r\n    });\r\n\r\n    this.keyManager.change.pipe(takeUntil(this._unSubject)).subscribe((num: number) => {\r\n      this.setScorllTop(num);\r\n      this.keyManagerChange.emit(num);\r\n    });\r\n  }\r\n\r\n  setScorllTop(_num: number) {\r\n    if (!this.scrollElement) return;\r\n    let ele = this.keyManager.activeItem!.elementRef.nativeElement as HTMLElement;\r\n    let list = this.scrollElement;\r\n    let min = list.scrollTop;\r\n    let max = list.scrollTop + list.clientHeight;\r\n    if (ele.offsetTop + ele.clientHeight > max) {\r\n      let scrollTop = ele.offsetTop + ele.clientHeight - list.clientHeight;\r\n      list.scrollTop = scrollTop;\r\n    }\r\n    if (ele.offsetTop < min) {\r\n      list.scrollTop = ele.offsetTop;\r\n    }\r\n  }\r\n\r\n  setSelected() {\r\n    if (this.nodes.length > 0) {\r\n      this.nodes\r\n        .filter((x) => x.selected)\r\n        .map((x) => {\r\n          x.selected = false;\r\n        });\r\n      let valArry: any[] = [];\r\n      if (this.value instanceof Array) {\r\n        valArry = this.value;\r\n      } else {\r\n        valArry = [this.value];\r\n      }\r\n      if (this.objectArray) {\r\n        this.selectedNodes = this.nodes\r\n          .filter((x) => !XIsEmpty(valArry.find((y) => !XIsUndefined(y) && !XIsNull(y) && y.id === x.id)))\r\n          .map((x) => {\r\n            x.selected = true;\r\n            return x;\r\n          });\r\n      } else {\r\n        this.selectedNodes = this.nodes\r\n          .filter((x) => valArry.indexOf(x.id) > -1)\r\n          .map((x) => {\r\n            x.selected = true;\r\n            return x;\r\n          });\r\n      }\r\n    }\r\n  }\r\n\r\n  setKeyManager() {\r\n    if (XIsUndefined(this.keyManager) || XIsUndefined(this.nodes) || this.nodes.length === 0) return;\r\n    let activeIndex = 0;\r\n    if (XIsUndefined(this.value) || this.value.length === 0) {\r\n      this.keyManager.updateActiveItem(activeIndex);\r\n      return;\r\n    }\r\n    let valArry: any[] = [];\r\n    if (this.value instanceof Array) {\r\n      valArry = this.value;\r\n    } else {\r\n      valArry = [this.value];\r\n    }\r\n    const last = valArry[valArry.length - 1];\r\n    if (this.objectArray) {\r\n      activeIndex = this.nodes.findIndex((x) => x.id === last.id);\r\n    } else {\r\n      activeIndex = this.nodes.findIndex((x) => x.id === last);\r\n    }\r\n    this.keyManager.updateActiveItem(activeIndex);\r\n    this.setScorllTop(activeIndex);\r\n  }\r\n\r\n  onNodeClick(event: Event, node: XListNode) {\r\n    if (XIsUndefined(node) || node.disabled) {\r\n      event.stopPropagation();\r\n      return;\r\n    }\r\n    if (node.disabled || (node.selected && this.multiple === 1)) return;\r\n    const selected = !node.selected;\r\n    if (selected) {\r\n      if (this.selectedNodes.length < this.multiple || this.multiple === 0) {\r\n        node.selected = selected;\r\n        this.selectedNodes = [...this.selectedNodes, node];\r\n        this.cdr.detectChanges();\r\n      } else if (this.multiple === 1 && this.selectedNodes.length === 1) {\r\n        node.selected = selected;\r\n        this.selectedNodes[0].selected = false;\r\n        this.selectedNodes[0] = node;\r\n        this.cdr.detectChanges();\r\n      } else {\r\n        return;\r\n      }\r\n    } else {\r\n      node.selected = selected;\r\n      this.selectedNodes.splice(\r\n        this.selectedNodes.findIndex((x) => x.id == node.id),\r\n        1\r\n      );\r\n    }\r\n    if (this.multiple === 1 && this.selectedNodes.length === 1) {\r\n      this.value = this.objectArray ? this.selectedNodes[0] : this.selectedNodes[0].id;\r\n    } else {\r\n      this.value = this.objectArray ? this.selectedNodes : this.selectedNodes.map((x) => x.id);\r\n    }\r\n    if (this.onChange) this.onChange(this.value);\r\n    this.cdr.detectChanges();\r\n    node.event = event;\r\n    this.nodeClick.emit(node);\r\n  }\r\n\r\n  onMouseenter(event: Event, node: XListNode) {\r\n    if (node.disabled) {\r\n      event.stopPropagation();\r\n      return;\r\n    }\r\n    node.event = event;\r\n    this.nodeMouseenter.emit(node);\r\n  }\r\n\r\n  onMouseleave(event: Event, node: XListNode) {\r\n    if (node.disabled) {\r\n      event.stopPropagation();\r\n      return;\r\n    }\r\n    node.event = event;\r\n    this.nodeMouseleave.emit(node);\r\n  }\r\n\r\n  dropCdk(event: CdkDragDrop<XListNode[]>) {\r\n    moveItemInArray(this.nodes, event.previousIndex, event.currentIndex);\r\n    this.cdr.detectChanges();\r\n  }\r\n\r\n  trackByNode(_index: number, item: XListNode) {\r\n    return item.id;\r\n  }\r\n\r\n  setUnActive(num: number) {\r\n    if (num > -1) this.nodes[num].active = false;\r\n  }\r\n}\r\n","<div\r\n  class=\"x-list\"\r\n  cdkDropList\r\n  (cdkDropListDropped)=\"dropCdk($event)\"\r\n  [cdkDropListDisabled]=\"!drag\"\r\n  [hidden]=\"isEmpty\"\r\n>\r\n  <x-list-option\r\n    cdkDrag\r\n    *ngFor=\"let node of nodes; trackBy: trackByNode\"\r\n    [node]=\"node\"\r\n    [checked]=\"checked\"\r\n    [nodeTpl]=\"nodeTpl\"\r\n    [selected]=\"node.selected\"\r\n    [disabled]=\"node.disabled\"\r\n    [(active)]=\"node.active\"\r\n    [icon]=\"node.icon\"\r\n    [label]=\"node.label\"\r\n    [leaf]=\"node.leaf\"\r\n    (click)=\"onNodeClick($event, node)\"\r\n    (mouseenter)=\"onMouseenter($event, node)\"\r\n    (mouseleave)=\"onMouseleave($event, node)\"\r\n  ></x-list-option>\r\n</div>\r\n<x-empty *ngIf=\"isEmpty\"></x-empty>\r\n","import { NgModule } from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\r\nimport { XListComponent } from './list.component';\r\nimport { XListOptionComponent } from './list-option.component';\r\nimport { XIconModule } from '@ng-nest/ui/icon';\r\nimport { FormsModule, ReactiveFormsModule } from '@angular/forms';\r\nimport { DragDropModule } from '@angular/cdk/drag-drop';\r\nimport { XListOptionProperty, XListProperty } from './list.property';\r\nimport { XEmptyModule } from '@ng-nest/ui/empty';\r\nimport { A11yModule } from '@angular/cdk/a11y';\r\nimport { XBaseFormModule } from '@ng-nest/ui/base-form';\r\n\r\n@NgModule({\r\n  declarations: [XListComponent, XListOptionComponent, XListProperty, XListOptionProperty],\r\n  exports: [XListComponent, XListOptionComponent],\r\n  imports: [\r\n    CommonModule,\r\n    FormsModule,\r\n    ReactiveFormsModule,\r\n    DragDropModule,\r\n    A11yModule,\r\n    XIconModule,\r\n    XEmptyModule,\r\n    XBaseFormModule\r\n  ]\r\n})\r\nexport class XListModule {}\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}

package/fesm2015/ng-nest-ui-loading.js

@@ -92,7 +92,8 @@ class XLoadingComponent extends XLoadingProperty {
         this.setClassMap();
     }
     ngOnChanges(changes) {
-        XIsChange(changes.loading) && this.setLoading();
+        const { loading } = changes;
+        XIsChange(loading) && this.setLoading();
     }
     setClassMap() {
         this.classMap[`${XLoadingPrefix}-${this.size}`] = !XIsEmpty(this.size);

package/fesm2015/ng-nest-ui-loading.js.map

@@ -1 +1 @@
-{"version":3,"file":"ng-nest-ui-loading.js","sources":["../../../../lib/ng-nest/ui/loading/loading.property.ts","../../../../lib/ng-nest/ui/loading/loading.component.ts","../../../../lib/ng-nest/ui/loading/loading.component.html","../../../../lib/ng-nest/ui/loading/loading.module.ts","../../../../lib/ng-nest/ui/loading/ng-nest-ui-loading.ts"],"sourcesContent":["import { XProperty, XInputBoolean, XSize, XTemplate, XBoolean, XWithConfig } from '@ng-nest/ui/core';\r\nimport { Input, Component } from '@angular/core';\r\n\r\n/**\r\n * Loading\r\n * @selector x-loading\r\n * @decorator component\r\n */\r\nexport const XLoadingPrefix = 'x-loading';\r\nconst X_CONFIG_NAME = 'loading';\r\n\r\n/**\r\n * Loading Property\r\n */\r\n@Component({ template: '' })\r\nexport class XLoadingProperty extends XProperty {\r\n  /**\r\n   * @zh_CN 显示 loading\r\n   * @en_US Show loading\r\n   */\r\n  @Input('x-loading') @XInputBoolean() loading: XBoolean = false;\r\n  /**\r\n   * @zh_CN 尺寸\r\n   * @en_US Size\r\n   */\r\n  @Input() @XWithConfig<XSize>(X_CONFIG_NAME, 'medium') size?: XSize;\r\n  /**\r\n   * @zh_CN 显示文字，支持自定义模板\r\n   * @en_US Display text, support custom template\r\n   */\r\n  @Input() @XWithConfig<XTemplate>(X_CONFIG_NAME) text?: XTemplate;\r\n  /**\r\n   * @zh_CN 显示的图标\r\n   * @en_US Icon displayed\r\n   */\r\n  @Input() @XWithConfig<string>(X_CONFIG_NAME) icon?: string;\r\n  /**\r\n   * @zh_CN 颜色\r\n   * @en_US Color\r\n   */\r\n  @Input() @XWithConfig<string>(X_CONFIG_NAME) color?: string;\r\n  /**\r\n   * @zh_CN 全屏显示\r\n   * @en_US Full-screen display\r\n   */\r\n  @Input() @XInputBoolean() fullScreen?: XBoolean;\r\n  /**\r\n   * @zh_CN 背景样式\r\n   * @en_US Background style\r\n   */\r\n  @Input() @XWithConfig<string>(X_CONFIG_NAME) background?: string;\r\n}\r\n","import {\r\n  Component,\r\n  OnInit,\r\n  ViewEncapsulation,\r\n  Renderer2,\r\n  ElementRef,\r\n  ChangeDetectorRef,\r\n  ChangeDetectionStrategy,\r\n  SimpleChanges,\r\n  OnChanges,\r\n  HostBinding,\r\n  ViewChild,\r\n  TemplateRef,\r\n  ViewContainerRef\r\n} from '@angular/core';\r\nimport { XLoadingPrefix, XLoadingProperty } from './loading.property';\r\nimport { XIsChange, XIsEmpty, XConfigService } from '@ng-nest/ui/core';\r\nimport { XPortalService, XPortalOverlayRef } from '@ng-nest/ui/portal';\r\n\r\n@Component({\r\n  selector: `${XLoadingPrefix}, [${XLoadingPrefix}]`,\r\n  templateUrl: './loading.component.html',\r\n  styleUrls: ['./loading.component.scss'],\r\n  encapsulation: ViewEncapsulation.None,\r\n  changeDetection: ChangeDetectionStrategy.OnPush\r\n})\r\nexport class XLoadingComponent extends XLoadingProperty implements OnInit, OnChanges {\r\n  @HostBinding('class.x-loading-parent') get getLoading() {\r\n    return this.loading;\r\n  }\r\n  @ViewChild('loadingTpl', { static: false }) loadingTpl!: TemplateRef<void>;\r\n  portalRef!: XPortalOverlayRef<any>;\r\n\r\n  constructor(\r\n    public renderer: Renderer2,\r\n    public elementRef: ElementRef,\r\n    public cdr: ChangeDetectorRef,\r\n    public portal: XPortalService,\r\n    public viewContainerRef: ViewContainerRef,\r\n    public configService: XConfigService\r\n  ) {\r\n    super();\r\n  }\r\n\r\n  ngOnInit() {\r\n    this.setClassMap();\r\n  }\r\n\r\n  ngOnChanges(changes: SimpleChanges) {\r\n    XIsChange(changes.loading) && this.setLoading();\r\n  }\r\n\r\n  setClassMap() {\r\n    this.classMap[`${XLoadingPrefix}-${this.size}`] = !XIsEmpty(this.size);\r\n    this.cdr.markForCheck();\r\n  }\r\n\r\n  setLoading() {\r\n    if (this.fullScreen) {\r\n      if (this.loading) {\r\n        this.createFullScreen();\r\n      } else {\r\n        this.closeFullScreen();\r\n      }\r\n    }\r\n    this.cdr.detectChanges();\r\n  }\r\n\r\n  createFullScreen() {\r\n    this.portalRef = this.portal.attach({\r\n      content: this.loadingTpl,\r\n      viewContainerRef: this.viewContainerRef,\r\n      overlayConfig: {\r\n        width: '100%',\r\n        height: '100%',\r\n        positionStrategy: this.portal.setPlacement()\r\n      }\r\n    });\r\n  }\r\n\r\n  closeFullScreen() {\r\n    if (this.portalRef?.overlayRef?.hasAttached()) {\r\n      this.portalRef.overlayRef.detach();\r\n    }\r\n  }\r\n}\r\n","<ng-content></ng-content>\r\n\r\n<ng-container *ngIf=\"!fullScreen\">\r\n  <ng-container *ngTemplateOutlet=\"loadingTpl\"></ng-container>\r\n</ng-container>\r\n\r\n<ng-template #loadingTpl>\r\n  <div #loading class=\"x-loading\" [ngClass]=\"classMap\" [style.background]=\"background\" *ngIf=\"loading\">\r\n    <div class=\"x-loading-spinner\" [style.color]=\"color\">\r\n      <ng-container *ngIf=\"icon; else circularTpl\">\r\n        <div class=\"x-loading-icon\">\r\n          <x-icon [type]=\"icon\"></x-icon>\r\n        </div>\r\n      </ng-container>\r\n      <div class=\"x-loading-text\">\r\n        <ng-container *xOutlet=\"text\">{{ text }}</ng-container>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</ng-template>\r\n\r\n<ng-template #circularTpl>\r\n  <svg class=\"x-loading-circular\" viewBox=\"25 25 50 50\">\r\n    <circle class=\"x-loading-path\" cx=\"50\" cy=\"50\" r=\"20\" fill=\"none\" />\r\n  </svg>\r\n</ng-template>\r\n","import { NgModule } from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\r\nimport { XLoadingComponent } from './loading.component';\r\nimport { XIconModule } from '@ng-nest/ui/icon';\r\nimport { XOutletModule } from '@ng-nest/ui/outlet';\r\nimport { XPortalModule } from '@ng-nest/ui/portal';\r\nimport { XLoadingProperty } from './loading.property';\r\n\r\n@NgModule({\r\n  declarations: [XLoadingComponent, XLoadingProperty],\r\n  exports: [XLoadingComponent],\r\n  imports: [CommonModule, XIconModule, XOutletModule, XPortalModule]\r\n})\r\nexport class XLoadingModule {}\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"ng-nest-ui-loading.js","sources":["../../../../lib/ng-nest/ui/loading/loading.property.ts","../../../../lib/ng-nest/ui/loading/loading.component.ts","../../../../lib/ng-nest/ui/loading/loading.component.html","../../../../lib/ng-nest/ui/loading/loading.module.ts","../../../../lib/ng-nest/ui/loading/ng-nest-ui-loading.ts"],"sourcesContent":["import { XProperty, XInputBoolean, XSize, XTemplate, XBoolean, XWithConfig } from '@ng-nest/ui/core';\r\nimport { Input, Component } from '@angular/core';\r\n\r\n/**\r\n * Loading\r\n * @selector x-loading\r\n * @decorator component\r\n */\r\nexport const XLoadingPrefix = 'x-loading';\r\nconst X_CONFIG_NAME = 'loading';\r\n\r\n/**\r\n * Loading Property\r\n */\r\n@Component({ template: '' })\r\nexport class XLoadingProperty extends XProperty {\r\n  /**\r\n   * @zh_CN 显示 loading\r\n   * @en_US Show loading\r\n   */\r\n  @Input('x-loading') @XInputBoolean() loading: XBoolean = false;\r\n  /**\r\n   * @zh_CN 尺寸\r\n   * @en_US Size\r\n   */\r\n  @Input() @XWithConfig<XSize>(X_CONFIG_NAME, 'medium') size?: XSize;\r\n  /**\r\n   * @zh_CN 显示文字，支持自定义模板\r\n   * @en_US Display text, support custom template\r\n   */\r\n  @Input() @XWithConfig<XTemplate>(X_CONFIG_NAME) text?: XTemplate;\r\n  /**\r\n   * @zh_CN 显示的图标\r\n   * @en_US Icon displayed\r\n   */\r\n  @Input() @XWithConfig<string>(X_CONFIG_NAME) icon?: string;\r\n  /**\r\n   * @zh_CN 颜色\r\n   * @en_US Color\r\n   */\r\n  @Input() @XWithConfig<string>(X_CONFIG_NAME) color?: string;\r\n  /**\r\n   * @zh_CN 全屏显示\r\n   * @en_US Full-screen display\r\n   */\r\n  @Input() @XInputBoolean() fullScreen?: XBoolean;\r\n  /**\r\n   * @zh_CN 背景样式\r\n   * @en_US Background style\r\n   */\r\n  @Input() @XWithConfig<string>(X_CONFIG_NAME) background?: string;\r\n}\r\n","import {\r\n  Component,\r\n  OnInit,\r\n  ViewEncapsulation,\r\n  Renderer2,\r\n  ElementRef,\r\n  ChangeDetectorRef,\r\n  ChangeDetectionStrategy,\r\n  SimpleChanges,\r\n  OnChanges,\r\n  HostBinding,\r\n  ViewChild,\r\n  TemplateRef,\r\n  ViewContainerRef\r\n} from '@angular/core';\r\nimport { XLoadingPrefix, XLoadingProperty } from './loading.property';\r\nimport { XIsChange, XIsEmpty, XConfigService } from '@ng-nest/ui/core';\r\nimport { XPortalService, XPortalOverlayRef } from '@ng-nest/ui/portal';\r\n\r\n@Component({\r\n  selector: `${XLoadingPrefix}, [${XLoadingPrefix}]`,\r\n  templateUrl: './loading.component.html',\r\n  styleUrls: ['./loading.component.scss'],\r\n  encapsulation: ViewEncapsulation.None,\r\n  changeDetection: ChangeDetectionStrategy.OnPush\r\n})\r\nexport class XLoadingComponent extends XLoadingProperty implements OnInit, OnChanges {\r\n  @HostBinding('class.x-loading-parent') get getLoading() {\r\n    return this.loading;\r\n  }\r\n  @ViewChild('loadingTpl', { static: false }) loadingTpl!: TemplateRef<void>;\r\n  portalRef!: XPortalOverlayRef<any>;\r\n\r\n  constructor(\r\n    public renderer: Renderer2,\r\n    public elementRef: ElementRef,\r\n    public cdr: ChangeDetectorRef,\r\n    public portal: XPortalService,\r\n    public viewContainerRef: ViewContainerRef,\r\n    public configService: XConfigService\r\n  ) {\r\n    super();\r\n  }\r\n\r\n  ngOnInit() {\r\n    this.setClassMap();\r\n  }\r\n\r\n  ngOnChanges(changes: SimpleChanges) {\r\n    const { loading } = changes;\r\n    XIsChange(loading) && this.setLoading();\r\n  }\r\n\r\n  setClassMap() {\r\n    this.classMap[`${XLoadingPrefix}-${this.size}`] = !XIsEmpty(this.size);\r\n    this.cdr.markForCheck();\r\n  }\r\n\r\n  setLoading() {\r\n    if (this.fullScreen) {\r\n      if (this.loading) {\r\n        this.createFullScreen();\r\n      } else {\r\n        this.closeFullScreen();\r\n      }\r\n    }\r\n    this.cdr.detectChanges();\r\n  }\r\n\r\n  createFullScreen() {\r\n    this.portalRef = this.portal.attach({\r\n      content: this.loadingTpl,\r\n      viewContainerRef: this.viewContainerRef,\r\n      overlayConfig: {\r\n        width: '100%',\r\n        height: '100%',\r\n        positionStrategy: this.portal.setPlacement()\r\n      }\r\n    });\r\n  }\r\n\r\n  closeFullScreen() {\r\n    if (this.portalRef?.overlayRef?.hasAttached()) {\r\n      this.portalRef.overlayRef.detach();\r\n    }\r\n  }\r\n}\r\n","<ng-content></ng-content>\r\n\r\n<ng-container *ngIf=\"!fullScreen\">\r\n  <ng-container *ngTemplateOutlet=\"loadingTpl\"></ng-container>\r\n</ng-container>\r\n\r\n<ng-template #loadingTpl>\r\n  <div #loading class=\"x-loading\" [ngClass]=\"classMap\" [style.background]=\"background\" *ngIf=\"loading\">\r\n    <div class=\"x-loading-spinner\" [style.color]=\"color\">\r\n      <ng-container *ngIf=\"icon; else circularTpl\">\r\n        <div class=\"x-loading-icon\">\r\n          <x-icon [type]=\"icon\"></x-icon>\r\n        </div>\r\n      </ng-container>\r\n      <div class=\"x-loading-text\">\r\n        <ng-container *xOutlet=\"text\">{{ text }}</ng-container>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</ng-template>\r\n\r\n<ng-template #circularTpl>\r\n  <svg class=\"x-loading-circular\" viewBox=\"25 25 50 50\">\r\n    <circle class=\"x-loading-path\" cx=\"50\" cy=\"50\" r=\"20\" fill=\"none\" />\r\n  </svg>\r\n</ng-template>\r\n","import { NgModule } from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\r\nimport { XLoadingComponent } from './loading.component';\r\nimport { XIconModule } from '@ng-nest/ui/icon';\r\nimport { XOutletModule } from '@ng-nest/ui/outlet';\r\nimport { XPortalModule } from '@ng-nest/ui/portal';\r\nimport { XLoadingProperty } from './loading.property';\r\n\r\n@NgModule({\r\n  declarations: [XLoadingComponent, XLoadingProperty],\r\n  exports: [XLoadingComponent],\r\n  imports: [CommonModule, XIconModule, XOutletModule, XPortalModule]\r\n})\r\nexport class XLoadingModule {}\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}

package/fesm2015/ng-nest-ui-menu.js

@@ -186,10 +186,11 @@ class XMenuComponent extends XMenuProperty {
         this.setClassMap();
     }
     ngOnChanges(changes) {
-        XIsChange(changes.data) && this.setData();
-        XIsChange(changes.activatedId) && this.setActivatedNode(this.nodes);
-        XIsChange(changes.collapsed) && this.setClassMap();
-        if (XIsChange(changes.target)) {
+        const { data, activatedId, collapsed, target } = changes;
+        XIsChange(data) && this.setData();
+        XIsChange(activatedId) && this.setActivatedNode(this.datas);
+        XIsChange(collapsed) && this.setClassMap();
+        if (XIsChange(target)) {
             this._target = typeof this.target === 'string' ? this.doc.querySelector(this.target) : this.target;
         }
     }
@@ -317,7 +318,6 @@ class XMenuComponent extends XMenuProperty {
     }
     setActivatedNode(nodes) {
         this.activated = nodes.find((x) => x.id == this.activatedId);
-        // console.log(this.nodes)
         this.rootIndex = nodes.findIndex((x) => x.id == this.activatedId && !x.pid);
         if (this.activated) {
             this.setParentOpen(nodes, this.activated);
@@ -335,7 +335,7 @@ class XMenuComponent extends XMenuProperty {
         };
         getParent(node);
     }
-    trackByNode(index, item) {
+    trackByNode(_index, item) {
         return item.id;
     }
 }

package/fesm2015/ng-nest-ui-menu.js.map

@@ -1 +1 @@
-{"version":3,"file":"ng-nest-ui-menu.js","sources":["../../../../lib/ng-nest/ui/menu/menu.property.ts","../../../../lib/ng-nest/ui/menu/menu-node.component.ts","../../../../lib/ng-nest/ui/menu/menu-node.component.html","../../../../lib/ng-nest/ui/menu/menu.component.ts","../../../../lib/ng-nest/ui/menu/menu.component.html","../../../../lib/ng-nest/ui/menu/menu.module.ts","../../../../lib/ng-nest/ui/menu/ng-nest-ui-menu.ts"],"sourcesContent":["import {\r\n  XParentIdentityProperty,\r\n  XData,\r\n  XSize,\r\n  XProperty,\r\n  XDataConvert,\r\n  XInputNumber,\r\n  XNumber,\r\n  XInputBoolean,\r\n  XBoolean,\r\n  XWithConfig,\r\n  XTrigger\r\n} from '@ng-nest/ui/core';\r\nimport { TemplateRef, Input, Output, EventEmitter, Component } from '@angular/core';\r\n\r\n/**\r\n * Menu\r\n * @selector x-menu\r\n * @decorator component\r\n */\r\nexport const XMenuPrefix = 'x-menu';\r\nconst X_CONFIG_NAME = 'menu';\r\n\r\n/**\r\n * Menu Property\r\n */\r\n@Component({ template: '' })\r\nexport class XMenuProperty extends XProperty {\r\n  /**\r\n   * @zh_CN 节点数据\r\n   * @en_US Node data\r\n   */\r\n  @Input() @XDataConvert() data: XData<XMenuNode> = [];\r\n  /**\r\n   * @zh_CN 布局方向\r\n   * @en_US Layout direction\r\n   */\r\n  @Input() layout: XMenuLayout = 'row';\r\n  /**\r\n   * @zh_CN 尺寸\r\n   * @en_US Size\r\n   */\r\n  @Input() @XWithConfig<XSize>(X_CONFIG_NAME, 'medium') size?: XSize;\r\n  /**\r\n   * @zh_CN 缩起菜单\r\n   * @en_US Shrink menu\r\n   */\r\n  @Input() @XInputBoolean() collapsed: XBoolean = false;\r\n  /**\r\n   * @zh_CN 触发方式，只针对横向布局\r\n   * @en_US Trigger mode, only for horizontal layout\r\n   */\r\n  @Input() @XWithConfig<XMenuTrigger>(X_CONFIG_NAME, 'hover') trigger?: XMenuTrigger;\r\n  /**\r\n   * @zh_CN 节点模板\r\n   * @en_US Node template\r\n   */\r\n  @Input() nodeTpl?: TemplateRef<any>;\r\n  /**\r\n   * @zh_CN 展开的所有层级，只对 layout 布局为 'column' 的生效\r\n   * @en_US All expanded levels are only effective for the layout of'column'\r\n   */\r\n  @Input() @XInputBoolean() expandedAll?: XBoolean;\r\n  /**\r\n   * @zh_CN 默认展开的层级，只对 layout 布局为 'column' 的生效\r\n   * @en_US The level expanded by default is only valid for the layout of'column'\r\n   */\r\n  @Input() @XInputNumber() expandedLevel: XNumber = -1;\r\n  /**\r\n   * @zh_CN 当前激活的节点 id\r\n   * @en_US Currently active node id\r\n   */\r\n  @Input() activatedId: any;\r\n  /**\r\n   * @zh_CN 滚动容器\r\n   * @en_US Rolling container\r\n   */\r\n  @Input() target?: string | HTMLElement;\r\n  /**\r\n   * @zh_CN 弹框的最小宽度\r\n   * @en_US Portal min-width\r\n   */\r\n  @Input() portalMinWidth?: string | number;\r\n  /**\r\n   * @zh_CN 节点点击的事件\r\n   * @en_US Node click event\r\n   */\r\n  @Output() nodeClick = new EventEmitter<XMenuNode>();\r\n  /**\r\n   * @zh_CN 节点点击的事件\r\n   * @en_US Node click event\r\n   */\r\n  @Output() activatedIdChange = new EventEmitter<any>();\r\n}\r\n\r\n/**\r\n * @zh_CN MenuNode 节点数据\r\n * @en_US MenuNode node data\r\n */\r\nexport interface XMenuNode extends XParentIdentityProperty<XMenuNode> {\r\n  /**\r\n   * @zh_CN 图标\r\n   * @en_US Icon\r\n   */\r\n  icon?: string;\r\n  /**\r\n   * @zh_CN 展开\r\n   * @en_US Unfold\r\n   */\r\n  open?: boolean;\r\n  /**\r\n   * @zh_CN 子节点已加载过\r\n   * @en_US Child node has been loaded\r\n   */\r\n  childrenLoaded?: boolean;\r\n  /**\r\n   * @zh_CN 分类显示，设置值后节点显示成分类样式\r\n   * @en_US Category display, after setting the value, the node is displayed in a category style\r\n   */\r\n  category?: string;\r\n  /**\r\n   * @zh_CN 分类节点，通过内部计算\r\n   * @en_US Classification node, through internal calculation\r\n   */\r\n  categoryNode?: boolean;\r\n  /**\r\n   * @zh_CN 检查更新\r\n   * @en_US Check for updates\r\n   */\r\n  change?: Function;\r\n  /**\r\n   * @zh_CN 路由\r\n   * @en_US Router\r\n   */\r\n  routerLink?: string | any[];\r\n}\r\n\r\n/**\r\n * @zh_CN 布局方式\r\n * @en_US Layout\r\n */\r\nexport type XMenuLayout = 'row' | 'column';\r\n\r\n/**\r\n * @zh_CN 触发方式\r\n * @en_US Trigger method\r\n */\r\nexport type XMenuTrigger = XTrigger;\r\n\r\n/**\r\n * Menu Node\r\n * @selector x-menu-node\r\n * @decorator component\r\n */\r\nexport const XMenuNodePrefix = 'x-menu-node';\r\n\r\n/**\r\n * Menu Node Property\r\n */\r\n@Component({ template: '' })\r\nexport class XMenuNodeProperty extends XProperty {\r\n  /**\r\n   * @zh_CN 节点数据\r\n   * @en_US Node data\r\n   */\r\n  @Input() node!: XMenuNode;\r\n}\r\n","import { Component, ViewEncapsulation, ChangeDetectionStrategy, ChangeDetectorRef, Host, Optional, ElementRef, Input } from '@angular/core';\r\nimport { XMenuNodeProperty, XMenuNodePrefix } from './menu.property';\r\nimport { XConfigService } from '@ng-nest/ui/core';\r\n\r\n@Component({\r\n  selector: `${XMenuNodePrefix}`,\r\n  templateUrl: './menu-node.component.html',\r\n  encapsulation: ViewEncapsulation.None,\r\n  changeDetection: ChangeDetectionStrategy.OnPush\r\n})\r\nexport class XMenuNodeComponent extends XMenuNodeProperty {\r\n  @Input() menu: any;\r\n  constructor(\r\n    // @Host() @Optional() public menu: XMenuComponent,\r\n    public cdr: ChangeDetectorRef,\r\n    public elementRef: ElementRef,\r\n    public configService: XConfigService\r\n  ) {\r\n    super();\r\n  }\r\n  ngOnInit() {\r\n    if (this.menu?.activatedId == this.node.id) {\r\n      this.menu.activatedElementRef = this.elementRef;\r\n    }\r\n    this.node.change = () => {\r\n      this.cdr.detectChanges();\r\n    };\r\n  }\r\n}\r\n","<a *ngIf=\"node.routerLink && !node.leaf; else menuTpl\" [routerLink]=\"node.routerLink\">\r\n  <ng-container *ngTemplateOutlet=\"menuTpl\"></ng-container>\r\n</a>\r\n\r\n<ng-template #menuTpl>\r\n  <x-icon class=\"x-menu-icon\" *ngIf=\"node.icon\" [type]=\"node.icon\"></x-icon>\r\n  <span class=\"x-menu-text\" *ngIf=\"node.label\">{{ node.label }}</span>\r\n  <x-icon class=\"x-menu-arrow\" *ngIf=\"node.leaf\" [class.is-open]=\"node.open\" type=\"fto-chevron-down\"></x-icon>\r\n</ng-template>\r\n","import {\r\n  Component,\r\n  OnInit,\r\n  ViewEncapsulation,\r\n  Renderer2,\r\n  ElementRef,\r\n  ChangeDetectorRef,\r\n  ChangeDetectionStrategy,\r\n  SimpleChanges,\r\n  OnChanges,\r\n  OnDestroy,\r\n  AfterViewInit,\r\n  Input,\r\n  Inject\r\n} from '@angular/core';\r\nimport { XMenuPrefix, XMenuNode, XMenuProperty } from './menu.property';\r\nimport { XClassMap, XIsChange, XIsEmpty, XSetData, groupBy, XConfigService } from '@ng-nest/ui/core';\r\nimport { Subject } from 'rxjs';\r\nimport { DOCUMENT } from '@angular/common';\r\n\r\n@Component({\r\n  selector: `${XMenuPrefix}`,\r\n  templateUrl: './menu.component.html',\r\n  styleUrls: ['./menu.component.scss'],\r\n  encapsulation: ViewEncapsulation.None,\r\n  changeDetection: ChangeDetectionStrategy.OnPush\r\n})\r\nexport class XMenuComponent extends XMenuProperty implements OnInit, OnChanges, OnDestroy, AfterViewInit {\r\n  showCategory = false;\r\n  get scroll(): HTMLElement {\r\n    return this._target;\r\n  }\r\n  nodeClassMap: XClassMap = {};\r\n  datas: XMenuNode[] = [];\r\n  nodes: XMenuNode[] = [];\r\n  rootIndex: number = 0;\r\n  activated!: XMenuNode;\r\n  activatedElementRef!: ElementRef;\r\n  expanded: any[] = [];\r\n  private _unSubject = new Subject<void>();\r\n  private _target!: HTMLElement;\r\n\r\n  constructor(\r\n    public renderer: Renderer2,\r\n    public elementRef: ElementRef,\r\n    public cdr: ChangeDetectorRef,\r\n    @Inject(DOCUMENT) public doc: any,\r\n    public configService: XConfigService\r\n  ) {\r\n    super();\r\n  }\r\n\r\n  ngOnInit() {\r\n    this.setClassMap();\r\n  }\r\n\r\n  ngOnChanges(changes: SimpleChanges) {\r\n    XIsChange(changes.data) && this.setData();\r\n    XIsChange(changes.activatedId) && this.setActivatedNode(this.nodes);\r\n    XIsChange(changes.collapsed) && this.setClassMap();\r\n    if (XIsChange(changes.target)) {\r\n      this._target = typeof this.target === 'string' ? this.doc.querySelector(this.target) : this.target;\r\n    }\r\n  }\r\n\r\n  ngOnDestroy(): void {\r\n    this._unSubject.next();\r\n    this._unSubject.unsubscribe();\r\n  }\r\n\r\n  ngAfterViewInit() {\r\n    if (this.activatedElementRef && this.scroll) {\r\n      const nodeRect: DOMRect = this.activatedElementRef.nativeElement.getBoundingClientRect();\r\n      const scrollRect: DOMRect = this.scroll.getBoundingClientRect();\r\n      let scrollTop = nodeRect.top - scrollRect.top - scrollRect.height;\r\n      if (scrollTop > 0) {\r\n        let offset = 0;\r\n        while (offset < scrollRect.height / 2) {\r\n          offset = offset + nodeRect.height;\r\n        }\r\n        this.scroll.scrollTop = scrollTop + offset;\r\n      }\r\n    }\r\n  }\r\n\r\n  onNodeClick(node: XMenuNode) {\r\n    if (!this.collapsed) {\r\n      this.rootIndex = this.nodes.indexOf(this.getRoot(node));\r\n      this.activatedId = node.id;\r\n      this.activated = node;\r\n      this.nodeClick.emit(node);\r\n      this.activatedIdChange.emit(node.id);\r\n      this.cdr.detectChanges();\r\n    } else {\r\n      this.onToggle(null, node, true);\r\n    }\r\n  }\r\n\r\n  rootIndexChange(index: number) {\r\n    this.rootIndex = index;\r\n    let node = this.nodes[index];\r\n    this.activatedId = node.id;\r\n    this.activated = node;\r\n    this.nodeClick.emit(node);\r\n    this.activatedIdChange.emit(node.id);\r\n    this.cdr.detectChanges();\r\n  }\r\n\r\n  onToggle(event: Event | null, node: XMenuNode, isDropdown = false) {\r\n    if ((this.collapsed && !isDropdown) || node.categoryNode) return;\r\n    if (!node.leaf) {\r\n      this.activated = node;\r\n    } else {\r\n      event?.stopPropagation();\r\n      node.open = !node.open;\r\n      if (node.open && !node.childrenLoaded) {\r\n        node.childrenLoaded = true;\r\n      }\r\n    }\r\n    this.nodeClick.emit(node);\r\n    node.change && node.change();\r\n    this.cdr.detectChanges();\r\n  }\r\n\r\n  setClassMap() {\r\n    this.classMap[`${XMenuPrefix}-${this.layout}`] = this.layout ? true : false;\r\n    this.classMap[`${XMenuPrefix}-collapsed`] = Boolean(this.collapsed);\r\n    this.nodeClassMap[`x-size-${this.size}`] = this.size ? true : false;\r\n    this.cdr.detectChanges();\r\n  }\r\n\r\n  private setData() {\r\n    XSetData<XMenuNode>(this.data, this._unSubject).subscribe((x) => {\r\n      this.setDataChange(x);\r\n    });\r\n  }\r\n\r\n  private setDataChange(value: XMenuNode[]) {\r\n    !XIsEmpty(this.activatedId) && this.setActivatedNode(value);\r\n    let handlerDatas: XMenuNode[] = [];\r\n    const getChildren = (node: XMenuNode, level: number) => {\r\n      node.level = level;\r\n      node.children = value.filter((y) => y.pid === node.id);\r\n      node.leaf = node.children?.length > 0;\r\n      if (node.leaf) {\r\n        node.open = Boolean(this.expandedAll) || level <= this.expandedLevel || this.expanded.indexOf(node.id) >= 0;\r\n        node.childrenLoaded = node.open;\r\n        node.children.map((y) => getChildren(y, level + 1));\r\n        node.children = this.setCategory(node.children);\r\n      }\r\n      handlerDatas = [...handlerDatas, node];\r\n      return node;\r\n    };\r\n\r\n    this.nodes = this.setCategory(value.filter((x) => XIsEmpty(x.pid))).map((x) => getChildren(x, 0));\r\n    this.datas = handlerDatas;\r\n    this.cdr.detectChanges();\r\n  }\r\n\r\n  private getRoot(value: XMenuNode) {\r\n    let root = value;\r\n    const getParent = (node: XMenuNode) => {\r\n      const parent = this.datas.find((x) => node.pid === x.id) as XMenuNode;\r\n      if (XIsEmpty(parent?.pid)) root = parent;\r\n      else getParent(parent);\r\n    };\r\n    if (!XIsEmpty(value.pid)) getParent(value);\r\n    return root;\r\n  }\r\n\r\n  setCategory(nodes: XMenuNode[]) {\r\n    const group = groupBy(nodes as XMenuNode[], 'category');\r\n    for (let list of group) {\r\n      const first = list[0];\r\n      if (first.category) {\r\n        list.unshift({\r\n          id: `${first.pid}__${first.category}`,\r\n          pid: first.pid,\r\n          label: first.category,\r\n          level: first.level,\r\n          categoryNode: true\r\n        });\r\n      }\r\n    }\r\n    let con: XMenuNode[] = [];\r\n    group.map((x) => {\r\n      con = con.concat(x);\r\n    });\r\n    return con;\r\n  }\r\n\r\n  setActivatedNode(nodes: XMenuNode[]) {\r\n    this.activated = nodes.find((x) => x.id == this.activatedId) as XMenuNode;\r\n    // console.log(this.nodes)\r\n    this.rootIndex = nodes.findIndex((x) => x.id == this.activatedId && !x.pid);\r\n    if (this.activated) {\r\n      this.setParentOpen(nodes, this.activated);\r\n    }\r\n  }\r\n\r\n  setParentOpen(nodes: XMenuNode[], node: XMenuNode) {\r\n    const getParent = (child: XMenuNode) => {\r\n      if (XIsEmpty(child.pid)) return;\r\n      const parent = nodes.find((x) => x.id === child.pid) as XMenuNode;\r\n      if (!XIsEmpty(parent)) {\r\n        this.expanded = [...this.expanded, parent.id];\r\n        getParent(parent);\r\n      }\r\n    };\r\n    getParent(node);\r\n  }\r\n\r\n  trackByNode(index: number, item: XMenuNode) {\r\n    return item.id;\r\n  }\r\n}\r\n","<div #menu class=\"x-menu\" [ngClass]=\"classMap\">\r\n  <div class=\"x-menu-nodes\" *ngIf=\"layout === 'column'\">\r\n    <ng-container *ngFor=\"let node of nodes; trackBy: trackByNode\">\r\n      <ng-container *ngTemplateOutlet=\"nodeColumnTpl; context: { $node: node, $children: true }\"></ng-container>\r\n    </ng-container>\r\n  </div>\r\n  <x-slider\r\n    *ngIf=\"layout === 'row'\"\r\n    [data]=\"nodes\"\r\n    [size]=\"size\"\r\n    [nodeTpl]=\"nodeRowTpl\"\r\n    [nodeJustify]=\"'center'\"\r\n    [activatedIndex]=\"rootIndex\"\r\n    (indexChange)=\"rootIndexChange($event)\"\r\n  ></x-slider>\r\n</div>\r\n\r\n<ng-template #nodeTpl let-node=\"$node\">\r\n  <x-dropdown\r\n    *ngIf=\"node.level === 0 && collapsed\"\r\n    [disabled]=\"!node.leaf\"\r\n    [data]=\"node.children\"\r\n    [trigger]=\"trigger\"\r\n    placement=\"right-start\"\r\n    (nodeClick)=\"onNodeClick($event)\"\r\n    [portalMinWidth]=\"portalMinWidth\"\r\n    children\r\n  >\r\n    <x-menu-node [node]=\"node\" [menu]=\"this\"></x-menu-node>\r\n  </x-dropdown>\r\n  <x-menu-node *ngIf=\"!collapsed\" [node]=\"node\" [menu]=\"this\"></x-menu-node>\r\n</ng-template>\r\n\r\n<ng-template #nodeRowTpl let-node=\"$node\">\r\n  <x-dropdown\r\n    [disabled]=\"!node.leaf\"\r\n    [data]=\"node.children\"\r\n    [trigger]=\"trigger\"\r\n    (nodeClick)=\"onNodeClick($event)\"\r\n    [portalMinWidth]=\"portalMinWidth\"\r\n    children\r\n  >\r\n    <div class=\"x-menu-node\" [ngClass]=\"nodeClassMap\">\r\n      <ng-container *ngTemplateOutlet=\"nodeTpl; context: { $node: node }\"></ng-container>\r\n    </div>\r\n  </x-dropdown>\r\n</ng-template>\r\n\r\n<ng-template #nodeColumnTpl let-node=\"$node\">\r\n  <div\r\n    class=\"x-menu-node\"\r\n    [class.x-activated]=\"activated?.id === node.id\"\r\n    [class.x-menu-category]=\"node.categoryNode\"\r\n    [ngClass]=\"nodeClassMap\"\r\n    (click)=\"onToggle($event, node)\"\r\n    [style.padding-left.rem]=\"(node.level + 1) * 0.875\"\r\n  >\r\n    <ng-container *ngTemplateOutlet=\"nodeTpl; context: { $node: node }\"></ng-container>\r\n  </div>\r\n  <div class=\"x-menu-nodes\" *ngIf=\"node.childrenLoaded || (node.leaf && node.open)\" [hidden]=\"!node.open\">\r\n    <ng-container *ngFor=\"let child of node.children; trackBy: trackByNode\">\r\n      <ng-container *ngTemplateOutlet=\"nodeColumnTpl; context: { $node: child }\"></ng-container>\r\n    </ng-container>\r\n  </div>\r\n</ng-template>\r\n","import { NgModule } from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\r\nimport { XMenuComponent } from './menu.component';\r\nimport { XMenuNodeComponent } from './menu-node.component';\r\nimport { XDropdownModule } from '@ng-nest/ui/dropdown';\r\nimport { XSliderModule } from '@ng-nest/ui/slider';\r\nimport { XIconModule } from '@ng-nest/ui/icon';\r\nimport { XMenuProperty, XMenuNodeProperty } from './menu.property';\r\nimport { RouterModule } from '@angular/router';\r\n\r\n@NgModule({\r\n  declarations: [XMenuComponent, XMenuNodeComponent, XMenuProperty, XMenuNodeProperty],\r\n  exports: [XMenuComponent, XMenuNodeComponent],\r\n  imports: [CommonModule, RouterModule, XDropdownModule, XSliderModule, XIconModule]\r\n})\r\nexport class XMenuModule {}\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"ng-nest-ui-menu.js","sources":["../../../../lib/ng-nest/ui/menu/menu.property.ts","../../../../lib/ng-nest/ui/menu/menu-node.component.ts","../../../../lib/ng-nest/ui/menu/menu-node.component.html","../../../../lib/ng-nest/ui/menu/menu.component.ts","../../../../lib/ng-nest/ui/menu/menu.component.html","../../../../lib/ng-nest/ui/menu/menu.module.ts","../../../../lib/ng-nest/ui/menu/ng-nest-ui-menu.ts"],"sourcesContent":["import {\r\n  XParentIdentityProperty,\r\n  XData,\r\n  XSize,\r\n  XProperty,\r\n  XDataConvert,\r\n  XInputNumber,\r\n  XNumber,\r\n  XInputBoolean,\r\n  XBoolean,\r\n  XWithConfig,\r\n  XTrigger\r\n} from '@ng-nest/ui/core';\r\nimport { TemplateRef, Input, Output, EventEmitter, Component } from '@angular/core';\r\n\r\n/**\r\n * Menu\r\n * @selector x-menu\r\n * @decorator component\r\n */\r\nexport const XMenuPrefix = 'x-menu';\r\nconst X_CONFIG_NAME = 'menu';\r\n\r\n/**\r\n * Menu Property\r\n */\r\n@Component({ template: '' })\r\nexport class XMenuProperty extends XProperty {\r\n  /**\r\n   * @zh_CN 节点数据\r\n   * @en_US Node data\r\n   */\r\n  @Input() @XDataConvert() data: XData<XMenuNode> = [];\r\n  /**\r\n   * @zh_CN 布局方向\r\n   * @en_US Layout direction\r\n   */\r\n  @Input() layout: XMenuLayout = 'row';\r\n  /**\r\n   * @zh_CN 尺寸\r\n   * @en_US Size\r\n   */\r\n  @Input() @XWithConfig<XSize>(X_CONFIG_NAME, 'medium') size?: XSize;\r\n  /**\r\n   * @zh_CN 缩起菜单\r\n   * @en_US Shrink menu\r\n   */\r\n  @Input() @XInputBoolean() collapsed: XBoolean = false;\r\n  /**\r\n   * @zh_CN 触发方式，只针对横向布局\r\n   * @en_US Trigger mode, only for horizontal layout\r\n   */\r\n  @Input() @XWithConfig<XMenuTrigger>(X_CONFIG_NAME, 'hover') trigger?: XMenuTrigger;\r\n  /**\r\n   * @zh_CN 节点模板\r\n   * @en_US Node template\r\n   */\r\n  @Input() nodeTpl?: TemplateRef<any>;\r\n  /**\r\n   * @zh_CN 展开的所有层级，只对 layout 布局为 'column' 的生效\r\n   * @en_US All expanded levels are only effective for the layout of'column'\r\n   */\r\n  @Input() @XInputBoolean() expandedAll?: XBoolean;\r\n  /**\r\n   * @zh_CN 默认展开的层级，只对 layout 布局为 'column' 的生效\r\n   * @en_US The level expanded by default is only valid for the layout of'column'\r\n   */\r\n  @Input() @XInputNumber() expandedLevel: XNumber = -1;\r\n  /**\r\n   * @zh_CN 当前激活的节点 id\r\n   * @en_US Currently active node id\r\n   */\r\n  @Input() activatedId: any;\r\n  /**\r\n   * @zh_CN 滚动容器\r\n   * @en_US Rolling container\r\n   */\r\n  @Input() target?: string | HTMLElement;\r\n  /**\r\n   * @zh_CN 弹框的最小宽度\r\n   * @en_US Portal min-width\r\n   */\r\n  @Input() portalMinWidth?: string | number;\r\n  /**\r\n   * @zh_CN 节点点击的事件\r\n   * @en_US Node click event\r\n   */\r\n  @Output() nodeClick = new EventEmitter<XMenuNode>();\r\n  /**\r\n   * @zh_CN 节点点击的事件\r\n   * @en_US Node click event\r\n   */\r\n  @Output() activatedIdChange = new EventEmitter<any>();\r\n}\r\n\r\n/**\r\n * @zh_CN MenuNode 节点数据\r\n * @en_US MenuNode node data\r\n */\r\nexport interface XMenuNode extends XParentIdentityProperty<XMenuNode> {\r\n  /**\r\n   * @zh_CN 图标\r\n   * @en_US Icon\r\n   */\r\n  icon?: string;\r\n  /**\r\n   * @zh_CN 展开\r\n   * @en_US Unfold\r\n   */\r\n  open?: boolean;\r\n  /**\r\n   * @zh_CN 子节点已加载过\r\n   * @en_US Child node has been loaded\r\n   */\r\n  childrenLoaded?: boolean;\r\n  /**\r\n   * @zh_CN 分类显示，设置值后节点显示成分类样式\r\n   * @en_US Category display, after setting the value, the node is displayed in a category style\r\n   */\r\n  category?: string;\r\n  /**\r\n   * @zh_CN 分类节点，通过内部计算\r\n   * @en_US Classification node, through internal calculation\r\n   */\r\n  categoryNode?: boolean;\r\n  /**\r\n   * @zh_CN 检查更新\r\n   * @en_US Check for updates\r\n   */\r\n  change?: Function;\r\n  /**\r\n   * @zh_CN 路由\r\n   * @en_US Router\r\n   */\r\n  routerLink?: string | any[];\r\n}\r\n\r\n/**\r\n * @zh_CN 布局方式\r\n * @en_US Layout\r\n */\r\nexport type XMenuLayout = 'row' | 'column';\r\n\r\n/**\r\n * @zh_CN 触发方式\r\n * @en_US Trigger method\r\n */\r\nexport type XMenuTrigger = XTrigger;\r\n\r\n/**\r\n * Menu Node\r\n * @selector x-menu-node\r\n * @decorator component\r\n */\r\nexport const XMenuNodePrefix = 'x-menu-node';\r\n\r\n/**\r\n * Menu Node Property\r\n */\r\n@Component({ template: '' })\r\nexport class XMenuNodeProperty extends XProperty {\r\n  /**\r\n   * @zh_CN 节点数据\r\n   * @en_US Node data\r\n   */\r\n  @Input() node!: XMenuNode;\r\n}\r\n","import { Component, ViewEncapsulation, ChangeDetectionStrategy, ChangeDetectorRef, ElementRef, Input } from '@angular/core';\r\nimport { XMenuNodeProperty, XMenuNodePrefix } from './menu.property';\r\nimport { XConfigService } from '@ng-nest/ui/core';\r\n\r\n@Component({\r\n  selector: `${XMenuNodePrefix}`,\r\n  templateUrl: './menu-node.component.html',\r\n  encapsulation: ViewEncapsulation.None,\r\n  changeDetection: ChangeDetectionStrategy.OnPush\r\n})\r\nexport class XMenuNodeComponent extends XMenuNodeProperty {\r\n  @Input() menu: any;\r\n  constructor(\r\n    // @Host() @Optional() public menu: XMenuComponent,\r\n    public cdr: ChangeDetectorRef,\r\n    public elementRef: ElementRef,\r\n    public configService: XConfigService\r\n  ) {\r\n    super();\r\n  }\r\n  ngOnInit() {\r\n    if (this.menu?.activatedId == this.node.id) {\r\n      this.menu.activatedElementRef = this.elementRef;\r\n    }\r\n    this.node.change = () => {\r\n      this.cdr.detectChanges();\r\n    };\r\n  }\r\n}\r\n","<a *ngIf=\"node.routerLink && !node.leaf; else menuTpl\" [routerLink]=\"node.routerLink\">\r\n  <ng-container *ngTemplateOutlet=\"menuTpl\"></ng-container>\r\n</a>\r\n\r\n<ng-template #menuTpl>\r\n  <x-icon class=\"x-menu-icon\" *ngIf=\"node.icon\" [type]=\"node.icon\"></x-icon>\r\n  <span class=\"x-menu-text\" *ngIf=\"node.label\">{{ node.label }}</span>\r\n  <x-icon class=\"x-menu-arrow\" *ngIf=\"node.leaf\" [class.is-open]=\"node.open\" type=\"fto-chevron-down\"></x-icon>\r\n</ng-template>\r\n","import {\r\n  Component,\r\n  OnInit,\r\n  ViewEncapsulation,\r\n  Renderer2,\r\n  ElementRef,\r\n  ChangeDetectorRef,\r\n  ChangeDetectionStrategy,\r\n  SimpleChanges,\r\n  OnChanges,\r\n  OnDestroy,\r\n  AfterViewInit,\r\n  Inject\r\n} from '@angular/core';\r\nimport { XMenuPrefix, XMenuNode, XMenuProperty } from './menu.property';\r\nimport { XClassMap, XIsChange, XIsEmpty, XSetData, groupBy, XConfigService } from '@ng-nest/ui/core';\r\nimport { Subject } from 'rxjs';\r\nimport { DOCUMENT } from '@angular/common';\r\n\r\n@Component({\r\n  selector: `${XMenuPrefix}`,\r\n  templateUrl: './menu.component.html',\r\n  styleUrls: ['./menu.component.scss'],\r\n  encapsulation: ViewEncapsulation.None,\r\n  changeDetection: ChangeDetectionStrategy.OnPush\r\n})\r\nexport class XMenuComponent extends XMenuProperty implements OnInit, OnChanges, OnDestroy, AfterViewInit {\r\n  showCategory = false;\r\n  get scroll(): HTMLElement {\r\n    return this._target;\r\n  }\r\n  nodeClassMap: XClassMap = {};\r\n  datas: XMenuNode[] = [];\r\n  nodes: XMenuNode[] = [];\r\n  rootIndex: number = 0;\r\n  activated!: XMenuNode;\r\n  activatedElementRef!: ElementRef;\r\n  expanded: any[] = [];\r\n  private _unSubject = new Subject<void>();\r\n  private _target!: HTMLElement;\r\n\r\n  constructor(\r\n    public renderer: Renderer2,\r\n    public elementRef: ElementRef,\r\n    public cdr: ChangeDetectorRef,\r\n    @Inject(DOCUMENT) public doc: any,\r\n    public configService: XConfigService\r\n  ) {\r\n    super();\r\n  }\r\n\r\n  ngOnInit() {\r\n    this.setClassMap();\r\n  }\r\n\r\n  ngOnChanges(changes: SimpleChanges) {\r\n    const { data, activatedId, collapsed, target } = changes;\r\n    XIsChange(data) && this.setData();\r\n    XIsChange(activatedId) && this.setActivatedNode(this.datas);\r\n    XIsChange(collapsed) && this.setClassMap();\r\n    if (XIsChange(target)) {\r\n      this._target = typeof this.target === 'string' ? this.doc.querySelector(this.target) : this.target;\r\n    }\r\n  }\r\n\r\n  ngOnDestroy(): void {\r\n    this._unSubject.next();\r\n    this._unSubject.unsubscribe();\r\n  }\r\n\r\n  ngAfterViewInit() {\r\n    if (this.activatedElementRef && this.scroll) {\r\n      const nodeRect: DOMRect = this.activatedElementRef.nativeElement.getBoundingClientRect();\r\n      const scrollRect: DOMRect = this.scroll.getBoundingClientRect();\r\n      let scrollTop = nodeRect.top - scrollRect.top - scrollRect.height;\r\n      if (scrollTop > 0) {\r\n        let offset = 0;\r\n        while (offset < scrollRect.height / 2) {\r\n          offset = offset + nodeRect.height;\r\n        }\r\n        this.scroll.scrollTop = scrollTop + offset;\r\n      }\r\n    }\r\n  }\r\n\r\n  onNodeClick(node: XMenuNode) {\r\n    if (!this.collapsed) {\r\n      this.rootIndex = this.nodes.indexOf(this.getRoot(node));\r\n      this.activatedId = node.id;\r\n      this.activated = node;\r\n      this.nodeClick.emit(node);\r\n      this.activatedIdChange.emit(node.id);\r\n      this.cdr.detectChanges();\r\n    } else {\r\n      this.onToggle(null, node, true);\r\n    }\r\n  }\r\n\r\n  rootIndexChange(index: number) {\r\n    this.rootIndex = index;\r\n    let node = this.nodes[index];\r\n    this.activatedId = node.id;\r\n    this.activated = node;\r\n    this.nodeClick.emit(node);\r\n    this.activatedIdChange.emit(node.id);\r\n    this.cdr.detectChanges();\r\n  }\r\n\r\n  onToggle(event: Event | null, node: XMenuNode, isDropdown = false) {\r\n    if ((this.collapsed && !isDropdown) || node.categoryNode) return;\r\n    if (!node.leaf) {\r\n      this.activated = node;\r\n    } else {\r\n      event?.stopPropagation();\r\n      node.open = !node.open;\r\n      if (node.open && !node.childrenLoaded) {\r\n        node.childrenLoaded = true;\r\n      }\r\n    }\r\n    this.nodeClick.emit(node);\r\n    node.change && node.change();\r\n    this.cdr.detectChanges();\r\n  }\r\n\r\n  setClassMap() {\r\n    this.classMap[`${XMenuPrefix}-${this.layout}`] = this.layout ? true : false;\r\n    this.classMap[`${XMenuPrefix}-collapsed`] = Boolean(this.collapsed);\r\n    this.nodeClassMap[`x-size-${this.size}`] = this.size ? true : false;\r\n    this.cdr.detectChanges();\r\n  }\r\n\r\n  private setData() {\r\n    XSetData<XMenuNode>(this.data, this._unSubject).subscribe((x) => {\r\n      this.setDataChange(x);\r\n    });\r\n  }\r\n\r\n  private setDataChange(value: XMenuNode[]) {\r\n    !XIsEmpty(this.activatedId) && this.setActivatedNode(value);\r\n    let handlerDatas: XMenuNode[] = [];\r\n    const getChildren = (node: XMenuNode, level: number) => {\r\n      node.level = level;\r\n      node.children = value.filter((y) => y.pid === node.id);\r\n      node.leaf = node.children?.length > 0;\r\n      if (node.leaf) {\r\n        node.open = Boolean(this.expandedAll) || level <= this.expandedLevel || this.expanded.indexOf(node.id) >= 0;\r\n        node.childrenLoaded = node.open;\r\n        node.children.map((y) => getChildren(y, level + 1));\r\n        node.children = this.setCategory(node.children);\r\n      }\r\n      handlerDatas = [...handlerDatas, node];\r\n      return node;\r\n    };\r\n\r\n    this.nodes = this.setCategory(value.filter((x) => XIsEmpty(x.pid))).map((x) => getChildren(x, 0));\r\n    this.datas = handlerDatas;\r\n    this.cdr.detectChanges();\r\n  }\r\n\r\n  private getRoot(value: XMenuNode) {\r\n    let root = value;\r\n    const getParent = (node: XMenuNode) => {\r\n      const parent = this.datas.find((x) => node.pid === x.id) as XMenuNode;\r\n      if (XIsEmpty(parent?.pid)) root = parent;\r\n      else getParent(parent);\r\n    };\r\n    if (!XIsEmpty(value.pid)) getParent(value);\r\n    return root;\r\n  }\r\n\r\n  setCategory(nodes: XMenuNode[]) {\r\n    const group = groupBy(nodes as XMenuNode[], 'category');\r\n    for (let list of group) {\r\n      const first = list[0];\r\n      if (first.category) {\r\n        list.unshift({\r\n          id: `${first.pid}__${first.category}`,\r\n          pid: first.pid,\r\n          label: first.category,\r\n          level: first.level,\r\n          categoryNode: true\r\n        });\r\n      }\r\n    }\r\n    let con: XMenuNode[] = [];\r\n    group.map((x) => {\r\n      con = con.concat(x);\r\n    });\r\n    return con;\r\n  }\r\n\r\n  setActivatedNode(nodes: XMenuNode[]) {\r\n    this.activated = nodes.find((x) => x.id == this.activatedId) as XMenuNode;\r\n    this.rootIndex = nodes.findIndex((x) => x.id == this.activatedId && !x.pid);\r\n    if (this.activated) {\r\n      this.setParentOpen(nodes, this.activated);\r\n    }\r\n  }\r\n\r\n  setParentOpen(nodes: XMenuNode[], node: XMenuNode) {\r\n    const getParent = (child: XMenuNode) => {\r\n      if (XIsEmpty(child.pid)) return;\r\n      const parent = nodes.find((x) => x.id === child.pid) as XMenuNode;\r\n      if (!XIsEmpty(parent)) {\r\n        this.expanded = [...this.expanded, parent.id];\r\n        getParent(parent);\r\n      }\r\n    };\r\n    getParent(node);\r\n  }\r\n\r\n  trackByNode(_index: number, item: XMenuNode) {\r\n    return item.id;\r\n  }\r\n}\r\n","<div #menu class=\"x-menu\" [ngClass]=\"classMap\">\r\n  <div class=\"x-menu-nodes\" *ngIf=\"layout === 'column'\">\r\n    <ng-container *ngFor=\"let node of nodes; trackBy: trackByNode\">\r\n      <ng-container *ngTemplateOutlet=\"nodeColumnTpl; context: { $node: node, $children: true }\"></ng-container>\r\n    </ng-container>\r\n  </div>\r\n  <x-slider\r\n    *ngIf=\"layout === 'row'\"\r\n    [data]=\"nodes\"\r\n    [size]=\"size\"\r\n    [nodeTpl]=\"nodeRowTpl\"\r\n    [nodeJustify]=\"'center'\"\r\n    [activatedIndex]=\"rootIndex\"\r\n    (indexChange)=\"rootIndexChange($event)\"\r\n  ></x-slider>\r\n</div>\r\n\r\n<ng-template #nodeTpl let-node=\"$node\">\r\n  <x-dropdown\r\n    *ngIf=\"node.level === 0 && collapsed\"\r\n    [disabled]=\"!node.leaf\"\r\n    [data]=\"node.children\"\r\n    [trigger]=\"trigger\"\r\n    placement=\"right-start\"\r\n    (nodeClick)=\"onNodeClick($event)\"\r\n    [portalMinWidth]=\"portalMinWidth\"\r\n    children\r\n  >\r\n    <x-menu-node [node]=\"node\" [menu]=\"this\"></x-menu-node>\r\n  </x-dropdown>\r\n  <x-menu-node *ngIf=\"!collapsed\" [node]=\"node\" [menu]=\"this\"></x-menu-node>\r\n</ng-template>\r\n\r\n<ng-template #nodeRowTpl let-node=\"$node\">\r\n  <x-dropdown\r\n    [disabled]=\"!node.leaf\"\r\n    [data]=\"node.children\"\r\n    [trigger]=\"trigger\"\r\n    (nodeClick)=\"onNodeClick($event)\"\r\n    [portalMinWidth]=\"portalMinWidth\"\r\n    children\r\n  >\r\n    <div class=\"x-menu-node\" [ngClass]=\"nodeClassMap\">\r\n      <ng-container *ngTemplateOutlet=\"nodeTpl; context: { $node: node }\"></ng-container>\r\n    </div>\r\n  </x-dropdown>\r\n</ng-template>\r\n\r\n<ng-template #nodeColumnTpl let-node=\"$node\">\r\n  <div\r\n    class=\"x-menu-node\"\r\n    [class.x-activated]=\"activated?.id === node.id\"\r\n    [class.x-menu-category]=\"node.categoryNode\"\r\n    [ngClass]=\"nodeClassMap\"\r\n    (click)=\"onToggle($event, node)\"\r\n    [style.padding-left.rem]=\"(node.level + 1) * 0.875\"\r\n  >\r\n    <ng-container *ngTemplateOutlet=\"nodeTpl; context: { $node: node }\"></ng-container>\r\n  </div>\r\n  <div class=\"x-menu-nodes\" *ngIf=\"node.childrenLoaded || (node.leaf && node.open)\" [hidden]=\"!node.open\">\r\n    <ng-container *ngFor=\"let child of node.children; trackBy: trackByNode\">\r\n      <ng-container *ngTemplateOutlet=\"nodeColumnTpl; context: { $node: child }\"></ng-container>\r\n    </ng-container>\r\n  </div>\r\n</ng-template>\r\n","import { NgModule } from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\r\nimport { XMenuComponent } from './menu.component';\r\nimport { XMenuNodeComponent } from './menu-node.component';\r\nimport { XDropdownModule } from '@ng-nest/ui/dropdown';\r\nimport { XSliderModule } from '@ng-nest/ui/slider';\r\nimport { XIconModule } from '@ng-nest/ui/icon';\r\nimport { XMenuProperty, XMenuNodeProperty } from './menu.property';\r\nimport { RouterModule } from '@angular/router';\r\n\r\n@NgModule({\r\n  declarations: [XMenuComponent, XMenuNodeComponent, XMenuProperty, XMenuNodeProperty],\r\n  exports: [XMenuComponent, XMenuNodeComponent],\r\n  imports: [CommonModule, RouterModule, XDropdownModule, XSliderModule, XIconModule]\r\n})\r\nexport class XMenuModule {}\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}

package/fesm2015/ng-nest-ui-message-box.js

@@ -35,17 +35,17 @@ class XMessageBoxComponent {
         this.action = 'close';
         this.formGroup = new FormGroup({});
     }
+    get msgInput() {
+        return this.messageBox.input;
+    }
     get getLabel() {
-        var _a;
-        return (_a = this.messageBox.input) === null || _a === void 0 ? void 0 : _a.content;
+        return this.msgInput.content;
     }
     get getPattern() {
-        var _a;
-        return (_a = this.messageBox.input) === null || _a === void 0 ? void 0 : _a.inputPattern;
+        return this.msgInput.inputPattern;
     }
     ngOnInit() {
-        var _a;
-        ((_a = this.messageBox.input) === null || _a === void 0 ? void 0 : _a.showInput) && this.createFormGroup();
+        this.msgInput.showInput && this.createFormGroup();
     }
     onClose() {
         this.action = 'close';
@@ -56,24 +56,24 @@ class XMessageBoxComponent {
         this.hideBox();
     }
     hideBox() {
-        var _a, _b, _c, _d;
-        if (((_a = this.messageBox.input) === null || _a === void 0 ? void 0 : _a.hide) && ((_b = this.messageBox.input) === null || _b === void 0 ? void 0 : _b.hide) !== true)
-            this.messageBox.input.hide = true;
-        (_d = (_c = this.messageBox.ref) === null || _c === void 0 ? void 0 : _c.overlayRef) === null || _d === void 0 ? void 0 : _d.detach();
+        var _a, _b;
+        if (this.msgInput.hide && this.msgInput.hide !== true) {
+            this.msgInput.hide = true;
+        }
+        (_b = (_a = this.messageBox.ref) === null || _a === void 0 ? void 0 : _a.overlayRef) === null || _b === void 0 ? void 0 : _b.detach();
         this.cdr.detectChanges();
     }
     onConfirm() {
-        var _a;
-        if (!((_a = this.messageBox.input) === null || _a === void 0 ? void 0 : _a.showInput) || (this.messageBox.input.showInput && this.formGroup.valid)) {
+        if (!this.msgInput.showInput || (this.msgInput.showInput && this.formGroup.valid)) {
             this.action = 'confirm';
             this.hideBox();
         }
     }
     moveDone($event) {
-        var _a, _b, _c;
+        var _a, _b;
         if ($event.toState === 'void') {
-            ((_a = this.messageBox.input) === null || _a === void 0 ? void 0 : _a.callback) && this.messageBox.input.callback(this.action, this.getInputValue());
-            (_c = (_b = this.messageBox.ref) === null || _b === void 0 ? void 0 : _b.overlayRef) === null || _c === void 0 ? void 0 : _c.dispose();
+            this.msgInput.callback && this.msgInput.callback(this.action, this.getInputValue());
+            (_b = (_a = this.messageBox.ref) === null || _a === void 0 ? void 0 : _a.overlayRef) === null || _b === void 0 ? void 0 : _b.dispose();
         }
     }
     getInputValue() {
@@ -81,11 +81,7 @@ class XMessageBoxComponent {
         return (_a = this.formGroup.controls['inputValue']) === null || _a === void 0 ? void 0 : _a.value;
     }
     createFormGroup() {
-        var _a, _b;
-        this.formGroup.addControl('inputValue', new FormControl((_a = this.messageBox.input) === null || _a === void 0 ? void 0 : _a.inputValue, [
-            Validators.required,
-            Validators.pattern((_b = this.messageBox.input) === null || _b === void 0 ? void 0 : _b.inputPattern)
-        ]));
+        this.formGroup.addControl('inputValue', new FormControl(this.msgInput.inputValue, [Validators.required, Validators.pattern(this.msgInput.inputPattern)]));
     }
 }
 /** @nocollapse */ XMessageBoxComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0, type: XMessageBoxComponent, deps: [{ token: i0.Renderer2 }, { token: i0.ElementRef }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
@@ -155,11 +151,13 @@ class XMessageBoxService {
         return this.createMessageBoxPlacement(opt);
     }
     createMessageBoxPlacement(option) {
-        var _a, _b, _c, _d;
         let result = { ref: this.create(option), input: option };
-        ((_b = (_a = result.ref) === null || _a === void 0 ? void 0 : _a.componentRef) === null || _b === void 0 ? void 0 : _b.instance).messageBox = result;
-        if (option.backdropClose)
-            (_d = (_c = result.ref) === null || _c === void 0 ? void 0 : _c.overlayRef) === null || _d === void 0 ? void 0 : _d.backdropClick().subscribe(() => { var _a, _b; return (_b = (_a = result.ref) === null || _a === void 0 ? void 0 : _a.componentRef) === null || _b === void 0 ? void 0 : _b.instance.onClose(); });
+        const { overlayRef, componentRef } = result.ref;
+        const { instance } = componentRef;
+        instance.messageBox = result;
+        if (option.backdropClose && overlayRef) {
+            overlayRef.backdropClick().subscribe(() => instance.onClose());
+        }
         return result;
     }
     setLocal() {

package/fesm2015/ng-nest-ui-message-box.js.map

@@ -1 +1 @@
-{"version":3,"file":"ng-nest-ui-message-box.js","sources":["../../../../lib/ng-nest/ui/message-box/message-box.property.ts","../../../../lib/ng-nest/ui/message-box/message-box.component.ts","../../../../lib/ng-nest/ui/message-box/message-box.component.html","../../../../lib/ng-nest/ui/message-box/message-box.service.ts","../../../../lib/ng-nest/ui/message-box/message-box.module.ts","../../../../lib/ng-nest/ui/message-box/ng-nest-ui-message-box.ts"],"sourcesContent":["import { XStatus, XPlace } from '@ng-nest/ui/core';\r\nimport { XAlertOption } from '@ng-nest/ui/alert';\r\nimport { XMessageBoxComponent } from './message-box.component';\r\nimport { XPortalOverlayRef } from '@ng-nest/ui/portal';\r\nimport { XInputType } from '@ng-nest/ui/input';\r\n\r\n/**\r\n * MessageBox\r\n * @selector x-message-box\r\n * @decorator component\r\n */\r\nexport const XMessageBoxPrefix = 'x-message-box';\r\n\r\nexport const XMessageBoxPortal = 'x-message-box-portal';\r\n\r\n/**\r\n * MessageBox Option\r\n */\r\nexport interface XMessageBoxOption extends XAlertOption {\r\n  /**\r\n   * @zh_CN 方位，九宫格\r\n   * @en_US Direction, nine grid\r\n   * @default 'top'\r\n   */\r\n  placement?: XPlace;\r\n  /**\r\n   * @zh_CN 偏移距离\r\n   * @en_US Offset distance\r\n   * @default '2rem'\r\n   */\r\n  offset?: string | string[];\r\n  /**\r\n   * @zh_CN 类型\r\n   * @en_US Types of\r\n   * @default 'info'\r\n   */\r\n  type?: XMessageBoxType;\r\n  /**\r\n   * @zh_CN 宽度\r\n   * @en_US Width\r\n   * @default '16rem'\r\n   */\r\n  width?: string;\r\n  /**\r\n   * @zh_CN 高度\r\n   * @en_US Height\r\n   */\r\n  height?: string;\r\n  /**\r\n   * @zh_CN 隐藏关闭按钮\r\n   * @en_US Hide close button\r\n   * @default true\r\n   */\r\n  hideClose?: boolean;\r\n  /**\r\n   * @zh_CN 显示图标\r\n   * @en_US Show icon\r\n   * @default true\r\n   */\r\n  showIcon?: boolean;\r\n  /**\r\n   * @zh_CN 显示取消按钮\r\n   * @en_US Show cancel button\r\n   */\r\n  showCancel?: boolean;\r\n  /**\r\n   * @zh_CN 关闭事件\r\n   * @en_US Close event\r\n   */\r\n  callback?: XMessageBoxCallback;\r\n  /**\r\n   * @zh_CN 点击遮罩关闭\r\n   * @en_US Click the mask to close\r\n   * @default false\r\n   */\r\n  backdropClose?: boolean;\r\n  /**\r\n   * @zh_CN 确认按钮文字\r\n   * @en_US Confirm button text\r\n   * @default '确定'\r\n   */\r\n  confirmText?: string;\r\n  /**\r\n   * @zh_CN 取消按钮文字\r\n   * @en_US Cancel button text\r\n   * @default '取消'\r\n   */\r\n  cancelText?: string;\r\n  /**\r\n   * @zh_CN 是否显示输入框\r\n   * @en_US Whether to show the input box\r\n   */\r\n  showInput?: boolean;\r\n  /**\r\n   * @zh_CN 匹配规则\r\n   * @en_US Matching rules\r\n   */\r\n  inputPattern?: RegExp | RegExp[];\r\n  /**\r\n   * @zh_CN 匹配失败的信息提示\r\n   * @en_US Information prompt for matching failure\r\n   */\r\n  inputInvalidMessage?: string;\r\n  /**\r\n   * @zh_CN 输入框的占位符\r\n   * @en_US Placeholder for input box\r\n   */\r\n  inputPlaceholder?: string;\r\n  /**\r\n   * @zh_CN 输入框的类型\r\n   * @en_US Type of input box\r\n   */\r\n  inputType?: XInputType;\r\n  /**\r\n   * @zh_CN 输入框的值\r\n   * @en_US Value of input box\r\n   */\r\n  inputValue?: string;\r\n  /**\r\n   * @zh_CN 输入框的验证函数\r\n   * @en_US Validation function of input box\r\n   */\r\n  inputValidator?: Function;\r\n}\r\n\r\nexport interface XMessageBoxCallback {\r\n  (action: XMessageBoxAction, message?: string): void;\r\n}\r\n\r\nexport type XMessageBoxAction = 'confirm' | 'cancel' | 'close';\r\n\r\n/**\r\n * @zh_CN 创建的消息对象\r\n * @en_US Message object created\r\n */\r\nexport interface XMessageBoxOverlayRef extends XPortalOverlayRef<XMessageBoxComponent> {}\r\n\r\nexport interface XMessageBoxRef {\r\n  ref?: XMessageBoxOverlayRef;\r\n  input?: XMessageBoxOption;\r\n}\r\n\r\n/**\r\n * @zh_CN 类型\r\n * @en_US Types of\r\n */\r\nexport type XMessageBoxType = XStatus;\r\n","import { Component, ViewEncapsulation, Renderer2, ElementRef, ChangeDetectorRef, ChangeDetectionStrategy, OnInit } from '@angular/core';\r\nimport { XMoveBoxAnimation } from '@ng-nest/ui/core';\r\nimport { XMessageBoxPrefix, XMessageBoxRef, XMessageBoxAction } from './message-box.property';\r\nimport { FormGroup, FormControl, Validators } from '@angular/forms';\r\n\r\n@Component({\r\n  selector: `${XMessageBoxPrefix}`,\r\n  templateUrl: './message-box.component.html',\r\n  styleUrls: ['./message-box.component.scss'],\r\n  encapsulation: ViewEncapsulation.None,\r\n  changeDetection: ChangeDetectionStrategy.OnPush,\r\n  animations: [XMoveBoxAnimation]\r\n})\r\nexport class XMessageBoxComponent implements OnInit {\r\n  messageBox: XMessageBoxRef = {};\r\n  action: XMessageBoxAction = 'close';\r\n  formGroup: FormGroup = new FormGroup({});\r\n  constructor(public renderer: Renderer2, public elementRef: ElementRef, public cdr: ChangeDetectorRef) {}\r\n\r\n  get getLabel() {\r\n    return this.messageBox.input?.content as string;\r\n  }\r\n\r\n  get getPattern() {\r\n    return this.messageBox.input?.inputPattern as RegExp;\r\n  }\r\n\r\n  ngOnInit() {\r\n    this.messageBox.input?.showInput && this.createFormGroup();\r\n  }\r\n\r\n  onClose() {\r\n    this.action = 'close';\r\n    this.hideBox();\r\n  }\r\n\r\n  onCancel() {\r\n    this.action = 'cancel';\r\n    this.hideBox();\r\n  }\r\n\r\n  hideBox() {\r\n    if (this.messageBox.input?.hide && this.messageBox.input?.hide !== true) this.messageBox.input.hide = true;\r\n    this.messageBox.ref?.overlayRef?.detach();\r\n    this.cdr.detectChanges();\r\n  }\r\n\r\n  onConfirm() {\r\n    if (!this.messageBox.input?.showInput || (this.messageBox.input.showInput && this.formGroup.valid)) {\r\n      this.action = 'confirm';\r\n      this.hideBox();\r\n    }\r\n  }\r\n\r\n  moveDone($event: { toState: string }) {\r\n    if ($event.toState === 'void') {\r\n      this.messageBox.input?.callback && this.messageBox.input.callback(this.action, this.getInputValue());\r\n      this.messageBox.ref?.overlayRef?.dispose();\r\n    }\r\n  }\r\n\r\n  getInputValue() {\r\n    return this.formGroup.controls['inputValue']?.value;\r\n  }\r\n\r\n  createFormGroup() {\r\n    this.formGroup.addControl(\r\n      'inputValue',\r\n      new FormControl(this.messageBox.input?.inputValue, [\r\n        Validators.required,\r\n        Validators.pattern(this.messageBox.input?.inputPattern as RegExp)\r\n      ])\r\n    );\r\n  }\r\n}\r\n","<div\r\n  class=\"x-message-box\"\r\n  *ngIf=\"!messageBox?.input?.hide\"\r\n  [@x-move-box-animation]=\"messageBox.input?.placement\"\r\n  (@x-move-box-animation.done)=\"moveDone($event)\"\r\n>\r\n  <x-alert\r\n    (close)=\"onClose()\"\r\n    [title]=\"messageBox.input?.title\"\r\n    [content]=\"contentTpl\"\r\n    [type]=\"messageBox.input?.type\"\r\n    [effect]=\"messageBox.input?.effect\"\r\n    [hideClose]=\"messageBox.input?.hideClose\"\r\n    [closeText]=\"messageBox.input?.closeText\"\r\n    showIcon=\"false\"\r\n    duration=\"0\"\r\n    manual\r\n    disabledAnimation\r\n  ></x-alert>\r\n  <ng-template #contentTpl let-iconTpl=\"$iconTpl\">\r\n    <div class=\"x-message-box-inner\">\r\n      <div class=\"x-message-box-content\">\r\n        <ng-container *ngIf=\"!messageBox.input?.showInput; else inputTpl\">\r\n          <ng-container *ngIf=\"messageBox.input?.showIcon\">\r\n            <ng-container *ngTemplateOutlet=\"iconTpl\"></ng-container>\r\n          </ng-container>\r\n          <ng-container *xOutlet=\"messageBox.input?.content\">\r\n            {{ messageBox.input?.content }}\r\n          </ng-container>\r\n        </ng-container>\r\n        <ng-template #inputTpl>\r\n          <form [formGroup]=\"formGroup\">\r\n            <x-input\r\n              formControlName=\"inputValue\"\r\n              [type]=\"messageBox.input?.inputType\"\r\n              [label]=\"getLabel\"\r\n              [placeholder]=\"messageBox.input?.inputPlaceholder\"\r\n              [pattern]=\"getPattern\"\r\n              [message]=\"messageBox.input?.inputInvalidMessage\"\r\n            ></x-input>\r\n          </form>\r\n        </ng-template>\r\n      </div>\r\n      <x-buttons space=\"1\">\r\n        <x-button *ngIf=\"messageBox.input?.showCancel\" (click)=\"onCancel()\">{{ messageBox.input?.cancelText }}</x-button>\r\n        <x-button type=\"primary\" (click)=\"onConfirm()\" [disabled]=\"formGroup?.invalid\">{{ messageBox.input?.confirmText }}</x-button>\r\n      </x-buttons>\r\n    </div>\r\n  </ng-template>\r\n</div>\r\n","import { Injectable } from '@angular/core';\r\nimport { XTemplate, XIsXTemplate, fillDefault, XIsString } from '@ng-nest/ui/core';\r\nimport { XMessageBoxOption, XMessageBoxOverlayRef, XMessageBoxRef, XMessageBoxPortal } from './message-box.property';\r\nimport { XMessageBoxComponent } from './message-box.component';\r\nimport { XPortalService } from '@ng-nest/ui/portal';\r\nimport { XI18nService } from '@ng-nest/ui/i18n';\r\n\r\n@Injectable()\r\nexport class XMessageBoxService {\r\n  default: XMessageBoxOption = {\r\n    type: 'info',\r\n    width: '20rem',\r\n    placement: 'center',\r\n    offset: '2rem',\r\n    effect: 'white',\r\n    duration: 3000,\r\n    showIcon: false,\r\n    showInput: false,\r\n    backdropClose: false,\r\n    cancelText: '取消',\r\n    confirmText: '确认',\r\n    inputPlaceholder: '',\r\n    hide: false\r\n  };\r\n\r\n  constructor(public portal: XPortalService, public i18n: XI18nService) {}\r\n\r\n  alert(option: XTemplate | XMessageBoxOption): XMessageBoxRef {\r\n    return this.createMessageBox(option, { showIcon: false, showCancel: false, showInput: false });\r\n  }\r\n\r\n  confirm(option: XTemplate | XMessageBoxOption): XMessageBoxRef {\r\n    return this.createMessageBox(option, { showIcon: true, showCancel: true, showInput: false });\r\n  }\r\n\r\n  prompt(option: XTemplate | XMessageBoxOption): XMessageBoxRef {\r\n    return this.createMessageBox(option, { showIcon: false, showCancel: true, showInput: true });\r\n  }\r\n\r\n  create(option: XMessageBoxOption): XMessageBoxOverlayRef {\r\n    const offset = XIsString(option.offset) ? [option.offset as string] : (option.offset as string[]);\r\n    return this.portal.attach({\r\n      content: XMessageBoxComponent,\r\n      overlayConfig: {\r\n        panelClass: XMessageBoxPortal,\r\n        hasBackdrop: true,\r\n        positionStrategy: this.portal.setPlace(option.placement, option.width, option.height, ...offset)\r\n      }\r\n    });\r\n  }\r\n\r\n  private createMessageBox(option: XTemplate | XMessageBoxOption, def: XMessageBoxOption): XMessageBoxRef {\r\n    let opt: XMessageBoxOption;\r\n    if (XIsXTemplate(option)) {\r\n      opt = { title: option as XTemplate };\r\n    } else {\r\n      opt = option as XMessageBoxOption;\r\n    }\r\n    this.setLocal();\r\n    fillDefault(opt, Object.assign(this.default, def));\r\n    return this.createMessageBoxPlacement(opt);\r\n  }\r\n\r\n  private createMessageBoxPlacement(option: XMessageBoxOption): XMessageBoxRef {\r\n    let result = { ref: this.create(option), input: option };\r\n    (result.ref?.componentRef?.instance as any).messageBox = result;\r\n    if (option.backdropClose) result.ref?.overlayRef?.backdropClick().subscribe(() => result.ref?.componentRef?.instance.onClose());\r\n    return result;\r\n  }\r\n\r\n  private setLocal() {\r\n    const messageBoxLocale = this.i18n.getLocale().messageBox;\r\n    this.default = { ...this.default, ...messageBoxLocale };\r\n  }\r\n}\r\n","import { NgModule } from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\r\nimport { XMessageBoxComponent } from './message-box.component';\r\nimport { XAlertModule } from '@ng-nest/ui/alert';\r\nimport { XPortalModule } from '@ng-nest/ui/portal';\r\nimport { XButtonModule } from '@ng-nest/ui/button';\r\nimport { XIconModule } from '@ng-nest/ui/icon';\r\nimport { FormsModule, ReactiveFormsModule } from '@angular/forms';\r\nimport { XInputModule } from '@ng-nest/ui/input';\r\nimport { XOutletModule } from '@ng-nest/ui/outlet';\r\nimport { XMessageBoxService } from './message-box.service';\r\n\r\n@NgModule({\r\n  declarations: [XMessageBoxComponent],\r\n  exports: [XMessageBoxComponent],\r\n  imports: [\r\n    CommonModule,\r\n    FormsModule,\r\n    ReactiveFormsModule,\r\n    XPortalModule,\r\n    XInputModule,\r\n    XButtonModule,\r\n    XIconModule,\r\n    XAlertModule,\r\n    XOutletModule\r\n  ],\r\n  providers: [XMessageBoxService]\r\n})\r\nexport class XMessageBoxModule {}\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"ng-nest-ui-message-box.js","sources":["../../../../lib/ng-nest/ui/message-box/message-box.property.ts","../../../../lib/ng-nest/ui/message-box/message-box.component.ts","../../../../lib/ng-nest/ui/message-box/message-box.component.html","../../../../lib/ng-nest/ui/message-box/message-box.service.ts","../../../../lib/ng-nest/ui/message-box/message-box.module.ts","../../../../lib/ng-nest/ui/message-box/ng-nest-ui-message-box.ts"],"sourcesContent":["import { XStatus, XPlace } from '@ng-nest/ui/core';\r\nimport { XAlertOption } from '@ng-nest/ui/alert';\r\nimport { XMessageBoxComponent } from './message-box.component';\r\nimport { XPortalOverlayRef } from '@ng-nest/ui/portal';\r\nimport { XInputType } from '@ng-nest/ui/input';\r\n\r\n/**\r\n * MessageBox\r\n * @selector x-message-box\r\n * @decorator component\r\n */\r\nexport const XMessageBoxPrefix = 'x-message-box';\r\n\r\nexport const XMessageBoxPortal = 'x-message-box-portal';\r\n\r\n/**\r\n * MessageBox Option\r\n */\r\nexport interface XMessageBoxOption extends XAlertOption {\r\n  /**\r\n   * @zh_CN 方位，九宫格\r\n   * @en_US Direction, nine grid\r\n   * @default 'top'\r\n   */\r\n  placement?: XPlace;\r\n  /**\r\n   * @zh_CN 偏移距离\r\n   * @en_US Offset distance\r\n   * @default '2rem'\r\n   */\r\n  offset?: string | string[];\r\n  /**\r\n   * @zh_CN 类型\r\n   * @en_US Types of\r\n   * @default 'info'\r\n   */\r\n  type?: XMessageBoxType;\r\n  /**\r\n   * @zh_CN 宽度\r\n   * @en_US Width\r\n   * @default '16rem'\r\n   */\r\n  width?: string;\r\n  /**\r\n   * @zh_CN 高度\r\n   * @en_US Height\r\n   */\r\n  height?: string;\r\n  /**\r\n   * @zh_CN 隐藏关闭按钮\r\n   * @en_US Hide close button\r\n   * @default true\r\n   */\r\n  hideClose?: boolean;\r\n  /**\r\n   * @zh_CN 显示图标\r\n   * @en_US Show icon\r\n   * @default true\r\n   */\r\n  showIcon?: boolean;\r\n  /**\r\n   * @zh_CN 显示取消按钮\r\n   * @en_US Show cancel button\r\n   */\r\n  showCancel?: boolean;\r\n  /**\r\n   * @zh_CN 关闭事件\r\n   * @en_US Close event\r\n   */\r\n  callback?: XMessageBoxCallback;\r\n  /**\r\n   * @zh_CN 点击遮罩关闭\r\n   * @en_US Click the mask to close\r\n   * @default false\r\n   */\r\n  backdropClose?: boolean;\r\n  /**\r\n   * @zh_CN 确认按钮文字\r\n   * @en_US Confirm button text\r\n   * @default '确定'\r\n   */\r\n  confirmText?: string;\r\n  /**\r\n   * @zh_CN 取消按钮文字\r\n   * @en_US Cancel button text\r\n   * @default '取消'\r\n   */\r\n  cancelText?: string;\r\n  /**\r\n   * @zh_CN 是否显示输入框\r\n   * @en_US Whether to show the input box\r\n   */\r\n  showInput?: boolean;\r\n  /**\r\n   * @zh_CN 匹配规则\r\n   * @en_US Matching rules\r\n   */\r\n  inputPattern?: RegExp | RegExp[];\r\n  /**\r\n   * @zh_CN 匹配失败的信息提示\r\n   * @en_US Information prompt for matching failure\r\n   */\r\n  inputInvalidMessage?: string;\r\n  /**\r\n   * @zh_CN 输入框的占位符\r\n   * @en_US Placeholder for input box\r\n   */\r\n  inputPlaceholder?: string;\r\n  /**\r\n   * @zh_CN 输入框的类型\r\n   * @en_US Type of input box\r\n   */\r\n  inputType?: XInputType;\r\n  /**\r\n   * @zh_CN 输入框的值\r\n   * @en_US Value of input box\r\n   */\r\n  inputValue?: string;\r\n  /**\r\n   * @zh_CN 输入框的验证函数\r\n   * @en_US Validation function of input box\r\n   */\r\n  inputValidator?: Function;\r\n}\r\n\r\nexport interface XMessageBoxCallback {\r\n  (action: XMessageBoxAction, message?: string): void;\r\n}\r\n\r\nexport type XMessageBoxAction = 'confirm' | 'cancel' | 'close';\r\n\r\n/**\r\n * @zh_CN 创建的消息对象\r\n * @en_US Message object created\r\n */\r\nexport interface XMessageBoxOverlayRef extends XPortalOverlayRef<XMessageBoxComponent> {}\r\n\r\nexport interface XMessageBoxRef {\r\n  ref?: XMessageBoxOverlayRef;\r\n  input?: XMessageBoxOption;\r\n}\r\n\r\n/**\r\n * @zh_CN 类型\r\n * @en_US Types of\r\n */\r\nexport type XMessageBoxType = XStatus;\r\n","import { Component, ViewEncapsulation, Renderer2, ElementRef, ChangeDetectorRef, ChangeDetectionStrategy, OnInit } from '@angular/core';\r\nimport { XMoveBoxAnimation } from '@ng-nest/ui/core';\r\nimport { XMessageBoxPrefix, XMessageBoxRef, XMessageBoxAction, XMessageBoxOption } from './message-box.property';\r\nimport { FormGroup, FormControl, Validators } from '@angular/forms';\r\n\r\n@Component({\r\n  selector: `${XMessageBoxPrefix}`,\r\n  templateUrl: './message-box.component.html',\r\n  styleUrls: ['./message-box.component.scss'],\r\n  encapsulation: ViewEncapsulation.None,\r\n  changeDetection: ChangeDetectionStrategy.OnPush,\r\n  animations: [XMoveBoxAnimation]\r\n})\r\nexport class XMessageBoxComponent implements OnInit {\r\n  messageBox: XMessageBoxRef = {};\r\n  action: XMessageBoxAction = 'close';\r\n  formGroup: FormGroup = new FormGroup({});\r\n  constructor(public renderer: Renderer2, public elementRef: ElementRef, public cdr: ChangeDetectorRef) {}\r\n\r\n  get msgInput(): XMessageBoxOption {\r\n    return this.messageBox.input as XMessageBoxOption;\r\n  }\r\n\r\n  get getLabel() {\r\n    return this.msgInput.content as string;\r\n  }\r\n\r\n  get getPattern() {\r\n    return this.msgInput.inputPattern as RegExp;\r\n  }\r\n\r\n  ngOnInit() {\r\n    this.msgInput.showInput && this.createFormGroup();\r\n  }\r\n\r\n  onClose() {\r\n    this.action = 'close';\r\n    this.hideBox();\r\n  }\r\n\r\n  onCancel() {\r\n    this.action = 'cancel';\r\n    this.hideBox();\r\n  }\r\n\r\n  hideBox() {\r\n    if (this.msgInput.hide && this.msgInput.hide !== true) {\r\n      this.msgInput.hide = true;\r\n    }\r\n    this.messageBox.ref?.overlayRef?.detach();\r\n    this.cdr.detectChanges();\r\n  }\r\n\r\n  onConfirm() {\r\n    if (!this.msgInput.showInput || (this.msgInput.showInput && this.formGroup.valid)) {\r\n      this.action = 'confirm';\r\n      this.hideBox();\r\n    }\r\n  }\r\n\r\n  moveDone($event: { toState: string }) {\r\n    if ($event.toState === 'void') {\r\n      this.msgInput.callback && this.msgInput.callback(this.action, this.getInputValue());\r\n\r\n      this.messageBox.ref?.overlayRef?.dispose();\r\n    }\r\n  }\r\n\r\n  getInputValue() {\r\n    return this.formGroup.controls['inputValue']?.value;\r\n  }\r\n\r\n  createFormGroup() {\r\n    this.formGroup.addControl(\r\n      'inputValue',\r\n      new FormControl(this.msgInput.inputValue, [Validators.required, Validators.pattern(this.msgInput.inputPattern as RegExp)])\r\n    );\r\n  }\r\n}\r\n","<div\r\n  class=\"x-message-box\"\r\n  *ngIf=\"!messageBox?.input?.hide\"\r\n  [@x-move-box-animation]=\"messageBox.input?.placement\"\r\n  (@x-move-box-animation.done)=\"moveDone($event)\"\r\n>\r\n  <x-alert\r\n    (close)=\"onClose()\"\r\n    [title]=\"messageBox.input?.title\"\r\n    [content]=\"contentTpl\"\r\n    [type]=\"messageBox.input?.type\"\r\n    [effect]=\"messageBox.input?.effect\"\r\n    [hideClose]=\"messageBox.input?.hideClose\"\r\n    [closeText]=\"messageBox.input?.closeText\"\r\n    showIcon=\"false\"\r\n    duration=\"0\"\r\n    manual\r\n    disabledAnimation\r\n  ></x-alert>\r\n  <ng-template #contentTpl let-iconTpl=\"$iconTpl\">\r\n    <div class=\"x-message-box-inner\">\r\n      <div class=\"x-message-box-content\">\r\n        <ng-container *ngIf=\"!messageBox.input?.showInput; else inputTpl\">\r\n          <ng-container *ngIf=\"messageBox.input?.showIcon\">\r\n            <ng-container *ngTemplateOutlet=\"iconTpl\"></ng-container>\r\n          </ng-container>\r\n          <ng-container *xOutlet=\"messageBox.input?.content\">\r\n            {{ messageBox.input?.content }}\r\n          </ng-container>\r\n        </ng-container>\r\n        <ng-template #inputTpl>\r\n          <form [formGroup]=\"formGroup\">\r\n            <x-input\r\n              formControlName=\"inputValue\"\r\n              [type]=\"messageBox.input?.inputType\"\r\n              [label]=\"getLabel\"\r\n              [placeholder]=\"messageBox.input?.inputPlaceholder\"\r\n              [pattern]=\"getPattern\"\r\n              [message]=\"messageBox.input?.inputInvalidMessage\"\r\n            ></x-input>\r\n          </form>\r\n        </ng-template>\r\n      </div>\r\n      <x-buttons space=\"1\">\r\n        <x-button *ngIf=\"messageBox.input?.showCancel\" (click)=\"onCancel()\">{{ messageBox.input?.cancelText }}</x-button>\r\n        <x-button type=\"primary\" (click)=\"onConfirm()\" [disabled]=\"formGroup?.invalid\">{{ messageBox.input?.confirmText }}</x-button>\r\n      </x-buttons>\r\n    </div>\r\n  </ng-template>\r\n</div>\r\n","import { ComponentRef, Injectable } from '@angular/core';\r\nimport { XTemplate, XIsXTemplate, fillDefault, XIsString } from '@ng-nest/ui/core';\r\nimport { XMessageBoxOption, XMessageBoxOverlayRef, XMessageBoxRef, XMessageBoxPortal } from './message-box.property';\r\nimport { XMessageBoxComponent } from './message-box.component';\r\nimport { XPortalService } from '@ng-nest/ui/portal';\r\nimport { XI18nService } from '@ng-nest/ui/i18n';\r\n\r\n@Injectable()\r\nexport class XMessageBoxService {\r\n  default: XMessageBoxOption = {\r\n    type: 'info',\r\n    width: '20rem',\r\n    placement: 'center',\r\n    offset: '2rem',\r\n    effect: 'white',\r\n    duration: 3000,\r\n    showIcon: false,\r\n    showInput: false,\r\n    backdropClose: false,\r\n    cancelText: '取消',\r\n    confirmText: '确认',\r\n    inputPlaceholder: '',\r\n    hide: false\r\n  };\r\n\r\n  constructor(public portal: XPortalService, public i18n: XI18nService) {}\r\n\r\n  alert(option: XTemplate | XMessageBoxOption): XMessageBoxRef {\r\n    return this.createMessageBox(option, { showIcon: false, showCancel: false, showInput: false });\r\n  }\r\n\r\n  confirm(option: XTemplate | XMessageBoxOption): XMessageBoxRef {\r\n    return this.createMessageBox(option, { showIcon: true, showCancel: true, showInput: false });\r\n  }\r\n\r\n  prompt(option: XTemplate | XMessageBoxOption): XMessageBoxRef {\r\n    return this.createMessageBox(option, { showIcon: false, showCancel: true, showInput: true });\r\n  }\r\n\r\n  create(option: XMessageBoxOption): XMessageBoxOverlayRef {\r\n    const offset = XIsString(option.offset) ? [option.offset as string] : (option.offset as string[]);\r\n    return this.portal.attach({\r\n      content: XMessageBoxComponent,\r\n      overlayConfig: {\r\n        panelClass: XMessageBoxPortal,\r\n        hasBackdrop: true,\r\n        positionStrategy: this.portal.setPlace(option.placement, option.width, option.height, ...offset)\r\n      }\r\n    });\r\n  }\r\n\r\n  private createMessageBox(option: XTemplate | XMessageBoxOption, def: XMessageBoxOption): XMessageBoxRef {\r\n    let opt: XMessageBoxOption;\r\n    if (XIsXTemplate(option)) {\r\n      opt = { title: option as XTemplate };\r\n    } else {\r\n      opt = option as XMessageBoxOption;\r\n    }\r\n    this.setLocal();\r\n    fillDefault(opt, Object.assign(this.default, def));\r\n    return this.createMessageBoxPlacement(opt);\r\n  }\r\n\r\n  private createMessageBoxPlacement(option: XMessageBoxOption): XMessageBoxRef {\r\n    let result = { ref: this.create(option), input: option };\r\n    const { overlayRef, componentRef } = result.ref;\r\n    const { instance } = componentRef as ComponentRef<XMessageBoxComponent>;\r\n    instance.messageBox = result;\r\n    if (option.backdropClose && overlayRef) {\r\n      overlayRef.backdropClick().subscribe(() => instance.onClose());\r\n    }\r\n    return result;\r\n  }\r\n\r\n  private setLocal() {\r\n    const messageBoxLocale = this.i18n.getLocale().messageBox;\r\n    this.default = { ...this.default, ...messageBoxLocale };\r\n  }\r\n}\r\n","import { NgModule } from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\r\nimport { XMessageBoxComponent } from './message-box.component';\r\nimport { XAlertModule } from '@ng-nest/ui/alert';\r\nimport { XPortalModule } from '@ng-nest/ui/portal';\r\nimport { XButtonModule } from '@ng-nest/ui/button';\r\nimport { XIconModule } from '@ng-nest/ui/icon';\r\nimport { FormsModule, ReactiveFormsModule } from '@angular/forms';\r\nimport { XInputModule } from '@ng-nest/ui/input';\r\nimport { XOutletModule } from '@ng-nest/ui/outlet';\r\nimport { XMessageBoxService } from './message-box.service';\r\n\r\n@NgModule({\r\n  declarations: [XMessageBoxComponent],\r\n  exports: [XMessageBoxComponent],\r\n  imports: [\r\n    CommonModule,\r\n    FormsModule,\r\n    ReactiveFormsModule,\r\n    XPortalModule,\r\n    XInputModule,\r\n    XButtonModule,\r\n    XIconModule,\r\n    XAlertModule,\r\n    XOutletModule\r\n  ],\r\n  providers: [XMessageBoxService]\r\n})\r\nexport class XMessageBoxModule {}\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}