@alauda/ui 6.4.6-beta.2 → 6.4.6-beta.3
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/alauda-ui.d.ts +0 -3
- package/button/button.types.d.ts +0 -9
- package/esm2020/accordion/accordion-item/accordion-item.component.mjs +1 -3
- package/esm2020/alauda-ui.mjs +1 -4
- package/esm2020/anchor/anchor.component.mjs +1 -2
- package/esm2020/back-top/back-top.component.mjs +2 -4
- package/esm2020/button/button.component.mjs +1 -2
- package/esm2020/button/button.types.mjs +1 -10
- package/esm2020/date-picker/calendar/constant.mjs +1 -2
- package/esm2020/date-picker/calendar/header/component.mjs +1 -5
- package/esm2020/date-picker/calendar/panel/picker-panel.mjs +1 -5
- package/esm2020/date-picker/calendar/range-picker-panel/component.mjs +1 -3
- package/esm2020/date-picker/calendar/util.mjs +1 -2
- package/esm2020/dialog/dialog-content/dialog-content.component.mjs +1 -2
- package/esm2020/dialog/dialog.component.mjs +2 -2
- package/esm2020/dialog/dialog.service.mjs +1 -2
- package/esm2020/drawer/component/drawer.component.mjs +1 -4
- package/esm2020/drawer/component/helper-directives.mjs +1 -5
- package/esm2020/form/common-form.mjs +1 -8
- package/esm2020/icon/icon-register.service.mjs +1 -2
- package/esm2020/input/autosize.directive.mjs +2 -7
- package/esm2020/input/input.component.mjs +1 -5
- package/esm2020/input/tags-input/tags-input.component.mjs +2 -7
- package/esm2020/message/message.config.mjs +1 -6
- package/esm2020/notification/notification.component.mjs +1 -5
- package/esm2020/paginator/paginator-intl.mjs +1 -12
- package/esm2020/paginator/paginator.component.mjs +1 -9
- package/esm2020/radio/radio-button/radio-button.component.mjs +1 -2
- package/esm2020/radio/radio-group/radio-group.component.mjs +1 -4
- package/esm2020/radio/radio.component.mjs +1 -2
- package/esm2020/scrolling/fixed-size-table-virtual-scroll-strategy.mjs +1 -3
- package/esm2020/scrolling/fixed-size-table-virtual-scroll.directive.mjs +1 -3
- package/esm2020/scrolling/fixed-size-virtual-scroll.directive.mjs +1 -2
- package/esm2020/select/base-select.mjs +2 -5
- package/esm2020/select/multi-select/multi-select.component.mjs +2 -4
- package/esm2020/select/select.component.mjs +1 -2
- package/esm2020/select/validators.mjs +2 -6
- package/esm2020/sort/sort-errors.mjs +1 -5
- package/esm2020/sort/sort-header.component.mjs +1 -5
- package/esm2020/sort/sort.directive.mjs +1 -2
- package/esm2020/steps/steps.component.mjs +1 -5
- package/esm2020/table/table-cell-def.directive.mjs +1 -5
- package/esm2020/table/table-cell.directive.mjs +1 -3
- package/esm2020/table/table-column-def.directive.mjs +1 -7
- package/esm2020/table/table-header-cell-def.directive.mjs +1 -5
- package/esm2020/table/table-header-cell.directive.mjs +1 -3
- package/esm2020/table/table-header-row-def.directive.mjs +1 -5
- package/esm2020/table/table-header-row.component.mjs +1 -2
- package/esm2020/table/table-row-def.directive.mjs +1 -6
- package/esm2020/table/table-row.component.mjs +1 -2
- package/esm2020/table/table-scroll.directive.mjs +3 -4
- package/esm2020/table/table.component.mjs +1 -4
- package/esm2020/tabs/tab-body.component.mjs +1 -19
- package/esm2020/tabs/tab-context.service.mjs +1 -4
- package/esm2020/tabs/tab-group.component.mjs +1 -46
- package/esm2020/tabs/tab-header-active-indicator.component.mjs +1 -10
- package/esm2020/tabs/tab-header.component.mjs +3 -106
- package/esm2020/tabs/tab.component.mjs +1 -15
- package/esm2020/tabs/tabs.types.mjs +1 -4
- package/esm2020/tag/tag.component.mjs +1 -2
- package/esm2020/time-picker/panel/panel.component.mjs +1 -3
- package/esm2020/tooltip/tooltip-intl.mjs +1 -7
- package/esm2020/tree-select/tree-select.component.mjs +1 -2
- package/esm2020/types.mjs +1 -4
- package/esm2020/utils/bem.mjs +1 -2
- package/esm2020/utils/coercion.mjs +1 -5
- package/fesm2015/alauda-ui.mjs +11 -376
- package/fesm2015/alauda-ui.mjs.map +1 -1
- package/fesm2020/alauda-ui.mjs +11 -376
- package/fesm2020/alauda-ui.mjs.map +1 -1
- package/form/common-form.d.ts +0 -7
- package/input/autosize.directive.d.ts +0 -3
- package/input/input.component.d.ts +0 -3
- package/message/message.config.d.ts +0 -20
- package/notification/notification.component.d.ts +0 -4
- package/package.json +3 -2
- package/paginator/paginator-intl.d.ts +0 -9
- package/paginator/paginator.component.d.ts +0 -14
- package/radio/radio-group/radio-group.component.d.ts +0 -3
- package/select/base-select.d.ts +0 -3
- package/sort/sort-errors.d.ts +0 -4
- package/steps/steps.component.d.ts +0 -3
- package/steps/types.d.ts +0 -3
- package/table/table-cell-def.directive.d.ts +0 -4
- package/table/table-cell.directive.d.ts +0 -1
- package/table/table-column-def.directive.d.ts +0 -4
- package/table/table-header-cell-def.directive.d.ts +0 -4
- package/table/table-header-cell.directive.d.ts +0 -1
- package/table/table-header-row-def.directive.d.ts +0 -4
- package/table/table-header-row.component.d.ts +0 -1
- package/table/table-row-def.directive.d.ts +0 -5
- package/table/table-row.component.d.ts +0 -1
- package/table/table-scroll.directive.d.ts +2 -2
- package/tabs/tab-body.component.d.ts +0 -16
- package/tabs/tab-context.service.d.ts +0 -3
- package/tabs/tab-group.component.d.ts +0 -28
- package/tabs/tab-header-active-indicator.component.d.ts +0 -9
- package/tabs/tab-header.component.d.ts +0 -83
- package/tabs/tab.component.d.ts +0 -18
- package/tabs/tabs.types.d.ts +0 -3
- package/tooltip/tooltip-intl.d.ts +0 -4
- package/types.d.ts +0 -3
package/fesm2020/alauda-ui.mjs
CHANGED
|
@@ -57,9 +57,6 @@ const ComponentSize = {
|
|
|
57
57
|
Medium: 'medium',
|
|
58
58
|
Small: 'small',
|
|
59
59
|
Mini: 'mini',
|
|
60
|
-
/**
|
|
61
|
-
* represents default internally, @link https://github.com/angular/vscode-ng-language-service/issues/1147
|
|
62
|
-
*/
|
|
63
60
|
Empty: '',
|
|
64
61
|
};
|
|
65
62
|
|
|
@@ -71,17 +68,8 @@ const ButtonType = {
|
|
|
71
68
|
Danger: 'danger',
|
|
72
69
|
Text: 'text',
|
|
73
70
|
Inline: 'inline',
|
|
74
|
-
/**
|
|
75
|
-
* represents default internally, @link https://github.com/angular/vscode-ng-language-service/issues/1147
|
|
76
|
-
*/
|
|
77
71
|
Empty: '',
|
|
78
|
-
/**
|
|
79
|
-
* @deprecated use `ButtonType.Danger` instead
|
|
80
|
-
*/
|
|
81
72
|
Error: 'danger',
|
|
82
|
-
/**
|
|
83
|
-
* @deprecated use `ButtonType.Default` instead
|
|
84
|
-
*/
|
|
85
73
|
Info: 'default',
|
|
86
74
|
};
|
|
87
75
|
|
|
@@ -91,7 +79,6 @@ function sleep(ms = 0) {
|
|
|
91
79
|
});
|
|
92
80
|
}
|
|
93
81
|
|
|
94
|
-
// Experimental bem classname helper
|
|
95
82
|
class Bem {
|
|
96
83
|
constructor(namespace) {
|
|
97
84
|
this.namespace = namespace;
|
|
@@ -136,7 +123,6 @@ function buildBem(namespace) {
|
|
|
136
123
|
}
|
|
137
124
|
|
|
138
125
|
function coerceString(val) {
|
|
139
|
-
// eslint-disable-next-line @typescript-eslint/no-unsafe-call
|
|
140
126
|
return val == null ? '' : val?.toString() ?? '';
|
|
141
127
|
}
|
|
142
128
|
function coerceAttrBoolean(val) {
|
|
@@ -146,9 +132,6 @@ function coerceNumber(val, fallbackValue = 0) {
|
|
|
146
132
|
return _isNumberValue(val) ? Number(val) : fallbackValue;
|
|
147
133
|
}
|
|
148
134
|
function _isNumberValue(value) {
|
|
149
|
-
// parseFloat(value) handles most of the cases we're interested in (it treats null, empty string,
|
|
150
|
-
// and other non-number values as NaN, where Number just uses 0) but it considers the string
|
|
151
|
-
// '123hello' to be a valid number. Therefore we also check if Number(value) is NaN.
|
|
152
135
|
return !isNaN(parseFloat(value)) && !isNaN(Number(value));
|
|
153
136
|
}
|
|
154
137
|
|
|
@@ -279,7 +262,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.8", ngImpor
|
|
|
279
262
|
}] }, { type: i1.HttpClient, decorators: [{
|
|
280
263
|
type: Optional
|
|
281
264
|
}] }]; } });
|
|
282
|
-
// eslint-disable-next-line sonar/function-name
|
|
283
265
|
function ICON_REGISTER_PROVIDER_FACTORY(parentRegister, document, httpClient) {
|
|
284
266
|
return parentRegister || new IconRegisterService(document, httpClient);
|
|
285
267
|
}
|
|
@@ -507,7 +489,6 @@ class ButtonComponent {
|
|
|
507
489
|
return this._size;
|
|
508
490
|
}
|
|
509
491
|
set size(val) {
|
|
510
|
-
// when change from other size to default
|
|
511
492
|
if (!val) {
|
|
512
493
|
val = ComponentSize.Medium;
|
|
513
494
|
}
|
|
@@ -663,14 +644,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.8", ngImpor
|
|
|
663
644
|
}]
|
|
664
645
|
}] });
|
|
665
646
|
class AccordionItemComponent extends CdkAccordionItem {
|
|
666
|
-
// eslint-disable-next-line @typescript-eslint/no-useless-constructor
|
|
667
647
|
constructor(accordion, cdr, uniqueSelectionDispatcher) {
|
|
668
648
|
super(accordion, cdr, uniqueSelectionDispatcher);
|
|
669
649
|
this.background = true;
|
|
670
650
|
}
|
|
671
651
|
ngAfterContentInit() {
|
|
672
652
|
if (this._lazyContentTpl) {
|
|
673
|
-
// Render the content as soon as the accordion becomes open.
|
|
674
653
|
this.opened
|
|
675
654
|
.pipe(startWith(null), filter(() => !!this.expanded), take(1))
|
|
676
655
|
.subscribe(() => {
|
|
@@ -956,7 +935,6 @@ class AnchorTreeComponent extends AnchorDirectiveChild {
|
|
|
956
935
|
watchLabelsChange() {
|
|
957
936
|
this.depose$$.next();
|
|
958
937
|
const cdr = this.injector.get(ChangeDetectorRef);
|
|
959
|
-
// FIXME: Is there any better way to achieve this?
|
|
960
938
|
combineLatest(this.treeItems.map(({ labelChange }) => labelChange).filter(Boolean))
|
|
961
939
|
.pipe(debounceTime(0), takeUntil(this.depose$$))
|
|
962
940
|
.subscribe(() => cdr.markForCheck());
|
|
@@ -1662,9 +1640,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.8", ngImpor
|
|
|
1662
1640
|
args: ['auiTooltipActive']
|
|
1663
1641
|
}] } });
|
|
1664
1642
|
|
|
1665
|
-
/**
|
|
1666
|
-
* Texts to render on the code editor.
|
|
1667
|
-
*/
|
|
1668
1643
|
class TooltipCopyIntl {
|
|
1669
1644
|
constructor() {
|
|
1670
1645
|
this.copyTip = 'Click to copy';
|
|
@@ -1677,13 +1652,10 @@ TooltipCopyIntl.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", vers
|
|
|
1677
1652
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.8", ngImport: i0, type: TooltipCopyIntl, decorators: [{
|
|
1678
1653
|
type: Injectable
|
|
1679
1654
|
}] });
|
|
1680
|
-
// eslint-disable-next-line sonar/function-name
|
|
1681
1655
|
function TOOLTIP_COPY_INTL_PROVIDER_FACTORY(parentIntl) {
|
|
1682
1656
|
return parentIntl || new TooltipCopyIntl();
|
|
1683
1657
|
}
|
|
1684
|
-
/** @docs-private */
|
|
1685
1658
|
const TOOLTIP_COPY_INTL_INTL_PROVIDER = {
|
|
1686
|
-
// If there is already an CodeEditorIntl available, use that. Otherwise, provide a new one.
|
|
1687
1659
|
provide: TooltipCopyIntl,
|
|
1688
1660
|
deps: [[new Optional(), new SkipSelf(), TooltipCopyIntl]],
|
|
1689
1661
|
useFactory: TOOLTIP_COPY_INTL_PROVIDER_FACTORY,
|
|
@@ -2140,9 +2112,7 @@ class BackTopComponent {
|
|
|
2140
2112
|
this.target$$ = new BehaviorSubject(this.target);
|
|
2141
2113
|
this.visibilityHeight$$ = new BehaviorSubject(this.visibilityHeight);
|
|
2142
2114
|
this.isDisplayed$ = combineLatest([
|
|
2143
|
-
this.target$$.asObservable().pipe(map(target => this.getTarget(target)), switchMap(target => fromEvent(target, 'scroll').pipe(
|
|
2144
|
-
// use default scheduler
|
|
2145
|
-
throttleTime(50, undefined, { leading: true, trailing: true }), map(() => this.getTargetScrollTop(target))))),
|
|
2115
|
+
this.target$$.asObservable().pipe(map(target => this.getTarget(target)), switchMap(target => fromEvent(target, 'scroll').pipe(throttleTime(50, undefined, { leading: true, trailing: true }), map(() => this.getTargetScrollTop(target))))),
|
|
2146
2116
|
this.visibilityHeight$$,
|
|
2147
2117
|
]).pipe(map(([scrollTop, visibilityHeight]) => scrollTop >= visibilityHeight), distinctUntilChanged());
|
|
2148
2118
|
}
|
|
@@ -2406,10 +2376,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.8", ngImpor
|
|
|
2406
2376
|
}]
|
|
2407
2377
|
}] });
|
|
2408
2378
|
|
|
2409
|
-
/**
|
|
2410
|
-
* form control 内部不保持 value 属性,当不使用 ngModel 时可以通过 [(value)] 实现双向绑定;
|
|
2411
|
-
* 也可以分别传入 value 和 监听 valueChange 事件以实现阻断用户操作的功能。
|
|
2412
|
-
*/
|
|
2413
2379
|
class CommonFormControl {
|
|
2414
2380
|
constructor(cdr) {
|
|
2415
2381
|
this.cdr = cdr;
|
|
@@ -2488,9 +2454,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.8", ngImpor
|
|
|
2488
2454
|
}], valueChange: [{
|
|
2489
2455
|
type: Output
|
|
2490
2456
|
}] } });
|
|
2491
|
-
/**
|
|
2492
|
-
* @deprecated use {@link CommonFormControl} instead
|
|
2493
|
-
*/
|
|
2494
2457
|
const CommonForm = CommonFormControl;
|
|
2495
2458
|
|
|
2496
2459
|
const LabelPosition = {
|
|
@@ -3013,7 +2976,6 @@ const YEAR = 'year';
|
|
|
3013
2976
|
const HOUR = 'hour';
|
|
3014
2977
|
const MINUTE = 'minute';
|
|
3015
2978
|
const SECOND = 'second';
|
|
3016
|
-
// 根据日期类型,分为年,月,日
|
|
3017
2979
|
var DatePickerType;
|
|
3018
2980
|
(function (DatePickerType) {
|
|
3019
2981
|
DatePickerType["Day"] = "date";
|
|
@@ -3066,7 +3028,6 @@ function getDatePanelIterable(date, navRange, weekStartDay) {
|
|
|
3066
3028
|
counts = YEAR_PANEL_COLUMN_COUNT * YEAR_PANEL_ROW_COUNT;
|
|
3067
3029
|
break;
|
|
3068
3030
|
}
|
|
3069
|
-
// No default
|
|
3070
3031
|
}
|
|
3071
3032
|
let i = 0;
|
|
3072
3033
|
return {
|
|
@@ -3291,21 +3252,17 @@ class CalendarHeaderComponent {
|
|
|
3291
3252
|
get headerRange() {
|
|
3292
3253
|
return calcRangeValue(this.dateNavRange, this.anchor);
|
|
3293
3254
|
}
|
|
3294
|
-
// maxAvail > current date :right btn hide
|
|
3295
|
-
// minAvail > current date :left btn hide
|
|
3296
3255
|
shouldShowNav(type, side) {
|
|
3297
3256
|
const availValue = (side === Side.Left ? this._minAvail : this._maxAvail)?.clone();
|
|
3298
3257
|
if (!availValue) {
|
|
3299
3258
|
return true;
|
|
3300
3259
|
}
|
|
3301
|
-
// 对于年的判别,2014-5-1至2015-6-1日,仍当展示按钮
|
|
3302
3260
|
const constrainDate = [DateNavRange.Month, DateNavRange.Year].includes(type)
|
|
3303
3261
|
? availValue.add(side === Side.Left ? 1 : -1, type)
|
|
3304
3262
|
: availValue;
|
|
3305
3263
|
return (this.compareNavValue(type, constrainDate, this.anchor) ===
|
|
3306
3264
|
(side === Side.Left ? -1 : 1));
|
|
3307
3265
|
}
|
|
3308
|
-
// @return isBetween|isEqual:0, isBefore:-1,isAfter:1
|
|
3309
3266
|
compareNavValue(type, constrain, anchor) {
|
|
3310
3267
|
const range = calcRangeValue(type, anchor);
|
|
3311
3268
|
const constrainValue = constrain;
|
|
@@ -3395,12 +3352,9 @@ class PickerPanelComponent {
|
|
|
3395
3352
|
return composeDisabledDateFn(date => this.minDate && date.isBefore(this.minDate), date => this.maxDate && date.isAfter(this.maxDate), this.disabledDate);
|
|
3396
3353
|
}
|
|
3397
3354
|
ngOnChanges() {
|
|
3398
|
-
// 如果 dateValue 是一个数组,必然是同一个面板上,否则应当给与不同的面板不同的dateValue值
|
|
3399
3355
|
const headerRange = calcRangeValue(this.navRange, this.anchor);
|
|
3400
3356
|
this.renderPanelData(headerRange.start, this.navRange);
|
|
3401
3357
|
}
|
|
3402
|
-
// 根据当前数据,计算渲染表格
|
|
3403
|
-
// eslint-disable-next-line sonarjs/cognitive-complexity
|
|
3404
3358
|
renderPanelData(date, navRange) {
|
|
3405
3359
|
const value = [];
|
|
3406
3360
|
let colCounts = 0;
|
|
@@ -3425,7 +3379,6 @@ class PickerPanelComponent {
|
|
|
3425
3379
|
rowCounts = MONTH_PANEL_ROW_COUNT;
|
|
3426
3380
|
break;
|
|
3427
3381
|
}
|
|
3428
|
-
// No default
|
|
3429
3382
|
}
|
|
3430
3383
|
for (let k = 0; k < rowCounts; k++) {
|
|
3431
3384
|
const row = [];
|
|
@@ -3579,7 +3532,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.8", ngImpor
|
|
|
3579
3532
|
}]
|
|
3580
3533
|
}] });
|
|
3581
3534
|
|
|
3582
|
-
/* eslint-disable sonarjs/no-duplicate-string */
|
|
3583
3535
|
class InputComponent {
|
|
3584
3536
|
constructor(elementRef, renderer) {
|
|
3585
3537
|
this.elementRef = elementRef;
|
|
@@ -3587,9 +3539,6 @@ class InputComponent {
|
|
|
3587
3539
|
this._size = ComponentSize.Medium;
|
|
3588
3540
|
this._disabled = false;
|
|
3589
3541
|
this.size$ = new BehaviorSubject(this.size);
|
|
3590
|
-
/**
|
|
3591
|
-
* workaround for @link https://github.com/microsoft/TypeScript/pull/42425
|
|
3592
|
-
*/
|
|
3593
3542
|
this.disabled$ = new BehaviorSubject(this.disabled);
|
|
3594
3543
|
this.renderer.addClass(this.elementRef.nativeElement, 'aui-input');
|
|
3595
3544
|
this.renderer.addClass(this.elementRef.nativeElement, 'aui-input--' + this.size);
|
|
@@ -3691,7 +3640,6 @@ class TimePickerPanelComponent extends CommonFormControl {
|
|
|
3691
3640
|
this.ComponentSize = ComponentSize;
|
|
3692
3641
|
this.bem = bem$4;
|
|
3693
3642
|
this.enabledColumns = 0;
|
|
3694
|
-
// 用于控制初次滚动,是否展示滚动动画效果
|
|
3695
3643
|
this.firstScrolled = false;
|
|
3696
3644
|
this.model$.subscribe(_ => {
|
|
3697
3645
|
this.cdr.markForCheck();
|
|
@@ -3809,7 +3757,6 @@ class TimePickerPanelComponent extends CommonFormControl {
|
|
|
3809
3757
|
}
|
|
3810
3758
|
else {
|
|
3811
3759
|
const difference = targetOffset - currentTop;
|
|
3812
|
-
// 每个tick滚动距离
|
|
3813
3760
|
const perTick = (difference / duration) * 10;
|
|
3814
3761
|
requestAnimationFrame(() => {
|
|
3815
3762
|
element.scrollTop = currentTop + perTick;
|
|
@@ -4181,7 +4128,6 @@ class DateRangePickerPanelComponent extends CommonFormControl {
|
|
|
4181
4128
|
this.FOOTER_DATE_FORMAT = 'YYYY-MM-dd';
|
|
4182
4129
|
this.leftAnchor = dayjs();
|
|
4183
4130
|
this.rightAnchor = dayjs().add(1, MONTH);
|
|
4184
|
-
// 用于存放 range data 序列,数量为 2 时清除
|
|
4185
4131
|
this.rangeValue = [];
|
|
4186
4132
|
this.leftDisabledTimeFn = this.getDisabledTimeCachedFn(Side.Left);
|
|
4187
4133
|
this.rightDisabledTimeFn = this.getDisabledTimeCachedFn(Side.Right);
|
|
@@ -4211,7 +4157,6 @@ class DateRangePickerPanelComponent extends CommonFormControl {
|
|
|
4211
4157
|
this.rightDateRange = type;
|
|
4212
4158
|
}
|
|
4213
4159
|
}
|
|
4214
|
-
// range 组件范围受控
|
|
4215
4160
|
getDateDisabledFn(side, constrainValue) {
|
|
4216
4161
|
return composeDisabledDateFn((date, navRange) => {
|
|
4217
4162
|
if (navRange === DateNavRange.Month) {
|
|
@@ -4460,9 +4405,6 @@ const DEFAULT_VALUE = {
|
|
|
4460
4405
|
minRows: 3,
|
|
4461
4406
|
maxRows: 6,
|
|
4462
4407
|
};
|
|
4463
|
-
/**
|
|
4464
|
-
* Directive to automatically resize a textarea to fit its content.
|
|
4465
|
-
*/
|
|
4466
4408
|
class AutosizeDirective {
|
|
4467
4409
|
constructor(elRef, ngControl) {
|
|
4468
4410
|
this.elRef = elRef;
|
|
@@ -4500,9 +4442,7 @@ AutosizeDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", vers
|
|
|
4500
4442
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.8", ngImport: i0, type: AutosizeDirective, decorators: [{
|
|
4501
4443
|
type: Directive,
|
|
4502
4444
|
args: [{
|
|
4503
|
-
selector:
|
|
4504
|
-
// eslint-disable-next-line @angular-eslint/directive-selector
|
|
4505
|
-
'textarea[autosize][ngModel],textarea[autosize][formControl],textarea[autosize][formControlName]',
|
|
4445
|
+
selector: 'textarea[autosize][ngModel],textarea[autosize][formControl],textarea[autosize][formControlName]',
|
|
4506
4446
|
exportAs: 'TextareaAutosize',
|
|
4507
4447
|
}]
|
|
4508
4448
|
}], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i4.NgControl }]; }, propDecorators: { autoSize: [{
|
|
@@ -4602,7 +4542,6 @@ class TagComponent {
|
|
|
4602
4542
|
get rootClass() {
|
|
4603
4543
|
return `${this.bem.block(this.type || TagType.Primary, this.size || ComponentSize.Medium)} ${this.solid ? 'isSolid' : ''} ${this.border ? 'hasBorder' : ''} ${this.invalid ? 'isInvalid' : ''} ${this.round ? 'isRound' : ''} ${this.allowClick && this.isNormalTag ? 'allowClick' : ''}`;
|
|
4604
4544
|
}
|
|
4605
|
-
// 只有常规标签支持单击样式
|
|
4606
4545
|
get isNormalTag() {
|
|
4607
4546
|
return !this.solid && !this.closeable && !this.invalid;
|
|
4608
4547
|
}
|
|
@@ -4872,13 +4811,12 @@ class TagsInputComponent extends CommonFormControl {
|
|
|
4872
4811
|
this.bem = buildBem('aui-tags-input');
|
|
4873
4812
|
this.placeholder = '';
|
|
4874
4813
|
this.size = ComponentSize.Medium;
|
|
4875
|
-
// TODO: implement this feature
|
|
4876
4814
|
this.clearable = false;
|
|
4877
4815
|
this.allowRepeat = false;
|
|
4878
4816
|
this.allowEmpty = false;
|
|
4879
4817
|
this.readonlyTags = [];
|
|
4880
4818
|
this.maxRowCount = 0;
|
|
4881
|
-
this.customRowHeight = 0;
|
|
4819
|
+
this.customRowHeight = 0;
|
|
4882
4820
|
this.withMaxRowCount = createWithMaxRowCount(this);
|
|
4883
4821
|
this.focused = false;
|
|
4884
4822
|
this.model = [];
|
|
@@ -4946,7 +4884,6 @@ class TagsInputComponent extends CommonFormControl {
|
|
|
4946
4884
|
}
|
|
4947
4885
|
onInput() {
|
|
4948
4886
|
const value = this.inputRef.nativeElement.value;
|
|
4949
|
-
// make sure value sync to span element
|
|
4950
4887
|
requestAnimationFrame(() => {
|
|
4951
4888
|
if (!value.length) {
|
|
4952
4889
|
this.renderer.removeStyle(this.inputRef.nativeElement, 'width');
|
|
@@ -5008,13 +4945,11 @@ class TagsInputComponent extends CommonFormControl {
|
|
|
5008
4945
|
return;
|
|
5009
4946
|
}
|
|
5010
4947
|
this.inputControl.setValue(this.inputRef.nativeElement.value);
|
|
5011
|
-
// inputControl 自身的状态为同步计算
|
|
5012
4948
|
this.syncControlStatus();
|
|
5013
4949
|
if (this.inputControl.valid) {
|
|
5014
4950
|
this.emitValue(this.model.concat(value));
|
|
5015
4951
|
}
|
|
5016
4952
|
else if (this.inputControl.pending) {
|
|
5017
|
-
// PENDING 后只会变为 VALID 或 INVALID 的决议状态
|
|
5018
4953
|
this.inputControl.statusChanges.pipe(take(1)).subscribe(_ => {
|
|
5019
4954
|
this.syncControlStatus();
|
|
5020
4955
|
if (this.inputControl.valid) {
|
|
@@ -5040,7 +4975,6 @@ class TagsInputComponent extends CommonFormControl {
|
|
|
5040
4975
|
});
|
|
5041
4976
|
}
|
|
5042
4977
|
else if (disabled) {
|
|
5043
|
-
// 与当前 input 校验脱离
|
|
5044
4978
|
this.controlContainer?.control?.updateValueAndValidity();
|
|
5045
4979
|
}
|
|
5046
4980
|
}
|
|
@@ -5607,10 +5541,10 @@ class DialogComponent {
|
|
|
5607
5541
|
}
|
|
5608
5542
|
}
|
|
5609
5543
|
DialogComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.8", ngImport: i0, type: DialogComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
5610
|
-
DialogComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.8", type: DialogComponent, selector: "aui-dialog", viewQueries: [{ propertyName: "portalOutlet", first: true, predicate: CdkPortalOutlet, descendants: true, static: true }], ngImport: i0, template: "<div\n [ngClass]=\"rootClass\"\n [ngStyle]=\"customStyle\"\n>\n <ng-template cdkPortalOutlet></ng-template>\n</div>\n", styles: [".cdk-overlay-container,.cdk-global-overlay-wrapper{pointer-events:none;top:0;left:0;height:100%;width:100%}.cdk-overlay-container{position:fixed;z-index:1000}.cdk-overlay-container:empty{display:none}.cdk-global-overlay-wrapper{display:flex;position:absolute;z-index:1000}.cdk-overlay-pane{position:absolute;pointer-events:auto;box-sizing:border-box;z-index:1000;display:flex;max-width:100%;max-height:100%}.cdk-overlay-backdrop{position:absolute;top:0;bottom:0;left:0;right:0;z-index:1000;pointer-events:auto;-webkit-tap-highlight-color:transparent;transition:opacity .4s cubic-bezier(.25,.8,.25,1);opacity:0}.cdk-overlay-backdrop.cdk-overlay-backdrop-showing{opacity:1}.cdk-high-contrast-active .cdk-overlay-backdrop.cdk-overlay-backdrop-showing{opacity:.6}.cdk-overlay-dark-backdrop{background:rgba(0,0,0,.32)}.cdk-overlay-transparent-backdrop{transition:visibility 1ms linear,opacity 1ms linear;visibility:hidden;opacity:1}.cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing{opacity:0;visibility:visible}.cdk-overlay-connected-position-bounding-box{position:absolute;z-index:1000;display:flex;flex-direction:column;min-width:1px;min-height:1px}.cdk-global-scrollblock{position:fixed;width:100%;overflow-y:scroll}:root .cdk-overlay-backdrop.cdk-overlay-backdrop-showing.aui-dialog-backdrop{background-color:rgba(var(--aui-color-origin-shadow),.4)}html[aui-theme-mode=light] .cdk-overlay-backdrop.cdk-overlay-backdrop-showing.aui-dialog-backdrop{background-color:rgba(var(--aui-color-origin-shadow),.4)}@media (prefers-color-scheme: dark){html[aui-theme-mode=system] .cdk-overlay-backdrop.cdk-overlay-backdrop-showing.aui-dialog-backdrop{background-color:rgba(var(--aui-color-origin-shadow),.75)}}html[aui-theme-mode=dark] .cdk-overlay-backdrop.cdk-overlay-backdrop-showing.aui-dialog-backdrop{background-color:rgba(var(--aui-color-origin-shadow),.75)}.cdk-overlay-pane.aui-dialog-overlay-pane{justify-content:center;overflow:auto}.cdk-overlay-pane.aui-dialog-overlay-pane::-webkit-scrollbar{width:4px;height:4px}.cdk-overlay-pane.aui-dialog-overlay-pane::-webkit-scrollbar-thumb{border-radius:2px;background-color:rgba(var(--aui-color-n-1),.2)}.cdk-overlay-pane.aui-dialog-overlay-pane::-webkit-scrollbar-corner{background-color:transparent}.aui-dialog{margin:18vh auto 20px;display:flex;flex-direction:column;background-color:rgb(var(--aui-color-n-10));border-radius:var(--aui-border-radius-l);
|
|
5544
|
+
DialogComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.8", type: DialogComponent, selector: "aui-dialog", viewQueries: [{ propertyName: "portalOutlet", first: true, predicate: CdkPortalOutlet, descendants: true, static: true }], ngImport: i0, template: "<div\n [ngClass]=\"rootClass\"\n [ngStyle]=\"customStyle\"\n>\n <ng-template cdkPortalOutlet></ng-template>\n</div>\n", styles: [".cdk-overlay-container,.cdk-global-overlay-wrapper{pointer-events:none;top:0;left:0;height:100%;width:100%}.cdk-overlay-container{position:fixed;z-index:1000}.cdk-overlay-container:empty{display:none}.cdk-global-overlay-wrapper{display:flex;position:absolute;z-index:1000}.cdk-overlay-pane{position:absolute;pointer-events:auto;box-sizing:border-box;z-index:1000;display:flex;max-width:100%;max-height:100%}.cdk-overlay-backdrop{position:absolute;top:0;bottom:0;left:0;right:0;z-index:1000;pointer-events:auto;-webkit-tap-highlight-color:transparent;transition:opacity .4s cubic-bezier(.25,.8,.25,1);opacity:0}.cdk-overlay-backdrop.cdk-overlay-backdrop-showing{opacity:1}.cdk-high-contrast-active .cdk-overlay-backdrop.cdk-overlay-backdrop-showing{opacity:.6}.cdk-overlay-dark-backdrop{background:rgba(0,0,0,.32)}.cdk-overlay-transparent-backdrop{transition:visibility 1ms linear,opacity 1ms linear;visibility:hidden;opacity:1}.cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing{opacity:0;visibility:visible}.cdk-overlay-connected-position-bounding-box{position:absolute;z-index:1000;display:flex;flex-direction:column;min-width:1px;min-height:1px}.cdk-global-scrollblock{position:fixed;width:100%;overflow-y:scroll}:root .cdk-overlay-backdrop.cdk-overlay-backdrop-showing.aui-dialog-backdrop{background-color:rgba(var(--aui-color-origin-shadow),.4)}html[aui-theme-mode=light] .cdk-overlay-backdrop.cdk-overlay-backdrop-showing.aui-dialog-backdrop{background-color:rgba(var(--aui-color-origin-shadow),.4)}@media (prefers-color-scheme: dark){html[aui-theme-mode=system] .cdk-overlay-backdrop.cdk-overlay-backdrop-showing.aui-dialog-backdrop{background-color:rgba(var(--aui-color-origin-shadow),.75)}}html[aui-theme-mode=dark] .cdk-overlay-backdrop.cdk-overlay-backdrop-showing.aui-dialog-backdrop{background-color:rgba(var(--aui-color-origin-shadow),.75)}.cdk-overlay-pane.aui-dialog-overlay-pane{justify-content:center;overflow:auto}.cdk-overlay-pane.aui-dialog-overlay-pane::-webkit-scrollbar{width:4px;height:4px}.cdk-overlay-pane.aui-dialog-overlay-pane::-webkit-scrollbar-thumb{border-radius:2px;background-color:rgba(var(--aui-color-n-1),.2)}.cdk-overlay-pane.aui-dialog-overlay-pane::-webkit-scrollbar-corner{background-color:transparent}.aui-dialog{margin:18vh auto 20px;display:flex;flex-direction:column;background-color:rgb(var(--aui-color-n-10));border-radius:var(--aui-border-radius-l);font-size:var(--aui-font-size-m);line-height:var(--aui-line-height-m);color:rgb(var(--aui-color-main-text))}:root .aui-dialog{box-shadow:0 2px 8px 0 rgba(var(--aui-color-origin-shadow),.2)}html[aui-theme-mode=light] .aui-dialog{box-shadow:0 2px 8px 0 rgba(var(--aui-color-origin-shadow),.2)}@media (prefers-color-scheme: dark){html[aui-theme-mode=system] .aui-dialog{box-shadow:0 4px 16px 0 rgba(var(--aui-color-origin-shadow),.75)}}html[aui-theme-mode=dark] .aui-dialog{box-shadow:0 4px 16px 0 rgba(var(--aui-color-origin-shadow),.75)}.aui-dialog aui-dialog-content{height:100%;overflow:auto}.aui-dialog aui-dialog-content::-webkit-scrollbar{width:4px;height:4px}.aui-dialog aui-dialog-content::-webkit-scrollbar-thumb{border-radius:2px;background-color:rgba(var(--aui-color-n-1),.2)}.aui-dialog aui-dialog-content::-webkit-scrollbar-corner{background-color:transparent}.aui-dialog aui-dialog-content:first-child .aui-dialog__content{padding-top:20px}.aui-dialog aui-dialog-content:last-child .aui-dialog__content{padding-bottom:20px}.aui-dialog__header{margin:0 20px;padding:20px 0 16px;display:flex;justify-content:space-between}.aui-dialog__header.hasDivider{margin-bottom:16px;border-bottom:1px solid rgb(var(--aui-color-divider))}.aui-dialog__header-title{width:100%;font-size:var(--aui-font-size-xl);line-height:var(--aui-line-height-xl);color:rgb(var(--aui-color-main-text));font-weight:var(--aui-font-weight-bold)}.aui-dialog__header-title>aui-icon:first-child{font-size:var(--aui-icon-size-xl);margin-right:var(--aui-spacing-m)}.aui-dialog__header-title>aui-icon:first-child[icon=info_circle_s]{color:rgb(var(--aui-color-primary))}.aui-dialog__header-title>aui-icon:first-child[icon=check_circle_s]{color:rgb(var(--aui-color-green))}.aui-dialog__header-title>aui-icon:first-child[icon=exclamation_circle_s]{color:rgb(var(--aui-color-yellow))}.aui-dialog__header-title>aui-icon:first-child[icon=exclamation_triangle_s]{color:rgb(var(--aui-color-red))}.aui-dialog__header-close{margin-left:var(--aui-spacing-xl);line-height:var(--aui-line-height-xl);font-size:var(--aui-font-size-l);color:rgb(var(--aui-color-n-4));cursor:pointer}.aui-dialog__header-close:hover{color:rgb(var(--aui-color-primary))}.aui-dialog__content{padding:0 20px;min-height:80px}.aui-dialog__footer{padding:20px;display:flex;justify-content:flex-end}.aui-dialog--small{width:400px}.aui-dialog--medium{width:600px}.aui-dialog--big{width:800px}.aui-dialog--large{width:960px}.aui-dialog--fit-content{width:-moz-fit-content;width:fit-content}.aui-dialog--fullscreen{width:90vw;height:calc(100vh - 40px);margin:0;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.aui-dialog--fit-viewport{max-width:90vw;max-height:calc(100vh - 40px);margin:0;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.aui-dialog--fit-viewport .aui-dialog__header{margin:0;padding:20px 20px 16px;border-bottom:1px solid rgb(var(--aui-color-divider))}.aui-dialog--fit-viewport .aui-dialog__footer{padding-top:16px;border-top:1px solid rgb(var(--aui-color-divider))}.aui-dialog--fit-viewport aui-dialog-content:not(:first-child) .aui-dialog__content{padding-top:16px}.aui-dialog--fit-viewport aui-dialog-content:not(:last-child) .aui-dialog__content{padding-bottom:16px}.aui-dialog--fit-viewport>ng-component{display:flex;flex-direction:column;overflow:auto}.aui-dialog--fit-viewport>ng-component:after{clear:both}\n"], directives: [{ type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i2.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { type: i3.CdkPortalOutlet, selector: "[cdkPortalOutlet]", inputs: ["cdkPortalOutlet"], outputs: ["attached"], exportAs: ["cdkPortalOutlet"] }], changeDetection: i0.ChangeDetectionStrategy.Default, encapsulation: i0.ViewEncapsulation.None });
|
|
5611
5545
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.8", ngImport: i0, type: DialogComponent, decorators: [{
|
|
5612
5546
|
type: Component,
|
|
5613
|
-
args: [{ selector: 'aui-dialog', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.Default, preserveWhitespaces: false, template: "<div\n [ngClass]=\"rootClass\"\n [ngStyle]=\"customStyle\"\n>\n <ng-template cdkPortalOutlet></ng-template>\n</div>\n", styles: [".cdk-overlay-container,.cdk-global-overlay-wrapper{pointer-events:none;top:0;left:0;height:100%;width:100%}.cdk-overlay-container{position:fixed;z-index:1000}.cdk-overlay-container:empty{display:none}.cdk-global-overlay-wrapper{display:flex;position:absolute;z-index:1000}.cdk-overlay-pane{position:absolute;pointer-events:auto;box-sizing:border-box;z-index:1000;display:flex;max-width:100%;max-height:100%}.cdk-overlay-backdrop{position:absolute;top:0;bottom:0;left:0;right:0;z-index:1000;pointer-events:auto;-webkit-tap-highlight-color:transparent;transition:opacity .4s cubic-bezier(.25,.8,.25,1);opacity:0}.cdk-overlay-backdrop.cdk-overlay-backdrop-showing{opacity:1}.cdk-high-contrast-active .cdk-overlay-backdrop.cdk-overlay-backdrop-showing{opacity:.6}.cdk-overlay-dark-backdrop{background:rgba(0,0,0,.32)}.cdk-overlay-transparent-backdrop{transition:visibility 1ms linear,opacity 1ms linear;visibility:hidden;opacity:1}.cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing{opacity:0;visibility:visible}.cdk-overlay-connected-position-bounding-box{position:absolute;z-index:1000;display:flex;flex-direction:column;min-width:1px;min-height:1px}.cdk-global-scrollblock{position:fixed;width:100%;overflow-y:scroll}:root .cdk-overlay-backdrop.cdk-overlay-backdrop-showing.aui-dialog-backdrop{background-color:rgba(var(--aui-color-origin-shadow),.4)}html[aui-theme-mode=light] .cdk-overlay-backdrop.cdk-overlay-backdrop-showing.aui-dialog-backdrop{background-color:rgba(var(--aui-color-origin-shadow),.4)}@media (prefers-color-scheme: dark){html[aui-theme-mode=system] .cdk-overlay-backdrop.cdk-overlay-backdrop-showing.aui-dialog-backdrop{background-color:rgba(var(--aui-color-origin-shadow),.75)}}html[aui-theme-mode=dark] .cdk-overlay-backdrop.cdk-overlay-backdrop-showing.aui-dialog-backdrop{background-color:rgba(var(--aui-color-origin-shadow),.75)}.cdk-overlay-pane.aui-dialog-overlay-pane{justify-content:center;overflow:auto}.cdk-overlay-pane.aui-dialog-overlay-pane::-webkit-scrollbar{width:4px;height:4px}.cdk-overlay-pane.aui-dialog-overlay-pane::-webkit-scrollbar-thumb{border-radius:2px;background-color:rgba(var(--aui-color-n-1),.2)}.cdk-overlay-pane.aui-dialog-overlay-pane::-webkit-scrollbar-corner{background-color:transparent}.aui-dialog{margin:18vh auto 20px;display:flex;flex-direction:column;background-color:rgb(var(--aui-color-n-10));border-radius:var(--aui-border-radius-l);
|
|
5547
|
+
args: [{ selector: 'aui-dialog', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.Default, preserveWhitespaces: false, template: "<div\n [ngClass]=\"rootClass\"\n [ngStyle]=\"customStyle\"\n>\n <ng-template cdkPortalOutlet></ng-template>\n</div>\n", styles: [".cdk-overlay-container,.cdk-global-overlay-wrapper{pointer-events:none;top:0;left:0;height:100%;width:100%}.cdk-overlay-container{position:fixed;z-index:1000}.cdk-overlay-container:empty{display:none}.cdk-global-overlay-wrapper{display:flex;position:absolute;z-index:1000}.cdk-overlay-pane{position:absolute;pointer-events:auto;box-sizing:border-box;z-index:1000;display:flex;max-width:100%;max-height:100%}.cdk-overlay-backdrop{position:absolute;top:0;bottom:0;left:0;right:0;z-index:1000;pointer-events:auto;-webkit-tap-highlight-color:transparent;transition:opacity .4s cubic-bezier(.25,.8,.25,1);opacity:0}.cdk-overlay-backdrop.cdk-overlay-backdrop-showing{opacity:1}.cdk-high-contrast-active .cdk-overlay-backdrop.cdk-overlay-backdrop-showing{opacity:.6}.cdk-overlay-dark-backdrop{background:rgba(0,0,0,.32)}.cdk-overlay-transparent-backdrop{transition:visibility 1ms linear,opacity 1ms linear;visibility:hidden;opacity:1}.cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing{opacity:0;visibility:visible}.cdk-overlay-connected-position-bounding-box{position:absolute;z-index:1000;display:flex;flex-direction:column;min-width:1px;min-height:1px}.cdk-global-scrollblock{position:fixed;width:100%;overflow-y:scroll}:root .cdk-overlay-backdrop.cdk-overlay-backdrop-showing.aui-dialog-backdrop{background-color:rgba(var(--aui-color-origin-shadow),.4)}html[aui-theme-mode=light] .cdk-overlay-backdrop.cdk-overlay-backdrop-showing.aui-dialog-backdrop{background-color:rgba(var(--aui-color-origin-shadow),.4)}@media (prefers-color-scheme: dark){html[aui-theme-mode=system] .cdk-overlay-backdrop.cdk-overlay-backdrop-showing.aui-dialog-backdrop{background-color:rgba(var(--aui-color-origin-shadow),.75)}}html[aui-theme-mode=dark] .cdk-overlay-backdrop.cdk-overlay-backdrop-showing.aui-dialog-backdrop{background-color:rgba(var(--aui-color-origin-shadow),.75)}.cdk-overlay-pane.aui-dialog-overlay-pane{justify-content:center;overflow:auto}.cdk-overlay-pane.aui-dialog-overlay-pane::-webkit-scrollbar{width:4px;height:4px}.cdk-overlay-pane.aui-dialog-overlay-pane::-webkit-scrollbar-thumb{border-radius:2px;background-color:rgba(var(--aui-color-n-1),.2)}.cdk-overlay-pane.aui-dialog-overlay-pane::-webkit-scrollbar-corner{background-color:transparent}.aui-dialog{margin:18vh auto 20px;display:flex;flex-direction:column;background-color:rgb(var(--aui-color-n-10));border-radius:var(--aui-border-radius-l);font-size:var(--aui-font-size-m);line-height:var(--aui-line-height-m);color:rgb(var(--aui-color-main-text))}:root .aui-dialog{box-shadow:0 2px 8px 0 rgba(var(--aui-color-origin-shadow),.2)}html[aui-theme-mode=light] .aui-dialog{box-shadow:0 2px 8px 0 rgba(var(--aui-color-origin-shadow),.2)}@media (prefers-color-scheme: dark){html[aui-theme-mode=system] .aui-dialog{box-shadow:0 4px 16px 0 rgba(var(--aui-color-origin-shadow),.75)}}html[aui-theme-mode=dark] .aui-dialog{box-shadow:0 4px 16px 0 rgba(var(--aui-color-origin-shadow),.75)}.aui-dialog aui-dialog-content{height:100%;overflow:auto}.aui-dialog aui-dialog-content::-webkit-scrollbar{width:4px;height:4px}.aui-dialog aui-dialog-content::-webkit-scrollbar-thumb{border-radius:2px;background-color:rgba(var(--aui-color-n-1),.2)}.aui-dialog aui-dialog-content::-webkit-scrollbar-corner{background-color:transparent}.aui-dialog aui-dialog-content:first-child .aui-dialog__content{padding-top:20px}.aui-dialog aui-dialog-content:last-child .aui-dialog__content{padding-bottom:20px}.aui-dialog__header{margin:0 20px;padding:20px 0 16px;display:flex;justify-content:space-between}.aui-dialog__header.hasDivider{margin-bottom:16px;border-bottom:1px solid rgb(var(--aui-color-divider))}.aui-dialog__header-title{width:100%;font-size:var(--aui-font-size-xl);line-height:var(--aui-line-height-xl);color:rgb(var(--aui-color-main-text));font-weight:var(--aui-font-weight-bold)}.aui-dialog__header-title>aui-icon:first-child{font-size:var(--aui-icon-size-xl);margin-right:var(--aui-spacing-m)}.aui-dialog__header-title>aui-icon:first-child[icon=info_circle_s]{color:rgb(var(--aui-color-primary))}.aui-dialog__header-title>aui-icon:first-child[icon=check_circle_s]{color:rgb(var(--aui-color-green))}.aui-dialog__header-title>aui-icon:first-child[icon=exclamation_circle_s]{color:rgb(var(--aui-color-yellow))}.aui-dialog__header-title>aui-icon:first-child[icon=exclamation_triangle_s]{color:rgb(var(--aui-color-red))}.aui-dialog__header-close{margin-left:var(--aui-spacing-xl);line-height:var(--aui-line-height-xl);font-size:var(--aui-font-size-l);color:rgb(var(--aui-color-n-4));cursor:pointer}.aui-dialog__header-close:hover{color:rgb(var(--aui-color-primary))}.aui-dialog__content{padding:0 20px;min-height:80px}.aui-dialog__footer{padding:20px;display:flex;justify-content:flex-end}.aui-dialog--small{width:400px}.aui-dialog--medium{width:600px}.aui-dialog--big{width:800px}.aui-dialog--large{width:960px}.aui-dialog--fit-content{width:-moz-fit-content;width:fit-content}.aui-dialog--fullscreen{width:90vw;height:calc(100vh - 40px);margin:0;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.aui-dialog--fit-viewport{max-width:90vw;max-height:calc(100vh - 40px);margin:0;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.aui-dialog--fit-viewport .aui-dialog__header{margin:0;padding:20px 20px 16px;border-bottom:1px solid rgb(var(--aui-color-divider))}.aui-dialog--fit-viewport .aui-dialog__footer{padding-top:16px;border-top:1px solid rgb(var(--aui-color-divider))}.aui-dialog--fit-viewport aui-dialog-content:not(:first-child) .aui-dialog__content{padding-top:16px}.aui-dialog--fit-viewport aui-dialog-content:not(:last-child) .aui-dialog__content{padding-bottom:16px}.aui-dialog--fit-viewport>ng-component{display:flex;flex-direction:column;overflow:auto}.aui-dialog--fit-viewport>ng-component:after{clear:both}\n"] }]
|
|
5614
5548
|
}], ctorParameters: function () { return [{ type: i0.ElementRef }]; }, propDecorators: { portalOutlet: [{
|
|
5615
5549
|
type: ViewChild,
|
|
5616
5550
|
args: [CdkPortalOutlet, { static: true }]
|
|
@@ -5774,7 +5708,6 @@ class DialogService {
|
|
|
5774
5708
|
resolve(action.result);
|
|
5775
5709
|
}
|
|
5776
5710
|
else {
|
|
5777
|
-
// eslint-disable-next-line prefer-promise-reject-errors
|
|
5778
5711
|
reject(action.result);
|
|
5779
5712
|
}
|
|
5780
5713
|
});
|
|
@@ -5895,7 +5828,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.8", ngImpor
|
|
|
5895
5828
|
}] } });
|
|
5896
5829
|
|
|
5897
5830
|
class DialogContentComponent extends CdkScrollable {
|
|
5898
|
-
// eslint-disable-next-line @typescript-eslint/no-useless-constructor
|
|
5899
5831
|
constructor(elementRef, scrollDispatcher, ngZone, dir) {
|
|
5900
5832
|
super(elementRef, scrollDispatcher, ngZone, dir);
|
|
5901
5833
|
this.bem = buildBem('aui-dialog');
|
|
@@ -6014,10 +5946,6 @@ var DrawerSize;
|
|
|
6014
5946
|
class DrawerRef {
|
|
6015
5947
|
}
|
|
6016
5948
|
|
|
6017
|
-
/**
|
|
6018
|
-
* @packageDocumentation
|
|
6019
|
-
* @module page-guard
|
|
6020
|
-
*/
|
|
6021
5949
|
class DrawerHeaderDirective {
|
|
6022
5950
|
}
|
|
6023
5951
|
DrawerHeaderDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.8", ngImport: i0, type: DrawerHeaderDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
|
|
@@ -6114,7 +6042,6 @@ class DrawerComponent extends DrawerRef {
|
|
|
6114
6042
|
this.open();
|
|
6115
6043
|
}
|
|
6116
6044
|
else if (!visible.firstChange) {
|
|
6117
|
-
// 不希望默认关闭时,drawer 渲染后就触发 close 事件
|
|
6118
6045
|
this.dispose();
|
|
6119
6046
|
}
|
|
6120
6047
|
}
|
|
@@ -6136,8 +6063,6 @@ class DrawerComponent extends DrawerRef {
|
|
|
6136
6063
|
.outsidePointerEvents()
|
|
6137
6064
|
.pipe(takeUntil(this.onDestroy$))
|
|
6138
6065
|
.subscribe(event => {
|
|
6139
|
-
// 判断鼠标点击事件的 target 是否为 overlay-container 的子节点,如果是,则不关闭 drawer。
|
|
6140
|
-
// 为了避免点击 drawer 里的 tooltip 后 drawer 被关闭。
|
|
6141
6066
|
if (this.visible &&
|
|
6142
6067
|
this.hideOnClickOutside &&
|
|
6143
6068
|
event.target instanceof Node &&
|
|
@@ -6778,11 +6703,6 @@ var MessageType;
|
|
|
6778
6703
|
MessageType["Warning"] = "warning";
|
|
6779
6704
|
MessageType["Info"] = "info";
|
|
6780
6705
|
})(MessageType || (MessageType = {}));
|
|
6781
|
-
/**
|
|
6782
|
-
* messageOptions: contains Basic configuration
|
|
6783
|
-
* Just for some containers like Message-Container
|
|
6784
|
-
* Detailed document: http://confluence.alaudatech.com/pages/viewpage.action?pageId=23383163
|
|
6785
|
-
*/
|
|
6786
6706
|
class MessageConfig {
|
|
6787
6707
|
}
|
|
6788
6708
|
const MESSAGE_CONFIG = new InjectionToken('MESSAGE_CONFIG');
|
|
@@ -7072,10 +6992,6 @@ class NotificationComponent extends MessageComponent {
|
|
|
7072
6992
|
});
|
|
7073
6993
|
}
|
|
7074
6994
|
}
|
|
7075
|
-
/**
|
|
7076
|
-
* Attach a TemplatePortal as content to this modal container.
|
|
7077
|
-
* @param portal Portal to be attached as the modal content.
|
|
7078
|
-
*/
|
|
7079
6995
|
attachTemplatePortal(portal) {
|
|
7080
6996
|
return this.portalOutlet.attachTemplatePortal(portal);
|
|
7081
6997
|
}
|
|
@@ -7170,18 +7086,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.8", ngImpor
|
|
|
7170
7086
|
}]
|
|
7171
7087
|
}] });
|
|
7172
7088
|
|
|
7173
|
-
/**
|
|
7174
|
-
* To modify the labels and text displayed, create a new instance of MatPaginatorIntl and
|
|
7175
|
-
* include it in a custom provider
|
|
7176
|
-
*/
|
|
7177
7089
|
class PaginatorIntl {
|
|
7178
7090
|
constructor() {
|
|
7179
|
-
/**
|
|
7180
|
-
* Stream that emits whenever the labels here are changed. Use this to notify
|
|
7181
|
-
* components if the labels have changed after initialization.
|
|
7182
|
-
*/
|
|
7183
7091
|
this.changes = new Subject();
|
|
7184
|
-
/** A label for the page size selector. */
|
|
7185
7092
|
this.itemsPerPageLabel = 'perPage';
|
|
7186
7093
|
this.jumperLabelPrefix = 'Goto';
|
|
7187
7094
|
this.jumperLabelSuffix = '';
|
|
@@ -7193,12 +7100,10 @@ PaginatorIntl.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", versio
|
|
|
7193
7100
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.8", ngImport: i0, type: PaginatorIntl, decorators: [{
|
|
7194
7101
|
type: Injectable
|
|
7195
7102
|
}] });
|
|
7196
|
-
// eslint-disable-next-line sonar/function-name
|
|
7197
7103
|
function PAGINATOR_INTL_PROVIDER_FACTORY(parentIntl) {
|
|
7198
7104
|
return parentIntl || new PaginatorIntl();
|
|
7199
7105
|
}
|
|
7200
7106
|
const PAGINATOR_INTL_PROVIDER = {
|
|
7201
|
-
// If there is already an PaginatorIntl available, use that. Otherwise, provide a new one.
|
|
7202
7107
|
provide: PaginatorIntl,
|
|
7203
7108
|
deps: [[new Optional(), new SkipSelf(), PaginatorIntl]],
|
|
7204
7109
|
useFactory: PAGINATOR_INTL_PROVIDER_FACTORY,
|
|
@@ -7436,7 +7341,6 @@ class BaseSelect extends CommonFormControl {
|
|
|
7436
7341
|
this.customOptions.changes.pipe(startWith(this.customOptions)),
|
|
7437
7342
|
this.contentOptions.changes.pipe(startWith(this.contentOptions)),
|
|
7438
7343
|
]).pipe(map(([customOptions, contentOptions]) => [...customOptions.toArray(), ...contentOptions.toArray()]), publishRef());
|
|
7439
|
-
// support dynamic options loading on filtering
|
|
7440
7344
|
this.allOptions$.pipe(takeUntil(this.destroy$$)).subscribe(() => {
|
|
7441
7345
|
if (this.opened) {
|
|
7442
7346
|
requestAnimationFrame(() => {
|
|
@@ -7445,9 +7349,7 @@ class BaseSelect extends CommonFormControl {
|
|
|
7445
7349
|
}
|
|
7446
7350
|
});
|
|
7447
7351
|
this.hasMatchedOption$ = combineLatest([
|
|
7448
|
-
this.allOptions$.pipe(map(customOptions => customOptions.filter(option => option !== this.inputtingOption)),
|
|
7449
|
-
// eslint-disable-next-line sonarjs/no-identical-functions
|
|
7450
|
-
switchMap(options => options.length > 0
|
|
7352
|
+
this.allOptions$.pipe(map(customOptions => customOptions.filter(option => option !== this.inputtingOption)), switchMap(options => options.length > 0
|
|
7451
7353
|
? combineLatest(options.map(option => option.value$))
|
|
7452
7354
|
: of([]))),
|
|
7453
7355
|
this.filterString$,
|
|
@@ -7695,7 +7597,6 @@ class SelectComponent extends BaseSelect {
|
|
|
7695
7597
|
label: option.label ||
|
|
7696
7598
|
this.labelFn?.(option.value) ||
|
|
7697
7599
|
coerceString(this.trackFn(option.value)),
|
|
7698
|
-
// https://github.com/angular/angular/issues/24515
|
|
7699
7600
|
labelContext: {
|
|
7700
7601
|
...option.labelContext,
|
|
7701
7602
|
},
|
|
@@ -7756,11 +7657,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.8", ngImpor
|
|
|
7756
7657
|
args: ['inputRef', { static: true }]
|
|
7757
7658
|
}] } });
|
|
7758
7659
|
|
|
7759
|
-
/**
|
|
7760
|
-
* Change event object that is emitted when the user selects a
|
|
7761
|
-
* different page size or navigates to another page.
|
|
7762
|
-
* @deprecated use Output events directly instead
|
|
7763
|
-
*/
|
|
7764
7660
|
class PageEvent {
|
|
7765
7661
|
}
|
|
7766
7662
|
class PaginatorComponent {
|
|
@@ -7784,9 +7680,6 @@ class PaginatorComponent {
|
|
|
7784
7680
|
set pageIndex(val) {
|
|
7785
7681
|
this.currentPage = val + 1;
|
|
7786
7682
|
}
|
|
7787
|
-
/**
|
|
7788
|
-
* @deprecated use `total` instead
|
|
7789
|
-
*/
|
|
7790
7683
|
get length() {
|
|
7791
7684
|
return this.total;
|
|
7792
7685
|
}
|
|
@@ -7889,7 +7782,7 @@ class MultiSelectComponent extends BaseSelect {
|
|
|
7889
7782
|
this.model = [];
|
|
7890
7783
|
this.values$ = this.model$;
|
|
7891
7784
|
this.maxRowCount = 0;
|
|
7892
|
-
this.customRowHeight = 0;
|
|
7785
|
+
this.customRowHeight = 0;
|
|
7893
7786
|
this.inputValue = '';
|
|
7894
7787
|
this.withMaxRowCount = createWithMaxRowCount(this);
|
|
7895
7788
|
this.focused = false;
|
|
@@ -7959,7 +7852,6 @@ class MultiSelectComponent extends BaseSelect {
|
|
|
7959
7852
|
value,
|
|
7960
7853
|
};
|
|
7961
7854
|
})
|
|
7962
|
-
// sort disabled options as first
|
|
7963
7855
|
.sort((a, b) => {
|
|
7964
7856
|
if (a.disabled) {
|
|
7965
7857
|
return -1;
|
|
@@ -8107,7 +7999,6 @@ class MultiSelectComponent extends BaseSelect {
|
|
|
8107
7999
|
this.setInputWidth();
|
|
8108
8000
|
this.filterString = '';
|
|
8109
8001
|
}
|
|
8110
|
-
// calculate input element width according to its value
|
|
8111
8002
|
setInputWidth() {
|
|
8112
8003
|
const { value } = this.inputRef.nativeElement;
|
|
8113
8004
|
if (!value.length) {
|
|
@@ -8203,8 +8094,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.8", ngImpor
|
|
|
8203
8094
|
}]
|
|
8204
8095
|
}] });
|
|
8205
8096
|
|
|
8206
|
-
// @dynamic
|
|
8207
|
-
// eslint-disable-next-line @typescript-eslint/no-extraneous-class
|
|
8208
8097
|
class AuiSelectValidators {
|
|
8209
8098
|
static includes(options, trackFn = val => val) {
|
|
8210
8099
|
return (control) => options.some(option => trackFn(option) === trackFn(control.value))
|
|
@@ -8260,9 +8149,7 @@ IncludesDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", vers
|
|
|
8260
8149
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.8", ngImport: i0, type: IncludesDirective, decorators: [{
|
|
8261
8150
|
type: Directive,
|
|
8262
8151
|
args: [{
|
|
8263
|
-
selector:
|
|
8264
|
-
// eslint-disable-next-line @angular-eslint/directive-selector
|
|
8265
|
-
'aui-select[ngModel][includes],aui-select[formControl][includes],aui-select[formControlName][includes]',
|
|
8152
|
+
selector: 'aui-select[ngModel][includes],aui-select[formControl][includes],aui-select[formControlName][includes]',
|
|
8266
8153
|
providers: [
|
|
8267
8154
|
{
|
|
8268
8155
|
provide: NG_VALIDATORS,
|
|
@@ -8383,9 +8270,6 @@ class RadioGroupComponent extends CommonFormControl {
|
|
|
8383
8270
|
set size(val) {
|
|
8384
8271
|
this.size$$.next(val);
|
|
8385
8272
|
}
|
|
8386
|
-
/**
|
|
8387
|
-
* @deprecated use `plain` instead
|
|
8388
|
-
*/
|
|
8389
8273
|
set isPlain(val) {
|
|
8390
8274
|
this.plain = val;
|
|
8391
8275
|
}
|
|
@@ -8496,7 +8380,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.8", ngImpor
|
|
|
8496
8380
|
}] } });
|
|
8497
8381
|
|
|
8498
8382
|
class RadioComponent extends BaseRadio {
|
|
8499
|
-
// eslint-disable-next-line @typescript-eslint/no-useless-constructor
|
|
8500
8383
|
constructor(radioGroup, focusMonitor, cdr) {
|
|
8501
8384
|
super(radioGroup, focusMonitor, cdr);
|
|
8502
8385
|
this.bem = buildBem('aui-radio');
|
|
@@ -8513,7 +8396,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.8", ngImpor
|
|
|
8513
8396
|
}], ctorParameters: function () { return [{ type: RadioGroupComponent }, { type: i2$1.FocusMonitor }, { type: i0.ChangeDetectorRef }]; } });
|
|
8514
8397
|
|
|
8515
8398
|
class RadioButtonComponent extends BaseRadio {
|
|
8516
|
-
// eslint-disable-next-line @typescript-eslint/no-useless-constructor
|
|
8517
8399
|
constructor(radioGroup, focusMonitor, cdr) {
|
|
8518
8400
|
super(radioGroup, focusMonitor, cdr);
|
|
8519
8401
|
this.bem = buildBem('aui-radio-button');
|
|
@@ -8587,13 +8469,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.8", ngImpor
|
|
|
8587
8469
|
}], ctorParameters: function () { return [{ type: i0.ViewContainerRef }, { type: i0.ElementRef }]; } });
|
|
8588
8470
|
|
|
8589
8471
|
class TableComponent extends CdkTable {
|
|
8590
|
-
// FIXME: workaround to override because it will break constructor if it is field, but why MatTable works?
|
|
8591
|
-
// @ts-ignore
|
|
8592
8472
|
get stickyCssClass() {
|
|
8593
8473
|
return 'aui-table-sticky';
|
|
8594
8474
|
}
|
|
8595
8475
|
set stickyCssClass(_) {
|
|
8596
|
-
// nothing
|
|
8597
8476
|
}
|
|
8598
8477
|
ngAfterContentInit() {
|
|
8599
8478
|
this._createPlaceholder();
|
|
@@ -8658,10 +8537,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.8", ngImpor
|
|
|
8658
8537
|
args: [TablePlaceholderDefDirective, { static: true }]
|
|
8659
8538
|
}] } });
|
|
8660
8539
|
|
|
8661
|
-
/**
|
|
8662
|
-
* Cell definition for the aui-table.
|
|
8663
|
-
* Captures the template of a column's data row cell as well as cell-specific properties.
|
|
8664
|
-
*/
|
|
8665
8540
|
class TableCellDefDirective extends CdkCellDef {
|
|
8666
8541
|
}
|
|
8667
8542
|
TableCellDefDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.8", ngImport: i0, type: TableCellDefDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive });
|
|
@@ -8800,7 +8675,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.8", ngImpor
|
|
|
8800
8675
|
}] } });
|
|
8801
8676
|
|
|
8802
8677
|
const bem$1 = buildBem('aui-table');
|
|
8803
|
-
/** Cell template container that adds the right classes and role. */
|
|
8804
8678
|
class TableCellDirective extends CdkCell {
|
|
8805
8679
|
constructor(columnDef, elementRef) {
|
|
8806
8680
|
super(columnDef, elementRef);
|
|
@@ -8813,7 +8687,6 @@ TableCellDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", ver
|
|
|
8813
8687
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.8", ngImport: i0, type: TableCellDirective, decorators: [{
|
|
8814
8688
|
type: Directive,
|
|
8815
8689
|
args: [{
|
|
8816
|
-
// eslint-disable-next-line @angular-eslint/directive-selector
|
|
8817
8690
|
selector: 'aui-table-cell',
|
|
8818
8691
|
host: {
|
|
8819
8692
|
class: 'aui-table__cell',
|
|
@@ -8825,13 +8698,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.8", ngImpor
|
|
|
8825
8698
|
type: Input
|
|
8826
8699
|
}] } });
|
|
8827
8700
|
|
|
8828
|
-
/**
|
|
8829
|
-
* Column definition for the aui-table.
|
|
8830
|
-
* Defines a set of cells available for a table column.
|
|
8831
|
-
*/
|
|
8832
8701
|
class TableColumnDefDirective extends CdkColumnDef {
|
|
8833
|
-
// Unique name for this column
|
|
8834
|
-
// Why it does not work in `inputs` property?
|
|
8835
8702
|
set auiTableColumnDef(value) {
|
|
8836
8703
|
this.name = value;
|
|
8837
8704
|
}
|
|
@@ -8859,10 +8726,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.8", ngImpor
|
|
|
8859
8726
|
type: Input
|
|
8860
8727
|
}] } });
|
|
8861
8728
|
|
|
8862
|
-
/**
|
|
8863
|
-
* Header cell definition for the aui-table.
|
|
8864
|
-
* Captures the template of a column's header cell and as well as cell-specific properties.
|
|
8865
|
-
*/
|
|
8866
8729
|
class TableHeaderCellDefDirective extends CdkHeaderCellDef {
|
|
8867
8730
|
}
|
|
8868
8731
|
TableHeaderCellDefDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.8", ngImport: i0, type: TableHeaderCellDefDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive });
|
|
@@ -8886,7 +8749,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.8", ngImpor
|
|
|
8886
8749
|
}] });
|
|
8887
8750
|
|
|
8888
8751
|
const bem = buildBem('aui-table');
|
|
8889
|
-
/** Header cell template container that adds the right classes and role. */
|
|
8890
8752
|
class TableHeaderCellDirective extends CdkHeaderCell {
|
|
8891
8753
|
constructor(columnDef, elementRef) {
|
|
8892
8754
|
super(columnDef, elementRef);
|
|
@@ -8898,7 +8760,6 @@ TableHeaderCellDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0
|
|
|
8898
8760
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.8", ngImport: i0, type: TableHeaderCellDirective, decorators: [{
|
|
8899
8761
|
type: Directive,
|
|
8900
8762
|
args: [{
|
|
8901
|
-
// eslint-disable-next-line @angular-eslint/directive-selector
|
|
8902
8763
|
selector: 'aui-table-header-cell',
|
|
8903
8764
|
host: {
|
|
8904
8765
|
class: 'aui-table__header-cell',
|
|
@@ -8907,10 +8768,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.8", ngImpor
|
|
|
8907
8768
|
}]
|
|
8908
8769
|
}], ctorParameters: function () { return [{ type: i1$3.CdkColumnDef }, { type: i0.ElementRef }]; } });
|
|
8909
8770
|
|
|
8910
|
-
/**
|
|
8911
|
-
* Header row definition for the aui-table.
|
|
8912
|
-
* Captures the header row's template and other header properties such as the columns to display.
|
|
8913
|
-
*/
|
|
8914
8771
|
class TableHeaderRowDefDirective extends CdkHeaderRowDef {
|
|
8915
8772
|
constructor() {
|
|
8916
8773
|
super(...arguments);
|
|
@@ -8943,7 +8800,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.8", ngImpor
|
|
|
8943
8800
|
args: ['auiTableHeaderRowDefSticky']
|
|
8944
8801
|
}] } });
|
|
8945
8802
|
|
|
8946
|
-
/** Header template container that contains the cell outlet. Adds the right class and role. */
|
|
8947
8803
|
class TableHeaderRowComponent extends CdkHeaderRow {
|
|
8948
8804
|
}
|
|
8949
8805
|
TableHeaderRowComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.8", ngImport: i0, type: TableHeaderRowComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
|
|
@@ -8964,11 +8820,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.8", ngImpor
|
|
|
8964
8820
|
}]
|
|
8965
8821
|
}] });
|
|
8966
8822
|
|
|
8967
|
-
/**
|
|
8968
|
-
* Data row definition for the aui-table.
|
|
8969
|
-
* Captures the header row's template and other row properties such as the columns to display and
|
|
8970
|
-
* a when predicate that describes when this row should be used.
|
|
8971
|
-
*/
|
|
8972
8823
|
class TableRowDefDirective extends CdkRowDef {
|
|
8973
8824
|
constructor() {
|
|
8974
8825
|
super(...arguments);
|
|
@@ -9003,7 +8854,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.8", ngImpor
|
|
|
9003
8854
|
type: Input
|
|
9004
8855
|
}] } });
|
|
9005
8856
|
|
|
9006
|
-
/** Data row template container that contains the cell outlet. Adds the right class and role. */
|
|
9007
8857
|
class TableRowComponent extends CdkRow {
|
|
9008
8858
|
constructor(elRef) {
|
|
9009
8859
|
super();
|
|
@@ -9075,7 +8925,7 @@ class TableScrollShadowDirective {
|
|
|
9075
8925
|
constructor(el, table) {
|
|
9076
8926
|
this.el = el;
|
|
9077
8927
|
this.table = table;
|
|
9078
|
-
this.scrollShadow$$ = new
|
|
8928
|
+
this.scrollShadow$$ = new Subject();
|
|
9079
8929
|
this.destroy$$ = new Subject();
|
|
9080
8930
|
this.SCROLL_BEFORE_END_CLASS = true;
|
|
9081
8931
|
this.SHADOW_CLASS = true;
|
|
@@ -9108,7 +8958,6 @@ class TableScrollShadowDirective {
|
|
|
9108
8958
|
const scrollTop = this.containerEl.scrollTop;
|
|
9109
8959
|
this.placeClassList(this.containerEl.classList, scrollTop > 0, HAS_TABLE_TOP_SHADOW);
|
|
9110
8960
|
this.placeClassList(this.containerEl.classList, scrollTop < scrollDis, HAS_TABLE_BOTTOM_SHADOW);
|
|
9111
|
-
// 兼容屏幕缩放是 sticky多列的样式问题
|
|
9112
8961
|
this.table.updateStickyColumnStyles();
|
|
9113
8962
|
}
|
|
9114
8963
|
mutateHorizontalScroll() {
|
|
@@ -9263,10 +9112,8 @@ class FixedSizeTableVirtualScrollStrategy {
|
|
|
9263
9112
|
this._updateContent();
|
|
9264
9113
|
}
|
|
9265
9114
|
onContentRendered() {
|
|
9266
|
-
// no-op
|
|
9267
9115
|
}
|
|
9268
9116
|
onRenderedOffsetChanged() {
|
|
9269
|
-
// no-op
|
|
9270
9117
|
}
|
|
9271
9118
|
scrollToIndex(index, behavior) {
|
|
9272
9119
|
if (!this.viewport || !this._rowHeight) {
|
|
@@ -9354,7 +9201,6 @@ class FixedSizeTableVirtualScrollDirective {
|
|
|
9354
9201
|
}
|
|
9355
9202
|
isStickyEnabled() {
|
|
9356
9203
|
return (!!this.scrollStrategy.viewport &&
|
|
9357
|
-
// @ts-expect-error
|
|
9358
9204
|
this.table._headerRowDefs
|
|
9359
9205
|
.map(def => def.sticky)
|
|
9360
9206
|
.reduce((prev, curr) => prev && curr, true));
|
|
@@ -9394,7 +9240,6 @@ FixedSizeTableVirtualScrollDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVers
|
|
|
9394
9240
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.8", ngImport: i0, type: FixedSizeTableVirtualScrollDirective, decorators: [{
|
|
9395
9241
|
type: Directive,
|
|
9396
9242
|
args: [{
|
|
9397
|
-
// eslint-disable-next-line @angular-eslint/directive-selector
|
|
9398
9243
|
selector: 'aui-virtual-scroll-viewport[fixedSize]',
|
|
9399
9244
|
exportAs: 'viewPort',
|
|
9400
9245
|
providers: [
|
|
@@ -9431,7 +9276,6 @@ FixedSizeVirtualScrollDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion:
|
|
|
9431
9276
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.8", ngImport: i0, type: FixedSizeVirtualScrollDirective, decorators: [{
|
|
9432
9277
|
type: Directive,
|
|
9433
9278
|
args: [{
|
|
9434
|
-
// eslint-disable-next-line @angular-eslint/directive-selector
|
|
9435
9279
|
selector: 'aui-virtual-scroll-viewport[itemSize]',
|
|
9436
9280
|
providers: [
|
|
9437
9281
|
{
|
|
@@ -9521,24 +9365,19 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.8", ngImpor
|
|
|
9521
9365
|
}]
|
|
9522
9366
|
}] });
|
|
9523
9367
|
|
|
9524
|
-
/** @docs-private */
|
|
9525
9368
|
function getSortDuplicateSortableIdError(id) {
|
|
9526
9369
|
return new Error(`Cannot have two MatSortables with the same id (${id}).`);
|
|
9527
9370
|
}
|
|
9528
|
-
/** @docs-private */
|
|
9529
9371
|
function getSortHeaderNotContainedWithinSortError() {
|
|
9530
9372
|
return new Error(`MatSortHeader must be placed within a parent element with the MatSort directive.`);
|
|
9531
9373
|
}
|
|
9532
|
-
/** @docs-private */
|
|
9533
9374
|
function getSortHeaderMissingIdError() {
|
|
9534
9375
|
return new Error(`MatSortHeader must be provided with a unique id.`);
|
|
9535
9376
|
}
|
|
9536
|
-
/** @docs-private */
|
|
9537
9377
|
function getSortInvalidDirectionError(direction) {
|
|
9538
9378
|
return new Error(`${direction} is not a valid sort direction ('asc' or 'desc').`);
|
|
9539
9379
|
}
|
|
9540
9380
|
|
|
9541
|
-
// Original code from material2
|
|
9542
9381
|
class SortDirective {
|
|
9543
9382
|
constructor() {
|
|
9544
9383
|
this.sortables = new Map();
|
|
@@ -9756,9 +9595,6 @@ const StepSelectedIcon = {
|
|
|
9756
9595
|
class StepsComponent {
|
|
9757
9596
|
constructor() {
|
|
9758
9597
|
this._steps = [];
|
|
9759
|
-
/**
|
|
9760
|
-
* @deprecated type 为 step 时一般在使用上下文中控制是否可以进行下一步;type 为 progress 时强制按顺序执行
|
|
9761
|
-
*/
|
|
9762
9598
|
this.linear = false;
|
|
9763
9599
|
this.orientation = 'horizontal';
|
|
9764
9600
|
this.type = 'step';
|
|
@@ -9870,7 +9706,6 @@ class StepsComponent {
|
|
|
9870
9706
|
(currentStep.state !== StepState.Done && i > this._currentIndex))) {
|
|
9871
9707
|
return false;
|
|
9872
9708
|
}
|
|
9873
|
-
// eslint-disable-next-line sonarjs/prefer-single-boolean-return
|
|
9874
9709
|
if (i < this._currentIndex && !this.selectable) {
|
|
9875
9710
|
return false;
|
|
9876
9711
|
}
|
|
@@ -10182,7 +10017,6 @@ class TabBodyComponent {
|
|
|
10182
10017
|
constructor() {
|
|
10183
10018
|
this.content$ = new BehaviorSubject(null);
|
|
10184
10019
|
}
|
|
10185
|
-
/** The tab body content to display. */
|
|
10186
10020
|
get content() {
|
|
10187
10021
|
return this._content;
|
|
10188
10022
|
}
|
|
@@ -10207,9 +10041,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.8", ngImpor
|
|
|
10207
10041
|
}], content: [{
|
|
10208
10042
|
type: Input
|
|
10209
10043
|
}] } });
|
|
10210
|
-
/** Used to flag tab labels for use with the portal directive */
|
|
10211
10044
|
class TabLabelDirective extends CdkPortal {
|
|
10212
|
-
// eslint-disable-next-line @typescript-eslint/no-useless-constructor
|
|
10213
10045
|
constructor(templateRef, viewContainerRef) {
|
|
10214
10046
|
super(templateRef, viewContainerRef);
|
|
10215
10047
|
}
|
|
@@ -10222,9 +10054,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.8", ngImpor
|
|
|
10222
10054
|
selector: '[auiTabLabel]',
|
|
10223
10055
|
}]
|
|
10224
10056
|
}], ctorParameters: function () { return [{ type: i0.TemplateRef }, { type: i0.ViewContainerRef }]; } });
|
|
10225
|
-
/**
|
|
10226
|
-
* Lazy load the embedded template for a tab content.
|
|
10227
|
-
*/
|
|
10228
10057
|
class TabContentDirective {
|
|
10229
10058
|
constructor(template) {
|
|
10230
10059
|
this.template = template;
|
|
@@ -10238,9 +10067,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.8", ngImpor
|
|
|
10238
10067
|
selector: '[auiTabContent]',
|
|
10239
10068
|
}]
|
|
10240
10069
|
}], ctorParameters: function () { return [{ type: i0.TemplateRef }]; } });
|
|
10241
|
-
/** Used to project additional template from host to the tab header. */
|
|
10242
10070
|
class TabHeaderAddonDirective extends CdkPortal {
|
|
10243
|
-
// eslint-disable-next-line @typescript-eslint/no-useless-constructor
|
|
10244
10071
|
constructor(templateRef, viewContainerRef) {
|
|
10245
10072
|
super(templateRef, viewContainerRef);
|
|
10246
10073
|
}
|
|
@@ -10253,14 +10080,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.8", ngImpor
|
|
|
10253
10080
|
selector: '[auiTabHeaderAddon]',
|
|
10254
10081
|
}]
|
|
10255
10082
|
}], ctorParameters: function () { return [{ type: i0.TemplateRef }, { type: i0.ViewContainerRef }]; } });
|
|
10256
|
-
/**
|
|
10257
|
-
* Used in the `aui-tab-group` view to display tab labels.
|
|
10258
|
-
*/
|
|
10259
10083
|
class TabLabelWrapperDirective {
|
|
10260
10084
|
constructor(elementRef) {
|
|
10261
10085
|
this.elementRef = elementRef;
|
|
10262
10086
|
}
|
|
10263
|
-
/** Whether or not the tab is disabled */
|
|
10264
10087
|
get disabled() {
|
|
10265
10088
|
return this._disabled;
|
|
10266
10089
|
}
|
|
@@ -10273,7 +10096,6 @@ class TabLabelWrapperDirective {
|
|
|
10273
10096
|
getOffsetWidth() {
|
|
10274
10097
|
return this.elementRef.nativeElement.offsetWidth;
|
|
10275
10098
|
}
|
|
10276
|
-
/** Sets focus on the wrapper element */
|
|
10277
10099
|
focus() {
|
|
10278
10100
|
this.elementRef.nativeElement.focus();
|
|
10279
10101
|
}
|
|
@@ -10293,7 +10115,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.8", ngImpor
|
|
|
10293
10115
|
type: Input
|
|
10294
10116
|
}] } });
|
|
10295
10117
|
class TabTitleDirective extends CdkPortal {
|
|
10296
|
-
// eslint-disable-next-line @typescript-eslint/no-useless-constructor
|
|
10297
10118
|
constructor(templateRef, viewContainerRef) {
|
|
10298
10119
|
super(templateRef, viewContainerRef);
|
|
10299
10120
|
}
|
|
@@ -10306,16 +10127,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.8", ngImpor
|
|
|
10306
10127
|
selector: '[auiTabTitle]',
|
|
10307
10128
|
}]
|
|
10308
10129
|
}], ctorParameters: function () { return [{ type: i0.TemplateRef }, { type: i0.ViewContainerRef }]; } });
|
|
10309
|
-
/**
|
|
10310
|
-
* The portal host directive for the contents of the tab.
|
|
10311
|
-
*/
|
|
10312
10130
|
class TabBodyPortalDirective extends CdkPortalOutlet {
|
|
10313
10131
|
constructor(componentFactoryResolver, viewContainerRef, _host) {
|
|
10314
10132
|
super(componentFactoryResolver, viewContainerRef);
|
|
10315
10133
|
this._host = _host;
|
|
10316
10134
|
this._hostSubscription = Subscription.EMPTY;
|
|
10317
10135
|
}
|
|
10318
|
-
/** Set initial visibility or set up subscription for changing visibility. */
|
|
10319
10136
|
ngOnInit() {
|
|
10320
10137
|
super.ngOnInit();
|
|
10321
10138
|
this._hostSubscription = this._host.content$.subscribe(content => {
|
|
@@ -10346,9 +10163,6 @@ class TabContextService {
|
|
|
10346
10163
|
? combineLatest([_parent.active$, this.active$$]).pipe(map(([a, b]) => a && b))
|
|
10347
10164
|
: this.active$$).pipe(distinctUntilChanged());
|
|
10348
10165
|
}
|
|
10349
|
-
/**
|
|
10350
|
-
* Whether the tab is currently active.
|
|
10351
|
-
*/
|
|
10352
10166
|
get isActive() {
|
|
10353
10167
|
return this.active$$.value;
|
|
10354
10168
|
}
|
|
@@ -10366,33 +10180,19 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.8", ngImpor
|
|
|
10366
10180
|
type: SkipSelf
|
|
10367
10181
|
}] }]; } });
|
|
10368
10182
|
|
|
10369
|
-
/* eslint-disable no-prototype-builtins */
|
|
10370
10183
|
class TabComponent {
|
|
10371
10184
|
constructor(_viewContainerRef, tabContext) {
|
|
10372
10185
|
this._viewContainerRef = _viewContainerRef;
|
|
10373
10186
|
this.tabContext = tabContext;
|
|
10374
|
-
/** Plain text label for the tab, used when there is no template label. */
|
|
10375
10187
|
this.textLabel = '';
|
|
10376
|
-
/** Whether or not to show the close button in the header */
|
|
10377
10188
|
this.closeable = false;
|
|
10378
10189
|
this.close = new EventEmitter();
|
|
10379
|
-
/**
|
|
10380
|
-
* The relatively indexed position where 0 represents the center, negative is left, and positive
|
|
10381
|
-
* represents the right.
|
|
10382
|
-
*/
|
|
10383
10190
|
this.position = null;
|
|
10384
|
-
/**
|
|
10385
|
-
* The initial relatively index origin of the tab if it was created and selected after there
|
|
10386
|
-
* was already a selected tab. Provides context of what position the tab should originate from.
|
|
10387
|
-
*/
|
|
10388
10191
|
this.origin = null;
|
|
10389
|
-
/** Emits whenever the internal state of the tab changes. */
|
|
10390
10192
|
this._stateChanges = new Subject();
|
|
10391
|
-
/** Portal that will be the hosted content of the tab */
|
|
10392
10193
|
this._contentPortal = null;
|
|
10393
10194
|
this._disabled = false;
|
|
10394
10195
|
}
|
|
10395
|
-
/** Whether or not the tab is disabled */
|
|
10396
10196
|
get disabled() {
|
|
10397
10197
|
return this._disabled;
|
|
10398
10198
|
}
|
|
@@ -10444,11 +10244,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.8", ngImpor
|
|
|
10444
10244
|
}] } });
|
|
10445
10245
|
|
|
10446
10246
|
const TabSize = {
|
|
10447
|
-
/** 卡片级尺寸 */
|
|
10448
10247
|
Large: 'large',
|
|
10449
|
-
/** 页面级尺寸 */
|
|
10450
10248
|
Medium: 'medium',
|
|
10451
|
-
/** 小尺寸 */
|
|
10452
10249
|
Small: 'small',
|
|
10453
10250
|
};
|
|
10454
10251
|
const TabType = {
|
|
@@ -10463,11 +10260,6 @@ class TabHeaderActiveIndicatorComponent {
|
|
|
10463
10260
|
this.type = TabType.Line;
|
|
10464
10261
|
this.bem = buildBem('aui-tab-header-active-indicator');
|
|
10465
10262
|
}
|
|
10466
|
-
/**
|
|
10467
|
-
* Calculates the styles from the provided element in order to align the indicator to that element.
|
|
10468
|
-
* Shows the indicator if previously set as hidden.
|
|
10469
|
-
* @param element
|
|
10470
|
-
*/
|
|
10471
10263
|
alignToElement(element) {
|
|
10472
10264
|
if (typeof requestAnimationFrame !== 'undefined') {
|
|
10473
10265
|
this._ngZone.runOutsideAngular(() => {
|
|
@@ -10478,10 +10270,6 @@ class TabHeaderActiveIndicatorComponent {
|
|
|
10478
10270
|
this._setStyles(element);
|
|
10479
10271
|
}
|
|
10480
10272
|
}
|
|
10481
|
-
/**
|
|
10482
|
-
* Sets the proper styles to the element.
|
|
10483
|
-
* @param element
|
|
10484
|
-
*/
|
|
10485
10273
|
_setStyles(element) {
|
|
10486
10274
|
const positions = this._getElementPosition(element);
|
|
10487
10275
|
const nativeEl = this._elementRef.nativeElement;
|
|
@@ -10504,10 +10292,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.8", ngImpor
|
|
|
10504
10292
|
type: Input
|
|
10505
10293
|
}] } });
|
|
10506
10294
|
|
|
10507
|
-
/**
|
|
10508
|
-
* The distance in pixels that will be overshot when scrolling a tab label into view. This helps
|
|
10509
|
-
* provide a small affordance to the label next to it.
|
|
10510
|
-
*/
|
|
10511
10295
|
const EXAGGERATED_OVERSCROLL = 60;
|
|
10512
10296
|
class TabHeaderComponent {
|
|
10513
10297
|
constructor(_changeDetectorRef, _viewportRuler) {
|
|
@@ -10515,27 +10299,18 @@ class TabHeaderComponent {
|
|
|
10515
10299
|
this._viewportRuler = _viewportRuler;
|
|
10516
10300
|
this.bem = buildBem('aui-tab-header');
|
|
10517
10301
|
this._showAddon = false;
|
|
10518
|
-
/** Whether the controls for pagination should be displayed */
|
|
10519
10302
|
this._showPaginationControls = false;
|
|
10520
|
-
/** Whether the tab list can be scrolled more towards the end of the tab label list. */
|
|
10521
10303
|
this._disableScrollAfter = true;
|
|
10522
|
-
/** Whether the tab list can be scrolled more towards the beginning of the tab label list. */
|
|
10523
10304
|
this._disableScrollBefore = true;
|
|
10524
|
-
/** Whether the header should scroll to the selected index after the view has been checked. */
|
|
10525
10305
|
this._selectedIndexChanged = false;
|
|
10526
|
-
/** The distance in pixels that the tab labels should be translated to the left. */
|
|
10527
10306
|
this._scrollDistance = 0;
|
|
10528
10307
|
this._selectedIndex = 0;
|
|
10529
|
-
/** Emits when the component is destroyed. */
|
|
10530
10308
|
this._destroyed = new Subject();
|
|
10531
10309
|
this.type = TabType.Line;
|
|
10532
10310
|
this.size = TabSize.Medium;
|
|
10533
|
-
/** Event emitted when the option is selected. */
|
|
10534
10311
|
this.selectFocusedIndex = new EventEmitter();
|
|
10535
|
-
/** Event emitted when a label is focused. */
|
|
10536
10312
|
this.indexFocused = new EventEmitter();
|
|
10537
10313
|
}
|
|
10538
|
-
/** The index of the active tab. */
|
|
10539
10314
|
get selectedIndex() {
|
|
10540
10315
|
return this._selectedIndex;
|
|
10541
10316
|
}
|
|
@@ -10552,14 +10327,11 @@ class TabHeaderComponent {
|
|
|
10552
10327
|
this._destroyed.complete();
|
|
10553
10328
|
}
|
|
10554
10329
|
ngAfterContentChecked() {
|
|
10555
|
-
// If the number of tab labels have changed, check if scrolling should be enabled
|
|
10556
10330
|
if (this._tabLabelCount !== this._labelWrappers.length) {
|
|
10557
10331
|
this._updatePagination();
|
|
10558
10332
|
this._tabLabelCount = this._labelWrappers.length;
|
|
10559
10333
|
this._changeDetectorRef.markForCheck();
|
|
10560
10334
|
}
|
|
10561
|
-
// If the selected index has changed, scroll to the label and check if the scrolling controls
|
|
10562
|
-
// should be disabled.
|
|
10563
10335
|
if (this._selectedIndexChanged) {
|
|
10564
10336
|
this._scrollToLabel(this._selectedIndex);
|
|
10565
10337
|
this._checkScrollingControls();
|
|
@@ -10567,8 +10339,6 @@ class TabHeaderComponent {
|
|
|
10567
10339
|
this._selectedIndexChanged = false;
|
|
10568
10340
|
this._changeDetectorRef.markForCheck();
|
|
10569
10341
|
}
|
|
10570
|
-
// If the scroll distance has been changed (tab selected, focused, scroll controls activated),
|
|
10571
|
-
// then translate the header to reflect this.
|
|
10572
10342
|
if (this._scrollDistanceChanged) {
|
|
10573
10343
|
this._updateTabScrollPosition();
|
|
10574
10344
|
this._scrollDistanceChanged = false;
|
|
@@ -10580,9 +10350,6 @@ class TabHeaderComponent {
|
|
|
10580
10350
|
this._changeDetectorRef.markForCheck();
|
|
10581
10351
|
}
|
|
10582
10352
|
}
|
|
10583
|
-
/**
|
|
10584
|
-
* Aligns the ink bar to the selected tab on load.
|
|
10585
|
-
*/
|
|
10586
10353
|
ngAfterContentInit() {
|
|
10587
10354
|
const resize = this._viewportRuler.change(150);
|
|
10588
10355
|
const realign = () => {
|
|
@@ -10593,19 +10360,12 @@ class TabHeaderComponent {
|
|
|
10593
10360
|
.withHorizontalOrientation('ltr')
|
|
10594
10361
|
.withWrap();
|
|
10595
10362
|
this._keyManager.updateActiveItem(0);
|
|
10596
|
-
// Defer the first call in order to allow for slower browsers to lay out the elements.
|
|
10597
|
-
// This helps in cases where the user lands directly on a page with paginated tabs.
|
|
10598
10363
|
typeof requestAnimationFrame !== 'undefined'
|
|
10599
10364
|
? requestAnimationFrame(realign)
|
|
10600
10365
|
: realign();
|
|
10601
|
-
// On window resize, realign the ink bar and update the orientation of
|
|
10602
|
-
// the key manager if the direction has changed.
|
|
10603
10366
|
resize.pipe(takeUntil(this._destroyed)).subscribe(() => {
|
|
10604
10367
|
realign();
|
|
10605
10368
|
});
|
|
10606
|
-
// If there is a change in the focus key manager we need to emit the `indexFocused`
|
|
10607
|
-
// event in order to provide a public event that notifies about focus changes. Also we realign
|
|
10608
|
-
// the tabs container by scrolling the new focused tab into the visible section.
|
|
10609
10369
|
this._keyManager.change
|
|
10610
10370
|
.pipe(takeUntil(this._destroyed))
|
|
10611
10371
|
.subscribe(newFocusIndex => {
|
|
@@ -10613,22 +10373,17 @@ class TabHeaderComponent {
|
|
|
10613
10373
|
this._setTabFocus(newFocusIndex);
|
|
10614
10374
|
});
|
|
10615
10375
|
}
|
|
10616
|
-
/** Sets the distance in pixels that the tab header should be transformed in the X-axis. */
|
|
10617
10376
|
get scrollDistance() {
|
|
10618
10377
|
return this._scrollDistance;
|
|
10619
10378
|
}
|
|
10620
10379
|
set scrollDistance(v) {
|
|
10621
10380
|
this._scrollDistance = Math.max(0, Math.min(this._getMaxScrollDistance(), v));
|
|
10622
|
-
// Mark that the scroll distance has changed so that after the view is checked, the CSS
|
|
10623
|
-
// transformation can move the header.
|
|
10624
10381
|
this._scrollDistanceChanged = true;
|
|
10625
10382
|
this._checkScrollingControls();
|
|
10626
10383
|
}
|
|
10627
|
-
/** Tracks which element has focus; used for keyboard navigation */
|
|
10628
10384
|
get focusIndex() {
|
|
10629
10385
|
return this._keyManager ? this._keyManager.activeItemIndex : 0;
|
|
10630
10386
|
}
|
|
10631
|
-
/** When the focus index is set, we must manually send focus to the correct label */
|
|
10632
10387
|
set focusIndex(value) {
|
|
10633
10388
|
if (!this._isValidIndex(value) ||
|
|
10634
10389
|
this.focusIndex === value ||
|
|
@@ -10637,10 +10392,6 @@ class TabHeaderComponent {
|
|
|
10637
10392
|
}
|
|
10638
10393
|
this._keyManager.setActiveItem(value);
|
|
10639
10394
|
}
|
|
10640
|
-
/**
|
|
10641
|
-
* Determines if an index is valid. If the tabs are not ready yet, we assume that the user is
|
|
10642
|
-
* providing a valid index and return true.
|
|
10643
|
-
*/
|
|
10644
10395
|
_isValidIndex(index) {
|
|
10645
10396
|
if (!this._labelWrappers) {
|
|
10646
10397
|
return true;
|
|
@@ -10669,29 +10420,16 @@ class TabHeaderComponent {
|
|
|
10669
10420
|
this._keyManager.onKeydown(event);
|
|
10670
10421
|
}
|
|
10671
10422
|
}
|
|
10672
|
-
/**
|
|
10673
|
-
* Sets focus on the HTML element for the label wrapper and scrolls it into the view if
|
|
10674
|
-
* scrolling is enabled.
|
|
10675
|
-
*/
|
|
10676
10423
|
_setTabFocus(tabIndex) {
|
|
10677
10424
|
if (this._showPaginationControls) {
|
|
10678
10425
|
this._scrollToLabel(tabIndex);
|
|
10679
10426
|
}
|
|
10680
10427
|
if (this._labelWrappers?.length > 0) {
|
|
10681
10428
|
this._labelWrappers.toArray()[tabIndex].focus();
|
|
10682
|
-
// Do not let the browser manage scrolling to focus the element, this will be handled
|
|
10683
|
-
// by using translation. In LTR, the scroll left should be 0. In RTL, the scroll width
|
|
10684
|
-
// should be the full width minus the offset width.
|
|
10685
10429
|
const containerEl = this._tabListContainer.nativeElement;
|
|
10686
10430
|
containerEl.scrollLeft = 0;
|
|
10687
10431
|
}
|
|
10688
10432
|
}
|
|
10689
|
-
/**
|
|
10690
|
-
* Moves the tab list such that the desired tab label (marked by index) is moved into view.
|
|
10691
|
-
*
|
|
10692
|
-
* This is an expensive call that forces a layout reflow to compute box and scroll metrics and
|
|
10693
|
-
* should be called sparingly.
|
|
10694
|
-
*/
|
|
10695
10433
|
_scrollToLabel(labelIndex) {
|
|
10696
10434
|
const selectedLabel = this._labelWrappers
|
|
10697
10435
|
? this._labelWrappers.toArray()[labelIndex]
|
|
@@ -10699,63 +10437,37 @@ class TabHeaderComponent {
|
|
|
10699
10437
|
if (!selectedLabel) {
|
|
10700
10438
|
return;
|
|
10701
10439
|
}
|
|
10702
|
-
// The view length is the visible width of the tab labels.
|
|
10703
10440
|
const viewLength = this._tabListContainer.nativeElement.offsetWidth;
|
|
10704
10441
|
const labelBeforePos = selectedLabel.getOffsetLeft();
|
|
10705
10442
|
const labelAfterPos = labelBeforePos + selectedLabel.getOffsetWidth();
|
|
10706
10443
|
const beforeVisiblePos = this.scrollDistance;
|
|
10707
10444
|
const afterVisiblePos = this.scrollDistance + viewLength;
|
|
10708
10445
|
if (labelBeforePos < beforeVisiblePos) {
|
|
10709
|
-
// Scroll header to move label to the before direction
|
|
10710
10446
|
this.scrollDistance -=
|
|
10711
10447
|
beforeVisiblePos - labelBeforePos + EXAGGERATED_OVERSCROLL;
|
|
10712
10448
|
}
|
|
10713
10449
|
else if (labelAfterPos > afterVisiblePos) {
|
|
10714
|
-
// Scroll header to move label to the after direction
|
|
10715
10450
|
this.scrollDistance +=
|
|
10716
10451
|
labelAfterPos - afterVisiblePos + EXAGGERATED_OVERSCROLL;
|
|
10717
10452
|
}
|
|
10718
10453
|
}
|
|
10719
|
-
/**
|
|
10720
|
-
* Moves the tab list in the 'before' or 'after' direction (towards the beginning of the list or
|
|
10721
|
-
* the end of the list, respectively). The distance to scroll is computed to be a third of the
|
|
10722
|
-
* length of the tab list view window.
|
|
10723
|
-
*
|
|
10724
|
-
* This is an expensive call that forces a layout reflow to compute box and scroll metrics and
|
|
10725
|
-
* should be called sparingly.
|
|
10726
|
-
*/
|
|
10727
10454
|
_scrollHeader(scrollDir) {
|
|
10728
10455
|
const viewLength = this._tabListContainer.nativeElement.offsetWidth;
|
|
10729
|
-
// Move the scroll distance one-third the length of the tab list's viewport.
|
|
10730
10456
|
this.scrollDistance += ((scrollDir === 'before' ? -1 : 1) * viewLength) / 3;
|
|
10731
10457
|
}
|
|
10732
|
-
/**
|
|
10733
|
-
* Callback for when the MutationObserver detects that the content has changed.
|
|
10734
|
-
*/
|
|
10735
10458
|
_onContentChanges() {
|
|
10736
10459
|
this._updatePagination();
|
|
10737
10460
|
this._alignActiveIndicatorToSelectedTab();
|
|
10738
10461
|
this._changeDetectorRef.markForCheck();
|
|
10739
10462
|
}
|
|
10740
|
-
/**
|
|
10741
|
-
* Updating the view whether pagination should be enabled or not
|
|
10742
|
-
*/
|
|
10743
10463
|
_updatePagination() {
|
|
10744
10464
|
this._checkPaginationEnabled();
|
|
10745
10465
|
this._checkScrollingControls();
|
|
10746
10466
|
this._updateTabScrollPosition();
|
|
10747
10467
|
}
|
|
10748
|
-
/**
|
|
10749
|
-
* Evaluate whether the pagination controls should be displayed. If the scroll width of the
|
|
10750
|
-
* tab list is wider than the size of the header container, then the pagination controls should
|
|
10751
|
-
* be shown.
|
|
10752
|
-
*
|
|
10753
|
-
* This is an expensive call that forces a layout reflow to compute box and scroll metrics and
|
|
10754
|
-
* should be called sparingly.
|
|
10755
|
-
*/
|
|
10756
10468
|
_checkPaginationEnabled() {
|
|
10757
10469
|
const isEnabled = this._tabList.nativeElement.scrollWidth >
|
|
10758
|
-
this._paginationWrapper.nativeElement.offsetWidth + 2;
|
|
10470
|
+
this._paginationWrapper.nativeElement.offsetWidth + 2;
|
|
10759
10471
|
if (!isEnabled) {
|
|
10760
10472
|
this.scrollDistance = 0;
|
|
10761
10473
|
}
|
|
@@ -10765,45 +10477,22 @@ class TabHeaderComponent {
|
|
|
10765
10477
|
this._changeDetectorRef.markForCheck();
|
|
10766
10478
|
}
|
|
10767
10479
|
}
|
|
10768
|
-
/**
|
|
10769
|
-
* Evaluate whether the before and after controls should be enabled or disabled.
|
|
10770
|
-
* If the header is at the beginning of the list (scroll distance is equal to 0) then disable the
|
|
10771
|
-
* before button. If the header is at the end of the list (scroll distance is equal to the
|
|
10772
|
-
* maximum distance we can scroll), then disable the after button.
|
|
10773
|
-
*
|
|
10774
|
-
* This is an expensive call that forces a layout reflow to compute box and scroll metrics and
|
|
10775
|
-
* should be called sparingly.
|
|
10776
|
-
*/
|
|
10777
10480
|
_checkScrollingControls() {
|
|
10778
|
-
// Check if the pagination arrows should be activated.
|
|
10779
10481
|
this._disableScrollBefore = this.scrollDistance === 0;
|
|
10780
10482
|
this._disableScrollAfter =
|
|
10781
10483
|
this.scrollDistance === this._getMaxScrollDistance();
|
|
10782
10484
|
this._changeDetectorRef.markForCheck();
|
|
10783
10485
|
}
|
|
10784
|
-
/**
|
|
10785
|
-
* Determines what is the maximum length in pixels that can be set for the scroll distance. This
|
|
10786
|
-
* is equal to the difference in width between the tab list container and tab header container.
|
|
10787
|
-
*
|
|
10788
|
-
* This is an expensive call that forces a layout reflow to compute box and scroll metrics and
|
|
10789
|
-
* should be called sparingly.
|
|
10790
|
-
*/
|
|
10791
10486
|
_getMaxScrollDistance() {
|
|
10792
10487
|
const lengthOfTabList = this._tabList.nativeElement.scrollWidth;
|
|
10793
10488
|
const viewLength = this._tabListContainer.nativeElement.offsetWidth;
|
|
10794
10489
|
return lengthOfTabList - viewLength || 0;
|
|
10795
10490
|
}
|
|
10796
|
-
/** Performs the CSS transformation on the tab list that will cause the list to scroll. */
|
|
10797
10491
|
_updateTabScrollPosition() {
|
|
10798
10492
|
const scrollDistance = this.scrollDistance;
|
|
10799
10493
|
const translateX = -scrollDistance;
|
|
10800
|
-
// Don't use `translate3d` here because we don't want to create a new layer. A new layer
|
|
10801
|
-
// seems to cause flickering and overflow in Internet Explorer. For example, the ink bar
|
|
10802
|
-
// and ripples will exceed the boundaries of the visible tab bar.
|
|
10803
|
-
// See: https://github.com/angular/material2/issues/10276
|
|
10804
10494
|
this._tabList.nativeElement.style.transform = `translateX(${translateX}px)`;
|
|
10805
10495
|
}
|
|
10806
|
-
/** Tells the active indicator to align itself to the current label wrapper */
|
|
10807
10496
|
_alignActiveIndicatorToSelectedTab() {
|
|
10808
10497
|
const selectedLabelWrapper = this._labelWrappers?.length > 0
|
|
10809
10498
|
? this._labelWrappers.toArray()[this.selectedIndex].elementRef
|
|
@@ -10833,11 +10522,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.8", ngImpor
|
|
|
10833
10522
|
}], _title: [{
|
|
10834
10523
|
type: ContentChild,
|
|
10835
10524
|
args: [TabTitleDirective, { static: false }]
|
|
10836
|
-
}],
|
|
10837
|
-
/**
|
|
10838
|
-
* workaround for @link https://github.com/microsoft/TypeScript/pull/42425
|
|
10839
|
-
*/
|
|
10840
|
-
_labelWrappers: [{
|
|
10525
|
+
}], _labelWrappers: [{
|
|
10841
10526
|
type: ContentChildren,
|
|
10842
10527
|
args: [TabLabelWrapperDirective]
|
|
10843
10528
|
}], _tabListContainer: [{
|
|
@@ -10854,38 +10539,27 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.8", ngImpor
|
|
|
10854
10539
|
args: [TabHeaderActiveIndicatorComponent, { static: true }]
|
|
10855
10540
|
}] } });
|
|
10856
10541
|
|
|
10857
|
-
/* eslint-disable no-prototype-builtins */
|
|
10858
|
-
/** A simple change event emitted on focus or selection changes. */
|
|
10859
10542
|
class TabChangeEvent {
|
|
10860
10543
|
}
|
|
10861
10544
|
class TabGroupComponent {
|
|
10862
10545
|
constructor(_changeDetectorRef) {
|
|
10863
10546
|
this._changeDetectorRef = _changeDetectorRef;
|
|
10864
10547
|
this.bem = buildBem('aui-tab-group');
|
|
10865
|
-
/** The tab index that should be selected after the content has been checked. */
|
|
10866
10548
|
this._indexToSelect = 0;
|
|
10867
|
-
/** Subscription to tabs being added/removed. */
|
|
10868
10549
|
this._tabsSubscription = Subscription.EMPTY;
|
|
10869
|
-
/** Subscription to changes in the tab labels. */
|
|
10870
10550
|
this._tabLabelSubscription = Subscription.EMPTY;
|
|
10871
10551
|
this._selectedIndex = null;
|
|
10872
10552
|
this._tab = null;
|
|
10873
10553
|
this._type = TabType.Line;
|
|
10874
10554
|
this._size = TabSize.Medium;
|
|
10875
|
-
/** Emits whenever the type changes */
|
|
10876
10555
|
this._typeChange = new Subject();
|
|
10877
|
-
/** Emits whenever the size changes */
|
|
10878
10556
|
this._sizeChange = new Subject();
|
|
10879
|
-
/** Output to enable support for two-way binding on `[(selectedIndex)]` */
|
|
10880
10557
|
this.selectedIndexChange = new EventEmitter();
|
|
10881
10558
|
this.tabChange = new EventEmitter();
|
|
10882
|
-
/** Event emitted when the tab selection has changed. */
|
|
10883
10559
|
this.selectedTabChange = new EventEmitter(true);
|
|
10884
|
-
/** Event emitted when focus has changed within a tab group. */
|
|
10885
10560
|
this.focusChange = new EventEmitter();
|
|
10886
10561
|
this.activatedTabs = [];
|
|
10887
10562
|
}
|
|
10888
|
-
/** The index of the active tab. */
|
|
10889
10563
|
get selectedIndex() {
|
|
10890
10564
|
return this._selectedIndex;
|
|
10891
10565
|
}
|
|
@@ -10945,34 +10619,20 @@ class TabGroupComponent {
|
|
|
10945
10619
|
this._sizeChange.next();
|
|
10946
10620
|
}
|
|
10947
10621
|
}
|
|
10948
|
-
/**
|
|
10949
|
-
* After the content is checked, this component knows what tabs have been defined
|
|
10950
|
-
* and what the selected index should be. This is where we can know exactly what position
|
|
10951
|
-
* each tab should be in according to the new selected index.
|
|
10952
|
-
*/
|
|
10953
10622
|
ngAfterContentChecked() {
|
|
10954
|
-
// Don't clamp the `indexToSelect` immediately in the setter because it can happen that
|
|
10955
|
-
// the amount of tabs changes before the actual change detection runs.
|
|
10956
10623
|
const indexToSelect = (this._indexToSelect = this._clampTabIndex(this._indexToSelect));
|
|
10957
|
-
// If there is a change in selected index, emit a change event. Should not trigger if
|
|
10958
|
-
// the selected index has not yet been initialized.
|
|
10959
10624
|
if (this._selectedIndex !== indexToSelect && this._selectedIndex != null) {
|
|
10960
10625
|
this._changeActivatedTabs();
|
|
10961
10626
|
const tabChangeEvent = this._createChangeEvent(indexToSelect);
|
|
10962
10627
|
this.selectedTabChange.emit(tabChangeEvent);
|
|
10963
|
-
// Emitting this value after change detection has run
|
|
10964
|
-
// since the checked content may contain this variable'
|
|
10965
10628
|
Promise.resolve().then(() => {
|
|
10966
10629
|
this.selectedIndexChange.emit(indexToSelect);
|
|
10967
10630
|
this.tabChange.emit(this._tabs.get(indexToSelect).name);
|
|
10968
10631
|
});
|
|
10969
10632
|
}
|
|
10970
|
-
// Setup the position for each tab and optionally setup an origin on the next selected tab.
|
|
10971
10633
|
this._tabs.forEach((tab, index) => {
|
|
10972
10634
|
tab.position = index - indexToSelect;
|
|
10973
10635
|
tab.tabContext.isActive = index === indexToSelect;
|
|
10974
|
-
// If there is already a selected tab, then set up an origin for the next selected tab
|
|
10975
|
-
// if it doesn't have one already.
|
|
10976
10636
|
if (this._selectedIndex != null && tab.position === 0 && !tab.origin) {
|
|
10977
10637
|
tab.origin = indexToSelect - this._selectedIndex;
|
|
10978
10638
|
}
|
|
@@ -10992,22 +10652,15 @@ class TabGroupComponent {
|
|
|
10992
10652
|
}
|
|
10993
10653
|
this._changeActivatedTabs();
|
|
10994
10654
|
this._subscribeToTabLabels();
|
|
10995
|
-
// Subscribe to changes in the amount of tabs, in order to be
|
|
10996
|
-
// able to re-render the content as new tabs are added or removed.
|
|
10997
10655
|
this._tabsSubscription = this._tabs.changes.subscribe(() => {
|
|
10998
10656
|
const tabs = this._tabs.toArray();
|
|
10999
10657
|
if (this._lazy) {
|
|
11000
10658
|
this.activatedTabs = this.activatedTabs.filter(tab => tabs.includes(tab));
|
|
11001
10659
|
}
|
|
11002
10660
|
const indexToSelect = this._clampTabIndex(this._indexToSelect);
|
|
11003
|
-
// Maintain the previously-selected tab if a new tab is added or removed and there is no
|
|
11004
|
-
// explicit change that selects a different tab.
|
|
11005
10661
|
if (indexToSelect === this._selectedIndex) {
|
|
11006
10662
|
for (const [i, tab] of tabs.entries()) {
|
|
11007
10663
|
if (tab.tabContext.isActive) {
|
|
11008
|
-
// Assign both to the `_indexToSelect` and `_selectedIndex` so we don't fire a changed
|
|
11009
|
-
// event, otherwise the consumer may end up in an infinite loop in some edge cases like
|
|
11010
|
-
// adding a tab within the `selectedIndexChange` event.
|
|
11011
10664
|
this._indexToSelect = this._selectedIndex = i;
|
|
11012
10665
|
break;
|
|
11013
10666
|
}
|
|
@@ -11024,7 +10677,6 @@ class TabGroupComponent {
|
|
|
11024
10677
|
this._typeChange.complete();
|
|
11025
10678
|
this._sizeChange.complete();
|
|
11026
10679
|
}
|
|
11027
|
-
/** Handle click events, setting new selected index if appropriate. */
|
|
11028
10680
|
_handleClick(tab, idx) {
|
|
11029
10681
|
if (!tab.disabled) {
|
|
11030
10682
|
this.selectedIndex = this._tabHeader.focusIndex = idx;
|
|
@@ -11033,7 +10685,6 @@ class TabGroupComponent {
|
|
|
11033
10685
|
_focusChanged(index) {
|
|
11034
10686
|
this.focusChange.emit(this._createChangeEvent(index));
|
|
11035
10687
|
}
|
|
11036
|
-
/** Re-aligns the ink bar to the selected tab element. */
|
|
11037
10688
|
realignActiveIndicator() {
|
|
11038
10689
|
if (this._tabHeader) {
|
|
11039
10690
|
this._tabHeader._alignActiveIndicatorToSelectedTab();
|
|
@@ -11051,11 +10702,7 @@ class TabGroupComponent {
|
|
|
11051
10702
|
this.activatedTabs.push(tab);
|
|
11052
10703
|
}
|
|
11053
10704
|
}
|
|
11054
|
-
/** Clamps the given index to the bounds of 0 and the tabs length. */
|
|
11055
10705
|
_clampTabIndex(index) {
|
|
11056
|
-
// Note the `|| 0`, which ensures that values like NaN can't get through
|
|
11057
|
-
// and which would otherwise throw the component into an infinite loop
|
|
11058
|
-
// (since Math.max(NaN, 0) === NaN).
|
|
11059
10706
|
return Math.min(this._tabs.length - 1, Math.max(index || 0, 0));
|
|
11060
10707
|
}
|
|
11061
10708
|
_findIndexByTab(name) {
|
|
@@ -11069,12 +10716,6 @@ class TabGroupComponent {
|
|
|
11069
10716
|
}
|
|
11070
10717
|
return event;
|
|
11071
10718
|
}
|
|
11072
|
-
/**
|
|
11073
|
-
* Subscribes to changes in the tab labels. This is needed, because the @Input for the label is
|
|
11074
|
-
* on the Tab component, whereas the data binding is inside the TabGroup. In order for the
|
|
11075
|
-
* binding to be updated, we need to subscribe to changes in it and trigger change detection
|
|
11076
|
-
* manually.
|
|
11077
|
-
*/
|
|
11078
10719
|
_subscribeToTabLabels() {
|
|
11079
10720
|
if (this._tabLabelSubscription) {
|
|
11080
10721
|
this._tabLabelSubscription.unsubscribe();
|
|
@@ -11084,7 +10725,6 @@ class TabGroupComponent {
|
|
|
11084
10725
|
this._changeDetectorRef.markForCheck();
|
|
11085
10726
|
});
|
|
11086
10727
|
}
|
|
11087
|
-
/** Retrieves the tabindex for the tab. */
|
|
11088
10728
|
_getTabIndex(tab, idx) {
|
|
11089
10729
|
if (tab.disabled) {
|
|
11090
10730
|
return null;
|
|
@@ -11239,7 +10879,6 @@ class TreeSelectComponent extends CommonFormControl {
|
|
|
11239
10879
|
this.filterString$ = this.filterString$$.asObservable();
|
|
11240
10880
|
this.displayText = '';
|
|
11241
10881
|
this.flattedNodes = [];
|
|
11242
|
-
// `this` is not available in `trackBy`...
|
|
11243
10882
|
this.trackByLabel = (_, node) => this.getLabelFromNode(node);
|
|
11244
10883
|
}
|
|
11245
10884
|
get nodesData() {
|
|
@@ -11574,9 +11213,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.8", ngImpor
|
|
|
11574
11213
|
}]
|
|
11575
11214
|
}] });
|
|
11576
11215
|
|
|
11577
|
-
/**
|
|
11578
|
-
* Generated bundle index. Do not edit.
|
|
11579
|
-
*/
|
|
11580
|
-
|
|
11581
11216
|
export { AccordionComponent, AccordionItemComponent, AccordionItemContentDirective, AccordionItemHeaderDirective, AccordionModule, AnchorComponent, AnchorDirective, AnchorDirectiveChild, AnchorLabelDirective, AnchorModule, AnchorTreeComponent, AuiSelectValidators, AutoCompleteDirective, AutocompleteComponent, AutocompleteModule, AutocompletePlaceholderComponent, AutosizeDirective, BackTopComponent, BackTopModule, BaseTooltip, Bem, BreadcrumbComponent, BreadcrumbItemComponent, BreadcrumbModule, ButtonComponent, ButtonGroupComponent, ButtonModule, ButtonType, CONTROL_ITEM_HEIGHT, CalendarFooterComponent, CalendarHeaderComponent, CardComponent, CardFooterDirective, CardHeaderDirective, CardModule, CheckTagComponent, CheckboxComponent, CheckboxGroupComponent, CheckboxModule, ColorPickerComponent, ColorPickerModule, CommonForm, CommonFormControl, ComponentSize, ConfirmDialogConfig, ConfirmType, CssVarPipe, CustomAutoCompleteDirective, DATA, DATE, DATE_NAV_RANGES, DATE_TYPES, DAY, DAY_PANEL_COLUMN_COUNT, DAY_PANEL_ROW_COUNT, DIALOG_DATA, DISPLAY_DELAY, DateNavRange, DatePickerComponent, DatePickerModule, DatePickerPanelComponent, DatePickerTriggerComponent, DatePickerType, DateRangePickerPanelComponent, DialogCloseDirective, DialogComponent, DialogConfig, DialogContentComponent, DialogFooterComponent, DialogHeaderComponent, DialogModule, DialogRef, DialogService, DialogSize, DrawerComponent, DrawerContentDirective, DrawerFooterDirective, DrawerHeaderDirective, DrawerModule, DrawerRef, DrawerService, DrawerSize, DropdownActiveDirective, DropdownButtonComponent, DropdownDirective, DropdownModule, FixedSizeTableVirtualScrollDirective, FixedSizeTableVirtualScrollStrategy, FixedSizeVirtualScrollDirective, FormDirective, FormItemAddonDirective, FormItemComponent, FormItemControlDirective, FormItemErrorDirective, FormItemHintDirective, FormItemLabelDirective, FormItemWidth, FormModule, HIDDEN_DELAY, HOUR, HOUR_ITEMS, I18NInterfaceToken, I18nModule, I18nPipe, I18nService, ICON_REGISTER_PROVIDER_FACTORY, ICON_REGISTER_SERVICE_PROVIDER, INPUT_ERROR_KEY, IconComponent, IconModule, IconRegisterService, IncludesDirective, InlineAlertComponent, InlineAlertModule, InlineAlertTitleDirective, InlineAlertType, InputAddonAfterDirective, InputAddonBeforeDirective, InputComponent, InputGroupComponent, InputModule, InputPrefixDirective, InputSuffixDirective, LabelPosition, MESSAGE_CONFIG, MESSAGE_DEFAULT_CONFIG, MINUTE, MINUTE_ITEMS, MONTH, MONTH_PANEL_COLUMN_COUNT, MONTH_PANEL_ROW_COUNT, MenuComponent, MenuContentDirective, MenuGroupComponent, MenuGroupTitleDirective, MenuItemComponent, MenuItemType, MessageConfig, MessageModule, MessageService, MessageType, MultiSelectComponent, NOTIFICATION_CONFIG, NOTIFICATION_DEFAULT_CONFIG, NotificationComponent, NotificationModule, NotificationService, NumberInputComponent, OptionComponent, OptionContentDirective, OptionGroupComponent, OptionGroupTitleDirective, OptionPlaceholderComponent, PAGINATOR_INTL_PROVIDER, PAGINATOR_INTL_PROVIDER_FACTORY, PageEvent, PaginatorComponent, PaginatorIntl, PaginatorModule, PickerPanelComponent, RadioButtonComponent, RadioComponent, RadioGroupComponent, RadioModule, RadioSize, RangePickerComponent, RgbColorPipe, RgbaColorPipe, SECOND, SECOND_ITEMS, ScrollingModule, SearchComponent, SectionComponent, SectionTitleDirective, SelectAllStatus, SelectComponent, SelectModule, Side, SortDirective, SortHeaderComponent, SortModule, StatusBarComponent, StatusBarModule, StatusBarSize, StatusType, StepState, StepsComponent, StepsModule, SubmenuComponent, SuggestionComponent, SuggestionGroupComponent, SuggestionGroupTitleDirective, SwitchComponent, SwitchModule, TOOLTIP_COPY_INTL_INTL_PROVIDER, TOOLTIP_COPY_INTL_PROVIDER_FACTORY, TabBodyComponent, TabBodyPortalDirective, TabChangeEvent, TabComponent, TabContentDirective, TabContextService, TabGroupComponent, TabHeaderActiveIndicatorComponent, TabHeaderAddonDirective, TabHeaderComponent, TabLabelDirective, TabLabelWrapperDirective, TabSize, TabTitleDirective, TabType, TableCellDefDirective, TableCellDirective, TableColumnDefDirective, TableComponent, TableExpandButtonCellComponent, TableExpandPanelCellComponent, TableHeaderCellDefDirective, TableHeaderCellDirective, TableHeaderRowComponent, TableHeaderRowDefDirective, TableModule, TableOfContentsModule, TablePlaceholderDefDirective, TablePlaceholderOutletDirective, TableRowComponent, TableRowDefDirective, TableScrollShadowDirective, TableScrollWrapperDirective, TabsModule, TagComponent, TagModule, TagType, TagsInputComponent, ThemeModule, ThemePickerPipe, ThemeService, TimePickerComponent, TimePickerControlType, TimePickerModule, TimePickerPanelComponent, TocContainerDirective, TocContentDirective, TocLinkDirective, TooltipActiveDirective, TooltipComponent, TooltipCopyDirective, TooltipCopyIntl, TooltipDirective, TooltipModule, TooltipTrigger, TooltipType, TreeNodeComponent, TreeNodePlaceholderComponent, TreeSelectComponent, TreeSelectModule, VirtualForOfDirective, VirtualScrollViewportComponent, YEAR, YEAR_PANEL_COLUMN_COUNT, YEAR_PANEL_ROW_COUNT, _isNumberValue, _tableVirtualScrollDirectiveStrategyFactory, buildBem, coerceAttrBoolean, coerceNumber, coerceString, cssVar, en, getAnchorTreeItems, getSortDuplicateSortableIdError, getSortHeaderMissingIdError, getSortHeaderNotContainedWithinSortError, getSortInvalidDirectionError, handlePixel, isString, isTemplateRef, isTimePickerModel, isUndefined, last, observeMutationOn, observeResizeOn, publishRef, rgbColor, rgbaColor, scrollIntoView, sleep, watchContentExist, zh };
|
|
11582
11217
|
//# sourceMappingURL=alauda-ui.mjs.map
|