@alauda/ui 6.5.8-beta.2 → 6.5.8-beta.4
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/autocomplete/autocomplete.component.d.ts +1 -0
- package/date-picker/date-picker/date-picker.component.d.ts +3 -3
- package/date-picker/range-picker/range-picker.component.d.ts +4 -4
- package/esm2020/autocomplete/autocomplete.component.mjs +13 -3
- package/esm2020/date-picker/date-picker/date-picker.component.mjs +8 -8
- package/esm2020/date-picker/range-picker/range-picker.component.mjs +9 -9
- package/esm2020/tooltip/base-tooltip.mjs +6 -13
- package/fesm2015/alauda-ui.mjs +31 -27
- package/fesm2015/alauda-ui.mjs.map +1 -1
- package/fesm2020/alauda-ui.mjs +30 -27
- package/fesm2020/alauda-ui.mjs.map +1 -1
- package/package.json +1 -1
package/fesm2020/alauda-ui.mjs
CHANGED
|
@@ -1203,9 +1203,10 @@ class AutocompleteComponent {
|
|
|
1203
1203
|
this.directive$$ = new ReplaySubject(1);
|
|
1204
1204
|
}
|
|
1205
1205
|
ngAfterContentInit() {
|
|
1206
|
-
this.
|
|
1206
|
+
this.visibles$ = this.suggestions.changes.pipe(startWith(this.suggestions), switchMap((suggestions) => suggestions.length > 0
|
|
1207
1207
|
? combineLatest(suggestions.map(suggestion => suggestion.visible$))
|
|
1208
|
-
: of([])), debounceTime(0)
|
|
1208
|
+
: of([])), debounceTime(0));
|
|
1209
|
+
this.hasVisibleSuggestion$ = this.visibles$.pipe(map(visible => visible.some(Boolean)), withLatestFrom(this.directive$$), map(([hasVisibleSuggestion, directive]) => {
|
|
1209
1210
|
if (hasVisibleSuggestion && directive.defaultFirstSuggestion) {
|
|
1210
1211
|
directive.autoFocusFirstSuggestion();
|
|
1211
1212
|
}
|
|
@@ -1223,6 +1224,15 @@ class AutocompleteComponent {
|
|
|
1223
1224
|
});
|
|
1224
1225
|
}
|
|
1225
1226
|
}));
|
|
1227
|
+
this.visibles$
|
|
1228
|
+
.pipe(distinctUntilChanged((prev, cur) => JSON.stringify(prev) === JSON.stringify(cur)))
|
|
1229
|
+
.subscribe(() => {
|
|
1230
|
+
this.directive$$.pipe(first()).subscribe(directive => {
|
|
1231
|
+
window.requestAnimationFrame(() => {
|
|
1232
|
+
directive.overlayRef?.updatePosition();
|
|
1233
|
+
});
|
|
1234
|
+
});
|
|
1235
|
+
});
|
|
1226
1236
|
}
|
|
1227
1237
|
}
|
|
1228
1238
|
AutocompleteComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.8", ngImport: i0, type: AutocompleteComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
@@ -1510,18 +1520,15 @@ class BaseTooltip {
|
|
|
1510
1520
|
}
|
|
1511
1521
|
_updateTransformOrigin() {
|
|
1512
1522
|
// @ts-ignore
|
|
1513
|
-
const
|
|
1514
|
-
|
|
1523
|
+
const overlayRef = this.overlayRef;
|
|
1524
|
+
const positionStrategy = overlayRef._positionStrategy;
|
|
1515
1525
|
const hasExactPosition = positionStrategy._hasExactPosition(); // 是不是应用了精确定位
|
|
1516
1526
|
if (!hasExactPosition) {
|
|
1517
1527
|
return;
|
|
1518
1528
|
}
|
|
1519
1529
|
// 如果是精确定位，也就是预设位置空间不足以承载弹出元素，被重新指定新的弹出位置
|
|
1520
|
-
// @ts-ignore
|
|
1521
|
-
// eslint-disable-next-line @typescript-eslint/no-unsafe-call
|
|
1522
1530
|
const paneRect = positionStrategy._pane.getBoundingClientRect(); // 弹出pane元素Rect
|
|
1523
1531
|
const triggerElReact = this.elRef.nativeElement.getBoundingClientRect(); // 触发点Rect
|
|
1524
|
-
// @ts-ignore
|
|
1525
1532
|
const position = positionStrategy._lastPosition; // 当前策略位置（调整后的最佳的）
|
|
1526
1533
|
let xOrigin;
|
|
1527
1534
|
const yOrigin = position.overlayY;
|
|
@@ -1549,12 +1556,8 @@ class BaseTooltip {
|
|
|
1549
1556
|
const originTop = triggerElReact.top - paneRect.top + triggerElReact.height / 2;
|
|
1550
1557
|
origins[1] = Math.min(originTop, paneRect.height) + 'px';
|
|
1551
1558
|
}
|
|
1552
|
-
|
|
1553
|
-
|
|
1554
|
-
const aniEls = positionStrategy._boundingBox.querySelectorAll(
|
|
1555
|
-
// @ts-ignore
|
|
1556
|
-
positionStrategy._transformOriginSelector);
|
|
1557
|
-
[...aniEls].forEach(el => {
|
|
1559
|
+
const aniEls = positionStrategy._boundingBox.querySelectorAll(positionStrategy._transformOriginSelector);
|
|
1560
|
+
Array.from(aniEls).forEach(el => {
|
|
1558
1561
|
el.style.transformOrigin = origins.join(' ');
|
|
1559
1562
|
});
|
|
1560
1563
|
}
|
|
@@ -5479,7 +5482,7 @@ class DatePickerComponent extends CommonFormControl {
|
|
|
5479
5482
|
this.disabledTime = () => null;
|
|
5480
5483
|
this.weekStartDay = 0;
|
|
5481
5484
|
this.showFooter = true;
|
|
5482
|
-
this.
|
|
5485
|
+
this.visibleChange = new EventEmitter();
|
|
5483
5486
|
this.DatePickerType = DatePickerType;
|
|
5484
5487
|
}
|
|
5485
5488
|
ngOnInit() {
|
|
@@ -5509,21 +5512,21 @@ class DatePickerComponent extends CommonFormControl {
|
|
|
5509
5512
|
this.value = null;
|
|
5510
5513
|
this.emitValue(null);
|
|
5511
5514
|
}
|
|
5512
|
-
|
|
5513
|
-
this.
|
|
5515
|
+
tooltipVisibleChange(visible) {
|
|
5516
|
+
this.visibleChange.next(visible);
|
|
5514
5517
|
if (!visible) {
|
|
5515
5518
|
this.emitValue(this.value);
|
|
5516
5519
|
}
|
|
5517
5520
|
}
|
|
5518
5521
|
}
|
|
5519
5522
|
DatePickerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.8", ngImport: i0, type: DatePickerComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
|
|
5520
|
-
DatePickerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.8", type: DatePickerComponent, selector: "aui-date-picker", inputs: { clearable: "clearable", clearText: "clearText", format: "format", showTime: "showTime", type: "type", size: "size", disabledDate: "disabledDate", disabledTime: "disabledTime", minDate: "minDate", maxDate: "maxDate", weekStartDay: "weekStartDay", showFooter: "showFooter", footerTemplate: "footerTemplate", extraFooter: "extraFooter", placeholder: "placeholder" }, outputs: {
|
|
5523
|
+
DatePickerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.8", type: DatePickerComponent, selector: "aui-date-picker", inputs: { clearable: "clearable", clearText: "clearText", format: "format", showTime: "showTime", type: "type", size: "size", disabledDate: "disabledDate", disabledTime: "disabledTime", minDate: "minDate", maxDate: "maxDate", weekStartDay: "weekStartDay", showFooter: "showFooter", footerTemplate: "footerTemplate", extraFooter: "extraFooter", placeholder: "placeholder" }, outputs: { visibleChange: "visibleChange" }, providers: [
|
|
5521
5524
|
{
|
|
5522
5525
|
provide: NG_VALUE_ACCESSOR,
|
|
5523
5526
|
useExisting: forwardRef(() => DatePickerComponent),
|
|
5524
5527
|
multi: true,
|
|
5525
5528
|
},
|
|
5526
|
-
], usesInheritance: true, ngImport: i0, template: "<aui-date-picker-trigger\n [size]=\"size\"\n [value]=\"value\"\n [format]=\"format\"\n style=\"display: flex\"\n [auiTooltip]=\"template\"\n [auiDisableAnimation]=\"true\"\n auiTooltipType=\"info\"\n auiTooltipClass=\"date-picker-wrapper\"\n [disabled]=\"!!disabled\"\n auiTooltipPosition=\"bottom start\"\n auiTooltipTrigger=\"click\"\n [auiTooltipDisabled]=\"!!disabled\"\n [auiTooltipHideOnClick]=\"true\"\n [placeholder]=\"placeholder\"\n (auiTooltipVisibleChange)=\"
|
|
5529
|
+
], usesInheritance: true, ngImport: i0, template: "<aui-date-picker-trigger\n [size]=\"size\"\n [value]=\"value\"\n [format]=\"format\"\n style=\"display: flex\"\n [auiTooltip]=\"template\"\n [auiDisableAnimation]=\"true\"\n auiTooltipType=\"info\"\n auiTooltipClass=\"date-picker-wrapper\"\n [disabled]=\"!!disabled\"\n auiTooltipPosition=\"bottom start\"\n auiTooltipTrigger=\"click\"\n [auiTooltipDisabled]=\"!!disabled\"\n [auiTooltipHideOnClick]=\"true\"\n [placeholder]=\"placeholder\"\n (auiTooltipVisibleChange)=\"tooltipVisibleChange($event)\"\n (clear)=\"clearValue()\"\n #tooltip=\"auiTooltip\"\n></aui-date-picker-trigger>\n\n<ng-template #template>\n <aui-date-picker-panel\n [type]=\"type\"\n style=\"padding-top: 9px; display: inline-block\"\n [(ngModel)]=\"value\"\n [showTime]=\"showTime\"\n [showFooter]=\"showFooter\"\n [disabledDate]=\"disabledDate\"\n [disabledTime]=\"disabledTime\"\n [weekStartDay]=\"weekStartDay\"\n [extraFooter]=\"extraFooter\"\n [footerTemplate]=\"footerTemplate\"\n [clearable]=\"clearable\"\n [clearText]=\"clearText\"\n [minDate]=\"minDate\"\n [maxDate]=\"maxDate\"\n (click)=\"$event.stopImmediatePropagation()\"\n (clear)=\"clearValue()\"\n (confirm)=\"tooltip.hide(); emitValue(value)\"\n ></aui-date-picker-panel>\n</ng-template>\n", styles: ["aui-date-picker{display:inline-block;width:200px}\n"], components: [{ type: DatePickerTriggerComponent, selector: "aui-date-picker-trigger", inputs: ["format", "size", "isRange", "value", "clearable", "placeholder", "startPlaceholder", "endPlaceholder", "disabled"], outputs: ["blur", "clear"] }, { type: DatePickerPanelComponent, selector: "aui-date-picker-panel", inputs: ["clearable", "clearText", "type", "showTime", "disabledDate", "disabledTime", "weekStartDay", "showFooter", "footerTemplate", "extraFooter", "minDate", "maxDate"], outputs: ["confirm", "clear"] }], directives: [{ type: TooltipDirective, selector: "[auiTooltip]", inputs: ["auiTooltip", "auiTooltipContext", "auiTooltipClass", "auiTooltipType", "auiTooltipPosition", "auiTooltipTrigger", "auiTooltipDisabled", "auiTooltipHideOnClick", "auiDisableAnimation"], outputs: ["auiTooltipVisibleChange"], exportAs: ["auiTooltip"] }, { type: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i4.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
5527
5530
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.8", ngImport: i0, type: DatePickerComponent, decorators: [{
|
|
5528
5531
|
type: Component,
|
|
5529
5532
|
args: [{ selector: 'aui-date-picker', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, providers: [
|
|
@@ -5532,7 +5535,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.8", ngImpor
|
|
|
5532
5535
|
useExisting: forwardRef(() => DatePickerComponent),
|
|
5533
5536
|
multi: true,
|
|
5534
5537
|
},
|
|
5535
|
-
], template: "<aui-date-picker-trigger\n [size]=\"size\"\n [value]=\"value\"\n [format]=\"format\"\n style=\"display: flex\"\n [auiTooltip]=\"template\"\n [auiDisableAnimation]=\"true\"\n auiTooltipType=\"info\"\n auiTooltipClass=\"date-picker-wrapper\"\n [disabled]=\"!!disabled\"\n auiTooltipPosition=\"bottom start\"\n auiTooltipTrigger=\"click\"\n [auiTooltipDisabled]=\"!!disabled\"\n [auiTooltipHideOnClick]=\"true\"\n [placeholder]=\"placeholder\"\n (auiTooltipVisibleChange)=\"
|
|
5538
|
+
], template: "<aui-date-picker-trigger\n [size]=\"size\"\n [value]=\"value\"\n [format]=\"format\"\n style=\"display: flex\"\n [auiTooltip]=\"template\"\n [auiDisableAnimation]=\"true\"\n auiTooltipType=\"info\"\n auiTooltipClass=\"date-picker-wrapper\"\n [disabled]=\"!!disabled\"\n auiTooltipPosition=\"bottom start\"\n auiTooltipTrigger=\"click\"\n [auiTooltipDisabled]=\"!!disabled\"\n [auiTooltipHideOnClick]=\"true\"\n [placeholder]=\"placeholder\"\n (auiTooltipVisibleChange)=\"tooltipVisibleChange($event)\"\n (clear)=\"clearValue()\"\n #tooltip=\"auiTooltip\"\n></aui-date-picker-trigger>\n\n<ng-template #template>\n <aui-date-picker-panel\n [type]=\"type\"\n style=\"padding-top: 9px; display: inline-block\"\n [(ngModel)]=\"value\"\n [showTime]=\"showTime\"\n [showFooter]=\"showFooter\"\n [disabledDate]=\"disabledDate\"\n [disabledTime]=\"disabledTime\"\n [weekStartDay]=\"weekStartDay\"\n [extraFooter]=\"extraFooter\"\n [footerTemplate]=\"footerTemplate\"\n [clearable]=\"clearable\"\n [clearText]=\"clearText\"\n [minDate]=\"minDate\"\n [maxDate]=\"maxDate\"\n (click)=\"$event.stopImmediatePropagation()\"\n (clear)=\"clearValue()\"\n (confirm)=\"tooltip.hide(); emitValue(value)\"\n ></aui-date-picker-panel>\n</ng-template>\n", styles: ["aui-date-picker{display:inline-block;width:200px}\n"] }]
|
|
5536
5539
|
}], propDecorators: { clearable: [{
|
|
5537
5540
|
type: Input
|
|
5538
5541
|
}], clearText: [{
|
|
@@ -5563,7 +5566,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.8", ngImpor
|
|
|
5563
5566
|
type: Input
|
|
5564
5567
|
}], placeholder: [{
|
|
5565
5568
|
type: Input
|
|
5566
|
-
}],
|
|
5569
|
+
}], visibleChange: [{
|
|
5567
5570
|
type: Output
|
|
5568
5571
|
}] } });
|
|
5569
5572
|
|
|
@@ -5580,7 +5583,7 @@ class RangePickerComponent extends CommonFormControl {
|
|
|
5580
5583
|
right: () => null,
|
|
5581
5584
|
};
|
|
5582
5585
|
this.weekStartDay = 0;
|
|
5583
|
-
this.
|
|
5586
|
+
this.visibleChange = new EventEmitter();
|
|
5584
5587
|
}
|
|
5585
5588
|
valueIn(obj) {
|
|
5586
5589
|
return obj?.map(i => dayjs(i));
|
|
@@ -5594,21 +5597,21 @@ class RangePickerComponent extends CommonFormControl {
|
|
|
5594
5597
|
this.value = null;
|
|
5595
5598
|
this.emitValue(null);
|
|
5596
5599
|
}
|
|
5597
|
-
|
|
5598
|
-
this.
|
|
5600
|
+
tooltipVisibleChange(visible) {
|
|
5601
|
+
this.visibleChange.next(visible);
|
|
5599
5602
|
if (!visible) {
|
|
5600
5603
|
this.emitValue(this.value);
|
|
5601
5604
|
}
|
|
5602
5605
|
}
|
|
5603
5606
|
}
|
|
5604
5607
|
RangePickerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.8", ngImport: i0, type: RangePickerComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
|
|
5605
|
-
RangePickerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.8", type: RangePickerComponent, selector: "aui-range-picker", inputs: { clearable: "clearable", clearText: "clearText", format: "format", showFooter: "showFooter", showTime: "showTime", disabledDate: "disabledDate", minDate: "minDate", maxDate: "maxDate", disabledTime: "disabledTime", weekStartDay: "weekStartDay", size: "size" }, outputs: {
|
|
5608
|
+
RangePickerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.8", type: RangePickerComponent, selector: "aui-range-picker", inputs: { clearable: "clearable", clearText: "clearText", format: "format", showFooter: "showFooter", showTime: "showTime", disabledDate: "disabledDate", minDate: "minDate", maxDate: "maxDate", disabledTime: "disabledTime", weekStartDay: "weekStartDay", size: "size" }, outputs: { visibleChange: "visibleChange" }, providers: [
|
|
5606
5609
|
{
|
|
5607
5610
|
provide: NG_VALUE_ACCESSOR,
|
|
5608
5611
|
useExisting: forwardRef(() => RangePickerComponent),
|
|
5609
5612
|
multi: true,
|
|
5610
5613
|
},
|
|
5611
|
-
], usesInheritance: true, ngImport: i0, template: "<aui-date-picker-trigger\n [format]=\"format\"\n [isRange]=\"true\"\n [size]=\"size\"\n [value]=\"value\"\n [auiTooltip]=\"template\"\n [auiDisableAnimation]=\"true\"\n [disabled]=\"!!disabled\"\n style=\"display: flex\"\n auiTooltipType=\"info\"\n auiTooltipClass=\"range-picker-wrapper\"\n auiTooltipPosition=\"bottom start\"\n auiTooltipTrigger=\"click\"\n [auiTooltipHideOnClick]=\"true\"\n [auiTooltipDisabled]=\"!!disabled\"\n (auiTooltipVisibleChange)=\"
|
|
5614
|
+
], usesInheritance: true, ngImport: i0, template: "<aui-date-picker-trigger\n [format]=\"format\"\n [isRange]=\"true\"\n [size]=\"size\"\n [value]=\"value\"\n [auiTooltip]=\"template\"\n [auiDisableAnimation]=\"true\"\n [disabled]=\"!!disabled\"\n style=\"display: flex\"\n auiTooltipType=\"info\"\n auiTooltipClass=\"range-picker-wrapper\"\n auiTooltipPosition=\"bottom start\"\n auiTooltipTrigger=\"click\"\n [auiTooltipHideOnClick]=\"true\"\n [auiTooltipDisabled]=\"!!disabled\"\n (auiTooltipVisibleChange)=\"tooltipVisibleChange($event)\"\n (clear)=\"clearValue()\"\n #tooltip=\"auiTooltip\"\n></aui-date-picker-trigger>\n\n<ng-template #template>\n <aui-date-range-picker-panel\n style=\"padding-top: 9px; display: inline-block\"\n [showTime]=\"showTime\"\n [showFooter]=\"showFooter\"\n [(ngModel)]=\"value\"\n [disabledDate]=\"disabledDate\"\n [disabledTime]=\"disabledTime\"\n [weekStartDay]=\"weekStartDay\"\n [clearable]=\"clearable\"\n [clearText]=\"clearText\"\n [minDate]=\"minDate\"\n [maxDate]=\"maxDate\"\n (click)=\"$event.stopImmediatePropagation()\"\n (clear)=\"clearValue()\"\n (confirm)=\"tooltip.hide(); emitValue(value)\"\n ></aui-date-range-picker-panel>\n</ng-template>\n", styles: [".aui-tooltip.range-picker-wrapper{max-width:none}aui-range-picker{display:inline-block;width:260px}\n"], components: [{ type: DatePickerTriggerComponent, selector: "aui-date-picker-trigger", inputs: ["format", "size", "isRange", "value", "clearable", "placeholder", "startPlaceholder", "endPlaceholder", "disabled"], outputs: ["blur", "clear"] }, { type: DateRangePickerPanelComponent, selector: "aui-date-range-picker-panel", inputs: ["clearable", "clearText", "showTime", "showFooter", "disabledDate", "disabledTime", "weekStartDay", "minDate", "maxDate"], outputs: ["clear", "confirm"] }], directives: [{ type: TooltipDirective, selector: "[auiTooltip]", inputs: ["auiTooltip", "auiTooltipContext", "auiTooltipClass", "auiTooltipType", "auiTooltipPosition", "auiTooltipTrigger", "auiTooltipDisabled", "auiTooltipHideOnClick", "auiDisableAnimation"], outputs: ["auiTooltipVisibleChange"], exportAs: ["auiTooltip"] }, { type: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i4.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
5612
5615
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.8", ngImport: i0, type: RangePickerComponent, decorators: [{
|
|
5613
5616
|
type: Component,
|
|
5614
5617
|
args: [{ selector: 'aui-range-picker', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, providers: [
|
|
@@ -5617,7 +5620,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.8", ngImpor
|
|
|
5617
5620
|
useExisting: forwardRef(() => RangePickerComponent),
|
|
5618
5621
|
multi: true,
|
|
5619
5622
|
},
|
|
5620
|
-
], template: "<aui-date-picker-trigger\n [format]=\"format\"\n [isRange]=\"true\"\n [size]=\"size\"\n [value]=\"value\"\n [auiTooltip]=\"template\"\n [auiDisableAnimation]=\"true\"\n [disabled]=\"!!disabled\"\n style=\"display: flex\"\n auiTooltipType=\"info\"\n auiTooltipClass=\"range-picker-wrapper\"\n auiTooltipPosition=\"bottom start\"\n auiTooltipTrigger=\"click\"\n [auiTooltipHideOnClick]=\"true\"\n [auiTooltipDisabled]=\"!!disabled\"\n (auiTooltipVisibleChange)=\"
|
|
5623
|
+
], template: "<aui-date-picker-trigger\n [format]=\"format\"\n [isRange]=\"true\"\n [size]=\"size\"\n [value]=\"value\"\n [auiTooltip]=\"template\"\n [auiDisableAnimation]=\"true\"\n [disabled]=\"!!disabled\"\n style=\"display: flex\"\n auiTooltipType=\"info\"\n auiTooltipClass=\"range-picker-wrapper\"\n auiTooltipPosition=\"bottom start\"\n auiTooltipTrigger=\"click\"\n [auiTooltipHideOnClick]=\"true\"\n [auiTooltipDisabled]=\"!!disabled\"\n (auiTooltipVisibleChange)=\"tooltipVisibleChange($event)\"\n (clear)=\"clearValue()\"\n #tooltip=\"auiTooltip\"\n></aui-date-picker-trigger>\n\n<ng-template #template>\n <aui-date-range-picker-panel\n style=\"padding-top: 9px; display: inline-block\"\n [showTime]=\"showTime\"\n [showFooter]=\"showFooter\"\n [(ngModel)]=\"value\"\n [disabledDate]=\"disabledDate\"\n [disabledTime]=\"disabledTime\"\n [weekStartDay]=\"weekStartDay\"\n [clearable]=\"clearable\"\n [clearText]=\"clearText\"\n [minDate]=\"minDate\"\n [maxDate]=\"maxDate\"\n (click)=\"$event.stopImmediatePropagation()\"\n (clear)=\"clearValue()\"\n (confirm)=\"tooltip.hide(); emitValue(value)\"\n ></aui-date-range-picker-panel>\n</ng-template>\n", styles: [".aui-tooltip.range-picker-wrapper{max-width:none}aui-range-picker{display:inline-block;width:260px}\n"] }]
|
|
5621
5624
|
}], propDecorators: { clearable: [{
|
|
5622
5625
|
type: Input
|
|
5623
5626
|
}], clearText: [{
|
|
@@ -5640,7 +5643,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.8", ngImpor
|
|
|
5640
5643
|
type: Input
|
|
5641
5644
|
}], size: [{
|
|
5642
5645
|
type: Input
|
|
5643
|
-
}],
|
|
5646
|
+
}], visibleChange: [{
|
|
5644
5647
|
type: Output
|
|
5645
5648
|
}] } });
|
|
5646
5649
|
|