@ng-nest/ui 12.0.7 → 12.1.0

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

@@ -1 +1 @@
-{"version":3,"file":"ng-nest-ui-tree.js","sources":["../../../../lib/ng-nest/ui/tree/tree.property.ts","../../../../lib/ng-nest/ui/tree/tree-node.component.ts","../../../../lib/ng-nest/ui/tree/tree-node.component.html","../../../../lib/ng-nest/ui/tree/tree.component.ts","../../../../lib/ng-nest/ui/tree/tree.component.html","../../../../lib/ng-nest/ui/tree/tree.module.ts","../../../../lib/ng-nest/ui/tree/ng-nest-ui-tree.ts"],"sourcesContent":["import {\r\n  XDataConvert,\r\n  XProperty,\r\n  XData,\r\n  XInputBoolean,\r\n  XParentIdentityProperty,\r\n  XNumber,\r\n  XBoolean,\r\n  XInputNumber,\r\n  XIdentityProperty,\r\n  XWithConfig,\r\n  XAlign\r\n} from '@ng-nest/ui/core';\r\nimport { Input, TemplateRef, Output, EventEmitter, Component } from '@angular/core';\r\nimport { Observable } from 'rxjs';\r\n\r\n/**\r\n * Tree\r\n * @selector x-tree\r\n * @decorator component\r\n */\r\nexport const XTreePrefix = 'x-tree';\r\nconst X_CONFIG_NAME = 'tree';\r\n\r\n/**\r\n * Tree Property\r\n */\r\n@Component({ template: '' })\r\nexport class XTreeProperty extends XProperty {\r\n  /**\r\n   * @zh_CN 节点数据\r\n   * @en_US Node data\r\n   */\r\n  @Input() @XDataConvert() data: XData<XTreeNode> = [];\r\n  /**\r\n   * @zh_CN 显示多选框\r\n   * @en_US Show checkbox\r\n   */\r\n  @Input() @XInputBoolean() checkbox?: XBoolean;\r\n  /**\r\n   * @zh_CN 开启懒加载节点，data 必须设置成函数类型\r\n   * @en_US Open lazy loading node, data must be set to function type\r\n   */\r\n  @Input() @XInputBoolean() lazy?: XBoolean;\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 Expanded node\r\n   */\r\n  @Input() expanded: any[] = [];\r\n  /**\r\n   * @zh_CN checkbox 选中的节点\r\n   * @en_US Checkbox selected node\r\n   */\r\n  @Input() checked: any[] = [];\r\n  /**\r\n   * @zh_CN 展开所有节点\r\n   * @en_US Expand all nodes\r\n   */\r\n  @Input() @XInputBoolean() expandedAll?: XBoolean;\r\n  /**\r\n   * @zh_CN 默认展开的层级\r\n   * @en_US Default expanded level\r\n   */\r\n  @Input() @XInputNumber() expandedLevel: XNumber = -1;\r\n  /**\r\n   * @zh_CN 点击节点就触发展开/收起的操作，请确保节点上没有其它操作（checkbox、自定义的操作按钮）\r\n   * @en_US Click the node to trigger the expand/collapse operation, please make sure that there are no other operations on the node (checkbox, custom operation button)\r\n   */\r\n  @Input() @XInputBoolean() nodeOpen?: XBoolean;\r\n  /**\r\n   * @zh_CN 单位间距，这个与层级的乘积算出节点的左边距，单位 rem\r\n   * @en_US Unit spacing, the product of this and the level calculates the left margin of the node, the unit is rem\r\n   */\r\n  @Input() @XWithConfig<XNumber>(X_CONFIG_NAME, 0.875) @XInputNumber() spacing?: XNumber;\r\n  /**\r\n   * @zh_CN 标签自定义模板\r\n   * @en_US Label custom template\r\n   */\r\n  @Input() labelTpl?: TemplateRef<void>;\r\n  /**\r\n   * @zh_CN 节点的高度，单位 rem, 默认 0 是自适应高度\r\n   * @en_US The height of the node in rem\r\n   */\r\n  @Input() @XWithConfig<XNumber>(X_CONFIG_NAME, 0) @XInputNumber() nodeHeight!: XNumber;\r\n  /**\r\n   * @zh_CN 是否允许多次点击一个节点触发多次事件\r\n   * @en_US Whether to allow multiple clicks on a node to trigger multiple events\r\n   */\r\n  @Input() @XInputBoolean() allowManyActivated?: XBoolean;\r\n  /**\r\n   * @zh_CN 当前点击选中的节点变化的事件\r\n   * @en_US The event of the currently clicked node change\r\n   */\r\n  @Output() activatedChange = new EventEmitter<XTreeNode>();\r\n  /**\r\n   * @zh_CN 使用 checkedbox 选中变化的事件\r\n   * @en_US Use checkedbox to select changed events\r\n   */\r\n  @Output() checkboxChange = new EventEmitter<XTreeNode>();\r\n  /**\r\n   * @zh_CN 如果 data 是函数类型，可以通过此参数控制请求，常用于弹框中的表格，弹出后再请求\r\n   * @en_US If data is a function type, you can use this parameter to control the request, which is often used in the form in the pop-up box, and then request it after it pops up\r\n   */\r\n  @Input() @XInputBoolean() manual: boolean = true;\r\n  /**\r\n   * @zh_CN checkbox 状态改变触发层级检查\r\n   * @en_US Checkbox status changes trigger level checks\r\n   */\r\n  @Input() @XInputBoolean() levelCheck: XBoolean = true;\r\n  /**\r\n   * @zh_CN 节点内容不换行显示省略号\r\n   * @en_US Show ellipsis without wrapping\r\n   */\r\n  @Input() @XInputBoolean() nodeNowrap: XBoolean = true;\r\n  /**\r\n   * @zh_CN 节点垂直对齐方式\r\n   * @en_US Show ellipsis without wrapping\r\n   */\r\n  @Input() @XWithConfig<XAlign>(X_CONFIG_NAME, 'center') nodeAlignItems!: XAlign;\r\n  /**\r\n   * @zh_CN 树节点操作按钮\r\n   * @en_US Tree node operation buttons\r\n   */\r\n  @Input() actions: XTreeAction[] = [];\r\n  /**\r\n   * @zh_CN 参数控制请求改变事件\r\n   * @en_US Parameter control request change event\r\n   */\r\n  @Output() manualChange = new EventEmitter<boolean>();\r\n}\r\n\r\n/**\r\n * @zh_CN Tree 数据对象\r\n * @en_US Tree data object\r\n */\r\nexport interface XTreeNode extends XParentIdentityProperty<XTreeNode> {\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 active\r\n   */\r\n  activated?: 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 Child node has been loaded\r\n   */\r\n  childrenLoaded?: boolean;\r\n  /**\r\n   * @zh_CN checkbox 是否选中\r\n   * @en_US whether checkbox is selected\r\n   */\r\n  checked?: boolean;\r\n  /**\r\n   * @zh_CN 禁用checkbox\r\n   * @en_US Disable checkbox\r\n   */\r\n  disabled?: boolean;\r\n  /**\r\n   * @zh_CN checkbox 子节点是否有选中的状态\r\n   * @en_US Whether the child node of checkbox is selected\r\n   */\r\n  indeterminate?: boolean;\r\n  /**\r\n   * @zh_CN 节点高度，优先级高于 tree 参数，单位 rem\r\n   * @en_US Node height in rem, highest priority\r\n   */\r\n  height?: number;\r\n  /**\r\n   * @zh_CN 节点内容不换行显示省略号，优先级高于 tree 参数\r\n   * @en_US Show ellipsis without wrapping, highest priority\r\n   */\r\n  nowrap?: boolean;\r\n  /**\r\n   * @zh_CN 节点垂直对齐方式，优先级高于 tree 参数\r\n   * @en_US Show ellipsis without wrapping, highest priority\r\n   */\r\n  alignItems?: XAlign;\r\n  /**\r\n   * @zh_CN 自定义属性\r\n   * @en_US Custom attributes\r\n   */\r\n  [property: string]: any;\r\n}\r\n\r\n/**\r\n * @zh_CN Tree 节点操作\r\n * @en_US Tree node operation\r\n */\r\nexport interface XTreeAction extends XIdentityProperty {\r\n  /**\r\n   * @zh_CN 操作\r\n   * @en_US Operating\r\n   */\r\n  handler?: Function;\r\n  /**\r\n   * @zh_CN 图标\r\n   * @en_US Icon\r\n   */\r\n  icon?: string;\r\n}\r\n\r\n/**\r\n * TreeNode\r\n * @selector x-tree-node\r\n * @decorator directive\r\n */\r\nexport const XTreeNodePrefix = 'x-tree-node';\r\n\r\n/**\r\n * TreeNode Property\r\n */\r\n@Component({ template: '' })\r\nexport class XTreeNodeProperty extends XProperty {\r\n  /**\r\n   * @zh_CN 节点数据\r\n   * @en_US Node data\r\n   */\r\n  @Input() node: XTreeNode = {};\r\n  /**\r\n   * @zh_CN 层级\r\n   * @en_US Level\r\n   */\r\n  @Input() level?: XNumber;\r\n  /**\r\n   * @zh_CN 懒加载子节点\r\n   * @en_US Lazy loading of child nodes\r\n   */\r\n  @Input() @XInputBoolean() lazy?: XBoolean;\r\n  /**\r\n   * @zh_CN 节点的高度，单位 rem\r\n   * @en_US The height of the node in rem\r\n   */\r\n  @Input() @XInputNumber() nodeHeight: XNumber = 0;\r\n  /**\r\n   * @zh_CN 节点内容不换行显示省略号\r\n   * @en_US Show ellipsis without wrapping\r\n   */\r\n  @Input() @XInputBoolean() nodeNowrap?: XBoolean;\r\n  /**\r\n   * @zh_CN 节点垂直对齐方式\r\n   * @en_US Show ellipsis without wrapping\r\n   */\r\n  @Input() nodeAlignItems: XAlign = 'center';\r\n  /**\r\n   * @zh_CN 懒加载函数\r\n   * @en_US Lazy loading function\r\n   */\r\n  @Input() lazyData!: XData<XTreeNode[]>;\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  HostBinding,\r\n  Optional,\r\n  Input\r\n} from '@angular/core';\r\nimport { XTreeNodePrefix, XTreeNode, XTreeNodeProperty, XTreeAction } from './tree.property';\r\nimport { XIsEmpty, XConfigService, XBoolean } from '@ng-nest/ui/core';\r\nimport { map } from 'rxjs/operators';\r\nimport { Observable } from 'rxjs';\r\n\r\n@Component({\r\n  selector: `${XTreeNodePrefix}, [${XTreeNodePrefix}]`,\r\n  templateUrl: './tree-node.component.html',\r\n  styleUrls: ['./tree-node.component.scss'],\r\n  encapsulation: ViewEncapsulation.None,\r\n  changeDetection: ChangeDetectionStrategy.OnPush\r\n})\r\nexport class XTreeNodeComponent extends XTreeNodeProperty implements OnInit {\r\n  @Input() parent!: XTreeNodeComponent;\r\n  @Input() tree: any;\r\n  @HostBinding('class.x-tree-node') rootClass = true;\r\n  private _loading = false;\r\n  public get loading() {\r\n    return this._loading;\r\n  }\r\n  public set loading(value) {\r\n    this._loading = value;\r\n    this.cdr.detectChanges();\r\n  }\r\n\r\n  get paddingLeft() {\r\n    return Number(this.level) * Number(this.tree.spacing);\r\n  }\r\n\r\n  constructor(\r\n    // @Optional() public tree: XTreeComponent,\r\n    public renderer: Renderer2,\r\n    public elementRef: ElementRef,\r\n    public cdr: ChangeDetectorRef,\r\n    public configService: XConfigService\r\n  ) {\r\n    super();\r\n  }\r\n\r\n  ngOnInit() {\r\n    this.node.change = (check: boolean) => {\r\n      if (check) this.setCheckbox();\r\n      this.cdr.detectChanges();\r\n    };\r\n    this.level = this.node?.level ? this.node.level : 0;\r\n    if (!this.tree.levelCheck) return;\r\n    if (this.node.checked) this.setCheckbox();\r\n    this.setIndeterminate(this.node);\r\n  }\r\n\r\n  onToggle(event: Event, node: XTreeNode) {\r\n    node.open = !node.open;\r\n    if (node.open && !node.childrenLoaded) {\r\n      if (this.lazy) {\r\n        this.loading = true;\r\n\r\n        (this.lazyData as (pid?: any) => Observable<XTreeNode[]>)(node.id)\r\n          .pipe(\r\n            map((x) =>\r\n              x.map((y) => {\r\n                y.level = (node.level as number) + 1;\r\n                y.checked = node.checked;\r\n                return y;\r\n              })\r\n            )\r\n          )\r\n          .subscribe((x) => {\r\n            node.children = x;\r\n            node.childrenLoaded = true;\r\n            this.loading = false;\r\n            this.cdr.detectChanges();\r\n          });\r\n      } else {\r\n        node.childrenLoaded = true;\r\n      }\r\n    }\r\n    event.preventDefault();\r\n    event.stopPropagation();\r\n    this.cdr.detectChanges();\r\n  }\r\n\r\n  onActivate(event: Event, node: XTreeNode) {\r\n    const change: Function = this.tree.activatedNode?.change as Function;\r\n    this.tree.nodeOpen && node.leaf && this.onToggle(event, node);\r\n    if (this.tree.activatedNode) {\r\n      if (this.tree.activatedNode.id === node.id && !this.tree.allowManyActivated) return;\r\n    }\r\n    this.tree.activatedNode = node;\r\n    this.tree.activatedChange.emit(node);\r\n    change && change();\r\n    event.stopPropagation();\r\n    this.cdr.detectChanges();\r\n  }\r\n\r\n  onCheckboxChange() {\r\n    this.setCheckbox();\r\n    this.tree.checkboxChange.emit(this.node);\r\n  }\r\n\r\n  setCheckbox() {\r\n    if (!this.tree.levelCheck) return;\r\n    this.node.indeterminate = this.node.checked;\r\n    this.node.children && this.setChildrenCheckbox(this.node.checked as boolean);\r\n    this.parent?.setParentCheckbox();\r\n  }\r\n\r\n  setChildrenCheckbox(checked: boolean) {\r\n    const setChildren = (children: XTreeNode[], isChecked: boolean) => {\r\n      if (XIsEmpty(children)) return;\r\n      for (let x of children) {\r\n        if (x.disabled) continue;\r\n        x.checked = isChecked;\r\n        x.indeterminate = isChecked;\r\n        x.change && x.change();\r\n        setChildren(x.children as XTreeNode[], isChecked);\r\n      }\r\n    };\r\n    setChildren(this.node.children as XTreeNode[], checked);\r\n    this.cdr.detectChanges();\r\n  }\r\n\r\n  setParentCheckbox() {\r\n    if (XIsEmpty(this.node.children)) return;\r\n    let checkedList = this.node.children?.filter((x) => x.checked);\r\n    let indeterminateList = this.node.children?.filter((x) => x.indeterminate);\r\n    this.node.checked = checkedList?.length === this.node.children?.length;\r\n    this.node.indeterminate = (checkedList as XTreeNode[]).length > 0 || (indeterminateList as XTreeNode[]).length > 0;\r\n    this.parent?.setParentCheckbox();\r\n    this.cdr.detectChanges();\r\n  }\r\n\r\n  setIndeterminate(node: XTreeNode) {\r\n    const getChildren = (children: XTreeNode[]) => {\r\n      if (XIsEmpty(children)) return;\r\n      children.forEach((x) => {\r\n        if (x.indeterminate || x.checked) {\r\n          node.indeterminate = true;\r\n          return;\r\n        }\r\n        getChildren(x.children as XTreeNode[]);\r\n      });\r\n    };\r\n    getChildren(node.children as XTreeNode[]);\r\n    this.cdr.detectChanges();\r\n  }\r\n\r\n  getNodeDisabled(disabled?: boolean) {\r\n    return disabled as XBoolean;\r\n  }\r\n\r\n  onAction(event: Event, action: XTreeAction, node: XTreeNode) {\r\n    action.handler && action.handler(node);\r\n    event.stopPropagation();\r\n  }\r\n\r\n  trackByItem(index: number, item: XTreeAction | XTreeNode) {\r\n    return item.id;\r\n  }\r\n}\r\n","<div\r\n  class=\"x-tree-node-content\"\r\n  [class.x-activated]=\"tree.activatedNode?.id === node.id\"\r\n  [style.padding-left.rem]=\"paddingLeft\"\r\n  [style.height.rem]=\"node.height ? node.height : nodeHeight ? nodeHeight : ''\"\r\n  [style.align-items]=\"node.alignItems ? node.alignItems : nodeAlignItems\"\r\n  (click)=\"onActivate($event, node)\"\r\n>\r\n  <x-icon\r\n    *ngIf=\"!loading\"\r\n    [class.is-leaf]=\"!node.leaf\"\r\n    [class.is-open]=\"node.open\"\r\n    type=\"fto-chevron-right\"\r\n    (click)=\"!tree.nodeOpen && onToggle($event, node)\"\r\n  ></x-icon>\r\n  <x-icon *ngIf=\"loading\" type=\"fto-loader\" [spin]=\"loading\"></x-icon>\r\n  <x-checkbox\r\n    *ngIf=\"tree.checkbox\"\r\n    [data]=\"[{ label: '', id: node.id }]\"\r\n    [(ngModel)]=\"node.checked\"\r\n    (ngModelChange)=\"onCheckboxChange()\"\r\n    [indeterminate]=\"node.indeterminate\"\r\n    [disabled]=\"getNodeDisabled(node.disabled)\"\r\n    (click)=\"$event.stopPropagation()\"\r\n  ></x-checkbox>\r\n  <span\r\n    class=\"x-tree-node-label\"\r\n    [class.nowrap]=\"node.nowrap === false || node.nowrap === true ? node.nowrap : nodeNowrap\"\r\n    [title]=\"node.label\"\r\n    *ngIf=\"!tree.labelTpl; else labelTpl\"\r\n    >{{ node.label }}</span\r\n  >\r\n  <ng-template #labelTpl>\r\n    <ng-container *xOutlet=\"tree.labelTpl; context: { $node: node }\"></ng-container>\r\n  </ng-template>\r\n  <span class=\"x-tree-node-operations\">\r\n    <x-link\r\n      *ngFor=\"let action of tree.actions; trackBy: trackByItem\"\r\n      [icon]=\"action.icon\"\r\n      [title]=\"action.label\"\r\n      (click)=\"onAction($event, action, node)\"\r\n    ></x-link>\r\n  </span>\r\n</div>\r\n<ul *ngIf=\"node.childrenLoaded || (node.leaf && node.open)\" [hidden]=\"!node.open\">\r\n  <li\r\n    x-tree-node\r\n    *ngFor=\"let child of node.children; trackBy: trackByItem\"\r\n    [node]=\"child\"\r\n    [parent]=\"this\"\r\n    [lazy]=\"lazy\"\r\n    [lazyData]=\"lazyData\"\r\n    [nodeHeight]=\"nodeHeight\"\r\n    [nodeNowrap]=\"nodeNowrap\"\r\n    [nodeAlignItems]=\"nodeAlignItems\"\r\n    [tree]=\"tree\"\r\n  ></li>\r\n</ul>\r\n","import {\r\n  Component,\r\n  ViewEncapsulation,\r\n  Renderer2,\r\n  ElementRef,\r\n  ChangeDetectorRef,\r\n  ChangeDetectionStrategy,\r\n  ViewChild,\r\n  SimpleChanges,\r\n  OnChanges\r\n} from '@angular/core';\r\nimport { XTreePrefix, XTreeNode, XTreeProperty } from './tree.property';\r\nimport { XIsObservable, XIsEmpty, XIsFunction, XIsUndefined, XIsChange, XSetData, XConfigService } from '@ng-nest/ui/core';\r\nimport { Subject } from 'rxjs';\r\n\r\n@Component({\r\n  selector: `${XTreePrefix}`,\r\n  templateUrl: './tree.component.html',\r\n  styleUrls: ['./tree.component.scss'],\r\n  encapsulation: ViewEncapsulation.None,\r\n  changeDetection: ChangeDetectionStrategy.OnPush\r\n})\r\nexport class XTreeComponent extends XTreeProperty implements OnChanges {\r\n  @ViewChild('tree', { static: true }) tree!: ElementRef;\r\n  nodes: XTreeNode[] = [];\r\n  activatedNode!: XTreeNode;\r\n  dataIsFunc = false;\r\n  getting = false;\r\n  treeData: XTreeNode[] = [];\r\n  private _unSubject = new Subject<void>();\r\n  constructor(\r\n    public renderer: Renderer2,\r\n    public elementRef: ElementRef,\r\n    public cdr: ChangeDetectorRef,\r\n    public configService: XConfigService\r\n  ) {\r\n    super();\r\n  }\r\n\r\n  ngOnChanges(changes: SimpleChanges): void {\r\n    XIsChange(changes.expandedAll) && this.setExpandedAll();\r\n    XIsChange(changes.data) && this.setData();\r\n    XIsChange(changes.activatedId) && this.setActivatedNode(this.treeData);\r\n    XIsChange(changes.checked) && this.setCheckedKeys(this.checked);\r\n    XIsChange(changes.manual) && this.setManual();\r\n  }\r\n\r\n  ngOnDestroy(): void {\r\n    this._unSubject.next();\r\n    this._unSubject.unsubscribe();\r\n  }\r\n\r\n  setData() {\r\n    if (typeof this.data === 'undefined') return;\r\n    this.dataIsFunc = false;\r\n    if (XIsObservable(this.data)) {\r\n      XSetData<XTreeNode>(this.data, this._unSubject).subscribe((x) => {\r\n        this.setDataChange(x);\r\n      });\r\n    } else if (XIsFunction(this.data)) {\r\n      this.dataIsFunc = true;\r\n      this.getDataByFunc();\r\n    } else {\r\n      this.setDataChange(this.data as XTreeNode[]);\r\n    }\r\n  }\r\n\r\n  private setManual() {\r\n    if (this.dataIsFunc) this.getDataByFunc();\r\n  }\r\n\r\n  private getDataByFunc() {\r\n    if (!this.manual) return;\r\n    XSetData<XTreeNode>((this.data as Function)(), this._unSubject).subscribe((x) => {\r\n      this.setDataChange(x);\r\n    });\r\n  }\r\n\r\n  private setDataChange(value: XTreeNode[]) {\r\n    !XIsEmpty(this.activatedId) && this.setActivatedNode(value);\r\n    const getChildren = (node: XTreeNode, level: number) => {\r\n      node.level = level;\r\n      node.open = Boolean(this.expandedAll) || level <= this.expandedLevel || this.expanded.indexOf(node.id) >= 0;\r\n      node.checked = this.checked.indexOf(node.id) >= 0;\r\n      node.childrenLoaded = node.open;\r\n      if (XIsUndefined(node.children)) node.children = value.filter((y) => y.pid === node.id);\r\n      if (XIsUndefined(node.leaf)) node.leaf = (node.children?.length as number) > 0;\r\n      if (node.leaf) node.children?.map((y) => getChildren(y, level + 1));\r\n      return node;\r\n    };\r\n    this.treeData = value;\r\n    this.nodes = value.filter((x) => XIsEmpty(x.pid)).map((x) => getChildren(x, 0));\r\n    this.cdr.detectChanges();\r\n  }\r\n\r\n  getCheckedNodes(): XTreeNode[] {\r\n    let result: XTreeNode[] = [];\r\n    const getChildren = (nodes: XTreeNode[]) => {\r\n      if (XIsEmpty(nodes)) return;\r\n      nodes.forEach((x) => {\r\n        if (x.checked) result = [...result, x];\r\n        getChildren(x.children as XTreeNode[]);\r\n      });\r\n    };\r\n    getChildren(this.nodes);\r\n    return result;\r\n  }\r\n\r\n  getCheckedKeys() {\r\n    return this.getCheckedNodes().map((x) => x.id);\r\n  }\r\n\r\n  setCheckedKeys(keys: any[] = []) {\r\n    const setChildren = (nodes: XTreeNode[], clear = false) => {\r\n      if (XIsEmpty(nodes)) return;\r\n      nodes.forEach((x) => {\r\n        x.checked = !clear && keys.indexOf(x.id) >= 0;\r\n        x.change && x.change(true);\r\n        setChildren(x.children as XTreeNode[], clear);\r\n      });\r\n    };\r\n    setChildren(this.nodes, keys.length === 0);\r\n    this.cdr.detectChanges();\r\n  }\r\n\r\n  setExpandedAll() {\r\n    const setChildren = (nodes: XTreeNode[]) => {\r\n      if (XIsEmpty(nodes)) return;\r\n      nodes.forEach((x) => {\r\n        x.open = Boolean(this.expandedAll);\r\n        x.change && x.change();\r\n        setChildren(x.children as XTreeNode[]);\r\n      });\r\n    };\r\n    setChildren(this.nodes);\r\n  }\r\n\r\n  setActivatedNode(nodes: XTreeNode[]) {\r\n    let before = this.activatedNode;\r\n    this.activatedNode = nodes.find((x) => x.id == this.activatedId) as XTreeNode;\r\n    if (this.activatedNode) {\r\n      this.setParentOpen(nodes, this.activatedNode);\r\n      this.activatedChange.emit(this.activatedNode);\r\n    }\r\n    if (before) {\r\n      before.change && before.change();\r\n    }\r\n  }\r\n\r\n  setParentOpen(nodes: XTreeNode[], node: XTreeNode) {\r\n    const getParent = (child: XTreeNode) => {\r\n      if (XIsEmpty(child.pid)) return;\r\n      const parent = nodes.find((x) => x.id === child.pid) as XTreeNode;\r\n      if (!XIsEmpty(parent)) {\r\n        this.expanded = [...this.expanded, parent.id];\r\n        parent.open = true;\r\n        parent.change && parent.change();\r\n        getParent(parent);\r\n      }\r\n    };\r\n    getParent(node);\r\n  }\r\n\r\n  addNode(node: XTreeNode) {\r\n    let parent = this.treeData.find((x) => x.id === node.pid);\r\n    if (parent) {\r\n      if (!parent.children) parent.children = [];\r\n      this.expanded = [...this.expanded, parent.id];\r\n      this.activatedId = node.id;\r\n      node.level = Number(parent.level) + 1;\r\n      node.pid = parent.id;\r\n      this.treeData.push(node);\r\n      this.setActivatedNode(this.treeData);\r\n      parent.open = true;\r\n      parent.leaf = true;\r\n      parent.children = [...parent.children, node];\r\n      parent.change && parent.change();\r\n    } else if (node.pid == null) {\r\n      this.activatedId = node.id;\r\n      node.level = 0;\r\n      this.treeData = [...this.treeData, node];\r\n      this.nodes = [...this.nodes, node];\r\n      this.setActivatedNode(this.treeData);\r\n      this.cdr.detectChanges();\r\n    }\r\n  }\r\n\r\n  removeNode(node: XTreeNode) {\r\n    let parent = this.treeData.find((x) => x.id === node.pid);\r\n    if (parent) {\r\n      if (!parent.children) parent.children = [];\r\n      parent.children.splice(parent.children.indexOf(node), 1);\r\n      parent.leaf = parent.children.length > 0;\r\n      if (!parent.leaf) this.activatedId = parent.id;\r\n      parent.change && parent.change();\r\n    } else if (node.pid == null) {\r\n      this.treeData.splice(this.treeData.indexOf(node), 1);\r\n      this.nodes.splice(this.nodes.indexOf(node), 1);\r\n      this.cdr.detectChanges();\r\n    }\r\n  }\r\n\r\n  updateNode(node: XTreeNode, nowNode: XTreeNode) {\r\n    Object.assign(node, nowNode);\r\n    node.change && node.change();\r\n  }\r\n\r\n  trackByItem(index: number, item: XTreeNode) {\r\n    return item.id;\r\n  }\r\n}\r\n","<div #tree class=\"x-tree\">\r\n  <ul>\r\n    <li\r\n      x-tree-node\r\n      *ngFor=\"let node of nodes; trackBy: trackByItem\"\r\n      [node]=\"node\"\r\n      [lazy]=\"lazy\"\r\n      [lazyData]=\"data\"\r\n      [nodeHeight]=\"nodeHeight\"\r\n      [nodeNowrap]=\"nodeNowrap\"\r\n      [nodeAlignItems]=\"nodeAlignItems\"\r\n      [tree]=\"this\"\r\n    ></li>\r\n  </ul>\r\n</div>\r\n\r\n<!-- 提前加载loading的图标-->\r\n<x-icon *ngIf=\"lazy\" [style.display]=\"'none'\" type=\"fto-loader\"></x-icon>\r\n","import { NgModule } from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\r\nimport { FormsModule } from '@angular/forms';\r\nimport { XTreeComponent } from './tree.component';\r\nimport { XTreeNodeComponent } from './tree-node.component';\r\nimport { XIconModule } from '@ng-nest/ui/icon';\r\nimport { XCheckboxModule } from '@ng-nest/ui/checkbox';\r\nimport { XOutletModule } from '@ng-nest/ui/outlet';\r\nimport { XLinkModule } from '@ng-nest/ui/link';\r\nimport { XTreeProperty, XTreeNodeProperty } from './tree.property';\r\n\r\n@NgModule({\r\n  declarations: [XTreeComponent, XTreeNodeComponent, XTreeProperty, XTreeNodeProperty],\r\n  exports: [XTreeComponent, XTreeNodeComponent],\r\n  imports: [CommonModule, FormsModule, XIconModule, XCheckboxModule, XOutletModule, XLinkModule]\r\n})\r\nexport class XTreeModule {}\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-tree.js","sources":["../../../../lib/ng-nest/ui/tree/tree.property.ts","../../../../lib/ng-nest/ui/tree/tree-node.component.ts","../../../../lib/ng-nest/ui/tree/tree-node.component.html","../../../../lib/ng-nest/ui/tree/tree.component.ts","../../../../lib/ng-nest/ui/tree/tree.component.html","../../../../lib/ng-nest/ui/tree/tree.module.ts","../../../../lib/ng-nest/ui/tree/ng-nest-ui-tree.ts"],"sourcesContent":["import {\r\n  XDataConvert,\r\n  XProperty,\r\n  XData,\r\n  XInputBoolean,\r\n  XParentIdentityProperty,\r\n  XNumber,\r\n  XBoolean,\r\n  XInputNumber,\r\n  XIdentityProperty,\r\n  XWithConfig,\r\n  XAlign\r\n} from '@ng-nest/ui/core';\r\nimport { Input, TemplateRef, Output, EventEmitter, Component } from '@angular/core';\r\n\r\n/**\r\n * Tree\r\n * @selector x-tree\r\n * @decorator component\r\n */\r\nexport const XTreePrefix = 'x-tree';\r\nconst X_CONFIG_NAME = 'tree';\r\n\r\n/**\r\n * Tree Property\r\n */\r\n@Component({ template: '' })\r\nexport class XTreeProperty extends XProperty {\r\n  /**\r\n   * @zh_CN 节点数据\r\n   * @en_US Node data\r\n   */\r\n  @Input() @XDataConvert() data: XData<XTreeNode> = [];\r\n  /**\r\n   * @zh_CN 显示多选框\r\n   * @en_US Show checkbox\r\n   */\r\n  @Input() @XInputBoolean() checkbox?: XBoolean;\r\n  /**\r\n   * @zh_CN 开启懒加载节点，data 必须设置成函数类型\r\n   * @en_US Open lazy loading node, data must be set to function type\r\n   */\r\n  @Input() @XInputBoolean() lazy?: XBoolean;\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 Expanded node\r\n   */\r\n  @Input() expanded: any[] = [];\r\n  /**\r\n   * @zh_CN checkbox 选中的节点\r\n   * @en_US Checkbox selected node\r\n   */\r\n  @Input() checked: any[] = [];\r\n  /**\r\n   * @zh_CN 展开所有节点\r\n   * @en_US Expand all nodes\r\n   */\r\n  @Input() @XInputBoolean() expandedAll?: XBoolean;\r\n  /**\r\n   * @zh_CN 默认展开的层级\r\n   * @en_US Default expanded level\r\n   */\r\n  @Input() @XInputNumber() expandedLevel: XNumber = -1;\r\n  /**\r\n   * @zh_CN 点击节点就触发展开/收起的操作，请确保节点上没有其它操作（checkbox、自定义的操作按钮）\r\n   * @en_US Click the node to trigger the expand/collapse operation, please make sure that there are no other operations on the node (checkbox, custom operation button)\r\n   */\r\n  @Input() @XInputBoolean() nodeOpen?: XBoolean;\r\n  /**\r\n   * @zh_CN 单位间距，这个与层级的乘积算出节点的左边距，单位 rem\r\n   * @en_US Unit spacing, the product of this and the level calculates the left margin of the node, the unit is rem\r\n   */\r\n  @Input() @XWithConfig<XNumber>(X_CONFIG_NAME, 0.875) @XInputNumber() spacing?: XNumber;\r\n  /**\r\n   * @zh_CN 标签自定义模板\r\n   * @en_US Label custom template\r\n   */\r\n  @Input() labelTpl?: TemplateRef<void>;\r\n  /**\r\n   * @zh_CN 节点的高度，单位 rem, 默认 0 是自适应高度\r\n   * @en_US The height of the node in rem\r\n   */\r\n  @Input() @XWithConfig<XNumber>(X_CONFIG_NAME, 0) @XInputNumber() nodeHeight!: XNumber;\r\n  /**\r\n   * @zh_CN 是否允许多次点击一个节点触发多次事件\r\n   * @en_US Whether to allow multiple clicks on a node to trigger multiple events\r\n   */\r\n  @Input() @XInputBoolean() allowManyActivated?: XBoolean;\r\n  /**\r\n   * @zh_CN 当前点击选中的节点变化的事件\r\n   * @en_US The event of the currently clicked node change\r\n   */\r\n  @Output() activatedChange = new EventEmitter<XTreeNode>();\r\n  /**\r\n   * @zh_CN 使用 checkedbox 选中变化的事件\r\n   * @en_US Use checkedbox to select changed events\r\n   */\r\n  @Output() checkboxChange = new EventEmitter<XTreeNode>();\r\n  /**\r\n   * @zh_CN 如果 data 是函数类型，可以通过此参数控制请求，常用于弹框中的表格，弹出后再请求\r\n   * @en_US If data is a function type, you can use this parameter to control the request, which is often used in the form in the pop-up box, and then request it after it pops up\r\n   */\r\n  @Input() @XInputBoolean() manual: boolean = true;\r\n  /**\r\n   * @zh_CN checkbox 状态改变触发层级检查\r\n   * @en_US Checkbox status changes trigger level checks\r\n   */\r\n  @Input() @XInputBoolean() levelCheck: XBoolean = true;\r\n  /**\r\n   * @zh_CN 节点内容不换行显示省略号\r\n   * @en_US Show ellipsis without wrapping\r\n   */\r\n  @Input() @XInputBoolean() nodeNowrap: XBoolean = true;\r\n  /**\r\n   * @zh_CN 节点垂直对齐方式\r\n   * @en_US Show ellipsis without wrapping\r\n   */\r\n  @Input() @XWithConfig<XAlign>(X_CONFIG_NAME, 'center') nodeAlignItems!: XAlign;\r\n  /**\r\n   * @zh_CN 树节点操作按钮\r\n   * @en_US Tree node operation buttons\r\n   */\r\n  @Input() actions: XTreeAction[] = [];\r\n  /**\r\n   * @zh_CN 参数控制请求改变事件\r\n   * @en_US Parameter control request change event\r\n   */\r\n  @Output() manualChange = new EventEmitter<boolean>();\r\n}\r\n\r\n/**\r\n * @zh_CN Tree 数据对象\r\n * @en_US Tree data object\r\n */\r\nexport interface XTreeNode extends XParentIdentityProperty<XTreeNode> {\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 active\r\n   */\r\n  activated?: 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 Child node has been loaded\r\n   */\r\n  childrenLoaded?: boolean;\r\n  /**\r\n   * @zh_CN checkbox 是否选中\r\n   * @en_US whether checkbox is selected\r\n   */\r\n  checked?: boolean;\r\n  /**\r\n   * @zh_CN 禁用checkbox\r\n   * @en_US Disable checkbox\r\n   */\r\n  disabled?: boolean;\r\n  /**\r\n   * @zh_CN checkbox 子节点是否有选中的状态\r\n   * @en_US Whether the child node of checkbox is selected\r\n   */\r\n  indeterminate?: boolean;\r\n  /**\r\n   * @zh_CN 节点高度，优先级高于 tree 参数，单位 rem\r\n   * @en_US Node height in rem, highest priority\r\n   */\r\n  height?: number;\r\n  /**\r\n   * @zh_CN 节点内容不换行显示省略号，优先级高于 tree 参数\r\n   * @en_US Show ellipsis without wrapping, highest priority\r\n   */\r\n  nowrap?: boolean;\r\n  /**\r\n   * @zh_CN 节点垂直对齐方式，优先级高于 tree 参数\r\n   * @en_US Show ellipsis without wrapping, highest priority\r\n   */\r\n  alignItems?: XAlign;\r\n  /**\r\n   * @zh_CN 自定义属性\r\n   * @en_US Custom attributes\r\n   */\r\n  [property: string]: any;\r\n}\r\n\r\n/**\r\n * @zh_CN Tree 节点操作\r\n * @en_US Tree node operation\r\n */\r\nexport interface XTreeAction extends XIdentityProperty {\r\n  /**\r\n   * @zh_CN 操作\r\n   * @en_US Operating\r\n   */\r\n  handler?: Function;\r\n  /**\r\n   * @zh_CN 图标\r\n   * @en_US Icon\r\n   */\r\n  icon?: string;\r\n}\r\n\r\n/**\r\n * TreeNode\r\n * @selector x-tree-node\r\n * @decorator directive\r\n */\r\nexport const XTreeNodePrefix = 'x-tree-node';\r\n\r\n/**\r\n * TreeNode Property\r\n */\r\n@Component({ template: '' })\r\nexport class XTreeNodeProperty extends XProperty {\r\n  /**\r\n   * @zh_CN 节点数据\r\n   * @en_US Node data\r\n   */\r\n  @Input() node: XTreeNode = {};\r\n  /**\r\n   * @zh_CN 层级\r\n   * @en_US Level\r\n   */\r\n  @Input() level?: XNumber;\r\n  /**\r\n   * @zh_CN 懒加载子节点\r\n   * @en_US Lazy loading of child nodes\r\n   */\r\n  @Input() @XInputBoolean() lazy?: XBoolean;\r\n  /**\r\n   * @zh_CN 节点的高度，单位 rem\r\n   * @en_US The height of the node in rem\r\n   */\r\n  @Input() @XInputNumber() nodeHeight: XNumber = 0;\r\n  /**\r\n   * @zh_CN 节点内容不换行显示省略号\r\n   * @en_US Show ellipsis without wrapping\r\n   */\r\n  @Input() @XInputBoolean() nodeNowrap?: XBoolean;\r\n  /**\r\n   * @zh_CN 节点垂直对齐方式\r\n   * @en_US Show ellipsis without wrapping\r\n   */\r\n  @Input() nodeAlignItems: XAlign = 'center';\r\n  /**\r\n   * @zh_CN 懒加载函数\r\n   * @en_US Lazy loading function\r\n   */\r\n  @Input() lazyData!: XData<XTreeNode[]>;\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  HostBinding,\r\n  Input\r\n} from '@angular/core';\r\nimport { XTreeNodePrefix, XTreeNode, XTreeNodeProperty, XTreeAction } from './tree.property';\r\nimport { XIsEmpty, XConfigService, XBoolean } from '@ng-nest/ui/core';\r\nimport { map } from 'rxjs/operators';\r\nimport { Observable } from 'rxjs';\r\n\r\n@Component({\r\n  selector: `${XTreeNodePrefix}, [${XTreeNodePrefix}]`,\r\n  templateUrl: './tree-node.component.html',\r\n  styleUrls: ['./tree-node.component.scss'],\r\n  encapsulation: ViewEncapsulation.None,\r\n  changeDetection: ChangeDetectionStrategy.OnPush\r\n})\r\nexport class XTreeNodeComponent extends XTreeNodeProperty implements OnInit {\r\n  @Input() parent!: XTreeNodeComponent;\r\n  @Input() tree: any;\r\n  @HostBinding('class.x-tree-node') rootClass = true;\r\n  private _loading = false;\r\n  public get loading() {\r\n    return this._loading;\r\n  }\r\n  public set loading(value) {\r\n    this._loading = value;\r\n    this.cdr.detectChanges();\r\n  }\r\n\r\n  get paddingLeft() {\r\n    return Number(this.level) * Number(this.tree.spacing);\r\n  }\r\n\r\n  constructor(\r\n    // @Optional() public tree: XTreeComponent,\r\n    public renderer: Renderer2,\r\n    public elementRef: ElementRef,\r\n    public cdr: ChangeDetectorRef,\r\n    public configService: XConfigService\r\n  ) {\r\n    super();\r\n  }\r\n\r\n  ngOnInit() {\r\n    this.node.change = (check: boolean) => {\r\n      if (check) this.setCheckbox();\r\n      this.cdr.detectChanges();\r\n    };\r\n    this.level = this.node?.level ? this.node.level : 0;\r\n    if (!this.tree.levelCheck) return;\r\n    if (this.node.checked) this.setCheckbox();\r\n    this.setIndeterminate(this.node);\r\n  }\r\n\r\n  onToggle(event: Event, node: XTreeNode) {\r\n    node.open = !node.open;\r\n    if (node.open && !node.childrenLoaded) {\r\n      if (this.lazy) {\r\n        this.loading = true;\r\n\r\n        (this.lazyData as (pid?: any) => Observable<XTreeNode[]>)(node.id)\r\n          .pipe(\r\n            map((x) =>\r\n              x.map((y) => {\r\n                y.level = (node.level as number) + 1;\r\n                y.checked = node.checked;\r\n                return y;\r\n              })\r\n            )\r\n          )\r\n          .subscribe((x) => {\r\n            node.children = x;\r\n            node.childrenLoaded = true;\r\n            this.loading = false;\r\n            this.cdr.detectChanges();\r\n          });\r\n      } else {\r\n        node.childrenLoaded = true;\r\n      }\r\n    }\r\n    event.preventDefault();\r\n    event.stopPropagation();\r\n    this.cdr.detectChanges();\r\n  }\r\n\r\n  onActivate(event: Event, node: XTreeNode) {\r\n    const change: Function = this.tree.activatedNode?.change as Function;\r\n    this.tree.nodeOpen && node.leaf && this.onToggle(event, node);\r\n    if (this.tree.activatedNode) {\r\n      if (this.tree.activatedNode.id === node.id && !this.tree.allowManyActivated) return;\r\n    }\r\n    this.tree.activatedNode = node;\r\n    this.tree.activatedChange.emit(node);\r\n    change && change();\r\n    event.stopPropagation();\r\n    this.cdr.detectChanges();\r\n  }\r\n\r\n  onCheckboxChange() {\r\n    this.setCheckbox();\r\n    this.tree.checkboxChange.emit(this.node);\r\n  }\r\n\r\n  setCheckbox() {\r\n    if (!this.tree.levelCheck) return;\r\n    this.node.indeterminate = this.node.checked;\r\n    this.node.children && this.setChildrenCheckbox(this.node.checked as boolean);\r\n    this.parent?.setParentCheckbox();\r\n  }\r\n\r\n  setChildrenCheckbox(checked: boolean) {\r\n    const setChildren = (children: XTreeNode[], isChecked: boolean) => {\r\n      if (XIsEmpty(children)) return;\r\n      for (let x of children) {\r\n        if (x.disabled) continue;\r\n        x.checked = isChecked;\r\n        x.indeterminate = isChecked;\r\n        x.change && x.change();\r\n        setChildren(x.children as XTreeNode[], isChecked);\r\n      }\r\n    };\r\n    setChildren(this.node.children as XTreeNode[], checked);\r\n    this.cdr.detectChanges();\r\n  }\r\n\r\n  setParentCheckbox() {\r\n    if (XIsEmpty(this.node.children)) return;\r\n    let checkedList = this.node.children?.filter((x) => x.checked);\r\n    let indeterminateList = this.node.children?.filter((x) => x.indeterminate);\r\n    this.node.checked = checkedList?.length === this.node.children?.length;\r\n    this.node.indeterminate = (checkedList as XTreeNode[]).length > 0 || (indeterminateList as XTreeNode[]).length > 0;\r\n    this.parent?.setParentCheckbox();\r\n    this.cdr.detectChanges();\r\n  }\r\n\r\n  setIndeterminate(node: XTreeNode) {\r\n    const getChildren = (children: XTreeNode[]) => {\r\n      if (XIsEmpty(children)) return;\r\n      children.forEach((x) => {\r\n        if (x.indeterminate || x.checked) {\r\n          node.indeterminate = true;\r\n          return;\r\n        }\r\n        getChildren(x.children as XTreeNode[]);\r\n      });\r\n    };\r\n    getChildren(node.children as XTreeNode[]);\r\n    this.cdr.detectChanges();\r\n  }\r\n\r\n  getNodeDisabled(disabled?: boolean) {\r\n    return disabled as XBoolean;\r\n  }\r\n\r\n  onAction(event: Event, action: XTreeAction, node: XTreeNode) {\r\n    action.handler && action.handler(node);\r\n    event.stopPropagation();\r\n  }\r\n\r\n  trackByItem(_index: number, item: XTreeAction | XTreeNode) {\r\n    return item.id;\r\n  }\r\n}\r\n","<div\r\n  class=\"x-tree-node-content\"\r\n  [class.x-activated]=\"tree.activatedNode?.id === node.id\"\r\n  [style.padding-left.rem]=\"paddingLeft\"\r\n  [style.height.rem]=\"node.height ? node.height : nodeHeight ? nodeHeight : ''\"\r\n  [style.align-items]=\"node.alignItems ? node.alignItems : nodeAlignItems\"\r\n  (click)=\"onActivate($event, node)\"\r\n>\r\n  <x-icon\r\n    *ngIf=\"!loading\"\r\n    [class.is-leaf]=\"!node.leaf\"\r\n    [class.is-open]=\"node.open\"\r\n    type=\"fto-chevron-right\"\r\n    (click)=\"!tree.nodeOpen && onToggle($event, node)\"\r\n  ></x-icon>\r\n  <x-icon *ngIf=\"loading\" type=\"fto-loader\" [spin]=\"loading\"></x-icon>\r\n  <x-checkbox\r\n    *ngIf=\"tree.checkbox\"\r\n    [data]=\"[{ label: '', id: node.id }]\"\r\n    [(ngModel)]=\"node.checked\"\r\n    (ngModelChange)=\"onCheckboxChange()\"\r\n    [indeterminate]=\"node.indeterminate\"\r\n    [disabled]=\"getNodeDisabled(node.disabled)\"\r\n    (click)=\"$event.stopPropagation()\"\r\n  ></x-checkbox>\r\n  <span\r\n    class=\"x-tree-node-label\"\r\n    [class.nowrap]=\"node.nowrap === false || node.nowrap === true ? node.nowrap : nodeNowrap\"\r\n    [title]=\"node.label\"\r\n    *ngIf=\"!tree.labelTpl; else labelTpl\"\r\n    >{{ node.label }}</span\r\n  >\r\n  <ng-template #labelTpl>\r\n    <ng-container *xOutlet=\"tree.labelTpl; context: { $node: node }\"></ng-container>\r\n  </ng-template>\r\n  <span class=\"x-tree-node-operations\">\r\n    <x-link\r\n      *ngFor=\"let action of tree.actions; trackBy: trackByItem\"\r\n      [icon]=\"action.icon\"\r\n      [title]=\"action.label\"\r\n      (click)=\"onAction($event, action, node)\"\r\n    ></x-link>\r\n  </span>\r\n</div>\r\n<ul *ngIf=\"node.childrenLoaded || (node.leaf && node.open)\" [hidden]=\"!node.open\">\r\n  <li\r\n    x-tree-node\r\n    *ngFor=\"let child of node.children; trackBy: trackByItem\"\r\n    [node]=\"child\"\r\n    [parent]=\"this\"\r\n    [lazy]=\"lazy\"\r\n    [lazyData]=\"lazyData\"\r\n    [nodeHeight]=\"nodeHeight\"\r\n    [nodeNowrap]=\"nodeNowrap\"\r\n    [nodeAlignItems]=\"nodeAlignItems\"\r\n    [tree]=\"tree\"\r\n  ></li>\r\n</ul>\r\n","import {\r\n  Component,\r\n  ViewEncapsulation,\r\n  Renderer2,\r\n  ElementRef,\r\n  ChangeDetectorRef,\r\n  ChangeDetectionStrategy,\r\n  ViewChild,\r\n  SimpleChanges,\r\n  OnChanges\r\n} from '@angular/core';\r\nimport { XTreePrefix, XTreeNode, XTreeProperty } from './tree.property';\r\nimport { XIsObservable, XIsEmpty, XIsFunction, XIsUndefined, XIsChange, XSetData, XConfigService } from '@ng-nest/ui/core';\r\nimport { Subject } from 'rxjs';\r\n\r\n@Component({\r\n  selector: `${XTreePrefix}`,\r\n  templateUrl: './tree.component.html',\r\n  styleUrls: ['./tree.component.scss'],\r\n  encapsulation: ViewEncapsulation.None,\r\n  changeDetection: ChangeDetectionStrategy.OnPush\r\n})\r\nexport class XTreeComponent extends XTreeProperty implements OnChanges {\r\n  @ViewChild('tree', { static: true }) tree!: ElementRef;\r\n  nodes: XTreeNode[] = [];\r\n  activatedNode!: XTreeNode;\r\n  dataIsFunc = false;\r\n  getting = false;\r\n  treeData: XTreeNode[] = [];\r\n  private _unSubject = new Subject<void>();\r\n  constructor(\r\n    public renderer: Renderer2,\r\n    public elementRef: ElementRef,\r\n    public cdr: ChangeDetectorRef,\r\n    public configService: XConfigService\r\n  ) {\r\n    super();\r\n  }\r\n\r\n  ngOnChanges(changes: SimpleChanges): void {\r\n    const { expandedAll, data, activatedId, checked, manual } = changes;\r\n    XIsChange(expandedAll) && this.setExpandedAll();\r\n    XIsChange(data) && this.setData();\r\n    XIsChange(activatedId) && this.setActivatedNode(this.treeData);\r\n    XIsChange(checked) && this.setCheckedKeys(this.checked);\r\n    XIsChange(manual) && this.setManual();\r\n  }\r\n\r\n  ngOnDestroy(): void {\r\n    this._unSubject.next();\r\n    this._unSubject.unsubscribe();\r\n  }\r\n\r\n  setData() {\r\n    if (typeof this.data === 'undefined') return;\r\n    this.dataIsFunc = false;\r\n    if (XIsObservable(this.data)) {\r\n      XSetData<XTreeNode>(this.data, this._unSubject).subscribe((x) => {\r\n        this.setDataChange(x);\r\n      });\r\n    } else if (XIsFunction(this.data)) {\r\n      this.dataIsFunc = true;\r\n      this.getDataByFunc();\r\n    } else {\r\n      this.setDataChange(this.data as XTreeNode[]);\r\n    }\r\n  }\r\n\r\n  private setManual() {\r\n    if (this.dataIsFunc) this.getDataByFunc();\r\n  }\r\n\r\n  private getDataByFunc() {\r\n    if (!this.manual) return;\r\n    XSetData<XTreeNode>((this.data as Function)(), this._unSubject).subscribe((x) => {\r\n      this.setDataChange(x);\r\n    });\r\n  }\r\n\r\n  private setDataChange(value: XTreeNode[]) {\r\n    !XIsEmpty(this.activatedId) && this.setActivatedNode(value);\r\n    const getChildren = (node: XTreeNode, level: number) => {\r\n      node.level = level;\r\n      node.open = Boolean(this.expandedAll) || level <= this.expandedLevel || this.expanded.indexOf(node.id) >= 0;\r\n      node.checked = this.checked.indexOf(node.id) >= 0;\r\n      node.childrenLoaded = node.open;\r\n      if (XIsUndefined(node.children)) node.children = value.filter((y) => y.pid === node.id);\r\n      if (XIsUndefined(node.leaf)) node.leaf = (node.children?.length as number) > 0;\r\n      if (node.leaf) node.children?.map((y) => getChildren(y, level + 1));\r\n      return node;\r\n    };\r\n    this.treeData = value;\r\n    this.nodes = value.filter((x) => XIsEmpty(x.pid)).map((x) => getChildren(x, 0));\r\n    this.cdr.detectChanges();\r\n  }\r\n\r\n  getCheckedNodes(): XTreeNode[] {\r\n    let result: XTreeNode[] = [];\r\n    const getChildren = (nodes: XTreeNode[]) => {\r\n      if (XIsEmpty(nodes)) return;\r\n      nodes.forEach((x) => {\r\n        if (x.checked) result = [...result, x];\r\n        getChildren(x.children as XTreeNode[]);\r\n      });\r\n    };\r\n    getChildren(this.nodes);\r\n    return result;\r\n  }\r\n\r\n  getCheckedKeys() {\r\n    return this.getCheckedNodes().map((x) => x.id);\r\n  }\r\n\r\n  setCheckedKeys(keys: any[] = []) {\r\n    const setChildren = (nodes: XTreeNode[], clear = false) => {\r\n      if (XIsEmpty(nodes)) return;\r\n      nodes.forEach((x) => {\r\n        x.checked = !clear && keys.indexOf(x.id) >= 0;\r\n        x.change && x.change(true);\r\n        setChildren(x.children as XTreeNode[], clear);\r\n      });\r\n    };\r\n    setChildren(this.nodes, keys.length === 0);\r\n    this.cdr.detectChanges();\r\n  }\r\n\r\n  setExpandedAll() {\r\n    const setChildren = (nodes: XTreeNode[]) => {\r\n      if (XIsEmpty(nodes)) return;\r\n      nodes.forEach((x) => {\r\n        x.open = Boolean(this.expandedAll);\r\n        x.change && x.change();\r\n        setChildren(x.children as XTreeNode[]);\r\n      });\r\n    };\r\n    setChildren(this.nodes);\r\n  }\r\n\r\n  setActivatedNode(nodes: XTreeNode[]) {\r\n    let before = this.activatedNode;\r\n    this.activatedNode = nodes.find((x) => x.id == this.activatedId) as XTreeNode;\r\n    if (this.activatedNode) {\r\n      this.setParentOpen(nodes, this.activatedNode);\r\n      this.activatedChange.emit(this.activatedNode);\r\n    }\r\n    if (before) {\r\n      before.change && before.change();\r\n    }\r\n  }\r\n\r\n  setParentOpen(nodes: XTreeNode[], node: XTreeNode) {\r\n    const getParent = (child: XTreeNode) => {\r\n      if (XIsEmpty(child.pid)) return;\r\n      const parent = nodes.find((x) => x.id === child.pid) as XTreeNode;\r\n      if (!XIsEmpty(parent)) {\r\n        this.expanded = [...this.expanded, parent.id];\r\n        parent.open = true;\r\n        parent.change && parent.change();\r\n        getParent(parent);\r\n      }\r\n    };\r\n    getParent(node);\r\n  }\r\n\r\n  addNode(node: XTreeNode) {\r\n    let parent = this.treeData.find((x) => x.id === node.pid);\r\n    if (parent) {\r\n      if (!parent.children) parent.children = [];\r\n      this.expanded = [...this.expanded, parent.id];\r\n      this.activatedId = node.id;\r\n      node.level = Number(parent.level) + 1;\r\n      node.pid = parent.id;\r\n      this.treeData.push(node);\r\n      this.setActivatedNode(this.treeData);\r\n      parent.open = true;\r\n      parent.leaf = true;\r\n      parent.children = [...parent.children, node];\r\n      parent.change && parent.change();\r\n    } else if (node.pid == null) {\r\n      this.activatedId = node.id;\r\n      node.level = 0;\r\n      this.treeData = [...this.treeData, node];\r\n      this.nodes = [...this.nodes, node];\r\n      this.setActivatedNode(this.treeData);\r\n      this.cdr.detectChanges();\r\n    }\r\n  }\r\n\r\n  removeNode(node: XTreeNode) {\r\n    let parent = this.treeData.find((x) => x.id === node.pid);\r\n    if (parent) {\r\n      if (!parent.children) parent.children = [];\r\n      parent.children.splice(parent.children.indexOf(node), 1);\r\n      parent.leaf = parent.children.length > 0;\r\n      if (!parent.leaf) this.activatedId = parent.id;\r\n      parent.change && parent.change();\r\n    } else if (node.pid == null) {\r\n      this.treeData.splice(this.treeData.indexOf(node), 1);\r\n      this.nodes.splice(this.nodes.indexOf(node), 1);\r\n      this.cdr.detectChanges();\r\n    }\r\n  }\r\n\r\n  updateNode(node: XTreeNode, nowNode: XTreeNode) {\r\n    Object.assign(node, nowNode);\r\n    node.change && node.change();\r\n  }\r\n\r\n  trackByItem(_index: number, item: XTreeNode) {\r\n    return item.id;\r\n  }\r\n}\r\n","<div #tree class=\"x-tree\">\r\n  <ul>\r\n    <li\r\n      x-tree-node\r\n      *ngFor=\"let node of nodes; trackBy: trackByItem\"\r\n      [node]=\"node\"\r\n      [lazy]=\"lazy\"\r\n      [lazyData]=\"data\"\r\n      [nodeHeight]=\"nodeHeight\"\r\n      [nodeNowrap]=\"nodeNowrap\"\r\n      [nodeAlignItems]=\"nodeAlignItems\"\r\n      [tree]=\"this\"\r\n    ></li>\r\n  </ul>\r\n</div>\r\n\r\n<!-- 提前加载loading的图标-->\r\n<x-icon *ngIf=\"lazy\" [style.display]=\"'none'\" type=\"fto-loader\"></x-icon>\r\n","import { NgModule } from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\r\nimport { FormsModule } from '@angular/forms';\r\nimport { XTreeComponent } from './tree.component';\r\nimport { XTreeNodeComponent } from './tree-node.component';\r\nimport { XIconModule } from '@ng-nest/ui/icon';\r\nimport { XCheckboxModule } from '@ng-nest/ui/checkbox';\r\nimport { XOutletModule } from '@ng-nest/ui/outlet';\r\nimport { XLinkModule } from '@ng-nest/ui/link';\r\nimport { XTreeProperty, XTreeNodeProperty } from './tree.property';\r\n\r\n@NgModule({\r\n  declarations: [XTreeComponent, XTreeNodeComponent, XTreeProperty, XTreeNodeProperty],\r\n  exports: [XTreeComponent, XTreeNodeComponent],\r\n  imports: [CommonModule, FormsModule, XIconModule, XCheckboxModule, XOutletModule, XLinkModule]\r\n})\r\nexport class XTreeModule {}\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-typography.js

@@ -22,9 +22,9 @@ class XTypographyProperty extends XProperty {
         this.font = 'Helvetica Neue,Helvetica,PingFang SC,Hiragino Sans GB,Microsoft YaHei,SimSun,sans-serif';
     }
 }
-/** @nocollapse */ XTypographyProperty.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.0.3", ngImport: i0, type: XTypographyProperty, deps: null, target: i0.ɵɵFactoryTarget.Component });
-/** @nocollapse */ XTypographyProperty.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.0.3", type: XTypographyProperty, selector: "ng-component", inputs: { font: "font", text: "text" }, usesInheritance: true, ngImport: i0, template: '', isInline: true });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.0.3", ngImport: i0, type: XTypographyProperty, decorators: [{
+/** @nocollapse */ XTypographyProperty.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0, type: XTypographyProperty, deps: null, target: i0.ɵɵFactoryTarget.Component });
+/** @nocollapse */ XTypographyProperty.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.0.5", type: XTypographyProperty, selector: "ng-component", inputs: { font: "font", text: "text" }, usesInheritance: true, ngImport: i0, template: '', isInline: true });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0, type: XTypographyProperty, decorators: [{
             type: Component,
             args: [{ template: '' }]
         }], propDecorators: { font: [{
@@ -47,9 +47,9 @@ class XTypographyComponent extends XTypographyProperty {
             this.firstText = this.text.slice(0, 1);
     }
 }
-/** @nocollapse */ XTypographyComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.0.3", ngImport: i0, type: XTypographyComponent, deps: [{ token: i0.Renderer2 }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
-/** @nocollapse */ XTypographyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.0.3", type: XTypographyComponent, selector: "x-typography", usesInheritance: true, ngImport: i0, template: "<h4>{{ font }}</h4>\r\n<div class=\"x-typography-list\">\r\n  <div class=\"x-typography-item\">\r\n    <h1>{{ firstText }}</h1>\r\n    <p>\r\n      <span>\u5E38\u89C4</span>\r\n      <span class=\"x-typography-blod\">\u7C97\u4F53</span>\r\n    </p>\r\n  </div>\r\n  <div class=\"x-typography-item\">\r\n    <h1>Aa</h1>\r\n    <p>\r\n      <span>Regular</span>\r\n      <span class=\"x-typography-blod\">Bold</span>\r\n    </p>\r\n  </div>\r\n</div>\r\n<p>{{ text }}</p>\r\n<p>abcdefghijklmnopqrstuvwxyz</p>\r\n<p>ABCDEFGHIJKLMNOPQRSTUVWXYZ</p>\r\n<p>1234567890.:,;'\"(!?)+-*/=</p>\r\n", styles: [".x-typography{margin:0;padding:0;color:var(--x-text)}.x-typography h1,.x-typography h4,.x-typography p{margin:0;font-size:.875rem;line-height:1.5rem}.x-typography>h4{color:var(--x-text-300);font-weight:500}.x-typography-list{display:flex;margin:.5rem 0}.x-typography-item{display:flex;margin:.5rem 0 0 3rem}.x-typography-item:first-child{margin-left:0}.x-typography-item>h1{color:var(--x-text);font-size:3.75rem;font-weight:600}.x-typography-item>p{display:flex;flex-direction:column;padding:.75rem 0;margin-left:1.5rem}.x-typography-item>p>span{margin-top:.25rem}.x-typography-item>p>span:first-child{margin-top:0}.x-typography-blod{font-weight:600}"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.0.3", ngImport: i0, type: XTypographyComponent, decorators: [{
+/** @nocollapse */ XTypographyComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0, type: XTypographyComponent, deps: [{ token: i0.Renderer2 }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
+/** @nocollapse */ XTypographyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.0.5", type: XTypographyComponent, selector: "x-typography", usesInheritance: true, ngImport: i0, template: "<h4>{{ font }}</h4>\r\n<div class=\"x-typography-list\">\r\n  <div class=\"x-typography-item\">\r\n    <h1>{{ firstText }}</h1>\r\n    <p>\r\n      <span>\u5E38\u89C4</span>\r\n      <span class=\"x-typography-blod\">\u7C97\u4F53</span>\r\n    </p>\r\n  </div>\r\n  <div class=\"x-typography-item\">\r\n    <h1>Aa</h1>\r\n    <p>\r\n      <span>Regular</span>\r\n      <span class=\"x-typography-blod\">Bold</span>\r\n    </p>\r\n  </div>\r\n</div>\r\n<p>{{ text }}</p>\r\n<p>abcdefghijklmnopqrstuvwxyz</p>\r\n<p>ABCDEFGHIJKLMNOPQRSTUVWXYZ</p>\r\n<p>1234567890.:,;'\"(!?)+-*/=</p>\r\n", styles: [".x-typography{margin:0;padding:0;color:var(--x-text)}.x-typography h4,.x-typography h1,.x-typography p{margin:0;font-size:.875rem;line-height:1.5rem}.x-typography>h4{color:var(--x-text-300);font-weight:500}.x-typography-list{display:flex;margin:.5rem 0}.x-typography-item{display:flex;margin:.5rem 0 0 3rem}.x-typography-item:first-child{margin-left:0}.x-typography-item>h1{color:var(--x-text);font-size:3.75rem;font-weight:600}.x-typography-item>p{display:flex;flex-direction:column;padding:.75rem 0;margin-left:1.5rem}.x-typography-item>p>span{margin-top:.25rem}.x-typography-item>p>span:first-child{margin-top:0}.x-typography-blod{font-weight:600}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0, type: XTypographyComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'x-typography',
@@ -62,10 +62,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.0.3", ngImpor
 
 class XTypographyModule {
 }
-/** @nocollapse */ XTypographyModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.0.3", ngImport: i0, type: XTypographyModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-/** @nocollapse */ XTypographyModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.0.3", ngImport: i0, type: XTypographyModule, declarations: [XTypographyComponent, XTypographyProperty], imports: [CommonModule], exports: [XTypographyComponent] });
-/** @nocollapse */ XTypographyModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.0.3", ngImport: i0, type: XTypographyModule, imports: [[CommonModule]] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.0.3", ngImport: i0, type: XTypographyModule, decorators: [{
+/** @nocollapse */ XTypographyModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0, type: XTypographyModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+/** @nocollapse */ XTypographyModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0, type: XTypographyModule, declarations: [XTypographyComponent, XTypographyProperty], imports: [CommonModule], exports: [XTypographyComponent] });
+/** @nocollapse */ XTypographyModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0, type: XTypographyModule, imports: [[CommonModule]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0, type: XTypographyModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [XTypographyComponent, XTypographyProperty],

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

@@ -46,15 +46,15 @@ class XUploadProperty extends XControlValueAccessor {
         this.removeClick = new EventEmitter();
     }
 }
-/** @nocollapse */ XUploadProperty.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.0.3", ngImport: i0, type: XUploadProperty, deps: null, target: i0.ɵɵFactoryTarget.Component });
-/** @nocollapse */ XUploadProperty.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.0.3", type: XUploadProperty, selector: "ng-component", inputs: { text: "text", action: "action", accept: "accept", type: "type", imgCut: "imgCut", multiple: "multiple" }, outputs: { removeClick: "removeClick" }, usesInheritance: true, ngImport: i0, template: '', isInline: true });
+/** @nocollapse */ XUploadProperty.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0, type: XUploadProperty, deps: null, target: i0.ɵɵFactoryTarget.Component });
+/** @nocollapse */ XUploadProperty.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.0.5", type: XUploadProperty, selector: "ng-component", inputs: { text: "text", action: "action", accept: "accept", type: "type", imgCut: "imgCut", multiple: "multiple" }, outputs: { removeClick: "removeClick" }, usesInheritance: true, ngImport: i0, template: '', isInline: true });
 __decorate([
     XInputBoolean()
 ], XUploadProperty.prototype, "imgCut", void 0);
 __decorate([
     XInputBoolean()
 ], XUploadProperty.prototype, "multiple", void 0);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.0.3", ngImport: i0, type: XUploadProperty, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0, type: XUploadProperty, decorators: [{
             type: Component,
             args: [{ template: '' }]
         }], propDecorators: { text: [{
@@ -154,7 +154,7 @@ class XUploadPortalComponent {
             });
             fromEvent(this.doc.documentElement, 'mouseup')
                 .pipe(takeUntil(_unSub))
-                .subscribe((x) => {
+                .subscribe(() => {
                 this.cutType = '';
                 this.cdr.detectChanges();
                 _unSub.next();
@@ -248,9 +248,9 @@ class XUploadPortalComponent {
         };
     }
 }
-/** @nocollapse */ XUploadPortalComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.0.3", ngImport: i0, type: XUploadPortalComponent, deps: [{ token: i0.Renderer2 }, { token: i0.ChangeDetectorRef }, { token: DOCUMENT }], target: i0.ɵɵFactoryTarget.Component });
-/** @nocollapse */ XUploadPortalComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.0.3", type: XUploadPortalComponent, selector: "x-upload-portal", viewQueries: [{ propertyName: "imgRef", first: true, predicate: ["imgRef"], descendants: true }, { propertyName: "imgClipRef", first: true, predicate: ["imgClipRef"], descendants: true }, { propertyName: "boundaryRef", first: true, predicate: ["boundaryRef"], descendants: true }, { propertyName: "cutRef", first: true, predicate: ["cutRef"], descendants: true }], ngImport: i0, template: "<div class=\"x-upload-portal {{ cutType }}\" [class.x-upload-portal-ready]=\"ready\">\r\n  <div class=\"x-upload-portal-tools\">\r\n    <div class=\"x-upload-portal-title\">\r\n      <x-icon type=\"fto-image\"></x-icon>\r\n      <span>{{ file?.name }}</span>\r\n    </div>\r\n    <x-icon class=\"x-upload-portal-close\" type=\"fto-x\" (click)=\"closePortal()\"></x-icon>\r\n  </div>\r\n  <div class=\"x-upload-portal-img\">\r\n    <img #imgRef class=\"x-upload-portal-full-img\" [src]=\"file.url\" />\r\n    <div #boundaryRef class=\"x-upload-portal-boundary\">\r\n      <img #imgClipRef class=\"x-upload-portal-clip-img\" [src]=\"file.url\" />\r\n      <div #cutRef class=\"x-upload-portal-cut\">\r\n        <div class=\"x-upload-portal-cut-top-start\"></div>\r\n        <div class=\"x-upload-portal-cut-top\"></div>\r\n        <div class=\"x-upload-portal-cut-top-end\"></div>\r\n        <div class=\"x-upload-portal-cut-left\"></div>\r\n        <div class=\"x-upload-portal-cut-right\"></div>\r\n        <div class=\"x-upload-portal-cut-bottom-start\"></div>\r\n        <div class=\"x-upload-portal-cut-bottom\"></div>\r\n        <div class=\"x-upload-portal-cut-bottom-end\"></div>\r\n      </div>\r\n    </div>\r\n  </div>\r\n  <div class=\"x-upload-portal-bottom-tools\">\r\n    <x-icon class=\"x-upload-portal-close\" type=\"fto-check\" (click)=\"sure()\"></x-icon>\r\n  </div>\r\n</div>\r\n", styles: [".x-upload-portal,x-upload-portal{width:100%;height:100%}.x-upload-portal{margin:0;padding:0;display:flex;position:relative;flex-direction:column}.x-upload-portal-tools{justify-content:space-between}.x-upload-portal-bottom-tools,.x-upload-portal-tools{width:100%;height:3.25rem;display:flex;align-items:center;position:absolute;z-index:1;color:#fff}.x-upload-portal-bottom-tools{justify-content:center;bottom:0}.x-upload-portal-title{display:flex;align-items:center;margin:0 1rem}.x-upload-portal-title>x-icon{font-size:1.25rem}.x-upload-portal-title>span{margin-left:.5rem}.x-upload-portal-close{font-size:1.75rem;padding:0 1rem;color:#fffc;transition:color var(--x-animation-duration-base);cursor:pointer}.x-upload-portal-close:hover{color:#fff}.x-upload-portal-img{flex:1;width:100%;position:relative;overflow:auto}.x-upload-portal-full-img{max-width:85%;max-height:85%;width:auto;height:auto;position:absolute;left:50%;top:50%;transform:translate3d(-50%,-50%,0)}.x-upload-portal-clip-img{position:absolute}.x-upload-portal-ready .x-upload-portal-full-img{max-width:inherit;max-height:inherit}.x-upload-portal-boundary{width:0;height:0;left:50%;top:50%;transform:translate3d(-50%,-50%,0);position:relative;background-color:#00000080}.x-upload-portal-cut{width:0;height:0;border:.125rem var(--x-border-style) #fffc;display:flex;align-items:center;justify-content:center;position:relative;cursor:move}.x-upload-portal-cut-bottom,.x-upload-portal-cut-bottom-end,.x-upload-portal-cut-bottom-start,.x-upload-portal-cut-left,.x-upload-portal-cut-right,.x-upload-portal-cut-top,.x-upload-portal-cut-top-end,.x-upload-portal-cut-top-start{width:.825rem;height:.825rem;background:#fff;position:absolute;border:var(--x-border-width) var(--x-border-style) var(--x-border);border-radius:var(--x-border-radius)}.x-upload-portal-cut-top-start{top:-.4125rem;left:-.4125rem;cursor:se-resize}.x-upload-portal-cut-top{top:-.4125rem;cursor:s-resize}.x-upload-portal-cut-top-end{top:-.4125rem;right:-.4125rem;cursor:ne-resize}.x-upload-portal-cut-left{left:-.4125rem;cursor:w-resize}.x-upload-portal-cut-right{right:-.4125rem;cursor:w-resize}.x-upload-portal-cut-bottom-start{left:-.4125rem;bottom:-.4125rem;cursor:ne-resize}.x-upload-portal-cut-bottom{bottom:-.4125rem;cursor:s-resize}.x-upload-portal-cut-bottom-end{right:-.4125rem;bottom:-.4125rem;cursor:se-resize}.x-upload-portal-top-start{cursor:se-resize}.x-upload-portal-top{cursor:s-resize}.x-upload-portal-top-end{cursor:ne-resize}.x-upload-portal-left,.x-upload-portal-right{cursor:w-resize}.x-upload-portal-bottom-start{cursor:ne-resize}.x-upload-portal-bottom{cursor:s-resize}.x-upload-portal-bottom-end{cursor:se-resize}"], components: [{ type: i1.XIconComponent, selector: "x-icon" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.0.3", ngImport: i0, type: XUploadPortalComponent, decorators: [{
+/** @nocollapse */ XUploadPortalComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0, type: XUploadPortalComponent, deps: [{ token: i0.Renderer2 }, { token: i0.ChangeDetectorRef }, { token: DOCUMENT }], target: i0.ɵɵFactoryTarget.Component });
+/** @nocollapse */ XUploadPortalComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.0.5", type: XUploadPortalComponent, selector: "x-upload-portal", viewQueries: [{ propertyName: "imgRef", first: true, predicate: ["imgRef"], descendants: true }, { propertyName: "imgClipRef", first: true, predicate: ["imgClipRef"], descendants: true }, { propertyName: "boundaryRef", first: true, predicate: ["boundaryRef"], descendants: true }, { propertyName: "cutRef", first: true, predicate: ["cutRef"], descendants: true }], ngImport: i0, template: "<div class=\"x-upload-portal {{ cutType }}\" [class.x-upload-portal-ready]=\"ready\">\r\n  <div class=\"x-upload-portal-tools\">\r\n    <div class=\"x-upload-portal-title\">\r\n      <x-icon type=\"fto-image\"></x-icon>\r\n      <span>{{ file?.name }}</span>\r\n    </div>\r\n    <x-icon class=\"x-upload-portal-close\" type=\"fto-x\" (click)=\"closePortal()\"></x-icon>\r\n  </div>\r\n  <div class=\"x-upload-portal-img\">\r\n    <img #imgRef class=\"x-upload-portal-full-img\" [src]=\"file.url\" />\r\n    <div #boundaryRef class=\"x-upload-portal-boundary\">\r\n      <img #imgClipRef class=\"x-upload-portal-clip-img\" [src]=\"file.url\" />\r\n      <div #cutRef class=\"x-upload-portal-cut\">\r\n        <div class=\"x-upload-portal-cut-top-start\"></div>\r\n        <div class=\"x-upload-portal-cut-top\"></div>\r\n        <div class=\"x-upload-portal-cut-top-end\"></div>\r\n        <div class=\"x-upload-portal-cut-left\"></div>\r\n        <div class=\"x-upload-portal-cut-right\"></div>\r\n        <div class=\"x-upload-portal-cut-bottom-start\"></div>\r\n        <div class=\"x-upload-portal-cut-bottom\"></div>\r\n        <div class=\"x-upload-portal-cut-bottom-end\"></div>\r\n      </div>\r\n    </div>\r\n  </div>\r\n  <div class=\"x-upload-portal-bottom-tools\">\r\n    <x-icon class=\"x-upload-portal-close\" type=\"fto-check\" (click)=\"sure()\"></x-icon>\r\n  </div>\r\n</div>\r\n", styles: ["x-upload-portal{width:100%;height:100%}.x-upload-portal{margin:0;padding:0;display:flex;position:relative;width:100%;height:100%;flex-direction:column}.x-upload-portal-tools{width:100%;height:3.25rem;display:flex;align-items:center;justify-content:space-between;position:absolute;z-index:1;color:#fff}.x-upload-portal-bottom-tools{width:100%;height:3.25rem;position:absolute;display:flex;justify-content:center;align-items:center;z-index:1;color:#fff;bottom:0}.x-upload-portal-title{display:flex;align-items:center;margin:0 1rem}.x-upload-portal-title>x-icon{font-size:1.25rem}.x-upload-portal-title>span{margin-left:.5rem}.x-upload-portal-close{font-size:1.75rem;padding:0 1rem;color:#fffc;transition:color var(--x-animation-duration-base);cursor:pointer}.x-upload-portal-close:hover{color:#fff}.x-upload-portal-img{flex:1;width:100%;position:relative;overflow:auto}.x-upload-portal-full-img{max-width:85%;max-height:85%;width:auto;height:auto;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.x-upload-portal-clip-img{position:absolute}.x-upload-portal-ready .x-upload-portal-full-img{max-width:inherit;max-height:inherit}.x-upload-portal-boundary{width:0;height:0;left:50%;top:50%;transform:translate(-50%,-50%);position:relative;background-color:#00000080}.x-upload-portal-cut{width:0;height:0;border:.125rem var(--x-border-style) rgba(255,255,255,.8);display:flex;align-items:center;justify-content:center;position:relative;cursor:move}.x-upload-portal-cut-top-start,.x-upload-portal-cut-top,.x-upload-portal-cut-top-end,.x-upload-portal-cut-left,.x-upload-portal-cut-right,.x-upload-portal-cut-bottom-start,.x-upload-portal-cut-bottom,.x-upload-portal-cut-bottom-end{width:.825rem;height:.825rem;background:white;position:absolute;border:var(--x-border-width) var(--x-border-style) var(--x-border);border-radius:var(--x-border-radius)}.x-upload-portal-cut-top-start{top:-.4125rem;left:-.4125rem;cursor:se-resize}.x-upload-portal-cut-top{top:-.4125rem;cursor:s-resize}.x-upload-portal-cut-top-end{top:-.4125rem;right:-.4125rem;cursor:ne-resize}.x-upload-portal-cut-left{left:-.4125rem;cursor:w-resize}.x-upload-portal-cut-right{right:-.4125rem;cursor:w-resize}.x-upload-portal-cut-bottom-start{left:-.4125rem;bottom:-.4125rem;cursor:ne-resize}.x-upload-portal-cut-bottom{bottom:-.4125rem;cursor:s-resize}.x-upload-portal-cut-bottom-end{right:-.4125rem;bottom:-.4125rem;cursor:se-resize}.x-upload-portal-top-start{cursor:se-resize}.x-upload-portal-top{cursor:s-resize}.x-upload-portal-top-end{cursor:ne-resize}.x-upload-portal-left{cursor:w-resize}.x-upload-portal-right{cursor:w-resize}.x-upload-portal-bottom-start{cursor:ne-resize}.x-upload-portal-bottom{cursor:s-resize}.x-upload-portal-bottom-end{cursor:se-resize}\n"], components: [{ type: i1.XIconComponent, selector: "x-icon" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0, type: XUploadPortalComponent, decorators: [{
             type: Component,
             args: [{
                     selector: `${XUploadPortalPrefix}`,
@@ -418,7 +418,7 @@ class XUploadComponent extends XUploadProperty {
         }
         return;
     }
-    trackByItem(index, item) {
+    trackByItem(_index, item) {
         return `${item.name}-${item.lastModified}`;
     }
     onImgCut(file, index) {
@@ -469,16 +469,17 @@ class XUploadComponent extends XUploadProperty {
     }
     imgError(event, file) {
         file.state = 'error';
+        console.error(event.error);
         this.cdr.detectChanges();
     }
-    imgLoad(event, file) {
+    imgLoad(file) {
         file.state = 'success';
         this.cdr.detectChanges();
     }
 }
-/** @nocollapse */ XUploadComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.0.3", ngImport: i0, type: XUploadComponent, deps: [{ token: i0.Renderer2 }, { token: i0.ElementRef }, { token: i1$1.HttpClient }, { token: i0.ChangeDetectorRef }, { token: i2.XPortalService }, { token: i0.ViewContainerRef }, { token: i3.XI18nService }], target: i0.ɵɵFactoryTarget.Component });
-/** @nocollapse */ XUploadComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.0.3", type: XUploadComponent, selector: "x-upload", providers: [XValueAccessor(XUploadComponent)], viewQueries: [{ propertyName: "file", first: true, predicate: ["file"], descendants: true, static: true }], usesInheritance: true, ngImport: i0, template: "<div #upload class=\"x-upload x-upload-{{ type }}\" [class.x-disabled]=\"disabled\">\r\n  <input type=\"file\" #file (change)=\"change($event)\" [attr.accept]=\"accept\" [multiple]=\"multiple\" style=\"display: none\" />\r\n  <div class=\"x-upload-buttons\" [class.x-upload-buttons-template]=\"isTemplateText\" (click)=\"uploadClick()\">\r\n    <ng-container *xOutlet=\"getText\">\r\n      <x-button icon=\"fto-upload\" [disabled]=\"disabled\" type=\"primary\">{{ getText }}</x-button>\r\n    </ng-container>\r\n  </div>\r\n  <ng-container [ngSwitch]=\"type\">\r\n    <ng-container *ngSwitchCase=\"'list'\">\r\n      <ul class=\"x-upload-files\">\r\n        <li *ngFor=\"let file of files; index as i; trackBy: trackByItem\">\r\n          <a [href]=\"file.url\" target=\"_blank\" [title]=\"file.name\">\r\n            <x-icon type=\"fto-file-text\"></x-icon>\r\n            <span class=\"x-upload-filename\">{{ file.name }}</span>\r\n          </a>\r\n          <ng-container [ngSwitch]=\"file.state\">\r\n            <x-icon class=\"x-upload-state\" *ngSwitchCase=\"'ready'\" type=\"fto-clock\"></x-icon>\r\n            <span class=\"x-upload-percent\" *ngSwitchCase=\"'uploading'\">{{ file.percent }}%</span>\r\n            <x-icon class=\"x-upload-state success\" *ngSwitchCase=\"'success'\" type=\"fto-check\"></x-icon>\r\n            <x-icon class=\"x-upload-state error\" *ngSwitchCase=\"'error'\" type=\"fto-info\"></x-icon>\r\n          </ng-container>\r\n          <x-button *ngIf=\"file.state !== 'uploading'\" icon=\"fto-x\" (click)=\"remove(file, i)\" onlyIcon closable></x-button>\r\n        </li>\r\n      </ul>\r\n    </ng-container>\r\n    <ng-container *ngSwitchCase=\"'img'\">\r\n      <div class=\"x-upload-img-item {{ file.state }}\" *ngFor=\"let file of files; index as i; trackBy: trackByItem\" [title]=\"file.name\">\r\n        <div class=\"x-upload-img-inner\">\r\n          <img [src]=\"file.url\" (load)=\"imgLoad($event, file)\" (error)=\"imgError($event, file)\" />\r\n          <x-icon type=\"fto-image\"></x-icon>\r\n          <span *ngIf=\"file.state == 'uploading'\">{{ file.percent }}%</span>\r\n        </div>\r\n        <div class=\"x-upload-img-btns\">\r\n          <div class=\"x-upload-img-btns-inner\">\r\n            <ng-container [ngSwitch]=\"file.state\">\r\n              <x-icon class=\"x-upload-state\" *ngSwitchCase=\"'ready'\" type=\"fto-clock\"></x-icon>\r\n              <x-icon class=\"x-upload-state error\" *ngSwitchCase=\"'error'\" type=\"fto-info\"></x-icon>\r\n              <a [href]=\"file.url\" target=\"_blank\" *ngSwitchCase=\"'success'\">\r\n                <x-icon type=\"fto-eye\"></x-icon>\r\n              </a>\r\n            </ng-container>\r\n            <x-icon *ngIf=\"imgCut && file.state === 'success'\" type=\"fto-crop\" (click)=\"onImgCut(file, i)\"></x-icon>\r\n            <x-icon *ngIf=\"file.state !== 'uploading'\" type=\"fto-trash-2\" (click)=\"remove(file, i)\"></x-icon>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </ng-container>\r\n  </ng-container>\r\n</div>\r\n", styles: [".x-upload{margin:0;padding:0;color:var(--x-text);font-size:var(--x-font-size)}.x-upload-buttons{display:inline-flex}.x-upload-buttons>.x-button:not(:first-child){margin-left:.4rem}.x-upload-buttons-template{cursor:pointer}.x-upload-files{margin-top:.4rem}.x-upload-files>li{padding:0 .2rem;height:calc(var(--x-font-size) + .6rem);line-height:calc(var(--x-font-size) + .6rem);display:flex;align-items:center;overflow:hidden;cursor:pointer;border-radius:var(--x-border-radius)}.x-upload-files>li .x-icon{color:var(--x-text-400);font-size:1rem}.x-upload-files>li .x-icon.x-upload-state.success{color:var(--x-success)}.x-upload-files>li .x-icon.x-upload-state.error{color:var(--x-danger)}.x-upload-files>li a{flex:1;display:flex;align-items:center;height:calc(var(--x-font-size) + .6rem);line-height:calc(var(--x-font-size) + .6rem);color:inherit;text-decoration:none;overflow:hidden}.x-upload-files>li span.x-upload-filename{margin-left:.2rem;flex:1;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.x-upload-files>li span.x-upload-percent{color:var(--x-text-400)}.x-upload-files>li>.x-button{display:none;padding:0}.x-upload-files>li:not(:first-child){margin-top:.2rem}.x-upload-files>li:hover{color:var(--x-primary);background-color:var(--x-background)}.x-upload-files>li:hover>.x-button{display:inline-block}.x-upload-files>li:hover>.x-upload-state{display:none}.x-upload-img{display:flex;flex-wrap:wrap}.x-upload-img .x-upload-buttons-template{display:inline-flex;align-items:center;justify-content:center;flex-direction:column;width:6.25rem;height:6.25rem;margin-right:.5rem;margin-bottom:.5rem;border:var(--x-border-width) dashed var(--x-border);background:var(--x-background);border-radius:var(--x-border-radius);transition:border-color var(--x-animation-duration-base)}.x-upload-img .x-upload-buttons-template:hover{border-color:var(--x-primary)}.x-upload-img-item{height:6.25rem;width:6.25rem;padding:.325rem;border:var(--x-border-width) var(--x-border-style) var(--x-border);border-radius:var(--x-border-radius);transition:border-color var(--x-animation-duration-base);margin-right:.5rem;margin-bottom:.5rem;position:relative;display:flex;align-items:center;justify-content:center}.x-upload-img-item .x-upload-img-inner{height:100%;width:100%;overflow:hidden;display:flex;align-items:center;justify-content:center;flex-direction:column}.x-upload-img-item .x-upload-img-inner>img{width:100%;border-radius:var(--x-border-radius)}.x-upload-img-item .x-upload-img-inner>x-icon{display:none;font-size:3rem;color:var(--x-danger)}.x-upload-img-item.error{border-color:var(--x-danger)}.x-upload-img-item.error .x-upload-img-inner>img{display:none}.x-upload-img-item.error .x-upload-img-inner>x-icon{display:inherit}.x-upload-img-item:hover .x-upload-img-btns{background-color:#00000073}.x-upload-img-item:hover .x-upload-img-btns-inner{display:initial}.x-upload-img-btns{position:absolute;height:100%;width:100%;display:flex;align-items:center;justify-content:center;border-radius:var(--x-border-radius);background-color:#0000;transition:all var(--x-animation-duration-base)}.x-upload-img-btns x-icon{cursor:pointer;font-size:1rem;padding:.25rem;color:#ffffffb3}.x-upload-img-btns x-icon:hover{color:#fff}.x-upload-img-btns-inner{display:none}"], components: [{ type: i4.XButtonComponent, selector: "x-button" }, { type: i1.XIconComponent, selector: "x-icon" }], directives: [{ type: i6.XOutletDirective, selector: "[xOutlet]", inputs: ["xOutletContext", "xOutlet"] }, { type: i7.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { type: i7.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { type: i7.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i7.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.0.3", ngImport: i0, type: XUploadComponent, decorators: [{
+/** @nocollapse */ XUploadComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0, type: XUploadComponent, deps: [{ token: i0.Renderer2 }, { token: i0.ElementRef }, { token: i1$1.HttpClient }, { token: i0.ChangeDetectorRef }, { token: i2.XPortalService }, { token: i0.ViewContainerRef }, { token: i3.XI18nService }], target: i0.ɵɵFactoryTarget.Component });
+/** @nocollapse */ XUploadComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.0.5", type: XUploadComponent, selector: "x-upload", providers: [XValueAccessor(XUploadComponent)], viewQueries: [{ propertyName: "file", first: true, predicate: ["file"], descendants: true, static: true }], usesInheritance: true, ngImport: i0, template: "<div #upload class=\"x-upload x-upload-{{ type }}\" [class.x-disabled]=\"disabled\">\r\n  <input type=\"file\" #file (change)=\"change($event)\" [attr.accept]=\"accept\" [multiple]=\"multiple\" style=\"display: none\" />\r\n  <div class=\"x-upload-buttons\" [class.x-upload-buttons-template]=\"isTemplateText\" (click)=\"uploadClick()\">\r\n    <ng-container *xOutlet=\"getText\">\r\n      <x-button icon=\"fto-upload\" [disabled]=\"disabled\" type=\"primary\">{{ getText }}</x-button>\r\n    </ng-container>\r\n  </div>\r\n  <ng-container [ngSwitch]=\"type\">\r\n    <ng-container *ngSwitchCase=\"'list'\">\r\n      <ul class=\"x-upload-files\">\r\n        <li *ngFor=\"let file of files; index as i; trackBy: trackByItem\">\r\n          <a [href]=\"file.url\" target=\"_blank\" [title]=\"file.name\">\r\n            <x-icon type=\"fto-file-text\"></x-icon>\r\n            <span class=\"x-upload-filename\">{{ file.name }}</span>\r\n          </a>\r\n          <ng-container [ngSwitch]=\"file.state\">\r\n            <x-icon class=\"x-upload-state\" *ngSwitchCase=\"'ready'\" type=\"fto-clock\"></x-icon>\r\n            <span class=\"x-upload-percent\" *ngSwitchCase=\"'uploading'\">{{ file.percent }}%</span>\r\n            <x-icon class=\"x-upload-state success\" *ngSwitchCase=\"'success'\" type=\"fto-check\"></x-icon>\r\n            <x-icon class=\"x-upload-state error\" *ngSwitchCase=\"'error'\" type=\"fto-info\"></x-icon>\r\n          </ng-container>\r\n          <x-button *ngIf=\"file.state !== 'uploading'\" icon=\"fto-x\" (click)=\"remove(file, i)\" onlyIcon closable></x-button>\r\n        </li>\r\n      </ul>\r\n    </ng-container>\r\n    <ng-container *ngSwitchCase=\"'img'\">\r\n      <div class=\"x-upload-img-item {{ file.state }}\" *ngFor=\"let file of files; index as i; trackBy: trackByItem\" [title]=\"file.name\">\r\n        <div class=\"x-upload-img-inner\">\r\n          <img [src]=\"file.url\" (load)=\"imgLoad(file)\" (error)=\"imgError($event, file)\" />\r\n          <x-icon type=\"fto-image\"></x-icon>\r\n          <span *ngIf=\"file.state == 'uploading'\">{{ file.percent }}%</span>\r\n        </div>\r\n        <div class=\"x-upload-img-btns\">\r\n          <div class=\"x-upload-img-btns-inner\">\r\n            <ng-container [ngSwitch]=\"file.state\">\r\n              <x-icon class=\"x-upload-state\" *ngSwitchCase=\"'ready'\" type=\"fto-clock\"></x-icon>\r\n              <x-icon class=\"x-upload-state error\" *ngSwitchCase=\"'error'\" type=\"fto-info\"></x-icon>\r\n              <a [href]=\"file.url\" target=\"_blank\" *ngSwitchCase=\"'success'\">\r\n                <x-icon type=\"fto-eye\"></x-icon>\r\n              </a>\r\n            </ng-container>\r\n            <x-icon *ngIf=\"imgCut && file.state === 'success'\" type=\"fto-crop\" (click)=\"onImgCut(file, i)\"></x-icon>\r\n            <x-icon *ngIf=\"file.state !== 'uploading'\" type=\"fto-trash-2\" (click)=\"remove(file, i)\"></x-icon>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </ng-container>\r\n  </ng-container>\r\n</div>\r\n", styles: [".x-upload{margin:0;padding:0;color:var(--x-text);font-size:var(--x-font-size)}.x-upload-buttons{display:inline-flex}.x-upload-buttons>.x-button:not(:first-child){margin-left:.4rem}.x-upload-buttons-template{cursor:pointer}.x-upload-files{margin-top:.4rem}.x-upload-files>li{padding:0 .2rem;height:calc(var(--x-font-size) + .6rem);line-height:calc(var(--x-font-size) + .6rem);display:flex;align-items:center;overflow:hidden;cursor:pointer;border-radius:var(--x-border-radius)}.x-upload-files>li .x-icon{color:var(--x-text-400);font-size:1rem}.x-upload-files>li .x-icon.x-upload-state.success{color:var(--x-success)}.x-upload-files>li .x-icon.x-upload-state.error{color:var(--x-danger)}.x-upload-files>li a{flex:1;display:flex;align-items:center;height:calc(var(--x-font-size) + .6rem);line-height:calc(var(--x-font-size) + .6rem);color:inherit;text-decoration:none;overflow:hidden}.x-upload-files>li span.x-upload-filename{margin-left:.2rem;flex:1;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.x-upload-files>li span.x-upload-percent{color:var(--x-text-400)}.x-upload-files>li>.x-button{display:none;padding:0}.x-upload-files>li:not(:first-child){margin-top:.2rem}.x-upload-files>li:hover{color:var(--x-primary);background-color:var(--x-background)}.x-upload-files>li:hover>.x-button{display:inline-block}.x-upload-files>li:hover>.x-upload-state{display:none}.x-upload-img{display:flex;flex-wrap:wrap}.x-upload-img .x-upload-buttons-template{display:inline-flex;align-items:center;justify-content:center;flex-direction:column;width:6.25rem;height:6.25rem;margin-right:.5rem;margin-bottom:.5rem;border:var(--x-border-width) dashed var(--x-border);background:var(--x-background);border-radius:var(--x-border-radius);transition:border-color var(--x-animation-duration-base)}.x-upload-img .x-upload-buttons-template:hover{border-color:var(--x-primary)}.x-upload-img-item{height:6.25rem;width:6.25rem;padding:.325rem;border:var(--x-border-width) var(--x-border-style) var(--x-border);border-radius:var(--x-border-radius);transition:border-color var(--x-animation-duration-base);margin-right:.5rem;margin-bottom:.5rem;position:relative;display:flex;align-items:center;justify-content:center}.x-upload-img-item .x-upload-img-inner{height:100%;width:100%;overflow:hidden;display:flex;align-items:center;justify-content:center;flex-direction:column}.x-upload-img-item .x-upload-img-inner>img{width:100%;border-radius:var(--x-border-radius)}.x-upload-img-item .x-upload-img-inner>x-icon{display:none;font-size:3rem;color:var(--x-danger)}.x-upload-img-item.error{border-color:var(--x-danger)}.x-upload-img-item.error .x-upload-img-inner>img{display:none}.x-upload-img-item.error .x-upload-img-inner>x-icon{display:inherit}.x-upload-img-item:hover .x-upload-img-btns{background-color:#00000073}.x-upload-img-item:hover .x-upload-img-btns-inner{display:initial}.x-upload-img-btns{position:absolute;height:100%;width:100%;display:flex;align-items:center;justify-content:center;border-radius:var(--x-border-radius);background-color:#0000;transition:all var(--x-animation-duration-base)}.x-upload-img-btns x-icon{cursor:pointer;font-size:1rem;padding:.25rem;color:#ffffffb3}.x-upload-img-btns x-icon:hover{color:#fff}.x-upload-img-btns-inner{display:none}\n"], components: [{ type: i4.XButtonComponent, selector: "x-button" }, { type: i1.XIconComponent, selector: "x-icon" }], directives: [{ type: i6.XOutletDirective, selector: "[xOutlet]", inputs: ["xOutletContext", "xOutlet"] }, { type: i7.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { type: i7.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { type: i7.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i7.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0, type: XUploadComponent, decorators: [{
             type: Component,
             args: [{
                     selector: `${XUploadPrefix}`,
@@ -495,8 +496,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.0.3", ngImpor
 
 class XUploadModule {
 }
-/** @nocollapse */ XUploadModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.0.3", ngImport: i0, type: XUploadModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-/** @nocollapse */ XUploadModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.0.3", ngImport: i0, type: XUploadModule, declarations: [XUploadComponent, XUploadPortalComponent, XUploadProperty], imports: [CommonModule,
+/** @nocollapse */ XUploadModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0, type: XUploadModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+/** @nocollapse */ XUploadModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0, type: XUploadModule, declarations: [XUploadComponent, XUploadPortalComponent, XUploadProperty], imports: [CommonModule,
         FormsModule,
         DragDropModule,
         XPortalModule,
@@ -505,7 +506,7 @@ class XUploadModule {
         XIconModule,
         XI18nModule,
         XBaseFormModule], exports: [XUploadComponent] });
-/** @nocollapse */ XUploadModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.0.3", ngImport: i0, type: XUploadModule, imports: [[
+/** @nocollapse */ XUploadModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0, type: XUploadModule, imports: [[
             CommonModule,
             FormsModule,
             DragDropModule,
@@ -516,7 +517,7 @@ class XUploadModule {
             XI18nModule,
             XBaseFormModule
         ]] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.0.3", ngImport: i0, type: XUploadModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0, type: XUploadModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [XUploadComponent, XUploadPortalComponent, XUploadProperty],