@ng-nest/ui 14.0.5 → 14.0.6

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (70) hide show
  1. package/core/config/config.d.ts +3 -0
  2. package/core/functions/convert.d.ts +1 -1
  3. package/esm2020/core/config/config.mjs +1 -1
  4. package/esm2020/core/functions/convert.mjs +1 -1
  5. package/esm2020/i18n/i18n.property.mjs +1 -1
  6. package/esm2020/i18n/languages/en_US.mjs +4 -2
  7. package/esm2020/i18n/languages/zh_CN.mjs +4 -2
  8. package/esm2020/i18n/languages/zh_TW.mjs +4 -2
  9. package/esm2020/input/input.component.mjs +2 -2
  10. package/esm2020/list/list.component.mjs +33 -8
  11. package/esm2020/list/list.property.mjs +17 -2
  12. package/esm2020/loading/loading.component.mjs +3 -3
  13. package/esm2020/loading/loading.property.mjs +7 -2
  14. package/esm2020/popover/popover.directive.mjs +20 -3
  15. package/esm2020/popover/popover.property.mjs +1 -1
  16. package/esm2020/select/select.component.mjs +13 -5
  17. package/esm2020/table/table-body.component.mjs +3 -3
  18. package/esm2020/table/table-head.component.mjs +3 -3
  19. package/esm2020/table/table.component.mjs +35 -4
  20. package/esm2020/table/table.property.mjs +8 -4
  21. package/fesm2015/ng-nest-ui-core.mjs.map +1 -1
  22. package/fesm2015/ng-nest-ui-i18n.mjs +9 -3
  23. package/fesm2015/ng-nest-ui-i18n.mjs.map +1 -1
  24. package/fesm2015/ng-nest-ui-input.mjs +2 -2
  25. package/fesm2015/ng-nest-ui-input.mjs.map +1 -1
  26. package/fesm2015/ng-nest-ui-list.mjs +46 -7
  27. package/fesm2015/ng-nest-ui-list.mjs.map +1 -1
  28. package/fesm2015/ng-nest-ui-loading.mjs +8 -3
  29. package/fesm2015/ng-nest-ui-loading.mjs.map +1 -1
  30. package/fesm2015/ng-nest-ui-popover.mjs +19 -2
  31. package/fesm2015/ng-nest-ui-popover.mjs.map +1 -1
  32. package/fesm2015/ng-nest-ui-select.mjs +13 -5
  33. package/fesm2015/ng-nest-ui-select.mjs.map +1 -1
  34. package/fesm2015/ng-nest-ui-table.mjs +45 -10
  35. package/fesm2015/ng-nest-ui-table.mjs.map +1 -1
  36. package/fesm2020/ng-nest-ui-core.mjs.map +1 -1
  37. package/fesm2020/ng-nest-ui-i18n.mjs +9 -3
  38. package/fesm2020/ng-nest-ui-i18n.mjs.map +1 -1
  39. package/fesm2020/ng-nest-ui-input.mjs +2 -2
  40. package/fesm2020/ng-nest-ui-input.mjs.map +1 -1
  41. package/fesm2020/ng-nest-ui-list.mjs +46 -7
  42. package/fesm2020/ng-nest-ui-list.mjs.map +1 -1
  43. package/fesm2020/ng-nest-ui-loading.mjs +8 -3
  44. package/fesm2020/ng-nest-ui-loading.mjs.map +1 -1
  45. package/fesm2020/ng-nest-ui-popover.mjs +19 -2
  46. package/fesm2020/ng-nest-ui-popover.mjs.map +1 -1
  47. package/fesm2020/ng-nest-ui-select.mjs +13 -5
  48. package/fesm2020/ng-nest-ui-select.mjs.map +1 -1
  49. package/fesm2020/ng-nest-ui-table.mjs +45 -10
  50. package/fesm2020/ng-nest-ui-table.mjs.map +1 -1
  51. package/i18n/i18n.property.d.ts +2 -0
  52. package/i18n/languages/en_US.d.ts +2 -0
  53. package/i18n/languages/zh_CN.d.ts +2 -0
  54. package/i18n/languages/zh_TW.d.ts +2 -0
  55. package/list/examples/en_US/default/load-more/README.md +8 -0
  56. package/list/examples/zh_CN/default/load-more/README.md +8 -0
  57. package/list/list.component.d.ts +6 -0
  58. package/list/list.property.d.ts +19 -1
  59. package/loading/loading.property.d.ts +7 -2
  60. package/package.json +1 -1
  61. package/popover/popover.directive.d.ts +4 -3
  62. package/popover/popover.property.d.ts +1 -1
  63. package/table/examples/en_US/default/edit/README.md +7 -0
  64. package/table/examples/en_US/default/header/README.md +2 -2
  65. package/table/examples/en_US/default/search/README.md +6 -0
  66. package/table/examples/zh_CN/default/edit/README.md +7 -0
  67. package/table/examples/zh_CN/default/header/README.md +2 -2
  68. package/table/examples/zh_CN/default/search/README.md +6 -0
  69. package/table/table.component.d.ts +5 -0
  70. package/table/table.property.d.ts +13 -3
