@ng-nest/ui 14.0.3 → 14.0.6

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

@@ -1 +1 @@
-{"version":3,"file":"ng-nest-ui-timeline.mjs","sources":["../../../../lib/ng-nest/ui/timeline/timeline.property.ts","../../../../lib/ng-nest/ui/timeline/timeline.component.ts","../../../../lib/ng-nest/ui/timeline/timeline.component.html","../../../../lib/ng-nest/ui/timeline/timeline.module.ts","../../../../lib/ng-nest/ui/timeline/ng-nest-ui-timeline.ts"],"sourcesContent":["import { XType, XSize, XData, XTemplate, XProperty, XIdentityProperty, XDataConvert, XWithConfig, XDate } from '@ng-nest/ui/core';\r\nimport { Input, Component } from '@angular/core';\r\n\r\n/**\r\n * Timeline\r\n * @selector x-timeline\r\n * @decorator component\r\n */\r\nexport const XTimelinePrefix = 'x-timeline';\r\nconst X_CONFIG_NAME = 'timeline';\r\n\r\n/**\r\n * Timeline Property\r\n */\r\n@Component({ template: '' })\r\nexport class XTimelineProperty extends XProperty {\r\n  /**\r\n   * @zh_CN 数据\r\n   * @en_US Date\r\n   */\r\n  @Input() @XDataConvert() data: XData<XTimelineNode> = [];\r\n  /**\r\n   * @zh_CN 类型\r\n   * @en_US Type\r\n   */\r\n  @Input() type?: XType;\r\n  /**\r\n   * @zh_CN 尺寸\r\n   * @en_US Size\r\n   */\r\n  @Input() @XWithConfig<XSize>(X_CONFIG_NAME, 'medium') size?: XSize;\r\n  /**\r\n   * @zh_CN 内容模板\r\n   * @en_US Content template\r\n   */\r\n  @Input() wrapper?: XTemplate;\r\n}\r\n\r\n/**\r\n * @zh_CN Timeline 数据对象\r\n * @en_US Timeline node data\r\n */\r\nexport interface XTimelineNode extends XIdentityProperty {\r\n  /**\r\n   * @zh_CN 时间\r\n   * @en_US Time\r\n   */\r\n  time?: XDate;\r\n  /**\r\n   * @zh_CN 内容\r\n   * @en_US Content\r\n   */\r\n  content?: string;\r\n  /**\r\n   * @zh_CN 尺寸\r\n   * @en_US Size\r\n   */\r\n  size?: XSize;\r\n  /**\r\n   * @zh_CN 类型\r\n   * @en_US Type\r\n   */\r\n  type?: XType;\r\n  /**\r\n   * @zh_CN 图标\r\n   * @en_US Icon\r\n   */\r\n  icon?: string;\r\n  /**\r\n   * @zh_CN 颜色\r\n   * @en_US Color\r\n   */\r\n  color?: string;\r\n  /**\r\n   * @zh_CN 加载中\r\n   * @en_US Loading\r\n   */\r\n  loading?: boolean;\r\n  /**\r\n   * @zh_CN 连接线显示虚线，针对下一个节点，下一个节点为 loading 状态也会显示虚线\r\n   * @en_US The connecting line displays a dotted line. For the next node, the dotted line will also be displayed when the next node is in loading status\r\n   */\r\n  dashed?: boolean;\r\n  /**\r\n   * @zh_CN 其它自定义属性\r\n   * @en_US Other property\r\n   */\r\n  [property: string]: any;\r\n}\r\n","import {\r\n  Component,\r\n  OnInit,\r\n  ViewEncapsulation,\r\n  Renderer2,\r\n  ElementRef,\r\n  ChangeDetectorRef,\r\n  ChangeDetectionStrategy,\r\n  SimpleChanges,\r\n  OnChanges\r\n} from '@angular/core';\r\nimport { XTimelinePrefix, XTimelineNode, XTimelineProperty } from './timeline.property';\r\nimport { XIsChange, XSetData, XConfigService } from '@ng-nest/ui/core';\r\nimport { Subject } from 'rxjs';\r\n\r\n@Component({\r\n  selector: `${XTimelinePrefix}`,\r\n  templateUrl: './timeline.component.html',\r\n  styleUrls: ['./timeline.component.scss'],\r\n  encapsulation: ViewEncapsulation.None,\r\n  changeDetection: ChangeDetectionStrategy.OnPush\r\n})\r\nexport class XTimelineComponent extends XTimelineProperty implements OnInit, OnChanges {\r\n  nodes: XTimelineNode[] = [];\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  ngOnInit() {}\r\n\r\n  ngOnChanges(changes: SimpleChanges): void {\r\n    const { data } = changes;\r\n    XIsChange(data) && this.setData();\r\n  }\r\n\r\n  ngOnDestroy(): void {\r\n    this._unSubject.next();\r\n    this._unSubject.unsubscribe();\r\n  }\r\n\r\n  trackByNode(_index: number, item: XTimelineNode) {\r\n    return item.id;\r\n  }\r\n\r\n  private setData() {\r\n    XSetData<XTimelineNode>(this.data, this._unSubject).subscribe((x) => {\r\n      this.setDashed(x);\r\n      this.nodes = x;\r\n      this.cdr.detectChanges();\r\n    });\r\n  }\r\n\r\n  private setDashed(nodes: XTimelineNode[]) {\r\n    const len = nodes.length;\r\n    if (len <= 1) return;\r\n    for (let i = 0; i < nodes.length; i++) {\r\n      let node = nodes[i];\r\n      if (!node.loading) continue;\r\n      if (i === 0) {\r\n        node.dashed = true;\r\n      } else if (i > 0) {\r\n        nodes[i - 1].dashed = true;\r\n      }\r\n    }\r\n  }\r\n}\r\n","<div #timeline class=\"x-timeline\" [ngClass]=\"classMap\">\r\n  <ul>\r\n    <li *ngFor=\"let node of nodes; trackBy: trackByNode\" [class.x-timeline-loading]=\"node.loading\">\r\n      <div class=\"x-timeline-tail\" [class.x-timeline-tail-dashed]=\"node.dashed\"></div>\r\n      <div\r\n        class=\"x-timeline-icon {{ node.type ? 'x-timeline-' + node.type : '' }} {{ node.size ? 'x-timeline-' + node.size : '' }}\"\r\n        [style.background-color]=\"node.color\"\r\n      >\r\n        <x-icon *ngIf=\"node.icon && !node.loading\" [type]=\"node.icon\"></x-icon>\r\n        <x-icon *ngIf=\"node.loading\" type=\"fto-loader\" [spin]=\"true\"></x-icon>\r\n      </div>\r\n      <div class=\"x-timeline-wrapper\">\r\n        <ng-container *xOutlet=\"wrapper; context: { $node: node }\">\r\n          <div class=\"x-timeline-label\">\r\n            <x-link *ngIf=\"node.label\">{{ node.label }}</x-link>\r\n            <span class=\"x-timeline-time\">{{ node.time | xTimeAgo }}</span>\r\n          </div>\r\n          <div class=\"x-timeline-content\">{{ node.content }}</div>\r\n        </ng-container>\r\n      </div>\r\n    </li>\r\n  </ul>\r\n</div>\r\n","import { NgModule } from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\r\nimport { XTimelineComponent } from './timeline.component';\r\nimport { XIconModule } from '@ng-nest/ui/icon';\r\nimport { XTimeAgoModule } from '@ng-nest/ui/time-ago';\r\nimport { XLinkModule } from '@ng-nest/ui/link';\r\nimport { XOutletModule } from '@ng-nest/ui/outlet';\r\nimport { XTimelineProperty } from './timeline.property';\r\n\r\n@NgModule({\r\n  declarations: [XTimelineComponent, XTimelineProperty],\r\n  exports: [XTimelineComponent],\r\n  imports: [CommonModule, XIconModule, XTimeAgoModule, XLinkModule, XOutletModule]\r\n})\r\nexport class XTimelineModule {}\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-timeline.mjs","sources":["../../../../lib/ng-nest/ui/timeline/timeline.property.ts","../../../../lib/ng-nest/ui/timeline/timeline.component.ts","../../../../lib/ng-nest/ui/timeline/timeline.component.html","../../../../lib/ng-nest/ui/timeline/timeline.module.ts","../../../../lib/ng-nest/ui/timeline/ng-nest-ui-timeline.ts"],"sourcesContent":["import { XType, XSize, XData, XTemplate, XProperty, XIdentityProperty, XDataConvert, XWithConfig, XDate } from '@ng-nest/ui/core';\r\nimport { Input, Component } from '@angular/core';\r\n\r\n/**\r\n * Timeline\r\n * @selector x-timeline\r\n * @decorator component\r\n */\r\nexport const XTimelinePrefix = 'x-timeline';\r\nconst X_CONFIG_NAME = 'timeline';\r\n\r\n/**\r\n * Timeline Property\r\n */\r\n@Component({ template: '' })\r\nexport class XTimelineProperty extends XProperty {\r\n  /**\r\n   * @zh_CN 数据\r\n   * @en_US Date\r\n   */\r\n  @Input() @XDataConvert() data: XData<XTimelineNode> = [];\r\n  /**\r\n   * @zh_CN 类型\r\n   * @en_US Type\r\n   */\r\n  @Input() type?: XType;\r\n  /**\r\n   * @zh_CN 尺寸\r\n   * @en_US Size\r\n   */\r\n  @Input() @XWithConfig<XSize>(X_CONFIG_NAME, 'medium') size?: XSize;\r\n  /**\r\n   * @zh_CN 内容模板\r\n   * @en_US Content template\r\n   */\r\n  @Input() wrapper?: XTemplate;\r\n  /**\r\n   * @zh_CN 时间轴的相对位置\r\n   * @en_US Content and timeline relative position\r\n   */\r\n  @Input() @XWithConfig<XTimelineMode>(X_CONFIG_NAME, 'left') mode?: XTimelineMode;\r\n}\r\n\r\n/**\r\n * @zh_CN Timeline 数据对象\r\n * @en_US Timeline node data\r\n */\r\nexport interface XTimelineNode extends XIdentityProperty {\r\n  /**\r\n   * @zh_CN 时间\r\n   * @en_US Time\r\n   */\r\n  time?: XDate;\r\n  /**\r\n   * @zh_CN 内容\r\n   * @en_US Content\r\n   */\r\n  content?: string;\r\n  /**\r\n   * @zh_CN 尺寸\r\n   * @en_US Size\r\n   */\r\n  size?: XSize;\r\n  /**\r\n   * @zh_CN 类型\r\n   * @en_US Type\r\n   */\r\n  type?: XType;\r\n  /**\r\n   * @zh_CN 图标\r\n   * @en_US Icon\r\n   */\r\n  icon?: string;\r\n  /**\r\n   * @zh_CN 颜色\r\n   * @en_US Color\r\n   */\r\n  color?: string;\r\n  /**\r\n   * @zh_CN 加载中\r\n   * @en_US Loading\r\n   */\r\n  loading?: boolean;\r\n  /**\r\n   * @zh_CN 连接线显示虚线，针对下一个节点，下一个节点为 loading 状态也会显示虚线\r\n   * @en_US The connecting line displays a dotted line. For the next node, the dotted line will also be displayed when the next node is in loading status\r\n   */\r\n  dashed?: boolean;\r\n  /**\r\n   * @zh_CN 其它自定义属性\r\n   * @en_US Other property\r\n   */\r\n  [property: string]: any;\r\n}\r\n\r\n/**\r\n * @zh_CN 时间轴的相对位置\r\n * @en_US Content and timeline relative position\r\n */\r\nexport type XTimelineMode = 'left' | 'right' | 'alternate';\r\n","import {\r\n  Component,\r\n  OnInit,\r\n  ViewEncapsulation,\r\n  Renderer2,\r\n  ElementRef,\r\n  ChangeDetectorRef,\r\n  ChangeDetectionStrategy,\r\n  SimpleChanges,\r\n  OnChanges\r\n} from '@angular/core';\r\nimport { XTimelinePrefix, XTimelineNode, XTimelineProperty } from './timeline.property';\r\nimport { XIsChange, XSetData, XConfigService, XClearClass } from '@ng-nest/ui/core';\r\nimport { Subject } from 'rxjs';\r\n\r\n@Component({\r\n  selector: `${XTimelinePrefix}`,\r\n  templateUrl: './timeline.component.html',\r\n  styleUrls: ['./timeline.component.scss'],\r\n  encapsulation: ViewEncapsulation.None,\r\n  changeDetection: ChangeDetectionStrategy.OnPush\r\n})\r\nexport class XTimelineComponent extends XTimelineProperty implements OnInit, OnChanges {\r\n  nodes: XTimelineNode[] = [];\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  ngOnInit() {}\r\n\r\n  ngOnChanges(changes: SimpleChanges): void {\r\n    const { data, mode } = changes;\r\n    XIsChange(data) && this.setData();\r\n    XIsChange(mode) && this.setClassMap();\r\n  }\r\n\r\n  ngOnDestroy(): void {\r\n    this._unSubject.next();\r\n    this._unSubject.unsubscribe();\r\n  }\r\n\r\n  setClassMap() {\r\n    XClearClass(this.classMap);\r\n    this.classMap[`${XTimelinePrefix}-${this.mode}`] = this.mode ? true : false;\r\n    this.cdr.detectChanges();\r\n  }\r\n\r\n  trackByNode(_index: number, item: XTimelineNode) {\r\n    return item.id;\r\n  }\r\n\r\n  private setData() {\r\n    XSetData<XTimelineNode>(this.data, this._unSubject).subscribe((x) => {\r\n      this.setDashed(x);\r\n      this.nodes = x;\r\n      this.cdr.detectChanges();\r\n    });\r\n  }\r\n\r\n  private setDashed(nodes: XTimelineNode[]) {\r\n    const len = nodes.length;\r\n    if (len <= 1) return;\r\n    for (let i = 0; i < nodes.length; i++) {\r\n      let node = nodes[i];\r\n      if (!node.loading) continue;\r\n      if (i === 0) {\r\n        node.dashed = true;\r\n      } else if (i > 0) {\r\n        nodes[i - 1].dashed = true;\r\n      }\r\n    }\r\n  }\r\n}\r\n","<div #timeline class=\"x-timeline\" [ngClass]=\"classMap\">\r\n  <ul>\r\n    <li *ngFor=\"let node of nodes; trackBy: trackByNode\" [class.x-timeline-loading]=\"node.loading\">\r\n      <div class=\"x-timeline-tail\" [class.x-timeline-tail-dashed]=\"node.dashed\"></div>\r\n      <div\r\n        class=\"x-timeline-icon {{ node.type ? 'x-timeline-' + node.type : '' }} {{ node.size ? 'x-timeline-' + node.size : '' }}\"\r\n        [style.background-color]=\"node.color\"\r\n      >\r\n        <x-icon *ngIf=\"node.icon && !node.loading\" [type]=\"node.icon\"></x-icon>\r\n        <x-icon *ngIf=\"node.loading\" type=\"fto-loader\" [spin]=\"true\"></x-icon>\r\n      </div>\r\n      <div class=\"x-timeline-wrapper\">\r\n        <ng-container *xOutlet=\"wrapper; context: { $node: node }\">\r\n          <div class=\"x-timeline-label\">\r\n            <x-link *ngIf=\"node.label\">{{ node.label }}</x-link>\r\n            <span class=\"x-timeline-time\" [title]=\"node.time | date: 'yyyy-MM-dd HH:mm:ss'\">{{ node.time | xTimeAgo }}</span>\r\n          </div>\r\n          <div class=\"x-timeline-content\">{{ node.content }}</div>\r\n        </ng-container>\r\n      </div>\r\n    </li>\r\n  </ul>\r\n</div>\r\n","import { NgModule } from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\r\nimport { XTimelineComponent } from './timeline.component';\r\nimport { XIconModule } from '@ng-nest/ui/icon';\r\nimport { XTimeAgoModule } from '@ng-nest/ui/time-ago';\r\nimport { XLinkModule } from '@ng-nest/ui/link';\r\nimport { XOutletModule } from '@ng-nest/ui/outlet';\r\nimport { XTimelineProperty } from './timeline.property';\r\n\r\n@NgModule({\r\n  declarations: [XTimelineComponent, XTimelineProperty],\r\n  exports: [XTimelineComponent],\r\n  imports: [CommonModule, XIconModule, XTimeAgoModule, XLinkModule, XOutletModule]\r\n})\r\nexport class XTimelineModule {}\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}

package/i18n/i18n.property.d.ts

@@ -127,6 +127,8 @@ export interface XI18nSelect {
 }
 export interface XI18nList {
     selectAllText?: string;
+    loadMoreText?: string;
+    loadingMoreText?: string;
 }
 export interface XI18nForm {
     required?: string;

package/i18n/languages/en_US.d.ts

@@ -111,6 +111,8 @@ declare const _default: {
     };
     list: {
         selectAllText: string;
+        loadMoreText: string;
+        loadingMoreText: string;
     };
     select: {
         selectAllText: string;

package/i18n/languages/zh_CN.d.ts

@@ -110,6 +110,8 @@ declare const _default: {
     };
     list: {
         selectAllText: string;
+        loadMoreText: string;
+        loadingMoreText: string;
     };
     select: {
         selectAllText: string;

package/i18n/languages/zh_TW.d.ts

@@ -110,6 +110,8 @@ declare const _default: {
     };
     list: {
         selectAllText: string;
+        loadMoreText: string;
+        loadingMoreText: string;
     };
     select: {
         selectAllText: string;

package/list/examples/en_US/default/load-more/README.md

@@ -0,0 +1,8 @@
+---
+order: 3
+label: 'Load more'
+---
+
+- Use the `loadMore` property to enable and load more. The `data` is set to a function with a return value to `Observable`.
+- Use `loadMoreText` to set more text.
+- Use the `loadingMoreText` to set the text that is loading.

package/list/examples/zh_CN/default/load-more/README.md

@@ -0,0 +1,8 @@
+---
+order: 3
+label: '加载更多'
+---
+
+使用 `loadMore` 属性来启用加载更多，`data` 设置成一个返回值为 `Observable` 的函数。
+使用 `loadMoreText` 可以设置 `加载更多` 的文字。
+使用 `loadingMoreText` 可以设置 `正在加载的` 的文字。

package/list/list.component.d.ts

@@ -19,11 +19,16 @@ export declare class XListComponent extends XListProperty implements OnInit, OnC
     keyManager: ActiveDescendantKeyManager<XListOptionComponent>;
     isSelectAll: boolean;
     locale: XI18nList;
+    loadMoreIndex: number;
+    icon: string;
+    iconSpin: boolean;
     role: string;
     tabindex: number;
     keydown($event: KeyboardEvent): void;
     get isEmpty(): boolean;
     get getSelectAllText(): string | undefined;
+    get getLoadMoreText(): string | undefined;
+    get getLoadingMoreText(): string | undefined;
     writeValue(value: any): void;
     private _unSubject;
     constructor(renderer: Renderer2, cdr: ChangeDetectorRef, elementRef: ElementRef, configService: XConfigService, i18n: XI18nService);
@@ -42,6 +47,7 @@ export declare class XListComponent extends XListProperty implements OnInit, OnC
     onMouseleave(event: Event, node: XListNode): void;
     dropCdk(event: CdkDragDrop<XListNode[]>): void;
     onSelectAllNodes(): void;
+    onLoadMore(): void;
     trackByNode(_index: number, item: XListNode): any;
     setUnActive(num: number): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<XListComponent, never>;

package/list/list.property.d.ts

@@ -30,6 +30,7 @@ export declare class XListProperty extends XControlValueAccessor<any> {
     /**
      * @zh_CN 全选的文字
      * @en_US Selected all text
+     * @default '全选'
      */
     selectAllText?: string;
     /**
@@ -72,6 +73,23 @@ export declare class XListProperty extends XControlValueAccessor<any> {
      * @en_US Size
      */
     size: XSize;
+    /**
+     * @zh_CN 加载更多
+     * @en_US load more
+     */
+    loadMore: XBoolean;
+    /**
+     * @zh_CN 加载更多的文字
+     * @en_US Load more text
+     * @default '加载更多'
+     */
+    loadMoreText?: string;
+    /**
+     * @zh_CN 正在加载中的文字
+     * @en_US Loading
+     * @default '正在加载中'
+     */
+    loadingMoreText?: string;
     /**
      * @zh_CN Full event
      * @en_US 全选事件
@@ -103,7 +121,7 @@ export declare class XListProperty extends XControlValueAccessor<any> {
      */
     keyManagerChange: EventEmitter<number>;
     static ɵfac: i0.ɵɵFactoryDeclaration<XListProperty, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<XListProperty, "ng-component", never, { "data": "data"; "multiple": "multiple"; "selectAll": "selectAll"; "selectAllText": "selectAllText"; "checked": "checked"; "drag": "drag"; "objectArray": "objectArray"; "nodeTpl": "nodeTpl"; "header": "header"; "footer": "footer"; "scrollElement": "scrollElement"; "size": "size"; }, { "onSelectAll": "onSelectAll"; "nodeMouseenter": "nodeMouseenter"; "nodeMouseleave": "nodeMouseleave"; "nodeClick": "nodeClick"; "keyManagerTabOut": "keyManagerTabOut"; "keyManagerChange": "keyManagerChange"; }, never, never, false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<XListProperty, "ng-component", never, { "data": "data"; "multiple": "multiple"; "selectAll": "selectAll"; "selectAllText": "selectAllText"; "checked": "checked"; "drag": "drag"; "objectArray": "objectArray"; "nodeTpl": "nodeTpl"; "header": "header"; "footer": "footer"; "scrollElement": "scrollElement"; "size": "size"; "loadMore": "loadMore"; "loadMoreText": "loadMoreText"; "loadingMoreText": "loadingMoreText"; }, { "onSelectAll": "onSelectAll"; "nodeMouseenter": "nodeMouseenter"; "nodeMouseleave": "nodeMouseleave"; "nodeClick": "nodeClick"; "keyManagerTabOut": "keyManagerTabOut"; "keyManagerChange": "keyManagerChange"; }, never, never, false>;
 }
 /**
  * @zh_CN List 数据对象

package/loading/loading.property.d.ts

@@ -1,4 +1,4 @@
-import { XProperty, XSize, XTemplate, XBoolean } from '@ng-nest/ui/core';
+import { XProperty, XSize, XTemplate, XBoolean, XNumber } from '@ng-nest/ui/core';
 import * as i0 from "@angular/core";
 /**
  * Loading
@@ -15,6 +15,11 @@ export declare class XLoadingProperty extends XProperty {
      * @en_US Show loading
      */
     loading: XBoolean;
+    /**
+     * @zh_CN 层级
+     * @en_US z-index
+     */
+    zIndex?: XNumber;
     /**
      * @zh_CN 尺寸
      * @en_US Size
@@ -46,5 +51,5 @@ export declare class XLoadingProperty extends XProperty {
      */
     background?: string;
     static ɵfac: i0.ɵɵFactoryDeclaration<XLoadingProperty, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<XLoadingProperty, "ng-component", never, { "loading": "x-loading"; "size": "size"; "text": "text"; "icon": "icon"; "color": "color"; "fullScreen": "fullScreen"; "background": "background"; }, {}, never, never, false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<XLoadingProperty, "ng-component", never, { "loading": "x-loading"; "zIndex": "zIndex"; "size": "size"; "text": "text"; "icon": "icon"; "color": "color"; "fullScreen": "fullScreen"; "background": "background"; }, {}, never, never, false>;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ng-nest/ui",
-  "version": "14.0.3",
+  "version": "14.0.6",
   "homepage": "https://www.ngnest.com",
   "author": "ng-nest",
   "ng-update": {

package/popover/popover.directive.d.ts

@@ -1,4 +1,4 @@
-import { OnInit, ElementRef, ViewContainerRef, OnChanges, SimpleChanges } from '@angular/core';
+import { ElementRef, ViewContainerRef, OnChanges, SimpleChanges } from '@angular/core';
 import { XPortalService, XPortalOverlayRef } from '@ng-nest/ui/portal';
 import { XPopoverPortalComponent } from './popover-portal.component';
 import { XPopoverProperty } from './popover.property';
@@ -6,7 +6,7 @@ import { BehaviorSubject, Subject } from 'rxjs';
 import { OverlayConfig, Overlay } from '@angular/cdk/overlay';
 import { XConfigService } from '@ng-nest/ui/core';
 import * as i0 from "@angular/core";
-export declare class XPopoverDirective extends XPopoverProperty implements OnInit, OnChanges {
+export declare class XPopoverDirective extends XPopoverProperty implements OnChanges {
     private elementRef;
     private portalService;
     private viewContainerRef;
@@ -24,7 +24,8 @@ export declare class XPopoverDirective extends XPopoverProperty implements OnIni
     click(): void;
     mouseenter(): void;
     mouseleave(): void;
-    ngOnInit(): void;
+    focus(): void;
+    blur(): void;
     ngOnChanges(changes: SimpleChanges): void;
     ngOnDestroy(): void;
     ngAfterViewInit(): void;

package/popover/popover.property.d.ts

@@ -75,7 +75,7 @@ export declare class XPopoverProperty extends XProperty {
  * @value "hover"
  * @value "click"
  */
-export declare type XPopoverTrigger = 'hover' | 'click';
+export declare type XPopoverTrigger = 'hover' | 'click' | 'focus';
 /**
  * Popover Portal
  * @selector x-popover-portal

package/select/select.component.d.ts

@@ -88,6 +88,7 @@ export declare class XSelectComponent extends XSelectProperty implements OnInit,
     setPosition(config: OverlayConfig): void;
     setInstance(): void;
     nodeClick(node: XSelectNode, value?: XSelectNode[] | (string | number)[]): void;
+    selectAllNodes(value: XSelectNode[] | (string | number)[]): void;
     setPlacement(): import("@angular/cdk/overlay").PositionStrategy;
     setPortal(): void;
     formControlChanges(): void;

package/slider/examples/en_US/default/expand/README.md

@@ -0,0 +1,7 @@
+---
+order: 7
+label: 'Expand'
+---
+
+- `showExpand` attributes, when the node is not displayed, all the buttons are displayed, and the arrangement method is effective when it is row.
+- `expandMaxHeight` properties are used to limit the maximum height of the lane frame

package/slider/examples/zh_CN/default/expand/README.md

@@ -0,0 +1,7 @@
+---
+order: 7
+label: '展开'
+---
+
+- `showExpand` 属性，节点显示不下的时候显示展开所有的按钮，排列方式为 row 的时候生效
+- `expandMaxHeight` 属性用来限制展开弹框的最大高度

package/slider/slider.component.d.ts

@@ -14,6 +14,7 @@ export declare class XSliderComponent extends XSliderProperty implements OnInit,
     scrollClassMap: XClassMap;
     nodeClassMap: XClassMap;
     showArrow: boolean;
+    activatedId: string;
     private _offset;
     get offset(): number;
     set offset(value: number);
@@ -39,6 +40,7 @@ export declare class XSliderComponent extends XSliderProperty implements OnInit,
     setChange(map: XClassMap, change: SimpleChange, prefix?: string): void;
     setSubscribe(): void;
     nodeClick(node: XSliderNode, index: number): void;
+    dropdownClick(node: XSliderNode): void;
     scrollPrev(): void;
     scrollNext(): void;
     setDirection(index: number, before: number): XPosition;

package/slider/slider.module.d.ts

@@ -5,8 +5,9 @@ import * as i3 from "@angular/common";
 import * as i4 from "@ng-nest/ui/link";
 import * as i5 from "@ng-nest/ui/button";
 import * as i6 from "@ng-nest/ui/outlet";
+import * as i7 from "@ng-nest/ui/dropdown";
 export declare class XSliderModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<XSliderModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<XSliderModule, [typeof i1.XSliderComponent, typeof i2.XSliderProperty], [typeof i3.CommonModule, typeof i4.XLinkModule, typeof i5.XButtonModule, typeof i6.XOutletModule], [typeof i1.XSliderComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<XSliderModule, [typeof i1.XSliderComponent, typeof i2.XSliderProperty], [typeof i3.CommonModule, typeof i4.XLinkModule, typeof i5.XButtonModule, typeof i6.XOutletModule, typeof i7.XDropdownModule], [typeof i1.XSliderComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<XSliderModule>;
 }

package/slider/slider.property.d.ts

@@ -51,6 +51,16 @@ export declare class XSliderProperty extends XProperty {
      * @en_US Size
      */
     size?: XSize;
+    /**
+     * @zh_CN 节点显示不下的时候显示展开所有的按钮，排列方式为 row 的时候生效
+     * @en_US When the node is not displayed, display all the buttons, and the arrangement is effective when the arrangement is row
+     */
+    showExpand?: XBoolean;
+    /**
+     * @zh_CN 展开所有弹框的最大高度
+     * @en_US Expand the maximum height of all bomb frames
+     */
+    expandMaxHeight?: string;
     /**
      * @zh_CN 激活索引变化事件
      * @en_US Activate index change event
@@ -62,7 +72,7 @@ export declare class XSliderProperty extends XProperty {
      */
     nodeChange: EventEmitter<XSliderNode>;
     static ɵfac: i0.ɵɵFactoryDeclaration<XSliderProperty, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<XSliderProperty, "ng-component", never, { "data": "data"; "animated": "animated"; "activatedIndex": "activatedIndex"; "layout": "layout"; "justify": "justify"; "nodeJustify": "nodeJustify"; "nodeTpl": "nodeTpl"; "size": "size"; }, { "indexChange": "indexChange"; "nodeChange": "nodeChange"; }, never, never, false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<XSliderProperty, "ng-component", never, { "data": "data"; "animated": "animated"; "activatedIndex": "activatedIndex"; "layout": "layout"; "justify": "justify"; "nodeJustify": "nodeJustify"; "nodeTpl": "nodeTpl"; "size": "size"; "showExpand": "showExpand"; "expandMaxHeight": "expandMaxHeight"; }, { "indexChange": "indexChange"; "nodeChange": "nodeChange"; }, never, never, false>;
 }
 /**
  * @zh_CN Slider 数据对象

package/table/examples/en_US/default/edit/README.md

@@ -0,0 +1,7 @@
+---
+order: 14
+label: 'Edit'
+---
+
+- Use `bodyTdTpl` custom cell content
+- Use the `bodyColumnTpl` to customize a whole series of content, which is higher than `bodyTdTpl`

package/table/examples/en_US/default/header/README.md

@@ -1,6 +1,6 @@
 ---
 order: 12
-label: '页头页尾'
+label: 'Header'
 ---
 
-- 使用 `header`、`footer` 来指定页头页尾。
+- Ad the end of the page with the `header`, `footer`.

package/table/examples/en_US/default/search/README.md

@@ -0,0 +1,6 @@
+---
+order: 15
+label: 'Search'
+---
+
+- Use the content of the search bar with `headSearchTpl`

package/table/examples/zh_CN/default/edit/README.md

@@ -0,0 +1,7 @@
+---
+order: 14
+label: '编辑'
+---
+
+- 使用 `bodyTdTpl` 自定义单元格内容
+- 使用 `bodyColumnTpl` 自定义一整列的内容，优先级要高于 `bodyTdTpl`

package/table/examples/zh_CN/default/header/README.md

@@ -1,6 +1,6 @@
 ---
 order: 12
-label: 'Header'
+label: '页头页尾'
 ---
 
-- Ad the end of the page with the `header`, `footer`.
+- 使用 `header`、`footer` 来指定页头页尾。

package/table/examples/zh_CN/default/search/README.md

@@ -0,0 +1,6 @@
+---
+order: 15
+label: '搜索'
+---
+
+- 使用 `headSearchTpl` 自定义搜索栏的内容

package/table/table-body.component.d.ts

@@ -32,7 +32,7 @@ export declare class XTableBodyComponent extends XTableBodyProperty implements O
     getFlex(column: XTableColumn): number | "none";
     getTitle(row: XTableRow, column: XTableCell | any): string;
     setAdaptionHeight(): void;
-    rowClick(row: XTableRow): void;
+    rowClick(event: Event, row: XTableRow): void;
     onExpanded(_event: Event, node: XTableRow): void;
     trackByItem(_index: number, item: XTableRow | XTableColumn): any;
     static ɵfac: i0.ɵɵFactoryDeclaration<XTableBodyComponent, never>;

package/table/table.component.d.ts

@@ -14,6 +14,8 @@ export declare class XTableComponent extends XTableProperty implements OnInit, O
     get getRowHeight(): number | "";
     get getStickyTopScrollTop(): any;
     get getStickyBottomScrollTop(): number;
+    get getStickyTopRightEleHeight(): any;
+    get getStickyBottomRightEleHeight(): any;
     tcaption: ElementRef;
     thead: ElementRef[];
     tfoot: ElementRef;
@@ -44,6 +46,8 @@ export declare class XTableComponent extends XTableProperty implements OnInit, O
     table: ElementRef;
     caption: ElementRef;
     pagination: XPaginationComponent;
+    stickyTopRightEle: ElementRef;
+    stickyBottomRightEle: ElementRef;
     private _unSubject;
     constructor(renderer: Renderer2, elementRef: ElementRef, cdr: ChangeDetectorRef, configService: XConfigService);
     ngOnInit(): void;
@@ -57,6 +61,7 @@ export declare class XTableComponent extends XTableProperty implements OnInit, O
     getStickyRight(column: XTableColumn | XTableCell): boolean;
     getStickyRightFirst(column: XTableColumn | XTableCell): boolean;
     hasStickyTopRight(): boolean | "";
+    hasStickyTopRightSearch(): boolean;
     hasStickyBottomRight(): boolean | "";
     getIndex(index: number): number;
     setData(): void;

package/table/table.property.d.ts

@@ -58,15 +58,20 @@ export declare class XTableProperty extends XPaginationProperty implements XTabl
      */
     activatedRowChange: EventEmitter<XTableRow>;
     /**
-     * @zh_CN 列头自定义模板
+     * @zh_CN 列头自定义模板，通过 key-value 的方式指定每列的模版
      * @en_US Column header custom template
      */
     headColumnTpl: XTableTemplate;
     /**
-     * @zh_CN 列内容自定义模板
+     * @zh_CN 列内容自定义模板，通过 key-value 的方式指定每列的模版
      * @en_US Column content custom template
      */
     bodyColumnTpl: XTableTemplate;
+    /**
+     * @zh_CN 单元格的自定义模板，优先级低于列内容自定义模板
+     * @en_US Custom template of cells
+     */
+    bodyTdTpl?: XTemplate;
     /**
      * @zh_CN 行条件样式
      * @en_US Row condition class
@@ -74,16 +79,26 @@ export declare class XTableProperty extends XPaginationProperty implements XTabl
     rowClass?: (row: XTableRow, index: number) => {
         [className: string]: boolean;
     };
+    /**
+     * @zh_CN 列头搜索自定义模板
+     * @en_US Line head search custom template
+     */
+    headSearchTpl?: XTemplate;
     /**
      * @zh_CN 排序点击的事件
      * @en_US Sort click events
      */
     sortChange: EventEmitter<XSort[]>;
     /**
-     * @zh_CN 允许行点击选中
+     * @zh_CN 允许行点击选中当前行
      * @en_US Allow row click to select
      */
     allowSelectRow: XBoolean;
+    /**
+     * @zh_CN 允许行点击选中 checkbox
+     * @en_US Allow lines to click checkbox
+     */
+    allowCheckRow: XBoolean;
     /**
      * @zh_CN 开启虚拟滚动
      * @en_US Turn on virtual scrolling
@@ -200,7 +215,7 @@ export declare class XTableProperty extends XPaginationProperty implements XTabl
      */
     expandTpl?: XTemplate;
     static ɵfac: i0.ɵɵFactoryDeclaration<XTableProperty, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<XTableProperty, "ng-component", never, { "data": "data"; "columns": "columns"; "rowHeight": "rowHeight"; "loading": "loading"; "bordered": "bordered"; "showHeader": "showHeader"; "headerPosition": "headerPosition"; "activatedRow": "activatedRow"; "headColumnTpl": "headColumnTpl"; "bodyColumnTpl": "bodyColumnTpl"; "rowClass": "rowClass"; "allowSelectRow": "allowSelectRow"; "virtualScroll": "virtualScroll"; "bodyHeight": "bodyHeight"; "itemSize": "itemSize"; "minBufferPx": "minBufferPx"; "maxBufferPx": "maxBufferPx"; "adaptionHeight": "adaptionHeight"; "docPercent": "docPercent"; "checkedRow": "checkedRow"; "manual": "manual"; "scroll": "scroll"; "header": "header"; "footer": "footer"; "cellConfig": "cellConfig"; "rowSize": "rowSize"; "paginationPosition": "paginationPosition"; "showPagination": "showPagination"; "treeTable": "treeTable"; "expandedAll": "expandedAll"; "expandedLevel": "expandedLevel"; "expanded": "expanded"; "expandTpl": "expandTpl"; }, { "activatedRowChange": "activatedRowChange"; "sortChange": "sortChange"; "manualChange": "manualChange"; }, never, never, false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<XTableProperty, "ng-component", never, { "data": "data"; "columns": "columns"; "rowHeight": "rowHeight"; "loading": "loading"; "bordered": "bordered"; "showHeader": "showHeader"; "headerPosition": "headerPosition"; "activatedRow": "activatedRow"; "headColumnTpl": "headColumnTpl"; "bodyColumnTpl": "bodyColumnTpl"; "bodyTdTpl": "bodyTdTpl"; "rowClass": "rowClass"; "headSearchTpl": "headSearchTpl"; "allowSelectRow": "allowSelectRow"; "allowCheckRow": "allowCheckRow"; "virtualScroll": "virtualScroll"; "bodyHeight": "bodyHeight"; "itemSize": "itemSize"; "minBufferPx": "minBufferPx"; "maxBufferPx": "maxBufferPx"; "adaptionHeight": "adaptionHeight"; "docPercent": "docPercent"; "checkedRow": "checkedRow"; "manual": "manual"; "scroll": "scroll"; "header": "header"; "footer": "footer"; "cellConfig": "cellConfig"; "rowSize": "rowSize"; "paginationPosition": "paginationPosition"; "showPagination": "showPagination"; "treeTable": "treeTable"; "expandedAll": "expandedAll"; "expandedLevel": "expandedLevel"; "expanded": "expanded"; "expandTpl": "expandTpl"; }, { "activatedRowChange": "activatedRowChange"; "sortChange": "sortChange"; "manualChange": "manualChange"; }, never, never, false>;
 }
 /**
  * Table Option

package/tabs/examples/en_US/default/action/README.md

@@ -0,0 +1,6 @@
+---
+order: 6
+label: 'Action'
+---
+
+Using the `actionTpl` can customize the operating template.

package/tabs/examples/en_US/default/expand/README.md

@@ -0,0 +1,6 @@
+---
+order: 7
+label: 'Expand'
+---
+
+Use the `showExpand` to add the unfolding button.

package/tabs/examples/zh_CN/default/action/README.md

@@ -0,0 +1,6 @@
+---
+order: 6
+label: '操作'
+---
+
+使用 `actionTpl` 可以自定义操作模板。

package/tabs/examples/zh_CN/default/expand/README.md

@@ -0,0 +1,6 @@
+---
+order: 7
+label: '展开'
+---
+
+使用 `showExpand` 可以添加展开的按钮。

package/tabs/tabs.component.d.ts

@@ -1,4 +1,4 @@
-import { OnInit, OnChanges, SimpleChanges, ChangeDetectorRef, QueryList } from '@angular/core';
+import { OnInit, OnChanges, SimpleChanges, ChangeDetectorRef, QueryList, ElementRef, Renderer2 } from '@angular/core';
 import { XTabsNode, XTabsProperty } from './tabs.property';
 import { XConfigService } from '@ng-nest/ui/core';
 import { XSliderComponent, XSliderProperty } from '@ng-nest/ui/slider';
@@ -7,17 +7,24 @@ import * as i0 from "@angular/core";
 export declare class XTabsComponent extends XTabsProperty implements OnInit, OnChanges {
     private cdr;
     configService: XConfigService;
+    renderer: Renderer2;
     sliderOption: XSliderProperty;
     tabs: XTabsNode[];
     private _unSubject;
+    private _tabsContentChange;
+    private _resizeObserver;
     get activeIndex(): number;
     listTabs: QueryList<XTabComponent>;
     slider: XSliderComponent;
-    constructor(cdr: ChangeDetectorRef, configService: XConfigService);
+    actionsRef: ElementRef;
+    constructor(cdr: ChangeDetectorRef, configService: XConfigService, renderer: Renderer2);
     ngOnInit(): void;
     ngOnChanges(changes: SimpleChanges): void;
     ngOnDestroy(): void;
+    ngAfterContentChecked(): void;
     ngAfterViewInit(): void;
+    setSliderWidth(): void;
+    setSubject(): void;
     activatedChange(index: number): void;
     setActivatedIndex(): void;
     private setClassMap;

package/tabs/tabs.module.d.ts

@@ -5,9 +5,10 @@ import * as i3 from "./tab.component";
 import * as i4 from "./tabs.property";
 import * as i5 from "@angular/common";
 import * as i6 from "@ng-nest/ui/slider";
-import * as i7 from "@ng-nest/ui/icon";
+import * as i7 from "@ng-nest/ui/button";
+import * as i8 from "@ng-nest/ui/icon";
 export declare class XTabsModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<XTabsModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<XTabsModule, [typeof i1.XTabsComponent, typeof i2.XTabContentComponent, typeof i3.XTabComponent, typeof i4.XTabsProperty, typeof i4.XTabProperty], [typeof i5.CommonModule, typeof i6.XSliderModule, typeof i7.XIconModule], [typeof i1.XTabsComponent, typeof i2.XTabContentComponent, typeof i3.XTabComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<XTabsModule, [typeof i1.XTabsComponent, typeof i2.XTabContentComponent, typeof i3.XTabComponent, typeof i4.XTabsProperty, typeof i4.XTabProperty], [typeof i5.CommonModule, typeof i6.XSliderModule, typeof i7.XButtonModule, typeof i8.XIconModule], [typeof i1.XTabsComponent, typeof i2.XTabContentComponent, typeof i3.XTabComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<XTabsModule>;
 }

package/tabs/tabs.property.d.ts

@@ -57,17 +57,32 @@ export declare class XTabsProperty extends XProperty {
      */
     nodeJustify?: XJustify;
     /**
-     * @zh_CN 隐藏标签栏
-     * @en_US Hide tab bar
+     * @zh_CN 隐藏标签栏，只有一个标签页时候默认隐藏（存在自定义操作模版的时候不会）
+     * @en_US Hide the label bar, there is only one tab, the default hidden
      */
     sliderHidden?: XBoolean;
+    /**
+     * @zh_CN 标签栏上的自定义操作模版
+     * @en_US Custom template on the label bar
+     */
+    actionTpl?: TemplateRef<void>;
+    /**
+     * @zh_CN 标签页显示不下的时候显示展开所有的按钮，布局为 top 、bottom 的时候生效
+     * @en_US When the node is not displayed, display all the buttons, and the arrangement is effective when the arrangement is row
+     */
+    showExpand?: XBoolean;
+    /**
+     * @zh_CN 展开所有弹框的最大高度
+     * @en_US Expand the maximum height of all bomb frames
+     */
+    expandMaxHeight?: string;
     /**
      * @zh_CN 标签切换变化的事件
      * @en_US Label switching event
      */
     indexChange: EventEmitter<XActivatedTab>;
     static ɵfac: i0.ɵɵFactoryDeclaration<XTabsProperty, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<XTabsProperty, "ng-component", never, { "data": "data"; "justify": "justify"; "type": "type"; "layout": "layout"; "activatedIndex": "activatedIndex"; "animated": "animated"; "nodeTpl": "nodeTpl"; "size": "size"; "nodeJustify": "nodeJustify"; "sliderHidden": "sliderHidden"; }, { "indexChange": "indexChange"; }, never, never, false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<XTabsProperty, "ng-component", never, { "data": "data"; "justify": "justify"; "type": "type"; "layout": "layout"; "activatedIndex": "activatedIndex"; "animated": "animated"; "nodeTpl": "nodeTpl"; "size": "size"; "nodeJustify": "nodeJustify"; "sliderHidden": "sliderHidden"; "actionTpl": "actionTpl"; "showExpand": "showExpand"; "expandMaxHeight": "expandMaxHeight"; }, { "indexChange": "indexChange"; }, never, never, false>;
 }
 /**
  * @zh_CN Tabs 数据对象

package/timeline/examples/en_US/default/mode/README.md

@@ -0,0 +1,6 @@
+---
+order: 8
+label: 'Mode'
+---
+
+Set the position of the timeline with the `mode` attribute, support the `left`, `right` and `alternate`

package/timeline/examples/zh_CN/default/mode/README.md

@@ -0,0 +1,6 @@
+---
+order: 8
+label: '位置'
+---
+
+使用 `mode` 属性来设置时间轴的位置，支持 `left`, `right` 和 `alternate`