@ng-nest/ui 20.2.9 → 20.3.0
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.
- package/auto-complete/index.d.ts +3 -3
- package/cascade/index.d.ts +4 -4
- package/color-picker/index.d.ts +4 -4
- package/date-picker/index.d.ts +7 -7
- package/dropdown/index.d.ts +12 -2
- package/fesm2022/ng-nest-ui-auto-complete.mjs +10 -2
- package/fesm2022/ng-nest-ui-auto-complete.mjs.map +1 -1
- package/fesm2022/ng-nest-ui-cascade.mjs +9 -1
- package/fesm2022/ng-nest-ui-cascade.mjs.map +1 -1
- package/fesm2022/ng-nest-ui-color-picker.mjs +9 -1
- package/fesm2022/ng-nest-ui-color-picker.mjs.map +1 -1
- package/fesm2022/ng-nest-ui-date-picker.mjs +18 -2
- package/fesm2022/ng-nest-ui-date-picker.mjs.map +1 -1
- package/fesm2022/ng-nest-ui-dropdown.mjs +17 -5
- package/fesm2022/ng-nest-ui-dropdown.mjs.map +1 -1
- package/fesm2022/ng-nest-ui-input.mjs +79 -11
- package/fesm2022/ng-nest-ui-input.mjs.map +1 -1
- package/fesm2022/ng-nest-ui-list.mjs +3 -0
- package/fesm2022/ng-nest-ui-list.mjs.map +1 -1
- package/fesm2022/ng-nest-ui-select.mjs +66 -16
- package/fesm2022/ng-nest-ui-select.mjs.map +1 -1
- package/fesm2022/ng-nest-ui-tree-select.mjs +11 -3
- package/fesm2022/ng-nest-ui-tree-select.mjs.map +1 -1
- package/input/index.d.ts +29 -1
- package/list/index.d.ts +31 -20
- package/package.json +46 -46
- package/select/index.d.ts +43 -3
- package/tree-select/index.d.ts +4 -4
package/list/index.d.ts
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import * as _angular_core from '@angular/core';
|
|
2
|
-
import {
|
|
2
|
+
import { TemplateRef, ElementRef, OnChanges, QueryList, SimpleChanges, InjectionToken, OnDestroy } from '@angular/core';
|
|
3
3
|
import * as rxjs from 'rxjs';
|
|
4
4
|
import { Subscription } from 'rxjs';
|
|
5
5
|
import * as _ng_nest_ui_core from '@ng-nest/ui/core';
|
|
@@ -9,23 +9,6 @@ import { Highlightable, ActiveDescendantKeyManager } from '@angular/cdk/a11y';
|
|
|
9
9
|
import { XI18nList } from '@ng-nest/ui/i18n';
|
|
10
10
|
import { CdkVirtualScrollViewport } from '@angular/cdk/scrolling';
|
|
11
11
|
|
|
12
|
-
declare class XListOptionComponent extends XListOptionProperty implements Highlightable {
|
|
13
|
-
role: string;
|
|
14
|
-
elementRef: ElementRef<any>;
|
|
15
|
-
classMap: _angular_core.Signal<{}>;
|
|
16
|
-
disabled: boolean;
|
|
17
|
-
nodeStyleComputed: _angular_core.Signal<{
|
|
18
|
-
[x: string]: any;
|
|
19
|
-
}>;
|
|
20
|
-
constructor();
|
|
21
|
-
ngOnDestroy(): void;
|
|
22
|
-
setActiveStyles(): void;
|
|
23
|
-
setInactiveStyles(): void;
|
|
24
|
-
getLabel(): string;
|
|
25
|
-
static ɵfac: _angular_core.ɵɵFactoryDeclaration<XListOptionComponent, never>;
|
|
26
|
-
static ɵcmp: _angular_core.ɵɵComponentDeclaration<XListOptionComponent, "x-list-option", never, {}, {}, never, never, true, never>;
|
|
27
|
-
}
|
|
28
|
-
|
|
29
12
|
/**
|
|
30
13
|
* List
|
|
31
14
|
* @selector x-list
|
|
@@ -316,8 +299,18 @@ interface XListNode extends XParentIdentityProperty<XListNode> {
|
|
|
316
299
|
* @zh_CN 对应的节点组件
|
|
317
300
|
* @en_US List option component
|
|
318
301
|
*/
|
|
319
|
-
component?:
|
|
302
|
+
component?: XListOptionHandle;
|
|
320
303
|
}
|
|
304
|
+
/**
|
|
305
|
+
* @zh_CN 对应的节点组件
|
|
306
|
+
* @en_US List option component
|
|
307
|
+
*/
|
|
308
|
+
type XListOptionHandle = {
|
|
309
|
+
setActiveStyles(): void;
|
|
310
|
+
setInactiveStyles(): void;
|
|
311
|
+
getLabel(): string;
|
|
312
|
+
getElementRef(): ElementRef<HTMLElement>;
|
|
313
|
+
};
|
|
321
314
|
/**
|
|
322
315
|
* List Option
|
|
323
316
|
* @selector x-list-option
|
|
@@ -450,6 +443,24 @@ type XListDragDrop = {
|
|
|
450
443
|
event: CdkDragDrop<XListNode[]>;
|
|
451
444
|
};
|
|
452
445
|
|
|
446
|
+
declare class XListOptionComponent extends XListOptionProperty implements Highlightable, XListOptionHandle {
|
|
447
|
+
role: string;
|
|
448
|
+
elementRef: ElementRef<HTMLElement>;
|
|
449
|
+
classMap: _angular_core.Signal<{}>;
|
|
450
|
+
disabled: boolean;
|
|
451
|
+
nodeStyleComputed: _angular_core.Signal<{
|
|
452
|
+
[x: string]: any;
|
|
453
|
+
}>;
|
|
454
|
+
constructor();
|
|
455
|
+
ngOnDestroy(): void;
|
|
456
|
+
setActiveStyles(): void;
|
|
457
|
+
setInactiveStyles(): void;
|
|
458
|
+
getLabel(): string;
|
|
459
|
+
getElementRef(): ElementRef<HTMLElement>;
|
|
460
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<XListOptionComponent, never>;
|
|
461
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<XListOptionComponent, "x-list-option", never, {}, {}, never, never, true, never>;
|
|
462
|
+
}
|
|
463
|
+
|
|
453
464
|
declare class XListComponent extends XListProperty implements OnChanges {
|
|
454
465
|
private unSubject;
|
|
455
466
|
private i18n;
|
|
@@ -539,4 +550,4 @@ declare class XListModule {
|
|
|
539
550
|
}
|
|
540
551
|
|
|
541
552
|
export { XListComponent, XListDropGroup, XListModule, XListOptionComponent, XListOptionPrefix, XListOptionProperty, XListPrefix, XListProperty, X_LIST_DROP_GROUP };
|
|
542
|
-
export type { XListDragDrop, XListNode };
|
|
553
|
+
export type { XListDragDrop, XListNode, XListOptionHandle };
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@ng-nest/ui",
|
|
3
|
-
"version": "20.
|
|
3
|
+
"version": "20.3.0",
|
|
4
4
|
"license": "MIT",
|
|
5
5
|
"homepage": "https://www.ngnest.com",
|
|
6
6
|
"author": "ng-nest",
|
|
@@ -45,14 +45,14 @@
|
|
|
45
45
|
"types": "./anchor/index.d.ts",
|
|
46
46
|
"default": "./fesm2022/ng-nest-ui-anchor.mjs"
|
|
47
47
|
},
|
|
48
|
-
"./api": {
|
|
49
|
-
"types": "./api/index.d.ts",
|
|
50
|
-
"default": "./fesm2022/ng-nest-ui-api.mjs"
|
|
51
|
-
},
|
|
52
48
|
"./attachments": {
|
|
53
49
|
"types": "./attachments/index.d.ts",
|
|
54
50
|
"default": "./fesm2022/ng-nest-ui-attachments.mjs"
|
|
55
51
|
},
|
|
52
|
+
"./api": {
|
|
53
|
+
"types": "./api/index.d.ts",
|
|
54
|
+
"default": "./fesm2022/ng-nest-ui-api.mjs"
|
|
55
|
+
},
|
|
56
56
|
"./auto-complete": {
|
|
57
57
|
"types": "./auto-complete/index.d.ts",
|
|
58
58
|
"default": "./fesm2022/ng-nest-ui-auto-complete.mjs"
|
|
@@ -85,22 +85,22 @@
|
|
|
85
85
|
"types": "./calendar/index.d.ts",
|
|
86
86
|
"default": "./fesm2022/ng-nest-ui-calendar.mjs"
|
|
87
87
|
},
|
|
88
|
-
"./card": {
|
|
89
|
-
"types": "./card/index.d.ts",
|
|
90
|
-
"default": "./fesm2022/ng-nest-ui-card.mjs"
|
|
91
|
-
},
|
|
92
88
|
"./carousel": {
|
|
93
89
|
"types": "./carousel/index.d.ts",
|
|
94
90
|
"default": "./fesm2022/ng-nest-ui-carousel.mjs"
|
|
95
91
|
},
|
|
96
|
-
"./
|
|
97
|
-
"types": "./
|
|
98
|
-
"default": "./fesm2022/ng-nest-ui-
|
|
92
|
+
"./card": {
|
|
93
|
+
"types": "./card/index.d.ts",
|
|
94
|
+
"default": "./fesm2022/ng-nest-ui-card.mjs"
|
|
99
95
|
},
|
|
100
96
|
"./cascade": {
|
|
101
97
|
"types": "./cascade/index.d.ts",
|
|
102
98
|
"default": "./fesm2022/ng-nest-ui-cascade.mjs"
|
|
103
99
|
},
|
|
100
|
+
"./checkbox": {
|
|
101
|
+
"types": "./checkbox/index.d.ts",
|
|
102
|
+
"default": "./fesm2022/ng-nest-ui-checkbox.mjs"
|
|
103
|
+
},
|
|
104
104
|
"./collapse": {
|
|
105
105
|
"types": "./collapse/index.d.ts",
|
|
106
106
|
"default": "./fesm2022/ng-nest-ui-collapse.mjs"
|
|
@@ -137,14 +137,14 @@
|
|
|
137
137
|
"types": "./date-picker/index.d.ts",
|
|
138
138
|
"default": "./fesm2022/ng-nest-ui-date-picker.mjs"
|
|
139
139
|
},
|
|
140
|
-
"./description": {
|
|
141
|
-
"types": "./description/index.d.ts",
|
|
142
|
-
"default": "./fesm2022/ng-nest-ui-description.mjs"
|
|
143
|
-
},
|
|
144
140
|
"./dialog": {
|
|
145
141
|
"types": "./dialog/index.d.ts",
|
|
146
142
|
"default": "./fesm2022/ng-nest-ui-dialog.mjs"
|
|
147
143
|
},
|
|
144
|
+
"./description": {
|
|
145
|
+
"types": "./description/index.d.ts",
|
|
146
|
+
"default": "./fesm2022/ng-nest-ui-description.mjs"
|
|
147
|
+
},
|
|
148
148
|
"./doc": {
|
|
149
149
|
"types": "./doc/index.d.ts",
|
|
150
150
|
"default": "./fesm2022/ng-nest-ui-doc.mjs"
|
|
@@ -161,10 +161,6 @@
|
|
|
161
161
|
"types": "./dropdown/index.d.ts",
|
|
162
162
|
"default": "./fesm2022/ng-nest-ui-dropdown.mjs"
|
|
163
163
|
},
|
|
164
|
-
"./empty": {
|
|
165
|
-
"types": "./empty/index.d.ts",
|
|
166
|
-
"default": "./fesm2022/ng-nest-ui-empty.mjs"
|
|
167
|
-
},
|
|
168
164
|
"./find": {
|
|
169
165
|
"types": "./find/index.d.ts",
|
|
170
166
|
"default": "./fesm2022/ng-nest-ui-find.mjs"
|
|
@@ -177,6 +173,10 @@
|
|
|
177
173
|
"types": "./form/index.d.ts",
|
|
178
174
|
"default": "./fesm2022/ng-nest-ui-form.mjs"
|
|
179
175
|
},
|
|
176
|
+
"./empty": {
|
|
177
|
+
"types": "./empty/index.d.ts",
|
|
178
|
+
"default": "./fesm2022/ng-nest-ui-empty.mjs"
|
|
179
|
+
},
|
|
180
180
|
"./highlight": {
|
|
181
181
|
"types": "./highlight/index.d.ts",
|
|
182
182
|
"default": "./fesm2022/ng-nest-ui-highlight.mjs"
|
|
@@ -213,22 +213,22 @@
|
|
|
213
213
|
"types": "./layout/index.d.ts",
|
|
214
214
|
"default": "./fesm2022/ng-nest-ui-layout.mjs"
|
|
215
215
|
},
|
|
216
|
-
"./link": {
|
|
217
|
-
"types": "./link/index.d.ts",
|
|
218
|
-
"default": "./fesm2022/ng-nest-ui-link.mjs"
|
|
219
|
-
},
|
|
220
216
|
"./list": {
|
|
221
217
|
"types": "./list/index.d.ts",
|
|
222
218
|
"default": "./fesm2022/ng-nest-ui-list.mjs"
|
|
223
219
|
},
|
|
224
|
-
"./
|
|
225
|
-
"types": "./
|
|
226
|
-
"default": "./fesm2022/ng-nest-ui-
|
|
220
|
+
"./link": {
|
|
221
|
+
"types": "./link/index.d.ts",
|
|
222
|
+
"default": "./fesm2022/ng-nest-ui-link.mjs"
|
|
227
223
|
},
|
|
228
224
|
"./menu": {
|
|
229
225
|
"types": "./menu/index.d.ts",
|
|
230
226
|
"default": "./fesm2022/ng-nest-ui-menu.mjs"
|
|
231
227
|
},
|
|
228
|
+
"./loading": {
|
|
229
|
+
"types": "./loading/index.d.ts",
|
|
230
|
+
"default": "./fesm2022/ng-nest-ui-loading.mjs"
|
|
231
|
+
},
|
|
232
232
|
"./message": {
|
|
233
233
|
"types": "./message/index.d.ts",
|
|
234
234
|
"default": "./fesm2022/ng-nest-ui-message.mjs"
|
|
@@ -309,10 +309,6 @@
|
|
|
309
309
|
"types": "./sender/index.d.ts",
|
|
310
310
|
"default": "./fesm2022/ng-nest-ui-sender.mjs"
|
|
311
311
|
},
|
|
312
|
-
"./skeleton": {
|
|
313
|
-
"types": "./skeleton/index.d.ts",
|
|
314
|
-
"default": "./fesm2022/ng-nest-ui-skeleton.mjs"
|
|
315
|
-
},
|
|
316
312
|
"./slider": {
|
|
317
313
|
"types": "./slider/index.d.ts",
|
|
318
314
|
"default": "./fesm2022/ng-nest-ui-slider.mjs"
|
|
@@ -325,6 +321,10 @@
|
|
|
325
321
|
"types": "./statistic/index.d.ts",
|
|
326
322
|
"default": "./fesm2022/ng-nest-ui-statistic.mjs"
|
|
327
323
|
},
|
|
324
|
+
"./skeleton": {
|
|
325
|
+
"types": "./skeleton/index.d.ts",
|
|
326
|
+
"default": "./fesm2022/ng-nest-ui-skeleton.mjs"
|
|
327
|
+
},
|
|
328
328
|
"./steps": {
|
|
329
329
|
"types": "./steps/index.d.ts",
|
|
330
330
|
"default": "./fesm2022/ng-nest-ui-steps.mjs"
|
|
@@ -337,10 +337,6 @@
|
|
|
337
337
|
"types": "./switch/index.d.ts",
|
|
338
338
|
"default": "./fesm2022/ng-nest-ui-switch.mjs"
|
|
339
339
|
},
|
|
340
|
-
"./table": {
|
|
341
|
-
"types": "./table/index.d.ts",
|
|
342
|
-
"default": "./fesm2022/ng-nest-ui-table.mjs"
|
|
343
|
-
},
|
|
344
340
|
"./table-view": {
|
|
345
341
|
"types": "./table-view/index.d.ts",
|
|
346
342
|
"default": "./fesm2022/ng-nest-ui-table-view.mjs"
|
|
@@ -349,6 +345,10 @@
|
|
|
349
345
|
"types": "./tabs/index.d.ts",
|
|
350
346
|
"default": "./fesm2022/ng-nest-ui-tabs.mjs"
|
|
351
347
|
},
|
|
348
|
+
"./table": {
|
|
349
|
+
"types": "./table/index.d.ts",
|
|
350
|
+
"default": "./fesm2022/ng-nest-ui-table.mjs"
|
|
351
|
+
},
|
|
352
352
|
"./tag": {
|
|
353
353
|
"types": "./tag/index.d.ts",
|
|
354
354
|
"default": "./fesm2022/ng-nest-ui-tag.mjs"
|
|
@@ -377,18 +377,10 @@
|
|
|
377
377
|
"types": "./time-picker/index.d.ts",
|
|
378
378
|
"default": "./fesm2022/ng-nest-ui-time-picker.mjs"
|
|
379
379
|
},
|
|
380
|
-
"./time-range": {
|
|
381
|
-
"types": "./time-range/index.d.ts",
|
|
382
|
-
"default": "./fesm2022/ng-nest-ui-time-range.mjs"
|
|
383
|
-
},
|
|
384
380
|
"./timeline": {
|
|
385
381
|
"types": "./timeline/index.d.ts",
|
|
386
382
|
"default": "./fesm2022/ng-nest-ui-timeline.mjs"
|
|
387
383
|
},
|
|
388
|
-
"./tooltip": {
|
|
389
|
-
"types": "./tooltip/index.d.ts",
|
|
390
|
-
"default": "./fesm2022/ng-nest-ui-tooltip.mjs"
|
|
391
|
-
},
|
|
392
384
|
"./transfer": {
|
|
393
385
|
"types": "./transfer/index.d.ts",
|
|
394
386
|
"default": "./fesm2022/ng-nest-ui-transfer.mjs"
|
|
@@ -397,14 +389,22 @@
|
|
|
397
389
|
"types": "./tree/index.d.ts",
|
|
398
390
|
"default": "./fesm2022/ng-nest-ui-tree.mjs"
|
|
399
391
|
},
|
|
400
|
-
"./
|
|
401
|
-
"types": "./
|
|
402
|
-
"default": "./fesm2022/ng-nest-ui-
|
|
392
|
+
"./time-range": {
|
|
393
|
+
"types": "./time-range/index.d.ts",
|
|
394
|
+
"default": "./fesm2022/ng-nest-ui-time-range.mjs"
|
|
395
|
+
},
|
|
396
|
+
"./tooltip": {
|
|
397
|
+
"types": "./tooltip/index.d.ts",
|
|
398
|
+
"default": "./fesm2022/ng-nest-ui-tooltip.mjs"
|
|
403
399
|
},
|
|
404
400
|
"./tree-select": {
|
|
405
401
|
"types": "./tree-select/index.d.ts",
|
|
406
402
|
"default": "./fesm2022/ng-nest-ui-tree-select.mjs"
|
|
407
403
|
},
|
|
404
|
+
"./tree-file": {
|
|
405
|
+
"types": "./tree-file/index.d.ts",
|
|
406
|
+
"default": "./fesm2022/ng-nest-ui-tree-file.mjs"
|
|
407
|
+
},
|
|
408
408
|
"./typography": {
|
|
409
409
|
"types": "./typography/index.d.ts",
|
|
410
410
|
"default": "./fesm2022/ng-nest-ui-typography.mjs"
|
package/select/index.d.ts
CHANGED
|
@@ -87,6 +87,21 @@ declare class XSelectProperty extends XSelectProperty_base {
|
|
|
87
87
|
* @en_US width
|
|
88
88
|
*/
|
|
89
89
|
readonly width: _angular_core.InputSignalWithTransform<string, XNumber>;
|
|
90
|
+
/**
|
|
91
|
+
* @zh_CN 自适应宽度,需要有默认值
|
|
92
|
+
* @en_US auto width,needs a default value
|
|
93
|
+
*/
|
|
94
|
+
readonly autoWidth: _angular_core.InputSignalWithTransform<boolean, XBoolean>;
|
|
95
|
+
/**
|
|
96
|
+
* @zh_CN 自适应最小的宽度
|
|
97
|
+
* @en_US auto min width
|
|
98
|
+
*/
|
|
99
|
+
readonly autoMinWidth: _angular_core.InputSignalWithTransform<number, XNumber>;
|
|
100
|
+
/**
|
|
101
|
+
* @zh_CN 自适应最大的宽度
|
|
102
|
+
* @en_US auto max width,input needs a default value
|
|
103
|
+
*/
|
|
104
|
+
readonly autoMaxWidth: _angular_core.InputSignalWithTransform<number | null, XNumber>;
|
|
90
105
|
/**
|
|
91
106
|
* @zh_CN 清除按钮
|
|
92
107
|
* @en_US Clear button
|
|
@@ -191,6 +206,11 @@ declare class XSelectProperty extends XSelectProperty_base {
|
|
|
191
206
|
* @en_US Allow the use of input values as selector values during search
|
|
192
207
|
*/
|
|
193
208
|
readonly allowInput: _angular_core.InputSignalWithTransform<boolean, XBoolean>;
|
|
209
|
+
/**
|
|
210
|
+
* @zh_CN 自定义下拉框中的内容
|
|
211
|
+
* @en_US Custom content in the drop-down box
|
|
212
|
+
*/
|
|
213
|
+
readonly portalTemp: _angular_core.InputSignal<TemplateRef<any> | undefined>;
|
|
194
214
|
/**
|
|
195
215
|
* @zh_CN 浮动标签
|
|
196
216
|
* @en_US Float label
|
|
@@ -301,8 +321,13 @@ declare class XSelectProperty extends XSelectProperty_base {
|
|
|
301
321
|
* @en_US Enter the verification function
|
|
302
322
|
*/
|
|
303
323
|
readonly inputValidator: _angular_core.InputSignal<((value: any) => boolean) | undefined>;
|
|
324
|
+
/**
|
|
325
|
+
* @zh_CN 输入值变化事件
|
|
326
|
+
* @en_US Input value change event
|
|
327
|
+
*/
|
|
328
|
+
readonly searchChange: _angular_core.OutputEmitterRef<any>;
|
|
304
329
|
static ɵfac: _angular_core.ɵɵFactoryDeclaration<XSelectProperty, never>;
|
|
305
|
-
static ɵcmp: _angular_core.ɵɵComponentDeclaration<XSelectProperty, "x-select-property", never, { "data": { "alias": "data"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "width": { "alias": "width"; "required": false; "isSignal": true; }; "clearable": { "alias": "clearable"; "required": false; "isSignal": true; }; "async": { "alias": "async"; "required": false; "isSignal": true; }; "placement": { "alias": "placement"; "required": false; "isSignal": true; }; "multiple": { "alias": "multiple"; "required": false; "isSignal": true; }; "selectAll": { "alias": "selectAll"; "required": false; "isSignal": true; }; "selectAllText": { "alias": "selectAllText"; "required": false; "isSignal": true; }; "nodeTpl": { "alias": "nodeTpl"; "required": false; "isSignal": true; }; "bordered": { "alias": "bordered"; "required": false; "isSignal": true; }; "inputStyle": { "alias": "inputStyle"; "required": false; "isSignal": true; }; "portalMaxHeight": { "alias": "portalMaxHeight"; "required": false; "isSignal": true; }; "portalHeight": { "alias": "portalHeight"; "required": false; "isSignal": true; }; "portalWidth": { "alias": "portalWidth"; "required": false; "isSignal": true; }; "portalClass": { "alias": "portalClass"; "required": false; "isSignal": true; }; "search": { "alias": "search"; "required": false; "isSignal": true; }; "caseSensitive": { "alias": "caseSensitive"; "required": false; "isSignal": true; }; "debounceTime": { "alias": "debounceTime"; "required": false; "isSignal": true; }; "maxTagCount": { "alias": "maxTagCount"; "required": false; "isSignal": true; }; "maxTagContent": { "alias": "maxTagContent"; "required": false; "isSignal": true; }; "virtualScroll": { "alias": "virtualScroll"; "required": false; "isSignal": true; }; "allowInput": { "alias": "allowInput"; "required": false; "isSignal": true; }; "floatLabel": { "alias": "floatLabel"; "required": false; "isSignal": true; }; "floatFixed": { "alias": "floatFixed"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "pointer": { "alias": "pointer"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "labelWidth": { "alias": "labelWidth"; "required": false; "isSignal": true; }; "labelAlign": { "alias": "labelAlign"; "required": false; "isSignal": true; }; "justify": { "alias": "justify"; "required": false; "isSignal": true; }; "align": { "alias": "align"; "required": false; "isSignal": true; }; "direction": { "alias": "direction"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "readonly": { "alias": "readonly"; "required": false; "isSignal": true; }; "valueTpl": { "alias": "valueTpl"; "required": false; "isSignal": true; }; "valueTplContext": { "alias": "valueTplContext"; "required": false; "isSignal": true; }; "before": { "alias": "before"; "required": false; "isSignal": true; }; "after": { "alias": "after"; "required": false; "isSignal": true; }; "pattern": { "alias": "pattern"; "required": false; "isSignal": true; }; "message": { "alias": "message"; "required": false; "isSignal": true; }; "active": { "alias": "active"; "required": false; "isSignal": true; }; "inputValidator": { "alias": "inputValidator"; "required": false; "isSignal": true; }; }, { "active": "activeChange"; }, never, never, true, never>;
|
|
330
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<XSelectProperty, "x-select-property", never, { "data": { "alias": "data"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "width": { "alias": "width"; "required": false; "isSignal": true; }; "autoWidth": { "alias": "autoWidth"; "required": false; "isSignal": true; }; "autoMinWidth": { "alias": "autoMinWidth"; "required": false; "isSignal": true; }; "autoMaxWidth": { "alias": "autoMaxWidth"; "required": false; "isSignal": true; }; "clearable": { "alias": "clearable"; "required": false; "isSignal": true; }; "async": { "alias": "async"; "required": false; "isSignal": true; }; "placement": { "alias": "placement"; "required": false; "isSignal": true; }; "multiple": { "alias": "multiple"; "required": false; "isSignal": true; }; "selectAll": { "alias": "selectAll"; "required": false; "isSignal": true; }; "selectAllText": { "alias": "selectAllText"; "required": false; "isSignal": true; }; "nodeTpl": { "alias": "nodeTpl"; "required": false; "isSignal": true; }; "bordered": { "alias": "bordered"; "required": false; "isSignal": true; }; "inputStyle": { "alias": "inputStyle"; "required": false; "isSignal": true; }; "portalMaxHeight": { "alias": "portalMaxHeight"; "required": false; "isSignal": true; }; "portalHeight": { "alias": "portalHeight"; "required": false; "isSignal": true; }; "portalWidth": { "alias": "portalWidth"; "required": false; "isSignal": true; }; "portalClass": { "alias": "portalClass"; "required": false; "isSignal": true; }; "search": { "alias": "search"; "required": false; "isSignal": true; }; "caseSensitive": { "alias": "caseSensitive"; "required": false; "isSignal": true; }; "debounceTime": { "alias": "debounceTime"; "required": false; "isSignal": true; }; "maxTagCount": { "alias": "maxTagCount"; "required": false; "isSignal": true; }; "maxTagContent": { "alias": "maxTagContent"; "required": false; "isSignal": true; }; "virtualScroll": { "alias": "virtualScroll"; "required": false; "isSignal": true; }; "allowInput": { "alias": "allowInput"; "required": false; "isSignal": true; }; "portalTemp": { "alias": "portalTemp"; "required": false; "isSignal": true; }; "floatLabel": { "alias": "floatLabel"; "required": false; "isSignal": true; }; "floatFixed": { "alias": "floatFixed"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "pointer": { "alias": "pointer"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "labelWidth": { "alias": "labelWidth"; "required": false; "isSignal": true; }; "labelAlign": { "alias": "labelAlign"; "required": false; "isSignal": true; }; "justify": { "alias": "justify"; "required": false; "isSignal": true; }; "align": { "alias": "align"; "required": false; "isSignal": true; }; "direction": { "alias": "direction"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "readonly": { "alias": "readonly"; "required": false; "isSignal": true; }; "valueTpl": { "alias": "valueTpl"; "required": false; "isSignal": true; }; "valueTplContext": { "alias": "valueTplContext"; "required": false; "isSignal": true; }; "before": { "alias": "before"; "required": false; "isSignal": true; }; "after": { "alias": "after"; "required": false; "isSignal": true; }; "pattern": { "alias": "pattern"; "required": false; "isSignal": true; }; "message": { "alias": "message"; "required": false; "isSignal": true; }; "active": { "alias": "active"; "required": false; "isSignal": true; }; "inputValidator": { "alias": "inputValidator"; "required": false; "isSignal": true; }; }, { "active": "activeChange"; "searchChange": "searchChange"; }, never, never, true, never>;
|
|
306
331
|
}
|
|
307
332
|
/**
|
|
308
333
|
* Select Option
|
|
@@ -405,6 +430,11 @@ interface XSelectOption extends XFormOption {
|
|
|
405
430
|
* @en_US Allow the use of input values as selector values during search
|
|
406
431
|
*/
|
|
407
432
|
allowInput?: boolean;
|
|
433
|
+
/**
|
|
434
|
+
* @zh_CN 自定义下拉框中的内容
|
|
435
|
+
* @en_US Custom content in the drop-down box
|
|
436
|
+
*/
|
|
437
|
+
portalTemp?: TemplateRef<any>;
|
|
408
438
|
/**
|
|
409
439
|
* @zh_CN 浮动标签
|
|
410
440
|
* @en_US Float label
|
|
@@ -548,7 +578,7 @@ declare class XSelectPortalComponent implements OnInit {
|
|
|
548
578
|
private unSubject;
|
|
549
579
|
private destroyRef;
|
|
550
580
|
private i18n;
|
|
551
|
-
list: _angular_core.Signal<XListComponent>;
|
|
581
|
+
list: _angular_core.Signal<XListComponent | undefined>;
|
|
552
582
|
value: _angular_core.ModelSignal<any>;
|
|
553
583
|
data: _angular_core.InputSignal<XSelectNode[] | undefined>;
|
|
554
584
|
placement: _angular_core.InputSignal<XPlacement>;
|
|
@@ -566,6 +596,14 @@ declare class XSelectPortalComponent implements OnInit {
|
|
|
566
596
|
keywordText: _angular_core.InputSignal<any>;
|
|
567
597
|
size: _angular_core.InputSignal<XSize | undefined>;
|
|
568
598
|
showPortal: _angular_core.WritableSignal<boolean>;
|
|
599
|
+
portalTemp: _angular_core.InputSignal<TemplateRef<any> | undefined>;
|
|
600
|
+
portalTempContext: _angular_core.Signal<{
|
|
601
|
+
$implicit: XSelectNode[] | undefined;
|
|
602
|
+
$data: XSelectNode[] | undefined;
|
|
603
|
+
$value: any;
|
|
604
|
+
$close: () => void;
|
|
605
|
+
$nodeClick: (node: XSelectNode) => void;
|
|
606
|
+
}>;
|
|
569
607
|
animating: _angular_core.OutputEmitterRef<boolean>;
|
|
570
608
|
nodeClick: _angular_core.OutputEmitterRef<{
|
|
571
609
|
node: XSelectNode | null;
|
|
@@ -587,7 +625,7 @@ declare class XSelectPortalComponent implements OnInit {
|
|
|
587
625
|
onActive(num: number): void;
|
|
588
626
|
onTabOut(): void;
|
|
589
627
|
static ɵfac: _angular_core.ɵɵFactoryDeclaration<XSelectPortalComponent, never>;
|
|
590
|
-
static ɵcmp: _angular_core.ɵɵComponentDeclaration<XSelectPortalComponent, "x-select-portal", never, { "value": { "alias": "value"; "required": false; "isSignal": true; }; "data": { "alias": "data"; "required": false; "isSignal": true; }; "placement": { "alias": "placement"; "required": false; "isSignal": true; }; "multiple": { "alias": "multiple"; "required": false; "isSignal": true; }; "nodeTpl": { "alias": "nodeTpl"; "required": false; "isSignal": true; }; "inputCom": { "alias": "inputCom"; "required": false; "isSignal": true; }; "portalMaxHeight": { "alias": "portalMaxHeight"; "required": false; "isSignal": true; }; "portalHeight": { "alias": "portalHeight"; "required": false; "isSignal": true; }; "objectArray": { "alias": "objectArray"; "required": false; "isSignal": true; }; "selectAll": { "alias": "selectAll"; "required": false; "isSignal": true; }; "selectAllText": { "alias": "selectAllText"; "required": false; "isSignal": true; }; "caseSensitive": { "alias": "caseSensitive"; "required": false; "isSignal": true; }; "search": { "alias": "search"; "required": false; "isSignal": true; }; "virtualScroll": { "alias": "virtualScroll"; "required": false; "isSignal": true; }; "keywordText": { "alias": "keywordText"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; "animating": "animating"; "nodeClick": "nodeClick"; }, never, never, true, never>;
|
|
628
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<XSelectPortalComponent, "x-select-portal", never, { "value": { "alias": "value"; "required": false; "isSignal": true; }; "data": { "alias": "data"; "required": false; "isSignal": true; }; "placement": { "alias": "placement"; "required": false; "isSignal": true; }; "multiple": { "alias": "multiple"; "required": false; "isSignal": true; }; "nodeTpl": { "alias": "nodeTpl"; "required": false; "isSignal": true; }; "inputCom": { "alias": "inputCom"; "required": false; "isSignal": true; }; "portalMaxHeight": { "alias": "portalMaxHeight"; "required": false; "isSignal": true; }; "portalHeight": { "alias": "portalHeight"; "required": false; "isSignal": true; }; "objectArray": { "alias": "objectArray"; "required": false; "isSignal": true; }; "selectAll": { "alias": "selectAll"; "required": false; "isSignal": true; }; "selectAllText": { "alias": "selectAllText"; "required": false; "isSignal": true; }; "caseSensitive": { "alias": "caseSensitive"; "required": false; "isSignal": true; }; "search": { "alias": "search"; "required": false; "isSignal": true; }; "virtualScroll": { "alias": "virtualScroll"; "required": false; "isSignal": true; }; "keywordText": { "alias": "keywordText"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "portalTemp": { "alias": "portalTemp"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; "animating": "animating"; "nodeClick": "nodeClick"; }, never, never, true, never>;
|
|
591
629
|
}
|
|
592
630
|
|
|
593
631
|
declare class XSelectComponent extends XSelectProperty implements OnInit, OnChanges, AfterViewInit, OnDestroy {
|
|
@@ -683,6 +721,8 @@ declare class XSelectComponent extends XSelectProperty implements OnInit, OnChan
|
|
|
683
721
|
setPlacement(): _angular_cdk_overlay.PositionStrategy;
|
|
684
722
|
setPortal(): void;
|
|
685
723
|
onKeydown($event: KeyboardEvent): void;
|
|
724
|
+
portalClose(): void;
|
|
725
|
+
portalNodeClick(node: XSelectNode, value?: XSelectNode[] | (string | number)[]): void;
|
|
686
726
|
onFocus(_event: Event): void;
|
|
687
727
|
onInput(_event: InputEvent): void;
|
|
688
728
|
static ɵfac: _angular_core.ɵɵFactoryDeclaration<XSelectComponent, never>;
|
package/tree-select/index.d.ts
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import * as _angular_cdk_overlay from '@angular/cdk/overlay';
|
|
2
2
|
import { OverlayRef, OverlayConfig } from '@angular/cdk/overlay';
|
|
3
3
|
import * as _ng_nest_ui_core from '@ng-nest/ui/core';
|
|
4
|
-
import { XBoolean, XTemplate, XNumber, XAlign, XJustify, XDirection, XSize, XData, XParentIdentityProperty, XVariant,
|
|
4
|
+
import { XBoolean, XTemplate, XNumber, XAlign, XJustify, XDirection, XSize, XData, XParentIdentityProperty, XVariant, XPlacement, XFloatLabel } from '@ng-nest/ui/core';
|
|
5
5
|
import * as _angular_core from '@angular/core';
|
|
6
6
|
import { TemplateRef, OnInit, OnChanges, AfterViewInit, OnDestroy, ChangeDetectorRef, ElementRef, ComponentRef, SimpleChanges } from '@angular/core';
|
|
7
7
|
import * as rxjs from 'rxjs';
|
|
@@ -101,7 +101,7 @@ declare class XTreeSelectProperty extends XTreeSelectProperty_base {
|
|
|
101
101
|
* @zh_CN 展示方位
|
|
102
102
|
* @en_US Display position
|
|
103
103
|
*/
|
|
104
|
-
readonly placement: _angular_core.InputSignal<
|
|
104
|
+
readonly placement: _angular_core.InputSignal<XPlacement>;
|
|
105
105
|
/**
|
|
106
106
|
* @zh_CN 多选功能
|
|
107
107
|
* @en_US Multiple choice
|
|
@@ -349,7 +349,7 @@ interface XTreeSelectOption extends XFormOption {
|
|
|
349
349
|
* @zh_CN 展示方位
|
|
350
350
|
* @en_US Display position
|
|
351
351
|
*/
|
|
352
|
-
placement?:
|
|
352
|
+
placement?: XPlacement;
|
|
353
353
|
/**
|
|
354
354
|
* @zh_CN 多选功能
|
|
355
355
|
* @en_US Multiple choice
|
|
@@ -595,7 +595,7 @@ declare class XTreeSelectPortalComponent {
|
|
|
595
595
|
private i18n;
|
|
596
596
|
value: _angular_core.ModelSignal<any>;
|
|
597
597
|
data: _angular_core.InputSignal<XTreeSelectNode[]>;
|
|
598
|
-
placement: _angular_core.InputSignal<XPlacement>;
|
|
598
|
+
placement: _angular_core.InputSignal<XPlacement | undefined>;
|
|
599
599
|
multiple: _angular_core.InputSignal<boolean>;
|
|
600
600
|
nodeTpl: _angular_core.InputSignal<TemplateRef<any> | undefined>;
|
|
601
601
|
inputCom: _angular_core.InputSignal<XInputComponent | undefined>;
|