@@ -19,11 +19,16 @@ export declare class XListComponent extends XListProperty implements OnInit, OnC
19
19
  keyManager: ActiveDescendantKeyManager<XListOptionComponent>;
20
20
  isSelectAll: boolean;
21
21
  locale: XI18nList;
22
+ loadMoreIndex: number;
23
+ icon: string;
24
+ iconSpin: boolean;
22
25
  role: string;
23
26
  tabindex: number;
24
27
  keydown($event: KeyboardEvent): void;
25
28
  get isEmpty(): boolean;
26
29
  get getSelectAllText(): string | undefined;
30
+ get getLoadMoreText(): string | undefined;
31
+ get getLoadingMoreText(): string | undefined;
27
32
  writeValue(value: any): void;
28
33
  private _unSubject;
29
34
  constructor(renderer: Renderer2, cdr: ChangeDetectorRef, elementRef: ElementRef, configService: XConfigService, i18n: XI18nService);
@@ -42,6 +47,7 @@ export declare class XListComponent extends XListProperty implements OnInit, OnC
42
47
  onMouseleave(event: Event, node: XListNode): void;
43
48
  dropCdk(event: CdkDragDrop<XListNode[]>): void;
44
49
  onSelectAllNodes(): void;
50
+ onLoadMore(): void;
45
51
  trackByNode(_index: number, item: XListNode): any;
46
52
  setUnActive(num: number): void;
47
53
  static ɵfac: i0.ɵɵFactoryDeclaration<XListComponent, never>;
@@ -30,6 +30,7 @@ export declare class XListProperty extends XControlValueAccessor<any> {
30
30
  /**
31
31
  * @zh_CN 全选的文字
32
32
  * @en_US Selected all text
33
+ * @default '全选'
33
34
  */
34
35
  selectAllText?: string;
35
36
  /**
@@ -72,6 +73,23 @@ export declare class XListProperty extends XControlValueAccessor<any> {
72
73
  * @en_US Size
73
74
  */
74
75
  size: XSize;
76
+ /**
77
+ * @zh_CN 加载更多
78
+ * @en_US load more
79
+ */
80
+ loadMore: XBoolean;
81
+ /**
82
+ * @zh_CN 加载更多的文字
83
+ * @en_US Load more text
84
+ * @default '加载更多'
85
+ */
86
+ loadMoreText?: string;
87
+ /**
88
+ * @zh_CN 正在加载中的文字
89
+ * @en_US Loading
90
+ * @default '正在加载中'
91
+ */
92
+ loadingMoreText?: string;
75
93
  /**
76
94
  * @zh_CN Full event
77
95
  * @en_US 全选事件
@@ -103,7 +121,7 @@ export declare class XListProperty extends XControlValueAccessor<any> {
103
121
  */
104
122
  keyManagerChange: EventEmitter<number>;
105
123
  static ɵfac: i0.ɵɵFactoryDeclaration<XListProperty, never>;
106
- 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>;
124
+ 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>;
107
125
  }
