@ng-nest/ui 12.0.8 → 13.0.2

package/fesm2020/ng-nest-ui-tree.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ng-nest-ui-tree.mjs","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/fesm2020/ng-nest-ui-typography.mjs

@@ -0,0 +1,76 @@
+import * as i0 from '@angular/core';
+import { Component, Input, ViewEncapsulation, ChangeDetectionStrategy, NgModule } from '@angular/core';
+import { XProperty } from '@ng-nest/ui/core';
+import { CommonModule } from '@angular/common';
+
+/**
+ * Typography
+ * @selector x-typography
+ * @decorator component
+ */
+const XTypographyPrefix = 'x-typography';
+/**
+ * Typography Property
+ */
+class XTypographyProperty extends XProperty {
+    constructor() {
+        super(...arguments);
+        /**
+         * @zh_CN 字体
+         * @en_US Font
+         */
+        this.font = 'Helvetica Neue,Helvetica,PingFang SC,Hiragino Sans GB,Microsoft YaHei,SimSun,sans-serif';
+    }
+}
+/** @nocollapse */ /** @nocollapse */ XTypographyProperty.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: XTypographyProperty, deps: null, target: i0.ɵɵFactoryTarget.Component });
+/** @nocollapse */ /** @nocollapse */ XTypographyProperty.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.0.2", type: XTypographyProperty, selector: "ng-component", inputs: { font: "font", text: "text" }, usesInheritance: true, ngImport: i0, template: '', isInline: true });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: XTypographyProperty, decorators: [{
+            type: Component,
+            args: [{ template: '' }]
+        }], propDecorators: { font: [{
+                type: Input
+            }], text: [{
+                type: Input
+            }] } });
+
+class XTypographyComponent extends XTypographyProperty {
+    constructor(renderer, elementRef) {
+        super();
+        this.renderer = renderer;
+        this.elementRef = elementRef;
+        this.renderer.addClass(this.elementRef.nativeElement, XTypographyPrefix);
+    }
+    ngOnInit() {
+        if (this.font)
+            this.renderer.setStyle(this.elementRef.nativeElement, 'font-family', this.font);
+        if (this.text && this.text.length > 0)
+            this.firstText = this.text.slice(0, 1);
+    }
+}
+/** @nocollapse */ /** @nocollapse */ XTypographyComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: XTypographyComponent, deps: [{ token: i0.Renderer2 }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
+/** @nocollapse */ /** @nocollapse */ XTypographyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.0.2", 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: "13.0.2", ngImport: i0, type: XTypographyComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'x-typography', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, 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"] }]
+        }], ctorParameters: function () { return [{ type: i0.Renderer2 }, { type: i0.ElementRef }]; } });
+
+class XTypographyModule {
+}
+/** @nocollapse */ /** @nocollapse */ XTypographyModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: XTypographyModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+/** @nocollapse */ /** @nocollapse */ XTypographyModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: XTypographyModule, declarations: [XTypographyComponent, XTypographyProperty], imports: [CommonModule], exports: [XTypographyComponent] });
+/** @nocollapse */ /** @nocollapse */ XTypographyModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: XTypographyModule, imports: [[CommonModule]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: XTypographyModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [XTypographyComponent, XTypographyProperty],
+                    exports: [XTypographyComponent],
+                    imports: [CommonModule]
+                }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { XTypographyComponent, XTypographyModule, XTypographyPrefix, XTypographyProperty };
+//# sourceMappingURL=ng-nest-ui-typography.mjs.map

