@alauda/ui 7.4.2-beta.19 → 7.4.2-beta.20
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/esm2022/index.mjs +1 -2
- package/fesm2022/alauda-ui.mjs +16 -143
- package/fesm2022/alauda-ui.mjs.map +1 -1
- package/index.d.ts +0 -1
- package/package.json +1 -1
- package/editable/editable.component.d.ts +0 -25
- package/editable/editable.directive.d.ts +0 -9
- package/editable/editable.module.d.ts +0 -8
- package/editable/editable.type.d.ts +0 -5
- package/editable/index.d.ts +0 -3
- package/esm2022/editable/editable.component.mjs +0 -83
- package/esm2022/editable/editable.directive.mjs +0 -25
- package/esm2022/editable/editable.module.mjs +0 -29
- package/esm2022/editable/editable.type.mjs +0 -6
- package/esm2022/editable/index.mjs +0 -4
package/esm2022/index.mjs
CHANGED
|
@@ -11,7 +11,6 @@ export * from './date-picker';
|
|
|
11
11
|
export * from './dialog';
|
|
12
12
|
export * from './drawer';
|
|
13
13
|
export * from './dropdown';
|
|
14
|
-
export * from './editable';
|
|
15
14
|
export * from './form';
|
|
16
15
|
export * from './i18n';
|
|
17
16
|
export * from './icon';
|
|
@@ -37,4 +36,4 @@ export * from './theme';
|
|
|
37
36
|
export * from './time-picker';
|
|
38
37
|
export * from './tooltip';
|
|
39
38
|
export * from './tree-select';
|
|
40
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
39
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi9zcmMvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsY0FBYyxhQUFhLENBQUM7QUFDNUIsY0FBYyxVQUFVLENBQUM7QUFDekIsY0FBYyxnQkFBZ0IsQ0FBQztBQUMvQixjQUFjLFlBQVksQ0FBQztBQUMzQixjQUFjLGNBQWMsQ0FBQztBQUM3QixjQUFjLFVBQVUsQ0FBQztBQUN6QixjQUFjLFFBQVEsQ0FBQztBQUN2QixjQUFjLFlBQVksQ0FBQztBQUMzQixjQUFjLGdCQUFnQixDQUFDO0FBQy9CLGNBQWMsZUFBZSxDQUFDO0FBQzlCLGNBQWMsVUFBVSxDQUFDO0FBQ3pCLGNBQWMsVUFBVSxDQUFDO0FBQ3pCLGNBQWMsWUFBWSxDQUFDO0FBQzNCLGNBQWMsUUFBUSxDQUFDO0FBQ3ZCLGNBQWMsUUFBUSxDQUFDO0FBQ3ZCLGNBQWMsUUFBUSxDQUFDO0FBQ3ZCLGNBQWMsZ0JBQWdCLENBQUM7QUFDL0IsY0FBYyxTQUFTLENBQUM7QUFDeEIsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLGtCQUFrQixDQUFDO0FBQ2pELE9BQU8sRUFFTCxHQUFHLEVBQ0gsUUFBUSxFQUNSLGlCQUFpQixFQUNqQixZQUFZLEVBQ1osMkJBQTJCLEVBQzNCLFdBQVcsRUFDWCxhQUFhLEVBQ2IsaUJBQWlCLEVBQ2pCLGVBQWUsR0FDaEIsTUFBTSxrQkFBa0IsQ0FBQztBQUMxQixjQUFjLFdBQVcsQ0FBQztBQUMxQixjQUFjLGdCQUFnQixDQUFDO0FBQy9CLGNBQWMsYUFBYSxDQUFDO0FBQzVCLGNBQWMsU0FBUyxDQUFDO0FBQ3hCLGNBQWMsYUFBYSxDQUFDO0FBQzVCLGNBQWMsVUFBVSxDQUFDO0FBQ3pCLGNBQWMsUUFBUSxDQUFDO0FBQ3ZCLGNBQWMsY0FBYyxDQUFDO0FBQzdCLGNBQWMsU0FBUyxDQUFDO0FBQ3hCLGNBQWMsVUFBVSxDQUFDO0FBQ3pCLGNBQWMsU0FBUyxDQUFDO0FBQ3hCLGNBQWMscUJBQXFCLENBQUM7QUFDcEMsY0FBYyxRQUFRLENBQUM7QUFDdkIsY0FBYyxPQUFPLENBQUM7QUFDdEIsY0FBYyxTQUFTLENBQUM7QUFDeEIsY0FBYyxlQUFlLENBQUM7QUFDOUIsY0FBYyxXQUFXLENBQUM7QUFDMUIsY0FBYyxlQUFlLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJleHBvcnQgKiBmcm9tICcuL2FjY29yZGlvbic7XG5leHBvcnQgKiBmcm9tICcuL2FuY2hvcic7XG5leHBvcnQgKiBmcm9tICcuL2F1dG9jb21wbGV0ZSc7XG5leHBvcnQgKiBmcm9tICcuL2JhY2stdG9wJztcbmV4cG9ydCAqIGZyb20gJy4vYnJlYWRjcnVtYic7XG5leHBvcnQgKiBmcm9tICcuL2J1dHRvbic7XG5leHBvcnQgKiBmcm9tICcuL2NhcmQnO1xuZXhwb3J0ICogZnJvbSAnLi9jaGVja2JveCc7XG5leHBvcnQgKiBmcm9tICcuL2NvbG9yLXBpY2tlcic7XG5leHBvcnQgKiBmcm9tICcuL2RhdGUtcGlja2VyJztcbmV4cG9ydCAqIGZyb20gJy4vZGlhbG9nJztcbmV4cG9ydCAqIGZyb20gJy4vZHJhd2VyJztcbmV4cG9ydCAqIGZyb20gJy4vZHJvcGRvd24nO1xuZXhwb3J0ICogZnJvbSAnLi9mb3JtJztcbmV4cG9ydCAqIGZyb20gJy4vaTE4bic7XG5leHBvcnQgKiBmcm9tICcuL2ljb24nO1xuZXhwb3J0ICogZnJvbSAnLi9pbmxpbmUtYWxlcnQnO1xuZXhwb3J0ICogZnJvbSAnLi9pbnB1dCc7XG5leHBvcnQgeyBDb21wb25lbnRTaXplIH0gZnJvbSAnLi9pbnRlcm5hbC90eXBlcyc7XG5leHBvcnQge1xuICBBdHRyQm9vbGVhbixcbiAgQmVtLFxuICBidWlsZEJlbSxcbiAgY29lcmNlQXR0ckJvb2xlYW4sXG4gIGNvZXJjZVN0cmluZyxcbiAgZ2V0Q29tcGF0aWJsZVN0eWxlc1JlbmRlcmVyLFxuICBoYW5kbGVQaXhlbCxcbiAgaXNUZW1wbGF0ZVJlZixcbiAgb2JzZXJ2ZU11dGF0aW9uT24sXG4gIG9ic2VydmVSZXNpemVPbixcbn0gZnJvbSAnLi9pbnRlcm5hbC91dGlscyc7XG5leHBvcnQgKiBmcm9tICcuL21lc3NhZ2UnO1xuZXhwb3J0ICogZnJvbSAnLi9ub3RpZmljYXRpb24nO1xuZXhwb3J0ICogZnJvbSAnLi9wYWdpbmF0b3InO1xuZXhwb3J0ICogZnJvbSAnLi9yYWRpbyc7XG5leHBvcnQgKiBmcm9tICcuL3Njcm9sbGluZyc7XG5leHBvcnQgKiBmcm9tICcuL3NlbGVjdCc7XG5leHBvcnQgKiBmcm9tICcuL3NvcnQnO1xuZXhwb3J0ICogZnJvbSAnLi9zdGF0dXMtYmFyJztcbmV4cG9ydCAqIGZyb20gJy4vc3RlcHMnO1xuZXhwb3J0ICogZnJvbSAnLi9zd2l0Y2gnO1xuZXhwb3J0ICogZnJvbSAnLi90YWJsZSc7XG5leHBvcnQgKiBmcm9tICcuL3RhYmxlLW9mLWNvbnRlbnRzJztcbmV4cG9ydCAqIGZyb20gJy4vdGFicyc7XG5leHBvcnQgKiBmcm9tICcuL3RhZyc7XG5leHBvcnQgKiBmcm9tICcuL3RoZW1lJztcbmV4cG9ydCAqIGZyb20gJy4vdGltZS1waWNrZXInO1xuZXhwb3J0ICogZnJvbSAnLi90b29sdGlwJztcbmV4cG9ydCAqIGZyb20gJy4vdHJlZS1zZWxlY3QnO1xuIl19
|
package/fesm2022/alauda-ui.mjs
CHANGED
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import { CdkAccordion, CdkAccordionItem, CdkAccordionModule } from '@angular/cdk/accordion';
|
|
2
2
|
import * as i0 from '@angular/core';
|
|
3
|
-
import { Component, ViewEncapsulation, ChangeDetectionStrategy, SkipSelf, Optional, Input, HostBinding, booleanAttribute, TemplateRef, Injectable, Pipe, Inject, NgModule, Directive, ContentChild, EventEmitter, Output, ElementRef, ContentChildren, ChangeDetectorRef, forwardRef, ViewChild, HostListener, Host, InjectionToken, signal, inject, computed, isDevMode, numberAttribute, Injector, Type,
|
|
3
|
+
import { Component, ViewEncapsulation, ChangeDetectionStrategy, SkipSelf, Optional, Input, HostBinding, booleanAttribute, TemplateRef, Injectable, Pipe, Inject, NgModule, Directive, ContentChild, EventEmitter, Output, ElementRef, ContentChildren, ChangeDetectorRef, forwardRef, ViewChild, HostListener, Host, InjectionToken, signal, inject, computed, isDevMode, numberAttribute, Injector, Type, ViewContainerRef, ViewChildren, Renderer2 } from '@angular/core';
|
|
4
4
|
import { DOCUMENT, NgIf, NgClass, CommonModule, NgTemplateOutlet, NgFor, AsyncPipe, DecimalPipe, NgStyle, DatePipe, NgComponentOutlet, NgSwitch, NgSwitchCase, NgSwitchDefault } from '@angular/common';
|
|
5
|
-
import { Observable, ReplaySubject, share, startWith, map, distinctUntilChanged, Subject, takeUntil, filter, take, merge as merge$1, fromEvent, combineLatest, debounceTime, switchMap, of, EMPTY, tap, BehaviorSubject, withLatestFrom, delay, first, throttleTime, firstValueFrom,
|
|
5
|
+
import { Observable, ReplaySubject, share, startWith, map, distinctUntilChanged, Subject, takeUntil, filter, take, merge as merge$1, fromEvent, combineLatest, debounceTime, switchMap, of, EMPTY, tap, BehaviorSubject, withLatestFrom, delay, first, throttleTime, firstValueFrom, NEVER, observeOn, animationFrameScheduler, repeat, takeWhile, endWith, Subscription } from 'rxjs';
|
|
6
6
|
import * as i1 from '@angular/common/http';
|
|
7
7
|
import * as i2 from '@angular/cdk/a11y';
|
|
8
8
|
import { FocusKeyManager, A11yModule } from '@angular/cdk/a11y';
|
|
@@ -987,12 +987,12 @@ const getAnchorTreeItems = (items, level = 0) => {
|
|
|
987
987
|
return treeItems;
|
|
988
988
|
};
|
|
989
989
|
|
|
990
|
-
const bem$
|
|
990
|
+
const bem$5 = buildBem('aui-anchor');
|
|
991
991
|
class AnchorTreeComponent extends AnchorDirectiveChild {
|
|
992
992
|
constructor() {
|
|
993
993
|
super(...arguments);
|
|
994
994
|
this.activeIdChange = new EventEmitter();
|
|
995
|
-
this.bem = bem$
|
|
995
|
+
this.bem = bem$5;
|
|
996
996
|
this.isTemplateRef = isTemplateRef;
|
|
997
997
|
this.depose$$ = new Subject();
|
|
998
998
|
}
|
|
@@ -1066,7 +1066,7 @@ class AnchorComponent extends AnchorDirectiveChild {
|
|
|
1066
1066
|
super(injector);
|
|
1067
1067
|
this.injector = injector;
|
|
1068
1068
|
this.cdr = cdr;
|
|
1069
|
-
this.bem = bem$
|
|
1069
|
+
this.bem = bem$5;
|
|
1070
1070
|
this.destroy$$ = new Subject();
|
|
1071
1071
|
}
|
|
1072
1072
|
ngAfterViewInit() {
|
|
@@ -3715,7 +3715,7 @@ function isTimePickerModel(item) {
|
|
|
3715
3715
|
}
|
|
3716
3716
|
|
|
3717
3717
|
const TIME_PICKER_COLUMN_WIDTH = 80;
|
|
3718
|
-
const bem$
|
|
3718
|
+
const bem$4 = buildBem('aui-time-picker-panel');
|
|
3719
3719
|
class TimePickerPanelComponent extends CommonFormControl {
|
|
3720
3720
|
set format(value) {
|
|
3721
3721
|
if (value != null) {
|
|
@@ -3753,7 +3753,7 @@ class TimePickerPanelComponent extends CommonFormControl {
|
|
|
3753
3753
|
this.SECOND_ITEM_CONFIG = SECOND_ITEMS;
|
|
3754
3754
|
this.CONTROL_ITEM_HEIGHT = CONTROL_ITEM_HEIGHT;
|
|
3755
3755
|
this.ComponentSize = ComponentSize;
|
|
3756
|
-
this.bem = bem$
|
|
3756
|
+
this.bem = bem$4;
|
|
3757
3757
|
this.enabledColumns = 0;
|
|
3758
3758
|
this.firstScrolled = false;
|
|
3759
3759
|
this.model$.subscribe(_ => {
|
|
@@ -5047,7 +5047,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.3", ngImpor
|
|
|
5047
5047
|
type: Output
|
|
5048
5048
|
}] } });
|
|
5049
5049
|
|
|
5050
|
-
const bem$
|
|
5050
|
+
const bem$3 = buildBem('aui-calendar-header');
|
|
5051
5051
|
class CalendarHeaderComponent {
|
|
5052
5052
|
get dateNavRange() {
|
|
5053
5053
|
return this.$$dateNavRange();
|
|
@@ -5079,7 +5079,7 @@ class CalendarHeaderComponent {
|
|
|
5079
5079
|
this.anchorChange = new EventEmitter();
|
|
5080
5080
|
this.$$dateNavRange = signal(DateNavRange.Month);
|
|
5081
5081
|
this.$$anchor = signal(dayjs());
|
|
5082
|
-
this.bem = bem$
|
|
5082
|
+
this.bem = bem$3;
|
|
5083
5083
|
this.DateNavRange = DateNavRange;
|
|
5084
5084
|
this.$monthBeforeYear = this.i18nService.$monthBeforeYear;
|
|
5085
5085
|
this.$headerRange = computed(() => {
|
|
@@ -5168,7 +5168,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.3", ngImpor
|
|
|
5168
5168
|
}] } });
|
|
5169
5169
|
|
|
5170
5170
|
dayjs.extend(isBetween);
|
|
5171
|
-
const bem$
|
|
5171
|
+
const bem$2 = buildBem('aui-picker-panel');
|
|
5172
5172
|
class PickerPanelComponent {
|
|
5173
5173
|
set weekStartDay(day) {
|
|
5174
5174
|
const normalized = Math.max(Math.min(Math.round(day), 6), 0);
|
|
@@ -5191,7 +5191,7 @@ class PickerPanelComponent {
|
|
|
5191
5191
|
this._weekStartDay = 0;
|
|
5192
5192
|
this.select = new EventEmitter();
|
|
5193
5193
|
this.hovered = new EventEmitter();
|
|
5194
|
-
this.bem = bem$
|
|
5194
|
+
this.bem = bem$2;
|
|
5195
5195
|
this.DateNavRange = DateNavRange;
|
|
5196
5196
|
this.weekDefs = [
|
|
5197
5197
|
'sunday',
|
|
@@ -5464,7 +5464,7 @@ function combineDisabledTimeFn(...disabledFnList) {
|
|
|
5464
5464
|
});
|
|
5465
5465
|
}
|
|
5466
5466
|
|
|
5467
|
-
const bem$
|
|
5467
|
+
const bem$1 = buildBem('aui-date-range-picker-panel');
|
|
5468
5468
|
class DateRangePickerPanelComponent extends CommonFormControl {
|
|
5469
5469
|
constructor() {
|
|
5470
5470
|
super(...arguments);
|
|
@@ -5479,7 +5479,7 @@ class DateRangePickerPanelComponent extends CommonFormControl {
|
|
|
5479
5479
|
this.weekStartDay = 0;
|
|
5480
5480
|
this.clear = new EventEmitter();
|
|
5481
5481
|
this.confirm = new EventEmitter();
|
|
5482
|
-
this.bem = bem$
|
|
5482
|
+
this.bem = bem$1;
|
|
5483
5483
|
this.Side = Side;
|
|
5484
5484
|
this.DatePickerType = DatePickerType;
|
|
5485
5485
|
this.leftDateRange = DateNavRange.Month;
|
|
@@ -5666,7 +5666,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.3", ngImpor
|
|
|
5666
5666
|
type: Output
|
|
5667
5667
|
}] } });
|
|
5668
5668
|
|
|
5669
|
-
const bem
|
|
5669
|
+
const bem = buildBem('aui-date-picker-trigger');
|
|
5670
5670
|
class DatePickerTriggerComponent {
|
|
5671
5671
|
get value() {
|
|
5672
5672
|
return this.$$value();
|
|
@@ -5721,7 +5721,7 @@ class DatePickerTriggerComponent {
|
|
|
5721
5721
|
this.leftFocus = false;
|
|
5722
5722
|
this.rightFocus = false;
|
|
5723
5723
|
this.hovered = false;
|
|
5724
|
-
this.bem = bem
|
|
5724
|
+
this.bem = bem;
|
|
5725
5725
|
this.i18nService = inject(I18nService);
|
|
5726
5726
|
this.$$value = signal(null);
|
|
5727
5727
|
this.$$format = signal(null);
|
|
@@ -7383,133 +7383,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.3", ngImpor
|
|
|
7383
7383
|
}]
|
|
7384
7384
|
}] });
|
|
7385
7385
|
|
|
7386
|
-
class EditableViewerDirective {
|
|
7387
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.3", ngImport: i0, type: EditableViewerDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
7388
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.3", type: EditableViewerDirective, isStandalone: true, selector: "*[auiEditableViewer]", ngImport: i0 }); }
|
|
7389
|
-
}
|
|
7390
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.3", ngImport: i0, type: EditableViewerDirective, decorators: [{
|
|
7391
|
-
type: Directive,
|
|
7392
|
-
args: [{
|
|
7393
|
-
selector: '*[auiEditableViewer]',
|
|
7394
|
-
standalone: true,
|
|
7395
|
-
}]
|
|
7396
|
-
}] });
|
|
7397
|
-
class EditableEditorDirective {
|
|
7398
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.3", ngImport: i0, type: EditableEditorDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
7399
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.3", type: EditableEditorDirective, isStandalone: true, selector: "*[auiEditableEditor]", ngImport: i0 }); }
|
|
7400
|
-
}
|
|
7401
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.3", ngImport: i0, type: EditableEditorDirective, decorators: [{
|
|
7402
|
-
type: Directive,
|
|
7403
|
-
args: [{
|
|
7404
|
-
selector: '*[auiEditableEditor]',
|
|
7405
|
-
standalone: true,
|
|
7406
|
-
}]
|
|
7407
|
-
}] });
|
|
7408
|
-
|
|
7409
|
-
var EditableMode;
|
|
7410
|
-
(function (EditableMode) {
|
|
7411
|
-
EditableMode["View"] = "view";
|
|
7412
|
-
EditableMode["Edit"] = "edit";
|
|
7413
|
-
})(EditableMode || (EditableMode = {}));
|
|
7414
|
-
|
|
7415
|
-
const bem = buildBem('aui-editable');
|
|
7416
|
-
class EditableComponent {
|
|
7417
|
-
get position() {
|
|
7418
|
-
return this.$$position();
|
|
7419
|
-
}
|
|
7420
|
-
set position(val) {
|
|
7421
|
-
if (this.$$position() !== val) {
|
|
7422
|
-
this.$$position.set(val);
|
|
7423
|
-
}
|
|
7424
|
-
}
|
|
7425
|
-
constructor() {
|
|
7426
|
-
this.save = new EventEmitter();
|
|
7427
|
-
this.cancel = new EventEmitter();
|
|
7428
|
-
this.modeChange = new EventEmitter();
|
|
7429
|
-
this.EditableMode = EditableMode;
|
|
7430
|
-
this.bem = bem;
|
|
7431
|
-
this.loading = false;
|
|
7432
|
-
this.$$mode = signal(EditableMode.View);
|
|
7433
|
-
this.$$position = signal('center');
|
|
7434
|
-
this.$hostClass = computed(() => {
|
|
7435
|
-
return `${bem.block()} ${bem.modifier(this.$$position())}`;
|
|
7436
|
-
});
|
|
7437
|
-
effect(() => {
|
|
7438
|
-
this.modeChange.emit(this.$$mode());
|
|
7439
|
-
});
|
|
7440
|
-
}
|
|
7441
|
-
saveEdit() {
|
|
7442
|
-
this.loading = true;
|
|
7443
|
-
from(this.beforeSave?.() || Promise.resolve())
|
|
7444
|
-
.pipe(first(), finalize(() => (this.loading = false)))
|
|
7445
|
-
.subscribe(isContinue => {
|
|
7446
|
-
if (isContinue === false) {
|
|
7447
|
-
return;
|
|
7448
|
-
}
|
|
7449
|
-
this.$$mode.set(EditableMode.View);
|
|
7450
|
-
this.save.emit();
|
|
7451
|
-
});
|
|
7452
|
-
}
|
|
7453
|
-
cancelEdit() {
|
|
7454
|
-
this.$$mode.set(EditableMode.View);
|
|
7455
|
-
this.cancel.emit();
|
|
7456
|
-
}
|
|
7457
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.3", ngImport: i0, type: EditableComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
7458
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.3", type: EditableComponent, isStandalone: true, selector: "aui-editable", inputs: { beforeSave: "beforeSave", position: "position" }, outputs: { save: "save", cancel: "cancel", modeChange: "modeChange" }, queries: [{ propertyName: "viewer", first: true, predicate: EditableViewerDirective, descendants: true, read: TemplateRef }, { propertyName: "editor", first: true, predicate: EditableEditorDirective, descendants: true, read: TemplateRef }], ngImport: i0, template: "<div [class]=\"$hostClass()\">\n <div\n [class]=\"bem.element('viewer-container')\"\n *ngIf=\"$$mode() === EditableMode.View\"\n >\n <ng-container [ngTemplateOutlet]=\"viewer\"> </ng-container>\n <button\n aui-button=\"text\"\n [square]=\"true\"\n (click)=\"$$mode.set(EditableMode.Edit)\"\n >\n <aui-icon icon=\"pencil\"></aui-icon>\n </button>\n </div>\n <ng-container *ngIf=\"$$mode() === EditableMode.Edit\">\n <div [class]=\"bem.element('editor-container')\">\n <ng-container [ngTemplateOutlet]=\"editor\"> </ng-container>\n\n <button\n aui-button=\"text\"\n [square]=\"true\"\n [disabled]=\"loading\"\n (click)=\"saveEdit()\"\n >\n <aui-icon [icon]=\"loading ? 'spinner' : 'check'\"></aui-icon>\n </button>\n <button\n aui-button=\"text\"\n [square]=\"true\"\n (click)=\"cancelEdit()\"\n >\n <aui-icon icon=\"xmark\"></aui-icon>\n </button>\n </div>\n </ng-container>\n</div>\n", styles: [".aui-editable .aui-button--text{color:rgb(var(--aui-color-main-text))}.aui-editable .aui-button--text:first-of-type{margin-left:8px}.aui-editable .aui-button--text:hover{color:rgb(var(--aui-color-primary))}.aui-editable .aui-button--text[disabled]{color:rgb(var(--aui-color-main-text))!important}.aui-editable--center .aui-editable__view-container,.aui-editable--center .aui-editable__editor-container{display:flex;align-items:center}.aui-editable--top .aui-editable__view-container,.aui-editable--top .aui-editable__editor-container{display:flex;align-items:flex-start}.aui-editable--bottom .aui-editable__view-container,.aui-editable--bottom .aui-editable__editor-container{display:flex;align-items:flex-end}\n"], dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: IconComponent, selector: "aui-icon", inputs: ["icon", "light", "dark", "link", "margin", "size", "color", "background", "backgroundColor"] }, { kind: "ngmodule", type: ButtonModule }, { kind: "component", type: ButtonComponent, selector: "button[aui-button]", inputs: ["aui-button", "size", "plain", "loading", "round", "square"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
7459
|
-
}
|
|
7460
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.3", ngImport: i0, type: EditableComponent, decorators: [{
|
|
7461
|
-
type: Component,
|
|
7462
|
-
args: [{ selector: 'aui-editable', standalone: true, imports: [
|
|
7463
|
-
NgIf,
|
|
7464
|
-
NgFor,
|
|
7465
|
-
AsyncPipe,
|
|
7466
|
-
NgTemplateOutlet,
|
|
7467
|
-
IconComponent,
|
|
7468
|
-
ButtonModule,
|
|
7469
|
-
], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div [class]=\"$hostClass()\">\n <div\n [class]=\"bem.element('viewer-container')\"\n *ngIf=\"$$mode() === EditableMode.View\"\n >\n <ng-container [ngTemplateOutlet]=\"viewer\"> </ng-container>\n <button\n aui-button=\"text\"\n [square]=\"true\"\n (click)=\"$$mode.set(EditableMode.Edit)\"\n >\n <aui-icon icon=\"pencil\"></aui-icon>\n </button>\n </div>\n <ng-container *ngIf=\"$$mode() === EditableMode.Edit\">\n <div [class]=\"bem.element('editor-container')\">\n <ng-container [ngTemplateOutlet]=\"editor\"> </ng-container>\n\n <button\n aui-button=\"text\"\n [square]=\"true\"\n [disabled]=\"loading\"\n (click)=\"saveEdit()\"\n >\n <aui-icon [icon]=\"loading ? 'spinner' : 'check'\"></aui-icon>\n </button>\n <button\n aui-button=\"text\"\n [square]=\"true\"\n (click)=\"cancelEdit()\"\n >\n <aui-icon icon=\"xmark\"></aui-icon>\n </button>\n </div>\n </ng-container>\n</div>\n", styles: [".aui-editable .aui-button--text{color:rgb(var(--aui-color-main-text))}.aui-editable .aui-button--text:first-of-type{margin-left:8px}.aui-editable .aui-button--text:hover{color:rgb(var(--aui-color-primary))}.aui-editable .aui-button--text[disabled]{color:rgb(var(--aui-color-main-text))!important}.aui-editable--center .aui-editable__view-container,.aui-editable--center .aui-editable__editor-container{display:flex;align-items:center}.aui-editable--top .aui-editable__view-container,.aui-editable--top .aui-editable__editor-container{display:flex;align-items:flex-start}.aui-editable--bottom .aui-editable__view-container,.aui-editable--bottom .aui-editable__editor-container{display:flex;align-items:flex-end}\n"] }]
|
|
7470
|
-
}], ctorParameters: function () { return []; }, propDecorators: { beforeSave: [{
|
|
7471
|
-
type: Input
|
|
7472
|
-
}], position: [{
|
|
7473
|
-
type: Input
|
|
7474
|
-
}], save: [{
|
|
7475
|
-
type: Output
|
|
7476
|
-
}], cancel: [{
|
|
7477
|
-
type: Output
|
|
7478
|
-
}], modeChange: [{
|
|
7479
|
-
type: Output
|
|
7480
|
-
}], viewer: [{
|
|
7481
|
-
type: ContentChild,
|
|
7482
|
-
args: [EditableViewerDirective, { read: TemplateRef }]
|
|
7483
|
-
}], editor: [{
|
|
7484
|
-
type: ContentChild,
|
|
7485
|
-
args: [EditableEditorDirective, { read: TemplateRef }]
|
|
7486
|
-
}] } });
|
|
7487
|
-
|
|
7488
|
-
class EditableModule {
|
|
7489
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.3", ngImport: i0, type: EditableModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
7490
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.3", ngImport: i0, type: EditableModule, imports: [EditableComponent,
|
|
7491
|
-
EditableViewerDirective,
|
|
7492
|
-
EditableEditorDirective], exports: [EditableComponent,
|
|
7493
|
-
EditableViewerDirective,
|
|
7494
|
-
EditableEditorDirective] }); }
|
|
7495
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.3", ngImport: i0, type: EditableModule, imports: [EditableComponent] }); }
|
|
7496
|
-
}
|
|
7497
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.3", ngImport: i0, type: EditableModule, decorators: [{
|
|
7498
|
-
type: NgModule,
|
|
7499
|
-
args: [{
|
|
7500
|
-
imports: [
|
|
7501
|
-
EditableComponent,
|
|
7502
|
-
EditableViewerDirective,
|
|
7503
|
-
EditableEditorDirective,
|
|
7504
|
-
],
|
|
7505
|
-
exports: [
|
|
7506
|
-
EditableComponent,
|
|
7507
|
-
EditableViewerDirective,
|
|
7508
|
-
EditableEditorDirective,
|
|
7509
|
-
],
|
|
7510
|
-
}]
|
|
7511
|
-
}] });
|
|
7512
|
-
|
|
7513
7386
|
class InlineAlertTitleDirective {
|
|
7514
7387
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.3", ngImport: i0, type: InlineAlertTitleDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
7515
7388
|
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.3", type: InlineAlertTitleDirective, isStandalone: true, selector: "[auiInlineAlertTitle]", exportAs: ["auiInlineAlertTitle"], ngImport: i0 }); }
|
|
@@ -12440,5 +12313,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.3", ngImpor
|
|
|
12440
12313
|
}]
|
|
12441
12314
|
}] });
|
|
12442
12315
|
|
|
12443
|
-
export { ACCORDION_MODULE, ANCHOR_MODULE, AUTOCOMPLETE_MODULE, AccordionComponent, AccordionItemComponent, AccordionItemContentDirective, AccordionItemHeaderDirective, AccordionModule, AnchorComponent, AnchorDirective, AnchorDirectiveChild, AnchorLabelDirective, AnchorModule, AnchorTreeComponent, AuiSelectValidators, AutoCompleteDirective, AutocompleteComponent, AutocompleteModule, AutocompletePlaceholderComponent, AutosizeDirective, BREADCRUMB_MODULE, BackTopComponent, BackTopModule, BaseDialogConfig, BaseTooltip, Bem, BreadcrumbComponent, BreadcrumbItemComponent, BreadcrumbModule, ButtonComponent, ButtonGroupComponent, ButtonModule, ButtonType, CARD_MODULE, CHECKBOX_MODULE, CONTROL_ITEM_HEIGHT, CalendarFooterComponent, CalendarHeaderComponent, CardComponent, CardFooterDirective, CardHeaderDirective, CardModule, CheckTagComponent, CheckboxComponent, CheckboxGroupComponent, CheckboxModule, ColorPickerComponent, ColorPickerModule, CommonFormControl, ComponentSize, ConfirmDialogConfig, ConfirmType, CssVarPipe, CustomAutoCompleteDirective, 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,
|
|
12316
|
+
export { ACCORDION_MODULE, ANCHOR_MODULE, AUTOCOMPLETE_MODULE, AccordionComponent, AccordionItemComponent, AccordionItemContentDirective, AccordionItemHeaderDirective, AccordionModule, AnchorComponent, AnchorDirective, AnchorDirectiveChild, AnchorLabelDirective, AnchorModule, AnchorTreeComponent, AuiSelectValidators, AutoCompleteDirective, AutocompleteComponent, AutocompleteModule, AutocompletePlaceholderComponent, AutosizeDirective, BREADCRUMB_MODULE, BackTopComponent, BackTopModule, BaseDialogConfig, BaseTooltip, Bem, BreadcrumbComponent, BreadcrumbItemComponent, BreadcrumbModule, ButtonComponent, ButtonGroupComponent, ButtonModule, ButtonType, CARD_MODULE, CHECKBOX_MODULE, CONTROL_ITEM_HEIGHT, CalendarFooterComponent, CalendarHeaderComponent, CardComponent, CardFooterDirective, CardHeaderDirective, CardModule, CheckTagComponent, CheckboxComponent, CheckboxGroupComponent, CheckboxModule, ColorPickerComponent, ColorPickerModule, CommonFormControl, ComponentSize, ConfirmDialogConfig, ConfirmType, CssVarPipe, CustomAutoCompleteDirective, 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, FORM_MODULE, FixedSizeTableVirtualScrollDirective, FixedSizeTableVirtualScrollStrategy, FixedSizeVirtualScrollDirective, FormDirective, FormItemAddonDirective, FormItemComponent, FormItemControlDirective, FormItemErrorDirective, FormItemHintDirective, FormItemLabelDirective, FormItemWidth, FormModule, HIDDEN_DELAY, HOUR, HOUR_ITEMS, I18NInterfaceToken, I18nModule, I18nPipe, I18nService, INLINE_ALERT_MODULE, INPUT_ERROR_KEY, INPUT_GROUP_MODULE, 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, MenuGroupComponent, MenuGroupTitleDirective, MenuItemComponent, MenuItemType, MessageConfig, MessageModule, MessageService, MessageType, MultiSelectComponent, NOTIFICATION_CONFIG, NOTIFICATION_DEFAULT_CONFIG, NUMBER_INPUT_MODULE, NotificationComponent, NotificationModule, NotificationService, NumberInputComponent, OptionComponent, OptionContentDirective, OptionGroupComponent, OptionGroupTitleDirective, OptionPlaceholderComponent, PaginatorComponent, PaginatorIntl, PaginatorModule, PickerPanelComponent, RadioButtonComponent, RadioComponent, RadioGroupComponent, RadioModule, RadioSize, RangePickerComponent, RgbColorPipe, RgbaColorPipe, SECOND, SECOND_ITEMS, SELECT_MODULE, SORT_MODULE, ScrollingModule, SearchComponent, SectionComponent, SectionTitleDirective, SelectAllStatus, SelectComponent, SelectModule, Side, SortDirective, SortHeaderComponent, SortModule, StatusBarComponent, StatusBarModule, StatusBarSize, StatusType, StepState, StepsComponent, StepsModule, SubmenuComponent, SuggestionComponent, SuggestionGroupComponent, SuggestionGroupTitleDirective, SwitchComponent, SwitchModule, TABLE_MODULE, TABLE_OF_CONTENTS_MODULE, TABS_MODULE, TabBodyComponent, TabBodyPortalDirective, TabChangeEvent, TabComponent, TabContentDirective, TabContextService, TabGroupComponent, TabHeaderActiveIndicatorComponent, TabHeaderAddonDirective, TabHeaderComponent, TabLabelDirective, TabLabelWrapperDirective, TabSize, TabTitleDirective, TabType, TableCellDefDirective, TableCellDirective, TableColumnDefDirective, TableColumnResizableDirective, TableComponent, TableExpandButtonCellComponent, TableExpandPanelCellComponent, TableHeaderCellDefDirective, TableHeaderCellDirective, TableHeaderRowComponent, TableHeaderRowDefDirective, TableModule, TableOfContentsModule, TablePlaceholderDefDirective, TablePlaceholderOutletDirective, TableRowComponent, TableRowDefDirective, TableScrollWrapperDirective, TableScrollableDirective, 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, _tableVirtualScrollDirectiveStrategyFactory, buildBem, coerceAttrBoolean, coerceString, cssVar, en, getAnchorTreeItems, getCompatibleStylesRenderer, getSortDuplicateSortableIdError, getSortHeaderMissingIdError, getSortHeaderNotContainedWithinSortError, getSortInvalidDirectionError, handlePixel, isTemplateRef, isTimePickerModel, observeMutationOn, observeResizeOn, rgbColor, rgbaColor, zh };
|
|
12444
12317
|
//# sourceMappingURL=alauda-ui.mjs.map
|