108
126
  /**
109
127
  * @zh_CN List 数据对象
@@ -1,4 +1,4 @@
1
- import { XProperty, XSize, XTemplate, XBoolean } from '@ng-nest/ui/core';
1
+ import { XProperty, XSize, XTemplate, XBoolean, XNumber } from '@ng-nest/ui/core';
2
2
  import * as i0 from "@angular/core";
3
3
  /**
4
4
  * Loading
@@ -15,6 +15,11 @@ export declare class XLoadingProperty extends XProperty {
15
15
  * @en_US Show loading
16
16
  */
17
17
  loading: XBoolean;
18
+ /**
19
+ * @zh_CN 层级
20
+ * @en_US z-index
21
+ */
22
+ zIndex?: XNumber;
18
23
  /**
19
24
  * @zh_CN 尺寸
20
25
  * @en_US Size
@@ -46,5 +51,5 @@ export declare class XLoadingProperty extends XProperty {
46
51
  */
47
52
  background?: string;
48
53
  static ɵfac: i0.ɵɵFactoryDeclaration<XLoadingProperty, never>;
49
- 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>;
54
+ 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>;
50
55
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@ng-nest/ui",
3
- "version": "14.0.5",
3
+ "version": "14.0.6",
4
4
  "homepage": "https://www.ngnest.com",
5
5
  "author": "ng-nest",