package/fesm2020/ng-nest-ui-typography.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ng-nest-ui-typography.mjs","sources":["../../../../lib/ng-nest/ui/typography/typography.property.ts","../../../../lib/ng-nest/ui/typography/typography.component.ts","../../../../lib/ng-nest/ui/typography/typography.component.html","../../../../lib/ng-nest/ui/typography/typography.module.ts","../../../../lib/ng-nest/ui/typography/ng-nest-ui-typography.ts"],"sourcesContent":["import { XProperty } from '@ng-nest/ui/core';\r\nimport { Input, Component } from '@angular/core';\r\n\r\n/**\r\n * Typography\r\n * @selector x-typography\r\n * @decorator component\r\n */\r\nexport const XTypographyPrefix = 'x-typography';\r\n\r\n/**\r\n * Typography Property\r\n */\r\n@Component({ template: '' })\r\nexport class XTypographyProperty extends XProperty {\r\n  /**\r\n   * @zh_CN 字体\r\n   * @en_US Font\r\n   */\r\n  @Input() font: string = 'Helvetica Neue,Helvetica,PingFang SC,Hiragino Sans GB,Microsoft YaHei,SimSun,sans-serif';\r\n  /**\r\n   * @zh_CN 显示文字\r\n   * @en_US Display text\r\n   */\r\n  @Input() text?: string;\r\n}\r\n","import { Component, OnInit, ViewEncapsulation, ChangeDetectionStrategy, Renderer2, ElementRef } from '@angular/core';\r\nimport { XTypographyPrefix, XTypographyProperty } from './typography.property';\r\n\r\n@Component({\r\n  selector: 'x-typography',\r\n  templateUrl: './typography.component.html',\r\n  styleUrls: ['./style/index.scss'],\r\n  encapsulation: ViewEncapsulation.None,\r\n  changeDetection: ChangeDetectionStrategy.OnPush\r\n})\r\nexport class XTypographyComponent extends XTypographyProperty implements OnInit {\r\n  firstText!: string;\r\n\r\n  constructor(private renderer: Renderer2, private elementRef: ElementRef) {\r\n    super();\r\n    this.renderer.addClass(this.elementRef.nativeElement, XTypographyPrefix);\r\n  }\r\n\r\n  ngOnInit() {\r\n    if (this.font) this.renderer.setStyle(this.elementRef.nativeElement, 'font-family', this.font);\r\n    if (this.text && this.text.length > 0) this.firstText = this.text.slice(0, 1);\r\n  }\r\n}\r\n","<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>常规</span>\r\n      <span class=\"x-typography-blod\">粗体</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","import { NgModule } from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\r\nimport { XTypographyComponent } from './typography.component';\r\nimport { XTypographyProperty } from './typography.property';\r\n\r\n@NgModule({\r\n  declarations: [XTypographyComponent, XTypographyProperty],\r\n  exports: [XTypographyComponent],\r\n  imports: [CommonModule]\r\n})\r\nexport class XTypographyModule {}\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;;AAGA;;;;;MAKa,iBAAiB,GAAG,eAAe;AAEhD;;;MAIa,mBAAoB,SAAQ,SAAS;IADlD;;;;;;QAMW,SAAI,GAAW,yFAAyF,CAAC;KAMnH;;sJAXY,mBAAmB;0IAAnB,mBAAmB,mHADT,EAAE;2FACZ,mBAAmB;kBAD/B,SAAS;mBAAC,EAAE,QAAQ,EAAE,EAAE,EAAE;8BAMhB,IAAI;sBAAZ,KAAK;gBAKG,IAAI;sBAAZ,KAAK;;;MCdK,oBAAqB,SAAQ,mBAAmB;IAG3D,YAAoB,QAAmB,EAAU,UAAsB;QACrE,KAAK,EAAE,CAAC;QADU,aAAQ,GAAR,QAAQ,CAAW;QAAU,eAAU,GAAV,UAAU,CAAY;QAErE,IAAI,CAAC,QAAQ,CAAC,QAAQ,CAAC,IAAI,CAAC,UAAU,CAAC,aAAa,EAAE,iBAAiB,CAAC,CAAC;KAC1E;IAED,QAAQ;QACN,IAAI,IAAI,CAAC,IAAI;YAAE,IAAI,CAAC,QAAQ,CAAC,QAAQ,CAAC,IAAI,CAAC,UAAU,CAAC,aAAa,EAAE,aAAa,EAAE,IAAI,CAAC,IAAI,CAAC,CAAC;QAC/F,IAAI,IAAI,CAAC,IAAI,IAAI,IAAI,CAAC,IAAI,CAAC,MAAM,GAAG,CAAC;YAAE,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;KAC/E;;uJAXU,oBAAoB;2IAApB,oBAAoB,2ECVjC,0kBAqBA;2FDXa,oBAAoB;kBAPhC,SAAS;+BACE,cAAc,iBAGT,iBAAiB,CAAC,IAAI,mBACpB,uBAAuB,CAAC,MAAM;;;MEEpC,iBAAiB;;oJAAjB,iBAAiB;qJAAjB,iBAAiB,iBAJb,oBAAoB,EAAE,mBAAmB,aAE9C,YAAY,aADZ,oBAAoB;qJAGnB,iBAAiB,YAFnB,CAAC,YAAY,CAAC;2FAEZ,iBAAiB;kBAL7B,QAAQ;mBAAC;oBACR,YAAY,EAAE,CAAC,oBAAoB,EAAE,mBAAmB,CAAC;oBACzD,OAAO,EAAE,CAAC,oBAAoB,CAAC;oBAC/B,OAAO,EAAE,CAAC,YAAY,CAAC;iBACxB;;;ACTD;;;;;;"}