@ng-nest/ui 20.3.0 → 20.3.1

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 (106) hide show
  1. package/attachments/index.d.ts +4 -5
  2. package/auto-complete/index.d.ts +8 -9
  3. package/base-form/index.d.ts +8 -9
  4. package/bubble/index.d.ts +12 -7
  5. package/cascade/index.d.ts +8 -9
  6. package/checkbox/index.d.ts +5 -6
  7. package/color-picker/index.d.ts +8 -9
  8. package/contextmenu/index.d.ts +176 -0
  9. package/core/index.d.ts +36 -1
  10. package/coversations/index.d.ts +4 -5
  11. package/date-picker/index.d.ts +16 -18
  12. package/dialog/index.d.ts +182 -102
  13. package/divider/index.d.ts +113 -0
  14. package/fesm2022/ng-nest-ui-auto-complete.mjs +1 -1
  15. package/fesm2022/ng-nest-ui-auto-complete.mjs.map +1 -1
  16. package/fesm2022/ng-nest-ui-base-form.mjs +27 -46
  17. package/fesm2022/ng-nest-ui-base-form.mjs.map +1 -1
  18. package/fesm2022/ng-nest-ui-bubble.mjs +141 -129
  19. package/fesm2022/ng-nest-ui-bubble.mjs.map +1 -1
  20. package/fesm2022/ng-nest-ui-cascade.mjs +1 -1
  21. package/fesm2022/ng-nest-ui-cascade.mjs.map +1 -1
  22. package/fesm2022/ng-nest-ui-color-picker.mjs +1 -1
  23. package/fesm2022/ng-nest-ui-color-picker.mjs.map +1 -1
  24. package/fesm2022/ng-nest-ui-contextmenu.mjs +445 -0
  25. package/fesm2022/ng-nest-ui-contextmenu.mjs.map +1 -0
  26. package/fesm2022/ng-nest-ui-core.mjs +2 -2
  27. package/fesm2022/ng-nest-ui-core.mjs.map +1 -1
  28. package/fesm2022/ng-nest-ui-date-picker.mjs +2 -2
  29. package/fesm2022/ng-nest-ui-date-picker.mjs.map +1 -1
  30. package/fesm2022/ng-nest-ui-dialog.mjs +51 -46
  31. package/fesm2022/ng-nest-ui-dialog.mjs.map +1 -1
  32. package/fesm2022/ng-nest-ui-divider.mjs +124 -0
  33. package/fesm2022/ng-nest-ui-divider.mjs.map +1 -0
  34. package/fesm2022/ng-nest-ui-find.mjs.map +1 -1
  35. package/fesm2022/ng-nest-ui-form.mjs +26 -20
  36. package/fesm2022/ng-nest-ui-form.mjs.map +1 -1
  37. package/fesm2022/ng-nest-ui-i18n.mjs +19 -18
  38. package/fesm2022/ng-nest-ui-i18n.mjs.map +1 -1
  39. package/fesm2022/ng-nest-ui-image.mjs +108 -69
  40. package/fesm2022/ng-nest-ui-image.mjs.map +1 -1
  41. package/fesm2022/ng-nest-ui-input-number.mjs +1 -1
  42. package/fesm2022/ng-nest-ui-input-number.mjs.map +1 -1
  43. package/fesm2022/ng-nest-ui-input.mjs +1 -1
  44. package/fesm2022/ng-nest-ui-input.mjs.map +1 -1
  45. package/fesm2022/ng-nest-ui-menu.mjs +16 -4
  46. package/fesm2022/ng-nest-ui-menu.mjs.map +1 -1
  47. package/fesm2022/ng-nest-ui-message-box.mjs.map +1 -1
  48. package/fesm2022/ng-nest-ui-message.mjs.map +1 -1
  49. package/fesm2022/ng-nest-ui-notification.mjs.map +1 -1
  50. package/fesm2022/ng-nest-ui-scrollable.mjs +81 -9
  51. package/fesm2022/ng-nest-ui-scrollable.mjs.map +1 -1
  52. package/fesm2022/ng-nest-ui-select.mjs +1 -1
  53. package/fesm2022/ng-nest-ui-select.mjs.map +1 -1
  54. package/fesm2022/ng-nest-ui-sender.mjs +1 -1
  55. package/fesm2022/ng-nest-ui-sender.mjs.map +1 -1
  56. package/fesm2022/ng-nest-ui-slider-select.mjs +0 -1
  57. package/fesm2022/ng-nest-ui-slider-select.mjs.map +1 -1
  58. package/fesm2022/ng-nest-ui-splitter.mjs +407 -0
  59. package/fesm2022/ng-nest-ui-splitter.mjs.map +1 -0
  60. package/fesm2022/ng-nest-ui-table-view.mjs +277 -248
  61. package/fesm2022/ng-nest-ui-table-view.mjs.map +1 -1
  62. package/fesm2022/ng-nest-ui-table.mjs +18 -6
  63. package/fesm2022/ng-nest-ui-table.mjs.map +1 -1
  64. package/fesm2022/ng-nest-ui-textarea.mjs +1 -1
  65. package/fesm2022/ng-nest-ui-textarea.mjs.map +1 -1
  66. package/fesm2022/ng-nest-ui-time-picker.mjs +40 -21
  67. package/fesm2022/ng-nest-ui-time-picker.mjs.map +1 -1
  68. package/fesm2022/ng-nest-ui-tree-select.mjs +1 -1
  69. package/fesm2022/ng-nest-ui-tree-select.mjs.map +1 -1
  70. package/fesm2022/ng-nest-ui-tree.mjs +16 -4
  71. package/fesm2022/ng-nest-ui-tree.mjs.map +1 -1
  72. package/fesm2022/ng-nest-ui-watermark.mjs +378 -0
  73. package/fesm2022/ng-nest-ui-watermark.mjs.map +1 -0
  74. package/fesm2022/ng-nest-ui.mjs +4 -0
  75. package/fesm2022/ng-nest-ui.mjs.map +1 -1
  76. package/find/index.d.ts +6 -7
  77. package/form/index.d.ts +24 -13
  78. package/i18n/index.d.ts +29 -28
  79. package/image/index.d.ts +30 -14
  80. package/index.d.ts +4 -0
  81. package/input/index.d.ts +8 -9
  82. package/input-number/index.d.ts +8 -9
  83. package/list/index.d.ts +4 -5
  84. package/menu/index.d.ts +15 -3
  85. package/message/index.d.ts +15 -3
  86. package/message-box/index.d.ts +18 -5
  87. package/notification/index.d.ts +15 -3
  88. package/package.json +100 -84
  89. package/radio/index.d.ts +5 -6
  90. package/rate/index.d.ts +4 -5
  91. package/scrollable/index.d.ts +14 -2
  92. package/select/index.d.ts +8 -9
  93. package/sender/index.d.ts +6 -7
  94. package/slider-select/index.d.ts +4 -6
  95. package/splitter/index.d.ts +163 -0
  96. package/switch/index.d.ts +4 -5
  97. package/table/index.d.ts +60 -5
  98. package/table-view/index.d.ts +99 -65
  99. package/textarea/index.d.ts +8 -9
  100. package/theme/index.d.ts +4 -5
  101. package/time-picker/index.d.ts +15 -14
  102. package/transfer/index.d.ts +4 -5
  103. package/tree/index.d.ts +29 -3
  104. package/tree-select/index.d.ts +8 -9
  105. package/upload/index.d.ts +4 -5
  106. package/watermark/index.d.ts +267 -0