6
6
  "ng-update": {
@@ -1,4 +1,4 @@
1
- import { OnInit, ElementRef, ViewContainerRef, OnChanges, SimpleChanges } from '@angular/core';
1
+ import { ElementRef, ViewContainerRef, OnChanges, SimpleChanges } from '@angular/core';
2
2
  import { XPortalService, XPortalOverlayRef } from '@ng-nest/ui/portal';
3
3
  import { XPopoverPortalComponent } from './popover-portal.component';
4
4
  import { XPopoverProperty } from './popover.property';
@@ -6,7 +6,7 @@ import { BehaviorSubject, Subject } from 'rxjs';
6
6
  import { OverlayConfig, Overlay } from '@angular/cdk/overlay';
7
7
  import { XConfigService } from '@ng-nest/ui/core';
8
8
  import * as i0 from "@angular/core";
9
- export declare class XPopoverDirective extends XPopoverProperty implements OnInit, OnChanges {
9
+ export declare class XPopoverDirective extends XPopoverProperty implements OnChanges {
10
10
  private elementRef;
11
11
  private portalService;
12
12
  private viewContainerRef;
@@ -24,7 +24,8 @@ export declare class XPopoverDirective extends XPopoverProperty implements OnIni
24
24
  click(): void;
25
25
  mouseenter(): void;
26
26
  mouseleave(): void;
27
- ngOnInit(): void;
27
+ focus(): void;
28
+ blur(): void;
28
29
  ngOnChanges(changes: SimpleChanges): void;
29
30
  ngOnDestroy(): void;
30
31
  ngAfterViewInit(): void;
@@ -75,7 +75,7 @@ export declare class XPopoverProperty extends XProperty {
75
75
  * @value "hover"
76
76
  * @value "click"
77
77
  */
78
- export declare type XPopoverTrigger = 'hover' | 'click';
78
+ export declare type XPopoverTrigger = 'hover' | 'click' | 'focus';
79
79
  /**
80
80
  * Popover Portal
81
81
  * @selector x-popover-portal
@@ -0,0 +1,7 @@
1
+ ---
2
+ order: 14
3
+ label: 'Edit'
4
+ ---
5
+
6
+ - Use `bodyTdTpl` custom cell content
7
+ - Use the `bodyColumnTpl` to customize a whole series of content, which is higher than `bodyTdTpl`
@@ -1,6 +1,6 @@
1
1
  ---
2
2
  order: 12
3
- label: '页头页尾'
3
+ label: 'Header'
4
4
  ---
5
5
 
6
- - 使用 `header`、`footer` 来指定页头页尾。
6
+ - Ad the end of the page with the `header`, `footer`.
@@ -0,0 +1,6 @@
1
+ ---
2
+ order: 15
3
+ label: 'Search'
4
+ ---
5
+
6
+ - Use the content of the search bar with `headSearchTpl`
@@ -0,0 +1,7 @@
1
+ ---
2
+ order: 14
3
+ label: '编辑'
4
+ ---
5
+
6
+ - 使用 `bodyTdTpl` 自定义单元格内容
7
+ - 使用 `bodyColumnTpl` 自定义一整列的内容,优先级要高于 `bodyTdTpl`
@@ -1,6 +1,6 @@
1
1
  ---
2
2
  order: 12
3
- label: 'Header'
3
+ label: '页头页尾'
4
4
  ---
5
5
 
6
- - Ad the end of the page with the `header`, `footer`.
6
+ - 使用 `header`、`footer` 来指定页头页尾。
@@ -0,0 +1,6 @@
1
+ ---
2
+ order: 15
3
+ label: '搜索'
4
+ ---
5
+
6
+ - 使用 `headSearchTpl` 自定义搜索栏的内容
@@ -14,6 +14,8 @@ export declare class XTableComponent extends XTableProperty implements OnInit, O
14
14
  get getRowHeight(): number | "";
15
15
  get getStickyTopScrollTop(): any;
16
16
  get getStickyBottomScrollTop(): number;
17
+ get getStickyTopRightEleHeight(): any;
18
+ get getStickyBottomRightEleHeight(): any;
17
19
  tcaption: ElementRef;
18
20
  thead: ElementRef[];
19
21
  tfoot: ElementRef;
@@ -44,6 +46,8 @@ export declare class XTableComponent extends XTableProperty implements OnInit, O
44
46
  table: ElementRef;
45
47
  caption: ElementRef;
46
48
  pagination: XPaginationComponent;
49
+ stickyTopRightEle: ElementRef;
50
+ stickyBottomRightEle: ElementRef;
47
51
  private _unSubject;
48
52
  constructor(renderer: Renderer2, elementRef: ElementRef, cdr: ChangeDetectorRef, configService: XConfigService);
49
53
  ngOnInit(): void;
@@ -57,6 +61,7 @@ export declare class XTableComponent extends XTableProperty implements OnInit, O
57
61
  getStickyRight(column: XTableColumn | XTableCell): boolean;
58
62
  getStickyRightFirst(column: XTableColumn | XTableCell): boolean;
59
63
  hasStickyTopRight(): boolean | "";
64
+ hasStickyTopRightSearch(): boolean;
60
65
  hasStickyBottomRight(): boolean | "";
61
66
  getIndex(index: number): number;
62
67
  setData(): void;
@@ -58,15 +58,20 @@ export declare class XTableProperty extends XPaginationProperty implements XTabl
58
58
  */
59
59
  activatedRowChange: EventEmitter<XTableRow>;
60
60
  /**
61
- * @zh_CN 列头自定义模板
61
+ * @zh_CN 列头自定义模板,通过 key-value 的方式指定每列的模版
62
62
  * @en_US Column header custom template
63
63
  */
64
64
  headColumnTpl: XTableTemplate;
65
65
  /**
66
- * @zh_CN 列内容自定义模板
66
+ * @zh_CN 列内容自定义模板,通过 key-value 的方式指定每列的模版
67
67
  * @en_US Column content custom template
68
68
  */
69
69
  bodyColumnTpl: XTableTemplate;
70
+ /**
71
+ * @zh_CN 单元格的自定义模板,优先级低于列内容自定义模板
72
+ * @en_US Custom template of cells
73
+ */
74
+ bodyTdTpl?: XTemplate;
70
75
  /**
71
76
  * @zh_CN 行条件样式
72
77
  * @en_US Row condition class
@@ -74,6 +79,11 @@ export declare class XTableProperty extends XPaginationProperty implements XTabl
74
79
  rowClass?: (row: XTableRow, index: number) => {
75
80
  [className: string]: boolean;
76
81
  };
82
+ /**
83
+ * @zh_CN 列头搜索自定义模板
84
+ * @en_US Line head search custom template
85
+ */
86
+ headSearchTpl?: XTemplate;
77
87
  /**
78
88
  * @zh_CN 排序点击的事件
79
89
  * @en_US Sort click events
@@ -205,7 +215,7 @@ export declare class XTableProperty extends XPaginationProperty implements XTabl
205
215
  */
206
216
  expandTpl?: XTemplate;
207
217
  static ɵfac: i0.ɵɵFactoryDeclaration<XTableProperty, never>;
208
- 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"; "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>;
218
+ 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>;
209
219
  }
210
220
  /**
211
221
  * Table Option