@alauda/ui 6.0.4-beta.1 → 6.0.4-beta.10
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.metadata.json +1 -1
- package/bundles/alauda-ui.umd.js +41 -14
- package/bundles/alauda-ui.umd.js.map +1 -1
- package/bundles/alauda-ui.umd.min.js +1 -1
- package/bundles/alauda-ui.umd.min.js.map +1 -1
- package/esm2015/date-picker/calendar/date-picker-panel/component.js +1 -1
- package/esm2015/date-picker/calendar/date-picker-panel/style.scss.ngstyle.js +1 -1
- package/esm2015/date-picker/calendar/footer/component.js +1 -1
- package/esm2015/date-picker/calendar/footer/style.scss.ngstyle.js +1 -1
- package/esm2015/date-picker/calendar/header/component.js +1 -1
- package/esm2015/date-picker/calendar/header/style.scss.ngstyle.js +1 -1
- package/esm2015/date-picker/calendar/panel/picker-panel.js +3 -3
- package/esm2015/date-picker/calendar/panel/picker-panel.ngfactory.js +2 -2
- package/esm2015/date-picker/calendar/panel/picker-panel.style.scss.ngstyle.js +1 -1
- package/esm2015/date-picker/calendar/range-picker-panel/component.js +1 -1
- package/esm2015/date-picker/calendar/range-picker-panel/style.scss.ngstyle.js +1 -1
- package/esm2015/date-picker/date-picker.module.ngfactory.js +1 -1
- package/esm2015/date-picker/trigger/trigger.component.js +2 -2
- package/esm2015/date-picker/trigger/trigger.component.ngfactory.js +2 -2
- package/esm2015/input/input.module.ngfactory.js +1 -1
- package/esm2015/input/number-input/number-input.component.js +3 -3
- package/esm2015/input/number-input/number-input.component.ngfactory.js +2 -2
- package/esm2015/input/number-input/number-input.component.scss.ngstyle.js +1 -1
- package/esm2015/paginator/paginator.component.js +1 -1
- package/esm2015/paginator/paginator.component.scss.ngstyle.js +1 -1
- package/esm2015/steps/steps.component.js +1 -1
- package/esm2015/steps/steps.component.scss.ngstyle.js +1 -1
- package/esm2015/tabs/tab-group.component.js +25 -3
- package/esm2015/tabs/tab-group.component.ngfactory.js +1 -1
- package/esm2015/tabs/tab-group.component.ngsummary.json +1 -1
- package/esm2015/tabs/tab.component.js +2 -1
- package/esm2015/tabs/tab.component.ngfactory.js +1 -1
- package/esm2015/tabs/tab.component.ngsummary.json +1 -1
- package/esm2015/time-picker/panel/panel.component.js +1 -1
- package/esm2015/time-picker/panel/panel.style.scss.ngstyle.js +1 -1
- package/fesm2015/alauda-ui.js +37 -14
- package/fesm2015/alauda-ui.js.map +1 -1
- package/package.json +1 -1
- package/tabs/tab-group.component.d.ts +6 -1
- package/tabs/tab.component.d.ts +1 -0
|
@@ -4,6 +4,6 @@
|
|
|
4
4
|
* @suppress {suspiciousCode,uselessCode,missingProperties,missingOverride,checkTypes,extraRequire}
|
|
5
5
|
* tslint:disable
|
|
6
6
|
*/
|
|
7
|
-
var styles = [".aui-time-picker-panel__wrapper{box-shadow:0 2px 8px 0 rgba(var(--aui-color-n-1),.2)
|
|
7
|
+
var styles = [".aui-time-picker-panel__wrapper{display:flex;flex-direction:column;background-color:rgb(var(--aui-color-n-10));font-size:var(--aui-font-size-m);line-height:var(--aui-line-height-m);box-shadow:0 2px 8px 0 rgba(var(--aui-color-n-1),.2)}.aui-time-picker-panel__wrapper li,.aui-time-picker-panel__wrapper ul{border:none}.aui-time-picker-panel__content{display:flex;flex-direction:row;height:252px;border-bottom:1px solid rgb(var(--aui-color-n-8))}.aui-time-picker-panel__footer{display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:9px}.aui-time-picker-panel__column{overflow:hidden;flex:1;text-align:center;align-self:stretch}.aui-time-picker-panel__column:hover{overflow-y:auto}.aui-time-picker-panel__column ul{min-height:252px;list-style:none;padding:0;margin:0}.aui-time-picker-panel__column-strut{height:252px;width:1px;visibility:hidden}.aui-time-picker-panel__column+.aui-time-picker-panel__column{border-left:1px solid rgb(var(--aui-color-n-8))}.aui-time-picker-panel__cell{flex:none;height:28px;line-height:28px;width:100%;cursor:pointer}.aui-time-picker-panel__cell:hover{background-color:rgb(var(--aui-color-p-6));color:rgb(var(--aui-color-primary))}.aui-time-picker-panel__cell.selected{background-color:rgb(var(--aui-color-p-7));color:rgb(var(--aui-color-primary));font-weight:var(--aui-font-weight-bold)}.aui-time-picker-panel__cell.disabled{background-color:rgb(var(--aui-color-n-8));color:#c8cacd;cursor:not-allowed}"];
|
|
8
8
|
export { styles as styles };
|
|
9
9
|
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicGFuZWwuc3R5bGUuc2Nzcy5uZ3N0eWxlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL3RpbWUtcGlja2VyL3BhbmVsL3BhbmVsLnN0eWxlLnNjc3MubmdzdHlsZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0ICogYXMgaTAgZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pMC5Db21wb25lbnRGYWN0b3J5O1xuIl19
|
package/fesm2015/alauda-ui.js
CHANGED
|
@@ -3937,7 +3937,7 @@ class NumberInputComponent extends CommonFormControl {
|
|
|
3937
3937
|
NumberInputComponent.decorators = [
|
|
3938
3938
|
{ type: Component, args: [{
|
|
3939
3939
|
selector: 'aui-number-input',
|
|
3940
|
-
template: "<div\n [class]=\"bem.block(size)\"\n [ngClass]=\"{\n
|
|
3940
|
+
template: "<div\n [class]=\"bem.block(size)\"\n [ngClass]=\"{\n isFocus: isFocus,\n isDisabled: disabled\n }\"\n auiClickOutside\n (auiClickOutside)=\"isFocus = false\"\n>\n <button\n *ngIf=\"controls\"\n aui-button\n type=\"button\"\n [ngClass]=\"bem.element('decrease')\"\n [disabled]=\"disabled || (value$ | async) <= min\"\n (click)=\"takeOneStep(false); isFocus = true\"\n >\n <aui-icon icon=\"minus\"></aui-icon>\n </button>\n <input\n #inputRef\n autocomplete=\"off\"\n (change)=\"inputChanged($any($event.target).value)\"\n [disabled]=\"disabled\"\n [ngClass]=\"bem.element('input')\"\n [placeholder]=\"placeholder\"\n (focus)=\"isFocus = true\"\n (blur)=\"isFocus = false\"\n />\n <button\n *ngIf=\"controls\"\n aui-button\n type=\"button\"\n [ngClass]=\"bem.element('increase')\"\n [disabled]=\"disabled || (value$ | async) >= max\"\n (click)=\"takeOneStep(true); isFocus = true\"\n >\n <aui-icon icon=\"plus\"></aui-icon>\n </button>\n</div>\n",
|
|
3941
3941
|
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
3942
3942
|
encapsulation: ViewEncapsulation.None,
|
|
3943
3943
|
preserveWhitespaces: false,
|
|
@@ -3948,7 +3948,7 @@ NumberInputComponent.decorators = [
|
|
|
3948
3948
|
multi: true,
|
|
3949
3949
|
},
|
|
3950
3950
|
],
|
|
3951
|
-
styles: [".aui-number-input{display:flex;width:140px;padding:3px;border:1px solid rgb(var(--aui-color-n-7));border-radius:var(--aui-border-radius-m);background-color:rgb(var(--aui-color-n-9));color:rgb(var(--aui-color-n-1))}.aui-number-input--small .aui-number-input__decrease.aui-button,.aui-number-input--small .aui-number-input__increase.aui-button{width:var(--aui-line-height-m);height:var(--aui-line-height-m)}.aui-number-input.
|
|
3951
|
+
styles: [".aui-number-input{display:flex;width:140px;padding:3px;border:1px solid rgb(var(--aui-color-n-7));border-radius:var(--aui-border-radius-m);background-color:rgb(var(--aui-color-n-9));color:rgb(var(--aui-color-n-1))}.aui-number-input--small .aui-number-input__decrease.aui-button,.aui-number-input--small .aui-number-input__increase.aui-button{width:var(--aui-line-height-m);height:var(--aui-line-height-m)}.aui-number-input.isFocus,.aui-number-input:hover{border-color:rgb(var(--aui-color-primary))}.aui-number-input.isFocus{box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.16)}.aui-number-input.isDisabled{border:1px solid rgb(var(--aui-color-n-7))}.aui-number-input.isDisabled:hover{cursor:not-allowed}.aui-number-input.isDisabled .aui-number-input__input{color:rgb(var(--aui-color-n-6))}.aui-number-input.isDisabled .aui-number-input__input:hover{cursor:not-allowed}.aui-number-input__decrease.aui-button,.aui-number-input__increase.aui-button{background-color:rgb(var(--aui-color-n-8));border:unset;width:var(--aui-icon-size-xl);height:var(--aui-icon-size-xl)}.aui-number-input__decrease.aui-button aui-icon,.aui-number-input__increase.aui-button aui-icon{font-size:var(--aui-font-size-s)}.aui-number-input__decrease.aui-button .aui-button__content,.aui-number-input__increase.aui-button .aui-button__content{padding:unset}.aui-number-input__input{min-width:0;line-height:var(--aui-line-height-m);border:unset;padding:unset;margin:0 var(--aui-spacing-s);background-color:rgb(var(--aui-color-n-9));color:rgb(var(--aui-color-n-1));text-align:center}.aui-number-input__input:focus{border:unset}.aui-number-input__input:focus-visible{outline:unset}.ng-submitted aui-number-input.ng-invalid,aui-number-input.ng-invalid.ng-dirty{border-color:rgb(var(--aui-color-red))}"]
|
|
3952
3952
|
},] }
|
|
3953
3953
|
];
|
|
3954
3954
|
NumberInputComponent.propDecorators = {
|
|
@@ -5494,7 +5494,7 @@ PaginatorComponent.decorators = [
|
|
|
5494
5494
|
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
5495
5495
|
encapsulation: ViewEncapsulation.None,
|
|
5496
5496
|
preserveWhitespaces: false,
|
|
5497
|
-
styles: [".aui-paginator{display:inline-flex;align-items:center;color:rgb(var(--aui-color-n-1))}.aui-paginator .aui-button{width:var(--aui-line-height-xl);height:var(--aui-line-height-xl);border:unset}.aui-paginator .aui-button .aui-button__content{padding:unset}.aui-paginator__fast-navigator[hidden]{display:none}.aui-paginator__fast-navigator .aui-icon{margin:0}.aui-paginator__fast-navigator:hover aui-icon:first-child,.aui-paginator__fast-navigator aui-icon:last-child{display:none}.aui-paginator__fast-navigator:hover aui-icon:last-child{display:inline}.aui-paginator__sizes{display:inline-flex;align-items:center}.aui-paginator__sizes .aui-select{width:80px;margin-right:var(--aui-spacing-s)}.aui-paginator__jumper .aui-input{width:80px}.aui-paginator__jumper span+input{margin-left:var(--aui-spacing-m)}.aui-paginator__jumper input+span{margin-left:var(--aui-spacing-s)}.aui-paginator__total{font-size:var(--aui-font-size-m)}.aui-paginator__navigator.aui-button{background-color:rgb(var(--aui-color-n-8))}.aui-paginator__navigator.aui-button aui-icon{font-size:var(--aui-font-size-l)}.aui-paginator__pager{border:1px solid rgb(var(--aui-color-n-7));padding:3px;border-radius:var(--aui-border-radius-m);background-color:rgb(var(--aui-color-n-9))}.aui-
|
|
5497
|
+
styles: [".aui-paginator{display:inline-flex;align-items:center;color:rgb(var(--aui-color-n-1))}.aui-paginator .aui-button{width:var(--aui-line-height-xl);height:var(--aui-line-height-xl);border:unset}.aui-paginator .aui-button .aui-button__content{padding:unset}.aui-paginator__fast-navigator[hidden]{display:none}.aui-paginator__fast-navigator .aui-icon{margin:0}.aui-paginator__fast-navigator:hover aui-icon:first-child,.aui-paginator__fast-navigator aui-icon:last-child{display:none}.aui-paginator__fast-navigator:hover aui-icon:last-child{display:inline}.aui-paginator__sizes{display:inline-flex;align-items:center}.aui-paginator__sizes .aui-select{width:80px;margin-right:var(--aui-spacing-s)}.aui-paginator__jumper .aui-input{width:80px}.aui-paginator__jumper span+input{margin-left:var(--aui-spacing-m)}.aui-paginator__jumper input+span{margin-left:var(--aui-spacing-s)}.aui-paginator__total{font-size:var(--aui-font-size-m)}.aui-paginator__navigator.aui-button{background-color:rgb(var(--aui-color-n-8))}.aui-paginator__navigator.aui-button aui-icon{font-size:var(--aui-font-size-l)}.aui-paginator__pager{border:1px solid rgb(var(--aui-color-n-7));padding:3px;border-radius:var(--aui-border-radius-m);background-color:rgb(var(--aui-color-n-9))}.aui-paginator__layout{display:inline-block}.aui-paginator__layout+.aui-paginator__layout{margin-left:var(--aui-spacing-l)}"]
|
|
5498
5498
|
},] }
|
|
5499
5499
|
];
|
|
5500
5500
|
PaginatorComponent.ctorParameters = () => [
|
|
@@ -6777,6 +6777,7 @@ TabComponent.ctorParameters = () => [
|
|
|
6777
6777
|
{ type: TabContextService }
|
|
6778
6778
|
];
|
|
6779
6779
|
TabComponent.propDecorators = {
|
|
6780
|
+
name: [{ type: Input }],
|
|
6780
6781
|
textLabel: [{ type: Input, args: ['label',] }],
|
|
6781
6782
|
closeable: [{ type: Input }],
|
|
6782
6783
|
disabled: [{ type: Input }],
|
|
@@ -6800,15 +6801,17 @@ class TabGroupComponent {
|
|
|
6800
6801
|
this._tabsSubscription = Subscription.EMPTY;
|
|
6801
6802
|
/** Subscription to changes in the tab labels. */
|
|
6802
6803
|
this._tabLabelSubscription = Subscription.EMPTY;
|
|
6804
|
+
this._selectedIndex = null;
|
|
6805
|
+
this._tab = null;
|
|
6803
6806
|
this._type = TabType.Line;
|
|
6804
6807
|
this._size = TabSize.Medium;
|
|
6805
6808
|
/** Emits whenever the type changes */
|
|
6806
6809
|
this._typeChange = new Subject();
|
|
6807
6810
|
/** Emits whenever the size changes */
|
|
6808
6811
|
this._sizeChange = new Subject();
|
|
6809
|
-
this._selectedIndex = null;
|
|
6810
6812
|
/** Output to enable support for two-way binding on `[(selectedIndex)]` */
|
|
6811
6813
|
this.selectedIndexChange = new EventEmitter();
|
|
6814
|
+
this.tabChange = new EventEmitter();
|
|
6812
6815
|
/** Event emitted when the tab selection has changed. */
|
|
6813
6816
|
this.selectedTabChange = new EventEmitter(true);
|
|
6814
6817
|
/** Event emitted when focus has changed within a tab group. */
|
|
@@ -6823,6 +6826,15 @@ class TabGroupComponent {
|
|
|
6823
6826
|
this._indexToSelect = coerceNumber(value, null);
|
|
6824
6827
|
this._changeActivatedTabs();
|
|
6825
6828
|
}
|
|
6829
|
+
get tab() {
|
|
6830
|
+
return this._tab;
|
|
6831
|
+
}
|
|
6832
|
+
set tab(value) {
|
|
6833
|
+
this._tab = value;
|
|
6834
|
+
if (this._tabs) {
|
|
6835
|
+
this.selectedIndex = this._findIndexByTab(value);
|
|
6836
|
+
}
|
|
6837
|
+
}
|
|
6826
6838
|
get type() {
|
|
6827
6839
|
return this._type;
|
|
6828
6840
|
}
|
|
@@ -6883,7 +6895,10 @@ class TabGroupComponent {
|
|
|
6883
6895
|
this.selectedTabChange.emit(tabChangeEvent);
|
|
6884
6896
|
// Emitting this value after change detection has run
|
|
6885
6897
|
// since the checked content may contain this variable'
|
|
6886
|
-
Promise.resolve().then(() =>
|
|
6898
|
+
Promise.resolve().then(() => {
|
|
6899
|
+
this.selectedIndexChange.emit(indexToSelect);
|
|
6900
|
+
this.tabChange.emit(this._tabs.get(indexToSelect).name);
|
|
6901
|
+
});
|
|
6887
6902
|
}
|
|
6888
6903
|
// Setup the position for each tab and optionally setup an origin on the next selected tab.
|
|
6889
6904
|
this._tabs.forEach((tab, index) => {
|
|
@@ -6905,6 +6920,9 @@ class TabGroupComponent {
|
|
|
6905
6920
|
}
|
|
6906
6921
|
}
|
|
6907
6922
|
ngAfterContentInit() {
|
|
6923
|
+
if (this.tab) {
|
|
6924
|
+
this._indexToSelect = this._findIndexByTab(this.tab);
|
|
6925
|
+
}
|
|
6908
6926
|
this._changeActivatedTabs();
|
|
6909
6927
|
this._subscribeToTabLabels();
|
|
6910
6928
|
// Subscribe to changes in the amount of tabs, in order to be
|
|
@@ -6973,6 +6991,9 @@ class TabGroupComponent {
|
|
|
6973
6991
|
// (since Math.max(NaN, 0) === NaN).
|
|
6974
6992
|
return Math.min(this._tabs.length - 1, Math.max(index || 0, 0));
|
|
6975
6993
|
}
|
|
6994
|
+
_findIndexByTab(name) {
|
|
6995
|
+
return Math.max(this._tabs.toArray().findIndex(tab => tab.name === name), 0);
|
|
6996
|
+
}
|
|
6976
6997
|
_createChangeEvent(index) {
|
|
6977
6998
|
var _a;
|
|
6978
6999
|
const event = new TabChangeEvent();
|
|
@@ -7025,11 +7046,13 @@ TabGroupComponent.propDecorators = {
|
|
|
7025
7046
|
_tabHeader: [{ type: ViewChild, args: [TabHeaderComponent, { static: false },] }],
|
|
7026
7047
|
_tabTitle: [{ type: ContentChild, args: [TabTitleDirective, { static: false },] }],
|
|
7027
7048
|
selectedIndex: [{ type: Input }],
|
|
7049
|
+
tab: [{ type: Input }],
|
|
7028
7050
|
type: [{ type: Input }],
|
|
7029
7051
|
title: [{ type: Input }],
|
|
7030
7052
|
size: [{ type: Input }],
|
|
7031
7053
|
lazy: [{ type: Input }],
|
|
7032
7054
|
selectedIndexChange: [{ type: Output }],
|
|
7055
|
+
tabChange: [{ type: Output }],
|
|
7033
7056
|
selectedTabChange: [{ type: Output }],
|
|
7034
7057
|
focusChange: [{ type: Output }]
|
|
7035
7058
|
};
|
|
@@ -9356,7 +9379,7 @@ TimePickerPanelComponent.decorators = [
|
|
|
9356
9379
|
host: {
|
|
9357
9380
|
mousedown: '$event.preventDefault()',
|
|
9358
9381
|
},
|
|
9359
|
-
styles: [".aui-time-picker-panel__wrapper{box-shadow:0 2px 8px 0 rgba(var(--aui-color-n-1),.2)
|
|
9382
|
+
styles: [".aui-time-picker-panel__wrapper{display:flex;flex-direction:column;background-color:rgb(var(--aui-color-n-10));font-size:var(--aui-font-size-m);line-height:var(--aui-line-height-m);box-shadow:0 2px 8px 0 rgba(var(--aui-color-n-1),.2)}.aui-time-picker-panel__wrapper li,.aui-time-picker-panel__wrapper ul{border:none}.aui-time-picker-panel__content{display:flex;flex-direction:row;height:252px;border-bottom:1px solid rgb(var(--aui-color-n-8))}.aui-time-picker-panel__footer{display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:9px}.aui-time-picker-panel__column{overflow:hidden;flex:1;text-align:center;align-self:stretch}.aui-time-picker-panel__column:hover{overflow-y:auto}.aui-time-picker-panel__column ul{min-height:252px;list-style:none;padding:0;margin:0}.aui-time-picker-panel__column-strut{height:252px;width:1px;visibility:hidden}.aui-time-picker-panel__column+.aui-time-picker-panel__column{border-left:1px solid rgb(var(--aui-color-n-8))}.aui-time-picker-panel__cell{flex:none;height:28px;line-height:28px;width:100%;cursor:pointer}.aui-time-picker-panel__cell:hover{background-color:rgb(var(--aui-color-p-6));color:rgb(var(--aui-color-primary))}.aui-time-picker-panel__cell.selected{background-color:rgb(var(--aui-color-p-7));color:rgb(var(--aui-color-primary));font-weight:var(--aui-font-weight-bold)}.aui-time-picker-panel__cell.disabled{background-color:rgb(var(--aui-color-n-8));color:#c8cacd;cursor:not-allowed}"]
|
|
9360
9383
|
},] }
|
|
9361
9384
|
];
|
|
9362
9385
|
TimePickerPanelComponent.ctorParameters = () => [
|
|
@@ -9477,7 +9500,7 @@ DatePickerPanelComponent.decorators = [
|
|
|
9477
9500
|
multi: true,
|
|
9478
9501
|
},
|
|
9479
9502
|
],
|
|
9480
|
-
styles: [".aui-date-picker-panel__wrapper{display:flex;flex-direction:column;font-size:
|
|
9503
|
+
styles: [".aui-date-picker-panel__wrapper{display:flex;flex-direction:column;font-size:var(--aui-font-size-m);line-height:var(--aui-line-height-m)}"]
|
|
9481
9504
|
},] }
|
|
9482
9505
|
];
|
|
9483
9506
|
DatePickerPanelComponent.propDecorators = {
|
|
@@ -9510,7 +9533,7 @@ CalendarFooterComponent.decorators = [
|
|
|
9510
9533
|
template: "<div class=\"aui-calendar-footer__wrapper\">\n <div style=\"flex: 1\">\n <ng-content></ng-content>\n </div>\n <div>\n <ng-container\n *ngIf=\"customAction; else default\"\n [ngTemplateOutlet]=\"customAction\"\n >\n </ng-container>\n <ng-template #default>\n <button\n aui-button=\"text\"\n *ngIf=\"clearable\"\n (click)=\"clear.emit()\"\n size=\"small\"\n >\n {{ clearText || ('clear' | auiI18n) }}\n </button>\n <button aui-button=\"primary\" (click)=\"confirm.emit()\" size=\"small\">\n {{ 'confirm' | auiI18n }}\n </button>\n </ng-template>\n </div>\n</div>\n",
|
|
9511
9534
|
encapsulation: ViewEncapsulation.None,
|
|
9512
9535
|
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
9513
|
-
styles: [".aui-calendar-footer__wrapper{display:flex;flex-direction:row;justify-content:space-between;border-top:1px solid
|
|
9536
|
+
styles: [".aui-calendar-footer__wrapper{display:flex;flex-direction:row;justify-content:space-between;border-top:1px solid rgb(var(--aui-color-n-8));padding:8px 0 0}"]
|
|
9514
9537
|
},] }
|
|
9515
9538
|
];
|
|
9516
9539
|
CalendarFooterComponent.propDecorators = {
|
|
@@ -9603,7 +9626,7 @@ CalendarHeaderComponent.decorators = [
|
|
|
9603
9626
|
template: "<div [class]=\"bem.element('container')\">\n <div>\n <ng-container\n *ngIf=\"dateNavRange !== DateNavRange.Decade\"\n [ngTemplateOutlet]=\"yearControl\"\n [ngTemplateOutletContext]=\"{ side: 'left' }\"\n ></ng-container>\n\n <ng-container\n *ngIf=\"dateNavRange === DateNavRange.Decade\"\n [ngTemplateOutlet]=\"decadeControl\"\n [ngTemplateOutletContext]=\"{ side: 'left' }\"\n ></ng-container>\n </div>\n <!-- \u5185\u5BB9\u533A -->\n <span\n *ngIf=\"dateNavRange === DateNavRange.Month\"\n [class]=\"bem.element('nav-content')\"\n >\n <a href=\"javascript:;\" (click)=\"clickNav(DateNavRange.Year)\">\n {{ headerRange?.start?.year() }}{{ 'year_suffix' | auiI18n }}\n </a>\n <a href=\"javascript:;\" (click)=\"clickNav(DateNavRange.Month)\">\n {{ headerRange?.start?.month() + 1 }}{{ 'month_suffix' | auiI18n }}\n </a>\n </span>\n\n <span\n *ngIf=\"dateNavRange === DateNavRange.Year\"\n [class]=\"bem.element('nav-content')\"\n >\n <a href=\"javascript:;\" (click)=\"clickNav(DateNavRange.Year)\">\n {{ headerRange?.start?.year() }}{{ 'year_suffix' | auiI18n }}\n </a>\n </span>\n\n <span\n *ngIf=\"dateNavRange === DateNavRange.Decade\"\n [class]=\"bem.element('nav-content')\"\n >\n {{ headerRange?.start.year() }} - {{ headerRange?.end?.year() }}\n </span>\n\n <div [class]=\"bem.element('nav-action')\">\n <ng-container\n *ngIf=\"dateNavRange !== DateNavRange.Decade\"\n [ngTemplateOutlet]=\"yearControl\"\n [ngTemplateOutletContext]=\"{ side: 'right' }\"\n ></ng-container>\n\n <ng-container\n *ngIf=\"dateNavRange === DateNavRange.Decade\"\n [ngTemplateOutlet]=\"decadeControl\"\n [ngTemplateOutletContext]=\"{ side: 'right' }\"\n ></ng-container>\n </div>\n</div>\n\n<ng-template #yearControl let-side=\"side\">\n <span style=\"display: flex\">\n <button\n aui-button=\"text\"\n *ngIf=\"\n dateNavRange === DateNavRange.Month &&\n side === 'right' &&\n shouldShowNav(DateNavRange.Month, side)\n \"\n (click)=\"navHead(DateNavRange.Month, 1)\"\n >\n <aui-icon icon=\"angle_right\"></aui-icon>\n </button>\n <button\n aui-button=\"text\"\n (click)=\"navHead(DateNavRange.Year, side === 'left' ? -1 : 1)\"\n *ngIf=\"shouldShowNav(DateNavRange.Year, side)\"\n >\n <aui-icon\n [icon]=\"side === 'left' ? 'angle_double_left' : 'angle_double_right'\"\n ></aui-icon>\n </button>\n <button\n aui-button=\"text\"\n *ngIf=\"\n dateNavRange === DateNavRange.Month &&\n side === 'left' &&\n shouldShowNav(DateNavRange.Month, side)\n \"\n (click)=\"navHead(DateNavRange.Month, -1)\"\n >\n <aui-icon icon=\"angle_left\"></aui-icon>\n </button>\n </span>\n</ng-template>\n\n<ng-template #decadeControl let-side=\"side\">\n <button\n aui-button=\"text\"\n (click)=\"navHead(DateNavRange.Decade, side === 'left' ? -10 : 10)\"\n *ngIf=\"shouldShowNav(DateNavRange.Decade, side)\"\n >\n <aui-icon\n [icon]=\"side === 'left' ? 'angle_double_left' : 'angle_double_right'\"\n ></aui-icon>\n </button>\n</ng-template>\n",
|
|
9604
9627
|
encapsulation: ViewEncapsulation.None,
|
|
9605
9628
|
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
9606
|
-
styles: [".aui-calendar-header__container{height:24px;display:flex;align-items:center;justify-content:space-between}.aui-calendar-header__nav-content{flex:1;display:flex;justify-content:center;align-items:center;font-size:16px;color:rgb(var(--aui-color-n-1));font-weight:
|
|
9629
|
+
styles: [".aui-calendar-header__container{height:24px;display:flex;align-items:center;justify-content:space-between}.aui-calendar-header__nav-content{flex:1;display:flex;justify-content:center;align-items:center;font-size:16px;color:rgb(var(--aui-color-n-1));font-weight:var(--aui-font-weight-bold)}.aui-calendar-header__nav-content a{color:rgb(var(--aui-color-n-1))}.aui-calendar-header__nav-content a:hover{color:rgb(var(--aui-color-primary));text-decoration:none!important}.aui-calendar-header__nav-content a+a{margin-left:5px}"]
|
|
9607
9630
|
},] }
|
|
9608
9631
|
];
|
|
9609
9632
|
CalendarHeaderComponent.propDecorators = {
|
|
@@ -9730,10 +9753,10 @@ class PickerPanelComponent {
|
|
|
9730
9753
|
PickerPanelComponent.decorators = [
|
|
9731
9754
|
{ type: Component, args: [{
|
|
9732
9755
|
selector: 'aui-picker-panel',
|
|
9733
|
-
template: "<div\n [class]=\"bem.element('container')\"\n [ngClass]=\"{\n 'day-panel-container': navRange === DateNavRange.Month,\n 'month-panel-container': navRange === DateNavRange.Year,\n 'year-panel-container': navRange === DateNavRange.Decade\n }\"\n>\n <div\n [class]=\"[bem.element('row'), 'week-header'].join(' ')\"\n *ngIf=\"navRange === DateNavRange.Month\"\n >\n <span *ngFor=\"let item of weekDefs\" [class]=\"bem.element('cell')\">\n {{ item | auiI18n }}\n </span>\n </div>\n <div\n [class]=\"bem.element('row')\"\n *ngFor=\"let row of panelData; trackBy: trackByFn\"\n >\n <span\n *ngFor=\"let item of row; trackBy: trackByFn\"\n [class]=\"bem.element('cell')\"\n [ngClass]=\"{\n
|
|
9756
|
+
template: "<div\n [class]=\"bem.element('container')\"\n [ngClass]=\"{\n 'day-panel-container': navRange === DateNavRange.Month,\n 'month-panel-container': navRange === DateNavRange.Year,\n 'year-panel-container': navRange === DateNavRange.Decade\n }\"\n>\n <div\n [class]=\"[bem.element('row'), 'week-header'].join(' ')\"\n *ngIf=\"navRange === DateNavRange.Month\"\n >\n <span *ngFor=\"let item of weekDefs\" [class]=\"bem.element('cell')\">\n {{ item | auiI18n }}\n </span>\n </div>\n <div\n [class]=\"bem.element('row')\"\n *ngFor=\"let row of panelData; trackBy: trackByFn\"\n >\n <span\n *ngFor=\"let item of row; trackBy: trackByFn\"\n [class]=\"bem.element('cell')\"\n [ngClass]=\"{\n inRange: item.inRange && !item.isDisabled,\n isActive: match(item.value),\n isBackground: item.isBackground && !item.isDisabled,\n isRangeStart: item.isRangeStart,\n isRangeEnd: item.isRangeEnd,\n isToday: matchToday(item.value) && !item.isBackground,\n isDisabled: item.isDisabled\n }\"\n ><button\n aui-button=\"text\"\n [plain]=\"true\"\n size=\"small\"\n [disabled]=\"item.isDisabled\"\n (click)=\"selectValue(item.value)\"\n (mouseenter)=\"hovered.next(item.value)\"\n >\n {{ item.label\n }}<ng-container *ngIf=\"navRange === DateNavRange.Year\"\n >{{ 'month_suffix' | auiI18n }}\n </ng-container>\n </button>\n </span>\n </div>\n</div>\n",
|
|
9734
9757
|
encapsulation: ViewEncapsulation.None,
|
|
9735
9758
|
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
9736
|
-
styles: [".aui-picker-panel__container{height:-webkit-min-content;height:-moz-min-content;height:min-content;box-sizing:border-box;justify-content:stretch;display:flex;flex-direction:column;margin:12px 9px;align-items:center}.aui-picker-panel__container.month-panel-container button,.aui-picker-panel__container.year-panel-container button{width:56px;height:28px!important}.aui-picker-panel__container.day-panel-container{height:-webkit-min-content;height:-moz-min-content;height:min-content;padding:0;margin:0}.aui-picker-panel__container.day-panel-container button{height:24px!important;width:24px!important}.aui-picker-panel__container.day-panel-container .aui-picker-panel__row+.aui-picker-panel__row{margin-top:8px}.aui-picker-panel__row+.aui-picker-panel__row{margin-top:20px}.aui-picker-panel__row{flex:1;display:flex;align-items:center;font-size:
|
|
9759
|
+
styles: [".aui-picker-panel__container{height:-webkit-min-content;height:-moz-min-content;height:min-content;box-sizing:border-box;justify-content:stretch;display:flex;flex-direction:column;margin:12px 9px;align-items:center}.aui-picker-panel__container.month-panel-container button,.aui-picker-panel__container.year-panel-container button{width:56px;height:28px!important}.aui-picker-panel__container.day-panel-container{height:-webkit-min-content;height:-moz-min-content;height:min-content;padding:0;margin:0}.aui-picker-panel__container.day-panel-container button{height:24px!important;width:24px!important}.aui-picker-panel__container.day-panel-container .aui-picker-panel__row+.aui-picker-panel__row{margin-top:8px}.aui-picker-panel__row+.aui-picker-panel__row{margin-top:20px}.aui-picker-panel__row{flex:1;display:flex;align-items:center;font-size:var(--aui-font-size-m);line-height:var(--aui-line-height-m);width:100%}.aui-picker-panel__row.week-header{color:rgb(var(--aui-color-n-4));margin-bottom:8px}.aui-picker-panel__row.week-header span{display:inline-block;margin:0;width:36px;text-align:center}.aui-picker-panel__cell{display:inline-flex;position:relative;align-items:center;justify-content:center;margin-inline:6px}.aui-picker-panel__cell button{box-sizing:content-box;transition:color .3s ease,background-color .3s ease}.aui-picker-panel__cell.inRange{background-color:rgb(var(--aui-color-n-6));box-shadow:-6px 0 0 0 rgb(var(--aui-color-n-6)),6px 0 0 0 rgb(var(--aui-color-n-6))}.aui-picker-panel__cell.isRangeEnd{box-shadow:-6px 0 0 0 rgb(var(--aui-color-n-6))}.aui-picker-panel__cell.isRangeStart{box-shadow:6px 0 0 0 rgb(var(--aui-color-n-6))}.aui-picker-panel__cell.isDisabled{background-color:rgb(var(--aui-color-n-8));box-shadow:-6px 0 0 0 rgb(var(--aui-color-n-8)),6px 0 0 0 rgb(var(--aui-color-n-8))}.aui-picker-panel__cell.isDisabled button{color:rgb(var(--aui-color-n-6))!important;border-color:rgb(var(--aui-color-n-6))!important}.aui-picker-panel__cell.isDisabled+.aui-picker-panel__cell:not(.isDisabled):not(.isRangeStart){box-shadow:-12px 0 0 0 rgb(var(--aui-color-n-10))}.aui-picker-panel__cell.isDisabled+.aui-picker-panel__cell:not(.isDisabled).isRangeStart{box-shadow:-12px 0 0 0 rgb(var(--aui-color-n-10)),6px 0 0 0 rgb(var(--aui-color-n-6))}.aui-picker-panel__cell:not(.isDisabled)+.aui-picker-panel__cell.isDisabled{box-shadow:6px 0 0 0 rgb(var(--aui-color-n-8))}.aui-picker-panel__cell.isToday button{border:1px solid rgb(var(--aui-color-primary));color:rgb(var(--aui-color-primary));background-color:rgb(var(--aui-color-p-7))}.aui-picker-panel__cell.isActive button{background-color:rgb(var(--aui-color-primary));color:rgb(var(--aui-color-n-10))}.aui-picker-panel__cell.isBackground button{background-color:initial!important;color:rgb(var(--aui-color-n-6))}"]
|
|
9737
9760
|
},] }
|
|
9738
9761
|
];
|
|
9739
9762
|
PickerPanelComponent.ctorParameters = () => [
|
|
@@ -9920,7 +9943,7 @@ DateRangePickerPanelComponent.decorators = [
|
|
|
9920
9943
|
multi: true,
|
|
9921
9944
|
},
|
|
9922
9945
|
],
|
|
9923
|
-
styles: [".aui-date-range-picker-panel__container{display:flex;flex-direction:column;width:552px;font-size:
|
|
9946
|
+
styles: [".aui-date-range-picker-panel__container{display:flex;flex-direction:column;width:552px;font-size:var(--aui-font-size-m);line-height:var(--aui-line-height-m)}.aui-date-range-picker-panel__container .placeholder{color:rgb(var(--aui-color-n-6))}.aui-date-range-picker-panel__container .placeholder.separator{margin-inline:12px}.aui-date-range-picker-panel__container .date-value{color:rgb(var(--aui-color-n-1))}.aui-date-range-picker-panel__container .date-holder{display:inline-block;margin-right:8px;width:82px}.aui-date-range-picker-panel__header{display:flex;justify-content:space-between}.aui-date-range-picker-panel__header aui-calendar-header{flex:0 0 275px}.aui-date-range-picker-panel__body{display:flex;justify-content:space-between;margin:16px 0}.aui-date-range-picker-panel__footer .time-picker{width:88px;display:inline-block}.aui-date-range-picker-panel__footer-content{display:flex;align-items:center;height:100%}"]
|
|
9924
9947
|
},] }
|
|
9925
9948
|
];
|
|
9926
9949
|
DateRangePickerPanelComponent.propDecorators = {
|
|
@@ -10110,7 +10133,7 @@ class DatePickerTriggerComponent {
|
|
|
10110
10133
|
DatePickerTriggerComponent.decorators = [
|
|
10111
10134
|
{ type: Component, args: [{
|
|
10112
10135
|
selector: 'aui-date-picker-trigger',
|
|
10113
|
-
template: "<div\n [class]=\"bem.element('container')\"\n [ngClass]=\"{\n isFocused: isFocus,\n
|
|
10136
|
+
template: "<div\n [class]=\"bem.element('container')\"\n [ngClass]=\"{\n isFocused: isFocus,\n isRange: isRange,\n disabled: disabled\n }\"\n (mouseenter)=\"hovered = true\"\n (mouseleave)=\"hovered = false\"\n>\n <span [class]=\"bem.element('content')\">\n <ng-container *ngIf=\"isRange\">\n <input\n style=\"flex: 1\"\n aui-input\n #focusRef\n [value]=\"$any(value || [])[0]?.format(format)\"\n [readonly]=\"true\"\n [size]=\"size\"\n (focus)=\"leftFocus = true\"\n (blur)=\"leftFocus = false; blur.next()\"\n [placeholder]=\"startPlaceholder || ('start_date' | auiI18n)\"\n />\n <span class=\"placeholder\" (click)=\"focusInput()\">{{\n 'to' | auiI18n\n }}</span>\n <input\n style=\"flex: 1\"\n aui-input\n [value]=\"$any(value || [])[1]?.format(format)\"\n [readonly]=\"true\"\n [size]=\"size\"\n (focus)=\"rightFocus = true\"\n (blur)=\"rightFocus = false; blur.next()\"\n [placeholder]=\"endPlaceholder || ('end_date' | auiI18n)\"\n />\n </ng-container>\n <ng-container *ngIf=\"!isRange\">\n <input\n aui-input\n auiTooltipType=\"plain\"\n [value]=\"$any(value)?.format(format)\"\n [readonly]=\"true\"\n #focusRef\n [size]=\"size\"\n auiTooltipType=\"info\"\n (focus)=\"centerFocus = true\"\n (blur)=\"centerFocus = false; blur.next()\"\n [placeholder]=\"placeholder || ('select_date' | auiI18n)\"\n />\n </ng-container>\n </span>\n <span [class]=\"bem.element('addon')\" (click)=\"focusInput()\">\n <aui-icon\n *ngIf=\"showClear; else calendar\"\n class=\"clear\"\n icon=\"close_small\"\n (click)=\"$event.stopImmediatePropagation(); this.clear.next()\"\n ></aui-icon>\n <ng-template #calendar>\n <aui-icon icon=\"calendar\"></aui-icon>\n </ng-template>\n </span>\n</div>\n",
|
|
10114
10137
|
// tslint:disable-next-line: validate-decorators
|
|
10115
10138
|
encapsulation: ViewEncapsulation.Emulated,
|
|
10116
10139
|
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
@@ -10625,7 +10648,7 @@ StepsComponent.decorators = [
|
|
|
10625
10648
|
template: "<div\n class=\"aui-steps aui-steps--{{ orientation || 'horizontal' }} aui-steps--{{\n type || 'step'\n }}\"\n>\n <ng-container *ngFor=\"let step of steps; let i = index; let isLast = last\">\n <div\n class=\"aui-step\"\n (click)=\"select(i)\"\n [class.isLastActive]=\"isLastActive(i, steps)\"\n [class.clickable]=\"isSelectable(i)\"\n >\n <div class=\"aui-step__indicator\">\n <ng-container *ngIf=\"isProgress\">\n <ng-container [ngSwitch]=\"getIcon(i, step.state)\">\n <span\n class=\"aui-step__indicator-number aui-step__indicator-number--{{\n step.state\n }}\"\n *ngSwitchCase=\"'number'\"\n [class.selected]=\"getActiveIndex() === i\"\n >\n {{ i + 1 }}\n </span>\n <aui-icon\n class=\"aui-step__indicator-icon aui-step__indicator-icon--{{\n step.state\n }}\"\n *ngSwitchDefault\n [class.selected]=\"getActiveIndex() === i\"\n [icon]=\"getIcon(i, step.state)\"\n ></aui-icon>\n </ng-container>\n </ng-container>\n <ng-container *ngIf=\"!isProgress\">\n <span\n class=\"aui-step__indicator-number\"\n [class.selected]=\"_currentIndex === i\"\n *ngIf=\"i >= _currentIndex\"\n >\n {{ i + 1 }}\n </span>\n <aui-icon\n class=\"aui-step__indicator-icon aui-step__indicator-icon--done\"\n [class.selected]=\"_currentIndex === i\"\n *ngIf=\"i < _currentIndex\"\n [icon]=\"getIcon(i, 'done')\"\n ></aui-icon>\n </ng-container>\n <div\n *ngIf=\"!isLast && isVertical\"\n class=\"aui-steps__vertical-line aui-steps__vertical-line--{{\n step.state\n }}\"\n ></div>\n </div>\n <div\n class=\"aui-step__info aui-step__info--{{\n isProgress\n ? step.state || 'default'\n : i < _currentIndex\n ? 'done'\n : 'default'\n }}\"\n [class.aui-step__info--selected]=\"getActiveIndex() === i\"\n >\n <div class=\"aui-step__name\">\n {{ step.label }}\n </div>\n <div class=\"aui-step__description\" *ngIf=\"step.description\">\n {{ step.description }}\n </div>\n </div>\n </div>\n <div\n *ngIf=\"!isLast && !isVertical\"\n class=\"aui-steps__horizontal-line\"\n ></div>\n </ng-container>\n</div>\n",
|
|
10626
10649
|
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
10627
10650
|
encapsulation: ViewEncapsulation.None,
|
|
10628
|
-
styles: ["@-webkit-keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.aui-step{display:flex;align-items:center}.aui-step__indicator{margin-right:var(--aui-spacing-m);width:24px;height:24px;color:rgb(var(--aui-color-n-4))}.aui-step__indicator-number{border-radius:50%;border:1px solid rgb(var(--aui-color-n-7));background-color:rgb(var(--aui-color-n-8));font-weight:
|
|
10651
|
+
styles: ["@-webkit-keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.aui-step{display:flex;align-items:center;font-weight:var(--aui-font-weight-normal)}.aui-step__indicator{margin-right:var(--aui-spacing-m);width:24px;height:24px;color:rgb(var(--aui-color-n-4))}.aui-step__indicator-number{border-radius:50%;border:1px solid rgb(var(--aui-color-n-7));background-color:rgb(var(--aui-color-n-8));font-weight:var(--aui-font-weight-bold);font-size:var(--aui-font-size-l);display:flex;justify-content:center;width:var(--aui-icon-size-xl);height:var(--aui-icon-size-xl);line-height:var(--aui-line-height-l)}.aui-step__indicator-number.selected{border-color:rgb(var(--aui-color-primary));background-color:rgb(var(--aui-color-primary));color:#fff}.aui-step__indicator-icon{font-size:var(--aui-icon-size-xl);display:inline-flex;border-radius:50%}.aui-step__indicator-icon--done,.aui-step__indicator-icon--pending{background-color:rgb(var(--aui-color-p-6));color:rgb(var(--aui-color-primary))}.aui-step__indicator-icon--done.selected,.aui-step__indicator-icon--pending.selected{background-color:#fff}.aui-step__indicator-icon--error{background-color:rgb(var(--aui-color-r-6));color:rgb(var(--aui-color-red))}.aui-step__indicator-icon--error.selected{background-color:#fff}.aui-step__indicator-icon--pending{transform-origin:center;-webkit-animation:spin 4s linear infinite;animation:spin 4s linear infinite}.aui-step__name{font-size:var(--aui-font-size-l);max-width:128px}.aui-step__description{font-size:var(--aui-font-size-s);margin-top:var(--aui-spacing-s);line-height:var(--aui-line-height-s)}.aui-step__info{color:rgb(var(--aui-color-n-4))}.aui-step__info--done,.aui-step__info--error,.aui-step__info--pending,.aui-step__info--selected{color:rgb(var(--aui-color-n-1))}.aui-step__info--selected .aui-step__name{font-weight:var(--aui-font-weight-bold)}.aui-step.clickable{cursor:pointer}.aui-steps--progress .aui-step.clickable .aui-step__info:hover{color:rgb(var(--aui-color-primary))}.aui-steps__horizontal-line{height:1px;background-color:rgb(var(--aui-color-n-7));flex:1;max-width:240px;margin:0 var(--aui-spacing-l)}.aui-steps__vertical-line{min-height:12px;width:1px;background-color:rgb(var(--aui-color-n-7));margin-top:var(--aui-spacing-s);flex:1}.aui-steps__vertical-line--done{background-color:rgb(var(--aui-color-green))}.aui-steps__vertical-line--error{background-color:rgb(var(--aui-color-red))}.aui-steps__vertical-line--pending{background-color:rgb(var(--aui-color-primary))}.aui-steps--horizontal{padding:0 120px;display:flex;justify-content:center;align-items:center}.aui-steps--vertical{max-width:200px}.aui-steps--vertical .aui-step{align-items:stretch}.aui-steps--vertical .aui-step:not(:last-child){margin-bottom:var(--aui-spacing-s)}.aui-steps--vertical .aui-step__indicator{height:auto;display:flex;align-items:center;flex-direction:column}.aui-steps--vertical .aui-step__indicator-icon--done{color:rgb(var(--aui-color-green));background-color:rgb(var(--aui-color-g-6))}.aui-steps--vertical .aui-step__indicator-icon--done.selected{background-color:#fff}.aui-steps--vertical .aui-step__info{padding-bottom:13px}.aui-steps--vertical .aui-step.isLastActive .aui-steps__vertical-line{background-color:rgb(var(--aui-color-n-7))}"]
|
|
10629
10652
|
},] }
|
|
10630
10653
|
];
|
|
10631
10654
|
StepsComponent.propDecorators = {
|