@@ -18,19 +18,18 @@ declare const XCoversationsProperty_base: new () => {
18
18
  invalidPattern: _angular_core.Signal<boolean>;
19
19
  requiredIsEmpty: _angular_core.Signal<boolean>;
20
20
  invalidMessage: _angular_core.Signal<string>;
21
- invalidIndex: _angular_core.Signal<number>;
22
21
  value: _angular_core.WritableSignal<any>;
23
22
  valueObservable: rxjs.Observable<any>;
24
23
  validatorSignal: _angular_core.WritableSignal<boolean>;
25
24
  disabledSignal: _angular_core.WritableSignal<boolean>;
26
25
  requiredSignal: _angular_core.WritableSignal<boolean>;
27
26
  patternSignal: _angular_core.WritableSignal<any>;
28
- messageSignal: _angular_core.WritableSignal<string | string[]>;
27
+ messageSignal: _angular_core.WritableSignal<string>;
29
28
  requiredComputed: _angular_core.Signal<boolean>;
30
29
  disabledComputed: _angular_core.Signal<boolean>;
31
30
  validatorComputed: _angular_core.Signal<boolean>;
32
31
  patternComputed: _angular_core.Signal<any>;
33
- messageComputed: _angular_core.Signal<string | string[]>;
32
+ messageComputed: _angular_core.Signal<string>;
34
33
  invalidInputValidator: _angular_core.WritableSignal<boolean>;
35
34
  onChange: (value: any) => void;
36
35
  onTouched: () => void;
@@ -55,8 +54,8 @@ declare const XCoversationsProperty_base: new () => {
55
54
  readonly valueTplContext: _angular_core.InputSignal<unknown>;
56
55
  readonly before: _angular_core.InputSignal<_ng_nest_ui_core.XTemplate | undefined>;
57
56
  readonly after: _angular_core.InputSignal<_ng_nest_ui_core.XTemplate | undefined>;
58
- readonly pattern: _angular_core.InputSignal<RegExp | RegExp[]>;
59
- readonly message: _angular_core.InputSignal<string | string[]>;
57
+ readonly pattern: _angular_core.InputSignal<RegExp | null>;
58
+ readonly message: _angular_core.InputSignal<string>;
60
59
  readonly active: _angular_core.ModelSignal<boolean>;
61
60
  readonly pointer: _angular_core.InputSignalWithTransform<boolean, XBoolean>;
62
61
  readonly inputValidator: _angular_core.InputSignal<((value: any) => boolean) | undefined>;
@@ -26,19 +26,18 @@ declare const XDatePickerProperty_base: new () => {
26
26
  invalidPattern: _angular_core.Signal<boolean>;
27
27
  requiredIsEmpty: _angular_core.Signal<boolean>;
28
28
  invalidMessage: _angular_core.Signal<string>;
29
- invalidIndex: _angular_core.Signal<number>;
30
29
  value: _angular_core.WritableSignal<any>;
31
30
  valueObservable: rxjs.Observable<any>;
32
31
  validatorSignal: _angular_core.WritableSignal<boolean>;
33
32
  disabledSignal: _angular_core.WritableSignal<boolean>;
34
33
  requiredSignal: _angular_core.WritableSignal<boolean>;
35
34
  patternSignal: _angular_core.WritableSignal<any>;
36
- messageSignal: _angular_core.WritableSignal<string | string[]>;
35
+ messageSignal: _angular_core.WritableSignal<string>;
37
36
  requiredComputed: _angular_core.Signal<boolean>;
38
37
  disabledComputed: _angular_core.Signal<boolean>;
39
38
  validatorComputed: _angular_core.Signal<boolean>;
40
39
  patternComputed: _angular_core.Signal<any>;
41
- messageComputed: _angular_core.Signal<string | string[]>;
40
+ messageComputed: _angular_core.Signal<string>;
42
41
  invalidInputValidator: _angular_core.WritableSignal<boolean>;
43
42
  onChange: (value: any) => void;
44
43
  onTouched: () => void;
@@ -63,8 +62,8 @@ declare const XDatePickerProperty_base: new () => {
63
62
  readonly valueTplContext: _angular_core.InputSignal<unknown>;
64
63
  readonly before: _angular_core.InputSignal<XTemplate | undefined>;
65
64
  readonly after: _angular_core.InputSignal<XTemplate | undefined>;
66
- readonly pattern: _angular_core.InputSignal<RegExp | RegExp[]>;
67
- readonly message: _angular_core.InputSignal<string | string[]>;
65
+ readonly pattern: _angular_core.InputSignal<RegExp | null>;
66
+ readonly message: _angular_core.InputSignal<string>;
68
67
  readonly active: _angular_core.ModelSignal<boolean>;
69
68
  readonly pointer: _angular_core.InputSignalWithTransform<boolean, XBoolean>;
70
69
  readonly inputValidator: _angular_core.InputSignal<((value: any) => boolean) | undefined>;
@@ -224,12 +223,12 @@ declare class XDatePickerProperty extends XDatePickerProperty_base {
224
223
  * @zh_CN 正则验证规则
225
224
  * @en_US Regular verification rules
226
225
  */
227
- readonly pattern: _angular_core.InputSignal<any>;
226
+ readonly pattern: _angular_core.InputSignal<RegExp | null>;
228
227
  /**
229
228
  * @zh_CN 验证不通过提示文字
230
229
  * @en_US Verify not pass the prompt text
231
230
  */
232
- readonly message: _angular_core.InputSignal<string | string[]>;
231
+ readonly message: _angular_core.InputSignal<string>;
233
232
  /**
234
233
  * @zh_CN 激活状态
235
234
  * @en_US Activation state
@@ -396,12 +395,12 @@ interface XDatePickerOption extends XFormOption {
396
395
  * @zh_CN 正则验证规则
397
396
  * @en_US Regular verification rules
398
397
  */
399
- pattern?: RegExp | RegExp[];
398
+ pattern?: RegExp;
400
399
  /**
401
400
  * @zh_CN 验证不通过提示文字
402
401
  * @en_US Verify not pass the prompt text
403
402
  */
404
- message?: string | string[];
403
+ message?: string;
405
404
  /**
406
405
  * @zh_CN 激活状态
407
406
  * @en_US Activation state
@@ -431,19 +430,18 @@ declare const XDateRangeProperty_base: new () => {
431
430
  invalidPattern: _angular_core.Signal<boolean>;
432
431
  requiredIsEmpty: _angular_core.Signal<boolean>;
433
432
  invalidMessage: _angular_core.Signal<string>;
434
- invalidIndex: _angular_core.Signal<number>;
435
433
  value: _angular_core.WritableSignal<any>;
436
434
  valueObservable: rxjs.Observable<any>;
437
435
  validatorSignal: _angular_core.WritableSignal<boolean>;
438
436
  disabledSignal: _angular_core.WritableSignal<boolean>;
439
437
  requiredSignal: _angular_core.WritableSignal<boolean>;
440
438
  patternSignal: _angular_core.WritableSignal<any>;
441
- messageSignal: _angular_core.WritableSignal<string | string[]>;
439
+ messageSignal: _angular_core.WritableSignal<string>;
442
440
  requiredComputed: _angular_core.Signal<boolean>;
443
441
  disabledComputed: _angular_core.Signal<boolean>;
444
442
  validatorComputed: _angular_core.Signal<boolean>;
445
443
  patternComputed: _angular_core.Signal<any>;
446
- messageComputed: _angular_core.Signal<string | string[]>;
444
+ messageComputed: _angular_core.Signal<string>;
447
445
  invalidInputValidator: _angular_core.WritableSignal<boolean>;
448
446
  onChange: (value: any) => void;
449
447
  onTouched: () => void;
@@ -468,8 +466,8 @@ declare const XDateRangeProperty_base: new () => {
468
466
  readonly valueTplContext: _angular_core.InputSignal<unknown>;
469
467
  readonly before: _angular_core.InputSignal<XTemplate | undefined>;
470
468
  readonly after: _angular_core.InputSignal<XTemplate | undefined>;
471
- readonly pattern: _angular_core.InputSignal<RegExp | RegExp[]>;
472
- readonly message: _angular_core.InputSignal<string | string[]>;
469
+ readonly pattern: _angular_core.InputSignal<RegExp | null>;
470
+ readonly message: _angular_core.InputSignal<string>;
473
471
  readonly active: _angular_core.ModelSignal<boolean>;
474
472
  readonly pointer: _angular_core.InputSignalWithTransform<boolean, XBoolean>;
475
473
  readonly inputValidator: _angular_core.InputSignal<((value: any) => boolean) | undefined>;
@@ -619,12 +617,12 @@ declare class XDateRangeProperty extends XDateRangeProperty_base {
619
617
  * @zh_CN 正则验证规则
620
618
  * @en_US Regular verification rules
621
619
  */
622
- readonly pattern: _angular_core.InputSignal<any>;
620
+ readonly pattern: _angular_core.InputSignal<RegExp | null>;
623
621
  /**
624
622
  * @zh_CN 验证不通过提示文字
625
623
  * @en_US Verify not pass the prompt text
626
624
  */
627
- readonly message: _angular_core.InputSignal<string | string[]>;
625
+ readonly message: _angular_core.InputSignal<string>;
628
626
  /**
629
627
  * @zh_CN 输入验证函数
630
628
  * @en_US Enter the verification function
@@ -776,12 +774,12 @@ interface XDateRangeOption extends XFormOption {
776
774
  * @zh_CN 正则验证规则
777
775
  * @en_US Regular verification rules
778
776
  */
779
- pattern?: RegExp | RegExp[];
777
+ pattern?: RegExp;
780
778
  /**
781
779
  * @zh_CN 验证不通过提示文字
782
780
  * @en_US Verify not pass the prompt text
783
781
  */
784
- message?: string | string[];
782
+ message?: string;
785
783
  /**
786
784
  * @zh_CN 输入验证函数
787
785
  * @en_US Enter the verification function
package/dialog/index.d.ts CHANGED
@@ -1,107 +1,16 @@
1
1
  import * as rxjs from 'rxjs';
2
- import { Subject, Subscription } from 'rxjs';
2
+ import { Subscription, Subject } from 'rxjs';
3
3
  import * as _angular_core from '@angular/core';
4
- import { Renderer2, ChangeDetectorRef, EventEmitter, ComponentRef, EmbeddedViewRef, ViewContainerRef, InjectionToken, OnInit, AfterViewInit, TemplateRef } from '@angular/core';
4
+ import { ViewContainerRef, ComponentRef, EmbeddedViewRef, EventEmitter, InjectionToken, OnInit, AfterViewInit, TemplateRef, Renderer2, ChangeDetectorRef } from '@angular/core';
5
5
  import * as _ng_nest_ui_core from '@ng-nest/ui/core';
6
6
  import { XTemplate, XPlace, XNumber, XStatus, XBoolean, XEffect, XProperty, XConfigService, XDialogConfig } from '@ng-nest/ui/core';
7
- import { XPortalService, XPortalOverlayRef } from '@ng-nest/ui/portal';
8
- import { BasePortalOutlet, CdkPortalOutlet, ComponentPortal, TemplatePortal, ComponentType } from '@angular/cdk/portal';
7
+ import { XPortalOverlayRef, XPortalService } from '@ng-nest/ui/portal';
9
8
  import * as i1 from '@angular/cdk/drag-drop';
10
- import { CdkDragHandle, CdkDrag, CdkDragEnd } from '@angular/cdk/drag-drop';
11
- import { OverlayRef, BlockScrollStrategy } from '@angular/cdk/overlay';
9
+ import { CdkDragEnd, CdkDrag } from '@angular/cdk/drag-drop';
10
+ import { ComponentPortal, TemplatePortal, BasePortalOutlet, CdkPortalOutlet, ComponentType } from '@angular/cdk/portal';
11
+ import { BlockScrollStrategy, OverlayRef } from '@angular/cdk/overlay';
12
12
  import { XI18nDialog } from '@ng-nest/ui/i18n';
13
13
 
14
- declare class XDialogCloseDirective {
15
- onCloseClick(): void;
16
- dialogRef: XDialogRef<any> | null;
17
- static ɵfac: _angular_core.ɵɵFactoryDeclaration<XDialogCloseDirective, never>;
18
- static ɵdir: _angular_core.ɵɵDirectiveDeclaration<XDialogCloseDirective, "[x-dialog-close]", never, {}, {}, never, never, true, never>;
19
- }
20
- declare class XDialogTitleDirective {
21
- _has: boolean;
22
- static ɵfac: _angular_core.ɵɵFactoryDeclaration<XDialogTitleDirective, never>;
23
- static ɵdir: _angular_core.ɵɵDirectiveDeclaration<XDialogTitleDirective, "[x-dialog-title], x-dialog-title", never, {}, {}, never, never, true, never>;
24
- }
25
- declare class XDialogContentDirective {
26
- _has: boolean;
27
- static ɵfac: _angular_core.ɵɵFactoryDeclaration<XDialogContentDirective, never>;
28
- static ɵdir: _angular_core.ɵɵDirectiveDeclaration<XDialogContentDirective, "[x-dialog-content], x-dialog-content", never, {}, {}, never, never, true, never>;
29
- }
30
- declare class XDialogActionsDirective {
31
- _has: boolean;
32
- static ɵfac: _angular_core.ɵɵFactoryDeclaration<XDialogActionsDirective, never>;
33
- static ɵdir: _angular_core.ɵɵDirectiveDeclaration<XDialogActionsDirective, "[x-dialog-actions], x-dialog-actions", never, {}, {}, never, never, true, never>;
34
- }
35
- declare class XDialogDragHandleDirective {
36
- get getDraggable(): boolean | undefined;
37
- dialogRef: XDialogRef<any> | null;
38
- static ɵfac: _angular_core.ɵɵFactoryDeclaration<XDialogDragHandleDirective, never>;
39
- static ɵdir: _angular_core.ɵɵDirectiveDeclaration<XDialogDragHandleDirective, "[x-dialog-drag-handle], x-dialog-drag-handle", never, {}, {}, never, never, true, [{ directive: typeof i1.CdkDragHandle; inputs: { "cdkDragHandleDisabled": "xDialogDragHandleDisabled"; }; outputs: {}; }]>;
40
- }
41
- declare class XDialogFullscreenDirective {
42
- onFullscreenClick(): void;
43
- dialogRef: XDialogRef<any> | null;
44
- static ɵfac: _angular_core.ɵɵFactoryDeclaration<XDialogFullscreenDirective, never>;
45
- static ɵdir: _angular_core.ɵɵDirectiveDeclaration<XDialogFullscreenDirective, "[x-dialog-fullscreen], x-dialog-fullscreen", never, {}, {}, never, never, true, never>;
46
- }
47
-
48
- declare class XDialogRef<C> {
49
- overlayRef: OverlayRef;
50
- containerInstance: XDialogPortalComponent;
51
- renderer: Renderer2;
52
- portalService: XPortalService;
53
- componentInstance: C;
54
- option: XDialogRefOption;
55
- fullscreen: boolean;
56
- dragHandleRefs: (XDialogDragHandleDirective | CdkDragHandle)[];
57
- afterClose: Subject<any>;
58
- unsubject: Subject<void>;
59
- private _isFristFullscreen;
60
- constructor(overlayRef: OverlayRef, containerInstance: XDialogPortalComponent, renderer: Renderer2, portalService: XPortalService);
61
- close(result?: any): void;
62
- onFullscreen(): void;
63
- }
64
-
65
- declare class XDialogPortalComponent extends BasePortalOutlet {
66
- placement: _angular_core.ModelSignal<XDialogAnimationState>;
67
- get enimateEnter(): string;
68
- get enimateLeave(): string;
69
- done(event: AnimationEvent): void;
70
- start(event: AnimationEvent): void;
71
- renderer: Renderer2;
72
- changeDetectorRef: ChangeDetectorRef;
73
- portalOutlet: _angular_core.Signal<CdkPortalOutlet>;
74
- dragRef: _angular_core.Signal<CdkDrag<any>>;
75
- handles: _angular_core.Signal<readonly XDialogDragHandleDirective[]>;
76
- animationChanged: EventEmitter<XDialogAnimationEvent>;
77
- option: XDialogRefOption;
78
- dialogRef: XDialogRef<any>;
79
- offsetLeft: number;
80
- offsetTop: number;
81
- minWidth: string;
82
- minHeight: string;
83
- initHeight: number;
84
- initContentHeight: number;
85
- dialogContent?: HTMLElement;
86
- defaultMaximize: boolean;
87
- overlayElement?: HTMLElement;
88
- hostElement?: HTMLElement;
89
- distance: {
90
- x: number;
91
- y: number;
92
- };
93
- dialogBox: {
94
- [key: string]: any;
95
- };
96
- ngOnInit(): void;
97
- ngAfterViewInit(): void;
98
- attachComponentPortal<T>(portal: ComponentPortal<T>): ComponentRef<T>;
99
- attachTemplatePortal<C>(portal: TemplatePortal<C>): EmbeddedViewRef<C>;
100
- onDragEnded(event: CdkDragEnd): void;
101
- static ɵfac: _angular_core.ɵɵFactoryDeclaration<XDialogPortalComponent, never>;
102
- static ɵcmp: _angular_core.ɵɵComponentDeclaration<XDialogPortalComponent, "x-dialog-portal", never, { "placement": { "alias": "placement"; "required": true; "isSignal": true; }; }, { "placement": "placementChange"; }, ["handles"], never, true, never>;
103
- }
104
-
105
14
  /**
106
15
  * Dialog
107
16
  * @selector x-dialog
@@ -383,6 +292,18 @@ interface XDialogRefOption {
383
292
  * @withConfig true
384
293
  */
385
294
  minHeight?: string;
295
+ /**
296
+ * @zh_CN 最大宽度
297
+ * @en_US max width
298
+ * @withConfig true
299
+ */
300
+ maxWidth?: string;
301
+ /**
302
+ * @zh_CN 最大高度
303
+ * @en_US Max height
304
+ * @withConfig true
305
+ */
306
+ maxHeight?: string;
386
307
  /**
387
308
  * @zh_CN 是否支持键盘 esc 关闭
388
309
  * @en_US Whether to support keyboard esc to close
@@ -430,13 +351,67 @@ type XDialogAction = 'confirm' | 'cancel' | 'close';
430
351
  * @zh_CN 创建的弹框对象
431
352
  * @en_US Dialog object created
432
353
  */
433
- interface XDialogOverlayRef extends XPortalOverlayRef<XDialogComponent> {
354
+ interface XDialogOverlayRef extends XPortalOverlayRef<XDialogHandle> {
355
+ }
356
+ /**
357
+ * @zh_CN 创建的弹框组件定义
358
+ * @en_US Dialog object created
359
+ */
360
+ interface XDialogHandle {
361
+ create(): void;
362
+ onClose(action: XDialogAction, execFunction?: boolean): void;
363
+ onDragEnded(event: CdkDragEnd): void;
364
+ onSize(): void;
365
+ onMaximize(): void;
366
+ onMinimize(): void;
367
+ moveDone(event: AnimationEvent): void;
368
+ portalAttached(): boolean;
369
+ setVisible(): void;
370
+ setWidthHeight(): void;
434
371
  }
435
372
  /**
436
373
  * @zh_CN 创建的弹框对象,通过服务
437
374
  * @en_US Dialog object created by service
438
375
  */
439
- interface XDialogPortalOverlayRef extends XPortalOverlayRef<XDialogPortalComponent> {
376
+ interface XDialogPortalOverlayRef extends XPortalOverlayRef<XDialogPortalHandle> {
377
+ }
378
+ /**
379
+ * @zh_CN 创建的弹框对象定义
380
+ * @en_US Dialog object created definition
381
+ */
382
+ interface XDialogPortalHandle {
383
+ option: XDialogRefOption;
384
+ defaultMaximize: boolean;
385
+ dialogBox: {
386
+ draggable?: boolean;
387
+ resizable?: boolean;
388
+ width?: string;
389
+ height?: string;
390
+ minWidth?: string;
391
+ minHeight?: string;
392
+ distance?: {
393
+ x: number;
394
+ y: number;
395
+ };
396
+ marginTop?: string;
397
+ marginLeft?: string;
398
+ marginRight?: string;
399
+ marginBottom?: string;
400
+ };
401
+ hostElement?: HTMLElement;
402
+ overlayElement?: HTMLElement;
403
+ distance: {
404
+ x: number;
405
+ y: number;
406
+ };
407
+ offsetLeft: number;
408
+ offsetTop: number;
409
+ initHeight: number;
410
+ dialogContent?: HTMLElement;
411
+ initContentHeight: number;
412
+ attachComponentPortal<T>(portal: ComponentPortal<T>): ComponentRef<T>;
413
+ attachTemplatePortal<T>(portal: TemplatePortal<T>): EmbeddedViewRef<T>;
414
+ animationChanged: EventEmitter<XDialogAnimationEvent>;
440
415
  }
441
416
  /**
442
417
  * @zh_CN 类型
@@ -450,7 +425,7 @@ declare class XDialogContainerComponent extends XDialogContainerProperty {
450
425
  static ɵcmp: _angular_core.ɵɵComponentDeclaration<XDialogContainerComponent, "x-dialog-container", never, {}, {}, never, ["*"], true, never>;
451
426
  }
452
427
 
453
- declare class XDialogComponent extends XDialogProperty implements OnInit, AfterViewInit {
428
+ declare class XDialogComponent extends XDialogProperty implements OnInit, AfterViewInit, XDialogHandle {
454
429
  private static dialogOverlayRefs;
455
430
  private viewContainerRef;
456
431
  private protalService;
@@ -504,7 +479,7 @@ declare class XDialogComponent extends XDialogProperty implements OnInit, AfterV
504
479
  setVisible(): void;
505
480
  create(): void;
506
481
  setWidthHeight(): void;
507
- portalAttached(): boolean | undefined;
482
+ portalAttached(): boolean;
508
483
  onClose(action: XDialogAction, execFunction?: boolean): void;
509
484
  onDragEnded($event: CdkDragEnd): void;
510
485
  onSize(): void;
@@ -515,6 +490,111 @@ declare class XDialogComponent extends XDialogProperty implements OnInit, AfterV
515
490
  static ɵcmp: _angular_core.ɵɵComponentDeclaration<XDialogComponent, "x-dialog", never, {}, {}, never, ["*"], true, never>;
516
491
  }
517
492
 
493
+ interface XDialogRefHandle {
494
+ fullscreen: boolean;
495
+ option: {
496
+ draggable?: boolean;
497
+ };
498
+ close(result?: any): void;
499
+ onFullscreen(): void;
500
+ }
501
+
502
+ declare class XDialogRef<C> implements XDialogRefHandle {
503
+ componentInstance: C;
504
+ option: XDialogRefOption;
505
+ fullscreen: boolean;
506
+ afterClose: Subject<any>;
507
+ unsubject: Subject<void>;
508
+ private _isFristFullscreen;
509
+ overlayRef: OverlayRef;
510
+ containerInstance: XDialogPortalHandle;
511
+ renderer: Renderer2;
512
+ portalService: XPortalService;
513
+ constructor(params: {
514
+ overlayRef: OverlayRef;
515
+ containerInstance: XDialogPortalHandle;
516
+ renderer: Renderer2;
517
+ option: XDialogRefOption;
518
+ fullscreen: boolean;
519
+ portalService: XPortalService;
520
+ });
521
+ close(result?: any): void;
522
+ onFullscreen(): void;
523
+ }
524
+
525
+ declare class XDialogCloseDirective {
526
+ onCloseClick(): void;
527
+ dialogRef: XDialogRef<any> | null;
528
+ static ɵfac: _angular_core.ɵɵFactoryDeclaration<XDialogCloseDirective, never>;
529
+ static ɵdir: _angular_core.ɵɵDirectiveDeclaration<XDialogCloseDirective, "[x-dialog-close]", never, {}, {}, never, never, true, never>;
530
+ }
531
+ declare class XDialogTitleDirective {
532
+ _has: boolean;
533
+ static ɵfac: _angular_core.ɵɵFactoryDeclaration<XDialogTitleDirective, never>;
534
+ static ɵdir: _angular_core.ɵɵDirectiveDeclaration<XDialogTitleDirective, "[x-dialog-title], x-dialog-title", never, {}, {}, never, never, true, never>;
535
+ }
536
+ declare class XDialogContentDirective {
537
+ _has: boolean;
538
+ static ɵfac: _angular_core.ɵɵFactoryDeclaration<XDialogContentDirective, never>;
539
+ static ɵdir: _angular_core.ɵɵDirectiveDeclaration<XDialogContentDirective, "[x-dialog-content], x-dialog-content", never, {}, {}, never, never, true, never>;
540
+ }
541
+ declare class XDialogActionsDirective {
542
+ _has: boolean;
543
+ static ɵfac: _angular_core.ɵɵFactoryDeclaration<XDialogActionsDirective, never>;
544
+ static ɵdir: _angular_core.ɵɵDirectiveDeclaration<XDialogActionsDirective, "[x-dialog-actions], x-dialog-actions", never, {}, {}, never, never, true, never>;
545
+ }
546
+ declare class XDialogDragHandleDirective {
547
+ get getDraggable(): boolean | undefined;
548
+ dialogRef: XDialogRef<any> | null;
549
+ static ɵfac: _angular_core.ɵɵFactoryDeclaration<XDialogDragHandleDirective, never>;
550
+ static ɵdir: _angular_core.ɵɵDirectiveDeclaration<XDialogDragHandleDirective, "[x-dialog-drag-handle], x-dialog-drag-handle", never, {}, {}, never, never, true, [{ directive: typeof i1.CdkDragHandle; inputs: { "cdkDragHandleDisabled": "xDialogDragHandleDisabled"; }; outputs: {}; }]>;
551
+ }
552
+ declare class XDialogFullscreenDirective {
553
+ onFullscreenClick(): void;
554
+ dialogRef: XDialogRef<any> | null;
555
+ static ɵfac: _angular_core.ɵɵFactoryDeclaration<XDialogFullscreenDirective, never>;
556
+ static ɵdir: _angular_core.ɵɵDirectiveDeclaration<XDialogFullscreenDirective, "[x-dialog-fullscreen], x-dialog-fullscreen", never, {}, {}, never, never, true, never>;
557
+ }
558
+
559
+ declare class XDialogPortalComponent extends BasePortalOutlet implements XDialogPortalHandle {
560
+ placement: _angular_core.ModelSignal<XDialogAnimationState>;
561
+ get enimateEnter(): string;
562
+ get enimateLeave(): string;
563
+ done(event: AnimationEvent): void;
564
+ start(event: AnimationEvent): void;
565
+ renderer: Renderer2;
566
+ changeDetectorRef: ChangeDetectorRef;
567
+ portalOutlet: _angular_core.Signal<CdkPortalOutlet>;
568
+ dragRef: _angular_core.Signal<CdkDrag<any>>;
569
+ handles: _angular_core.Signal<readonly XDialogDragHandleDirective[]>;
570
+ animationChanged: EventEmitter<XDialogAnimationEvent>;
571
+ option: XDialogRefOption;
572
+ offsetLeft: number;
573
+ offsetTop: number;
574
+ minWidth: string;
575
+ minHeight: string;
576
+ initHeight: number;
577
+ initContentHeight: number;
578
+ dialogContent?: HTMLElement;
579
+ defaultMaximize: boolean;
580
+ overlayElement?: HTMLElement;
581
+ hostElement?: HTMLElement;
582
+ distance: {
583
+ x: number;
584
+ y: number;
585
+ };
586
+ dialogBox: {
587
+ [key: string]: any;
588
+ };
589
+ ngOnInit(): void;
590
+ ngAfterViewInit(): void;
591
+ attachComponentPortal<T>(portal: ComponentPortal<T>): ComponentRef<T>;
592
+ attachTemplatePortal<C>(portal: TemplatePortal<C>): EmbeddedViewRef<C>;
593
+ onDragEnded(event: CdkDragEnd): void;
594
+ static ɵfac: _angular_core.ɵɵFactoryDeclaration<XDialogPortalComponent, never>;
595
+ static ɵcmp: _angular_core.ɵɵComponentDeclaration<XDialogPortalComponent, "x-dialog-portal", never, { "placement": { "alias": "placement"; "required": true; "isSignal": true; }; }, { "placement": "placementChange"; }, ["handles"], never, true, never>;
596
+ }
597
+
518
598
  declare class XDialogModule {
519
599
  static ɵfac: _angular_core.ɵɵFactoryDeclaration<XDialogModule, never>;
520
600
  static ɵmod: _angular_core.ɵɵNgModuleDeclaration<XDialogModule, never, [typeof XDialogComponent, typeof XDialogContainerComponent, typeof XDialogCloseDirective, typeof XDialogTitleDirective, typeof XDialogContentDirective, typeof XDialogActionsDirective, typeof XDialogDragHandleDirective, typeof XDialogFullscreenDirective], [typeof XDialogComponent, typeof XDialogContainerComponent, typeof XDialogCloseDirective, typeof XDialogTitleDirective, typeof XDialogContentDirective, typeof XDialogActionsDirective, typeof XDialogDragHandleDirective, typeof XDialogFullscreenDirective]>;
@@ -539,4 +619,4 @@ declare class XDialogService {
539
619
  }
540
620
 
541
621
  export { XDialogActionsDirective, XDialogCloseDirective, XDialogComponent, XDialogContainer, XDialogContainerComponent, XDialogContainerPrefix, XDialogContainerProperty, XDialogContentDirective, XDialogDragHandleDirective, XDialogFullscreenDirective, XDialogModule, XDialogPortalComponent, XDialogPrefix, XDialogProperty, XDialogRef, XDialogService, XDialogTitleDirective, X_DIALOG_CONFIG_NAME, X_DIALOG_CONTAINER, X_DIALOG_DATA };
542
- export type { XDialogAction, XDialogAnimationEvent, XDialogAnimationState, XDialogCallback, XDialogOverlayRef, XDialogPortalOverlayRef, XDialogRefOption, XDialogType };
622
+ export type { XDialogAction, XDialogAnimationEvent, XDialogAnimationState, XDialogCallback, XDialogHandle, XDialogOverlayRef, XDialogPortalHandle, XDialogPortalOverlayRef, XDialogRefOption, XDialogType };
@@ -0,0 +1,113 @@
1
+ import * as _angular_core from '@angular/core';
2
+ import { ElementRef } from '@angular/core';
3
+ import * as _ng_nest_ui_core from '@ng-nest/ui/core';
4
+ import { XSize } from '@ng-nest/ui/core';
5
+
6
+ /**
7
+ * Divider
8
+ * @selector x-divider
9
+ * @decorator component
10
+ */
11
+ declare const XDividerPrefix = "x-divider";
12
+ declare const XDividerProperty_base: new () => {
13
+ config: _ng_nest_ui_core.XDividerConfig | undefined;
14
+ };
15
+ /**
16
+ * Divider Property
17
+ */
18
+ declare class XDividerProperty extends XDividerProperty_base {
19
+ /**
20
+ * @zh_CN 分割线方向
21
+ * @en_US Divider direction
22
+ * @example
23
+ *
24
+ * ```html
25
+ * <x-divider direction="horizontal">Horizontal</x-divider>
26
+ * <x-divider direction="vertical"></x-divider>
27
+ * ```
28
+ *
29
+ */
30
+ readonly direction: _angular_core.InputSignal<XDividerDirection>;
31
+ /**
32
+ * @zh_CN 标题位置
33
+ * @en_US Title position
34
+ * @example
35
+ *
36
+ * ```html
37
+ * <x-divider position="left">Left</x-divider>
38
+ * <x-divider position="center">Center</x-divider>
39
+ * <x-divider position="right">Right</x-divider>
40
+ * ```
41
+ *
42
+ */
43
+ readonly position: _angular_core.InputSignal<XDividerPosition>;
44
+ /**
45
+ * @zh_CN 分割线变体
46
+ * @en_US Divider variant
47
+ * @example
48
+ *
49
+ * ```html
50
+ * <x-divider variant="solid">Solid</x-divider>
51
+ * <x-divider variant="dashed">Dashed</x-divider>
52
+ * <x-divider variant="dotted">Dotted</x-divider>
53
+ * ```
54
+ *
55
+ */
56
+ readonly variant: _angular_core.InputSignal<XDividerVariant>;
57
+ /**
58
+ * @zh_CN 分割线尺寸(上下间隔)
59
+ * @en_US Divider size (margin)
60
+ * @example
61
+ *
62
+ * ```html
63
+ * <x-divider size="big">Big</x-divider>
64
+ * <x-divider size="large">Large</x-divider>
65
+ * <x-divider size="medium">Medium</x-divider>
66
+ * <x-divider size="small">Small</x-divider>
67
+ * <x-divider size="mini">Mini</x-divider>
68
+ * ```
69
+ *
70
+ */
71
+ readonly size: _angular_core.InputSignal<XSize>;
72
+ static ɵfac: _angular_core.ɵɵFactoryDeclaration<XDividerProperty, never>;
73
+ static ɵcmp: _angular_core.ɵɵComponentDeclaration<XDividerProperty, "x-divider-property", never, { "direction": { "alias": "direction"; "required": false; "isSignal": true; }; "position": { "alias": "position"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
74
+ }
75
+ /**
76
+ * @zh_CN 分割线方向
77
+ * @en_US Divider direction
78
+ */
79
+ type XDividerDirection = 'horizontal' | 'vertical';
80
+ /**
81
+ * @zh_CN 分割线标题位置
82
+ * @en_US Divider title position
83
+ */
84
+ type XDividerPosition = 'left' | 'center' | 'right';
85
+ /**
86
+ * @zh_CN 分割线变体
87
+ * @en_US Divider variant
88
+ */
89
+ type XDividerVariant = 'solid' | 'dashed' | 'dotted';
90
+
91
+ declare class XDividerComponent extends XDividerProperty {
92
+ text: _angular_core.Signal<ElementRef<HTMLElement> | undefined>;
93
+ hasText: _angular_core.Signal<boolean>;
94
+ /**
95
+ * @zh_CN 类名映射
96
+ * @en_US Class map
97
+ */
98
+ classMap: _angular_core.Signal<{
99
+ [x: string]: boolean;
100
+ "x-divider-with-text": boolean;
101
+ }>;
102
+ static ɵfac: _angular_core.ɵɵFactoryDeclaration<XDividerComponent, never>;
103
+ static ɵcmp: _angular_core.ɵɵComponentDeclaration<XDividerComponent, "x-divider", never, {}, {}, never, ["text"], true, never>;
104
+ }
105
+
106
+ declare class XDividerModule {
107
+ static ɵfac: _angular_core.ɵɵFactoryDeclaration<XDividerModule, never>;
108
+ static ɵmod: _angular_core.ɵɵNgModuleDeclaration<XDividerModule, never, [typeof XDividerComponent], [typeof XDividerComponent]>;
109
+ static ɵinj: _angular_core.ɵɵInjectorDeclaration<XDividerModule>;
110
+ }
111
+
112
+ export { XDividerComponent, XDividerModule, XDividerPrefix, XDividerProperty };
113
+ export type { XDividerDirection, XDividerPosition, XDividerVariant };
@@ -194,7 +194,7 @@ class XAutoCompleteProperty extends XFormControlFunction(X_AUTOCOMPLETE_CONFIG_N
194
194
  * @zh_CN 验证不通过提示文字
195
195
  * @en_US Verify not pass the prompt text
196
196
  */
197
- this.message = input([], ...(ngDevMode ? [{ debugName: "message" }] : []));
197
+ this.message = input('', ...(ngDevMode ? [{ debugName: "message" }] : []));
198
198
  /**
199
199
  * @zh_CN 激活状态
200
200
  * @en_US Activation state