@alauda/ui 6.2.1-beta.1 → 6.2.1-beta.10

package/bundles/alauda-ui.umd.js

@@ -106,6 +106,15 @@
     var last = function (values) { return values === null || values === void 0 ? void 0 : values[values.length - 1]; };
     var isTemplateRef = function (label) { return label instanceof i0.TemplateRef; };
     var handlePixel = function (value) { return Number.isNaN(+value) ? value : value + 'px'; };
+    var simplifyStringToTestId = function (input) {
+        if (!input)
+            return '';
+        return input
+            .replaceAll('\r', '')
+            .replaceAll('\n', '')
+            .replaceAll('\\s', '')
+            .replaceAll(' ', '');
+    };
 
     /*! *****************************************************************************
     Copyright (c) Microsoft Corporation.
@@ -481,6 +490,39 @@
         return queryList.changes.pipe(operators.startWith(queryList), operators.map(function (list) { return !!list.length; }), operators.publishReplay(1), operators.refCount());
     }
 
+    var simplifyString = function (str) { return str
+        .replaceAll('\r', '')
+        .replaceAll('\n', '')
+        .replaceAll('\\s', '')
+        .replaceAll(' ', ''); };
+    var ɵ0 = simplifyString;
+    var E2eAttributeBindingDirective = /** @class */ (function () {
+        function E2eAttributeBindingDirective(el) {
+            this.el = el;
+        }
+        E2eAttributeBindingDirective.prototype.ngAfterViewInit = function () {
+            this.setId();
+        };
+        E2eAttributeBindingDirective.prototype.setId = function () {
+            var currentAttr = simplifyString(this.el.nativeElement.getAttribute('data-test') ||
+                simplifyString(this.el.nativeElement.nodeName +
+                    '/' +
+                    this.el.nativeElement.textContent));
+            if (currentAttr !== this.el.nativeElement.getAttribute('data-test')) {
+                this.el.nativeElement.dataset.test = currentAttr;
+            }
+        };
+        return E2eAttributeBindingDirective;
+    }());
+    E2eAttributeBindingDirective.decorators = [
+        { type: i0.Directive, args: [{
+                    selector: '[click]',
+                },] }
+    ];
+    E2eAttributeBindingDirective.ctorParameters = function () { return [
+        { type: i0.ElementRef }
+    ]; };
+
     var ThemeService = /** @class */ (function () {
         function ThemeService() {
             var _this = this;
@@ -1502,6 +1544,13 @@
             this.renderer.addClass(this.el.nativeElement, prefix + this.size);
             this.focusMonitor.monitor(this.el.nativeElement, false);
         }
+        Object.defineProperty(ButtonComponent.prototype, "testId", {
+            get: function () {
+                return ('AUI-BUTTON/' + simplifyStringToTestId(this.el.nativeElement.textContent));
+            },
+            enumerable: false,
+            configurable: true
+        });
         Object.defineProperty(ButtonComponent.prototype, "type", {
             get: function () {
                 return this._type;
@@ -1622,6 +1671,7 @@
         { type: a11y.FocusMonitor }
     ]; };
     ButtonComponent.propDecorators = {
+        testId: [{ type: i0.HostBinding, args: ['attr.data-test',] }],
         type: [{ type: i0.Input, args: ['aui-button',] }],
         size: [{ type: i0.Input }],
         plain: [{ type: i0.Input }],
@@ -2773,7 +2823,7 @@
     DialogComponent.decorators = [
         { type: i0.Component, args: [{
                     selector: 'aui-dialog',
-                    template: "<div [ngClass]=\"rootClass\" [ngStyle]=\"customStyle\">\n  <ng-template cdkPortalOutlet></ng-template>\n</div>\n",
+                    template: "<div [ngClass]=\"rootClass\" [ngStyle]=\"customStyle\" data-test=\"AUI-DIALOG\">\n  <ng-template cdkPortalOutlet></ng-template>\n</div>\n",
                     encapsulation: i0.ViewEncapsulation.None,
                     // tslint:disable-next-line:validate-decorators
                     changeDetection: i0.ChangeDetectionStrategy.Default,
@@ -3580,7 +3630,7 @@
         });
         Object.defineProperty(BaseRadio.prototype, "_testId", {
             get: function () {
-                return 'RADIO/' + this.value;
+                return 'AUI-RADIO/' + this.value;
             },
             enumerable: false,
             configurable: true
@@ -3992,7 +4042,10 @@
         }
         Object.defineProperty(InputComponent.prototype, "testId", {
             get: function () {
-                return this.elementRef.nativeElement.getAttribute('name') || 'aui-input';
+                return ('AUI-INPUT/' +
+                    (this.elementRef.nativeElement.getAttribute('formcontrolname') ||
+                        this.elementRef.nativeElement.getAttribute('name') ||
+                        ''));
             },
             enumerable: false,
             configurable: true
@@ -5096,6 +5149,14 @@
             _this.trigger = exports.TooltipTrigger.Click;
             return _this;
         }
+        Object.defineProperty(DropdownDirective.prototype, "testId", {
+            get: function () {
+                return ('AUI-DROPDOWN/' +
+                    simplifyStringToTestId(this.elRef.nativeElement.textContent));
+            },
+            enumerable: false,
+            configurable: true
+        });
         Object.defineProperty(DropdownDirective.prototype, "menu", {
             get: function () {
                 return this._menu;
@@ -5153,6 +5214,7 @@
         { type: i0.NgZone }
     ]; };
     DropdownDirective.propDecorators = {
+        testId: [{ type: i0.HostBinding, args: ['attr.data-test',] }],
         menu: [{ type: i0.Input, args: ['auiDropdown',] }],
         lazyContentContext: [{ type: i0.Input, args: ['auiDropdownContext',] }],
         hideOnClick: [{ type: i0.Input, args: ['auiDropdownHideOnClick',] }],
@@ -5329,7 +5391,7 @@
     DropdownButtonComponent.decorators = [
         { type: i0.Component, args: [{
                     selector: 'aui-dropdown-button',
-                    template: "<div [class]=\"bem.block(size)\">\n  <button\n    type=\"button\"\n    class=\"aui-dropdown-button__content\"\n    [aui-button]=\"type\"\n    [plain]=\"plain\"\n    [size]=\"size\"\n    [loading]=\"loading\"\n    [disabled]=\"disabled\"\n    (click)=\"buttonClick.emit($event)\"\n  >\n    <ng-content></ng-content>\n  </button>\n  <button\n    type=\"button\"\n    class=\"aui-dropdown-button__trigger\"\n    [aui-button]=\"type\"\n    [plain]=\"plain\"\n    [size]=\"size\"\n    [auiDropdown]=\"menu\"\n    [disabled]=\"disableTrigger\"\n  >\n    <aui-icon icon=\"angle_down\"></aui-icon>\n  </button>\n</div>\n",
+                    template: "<div [class]=\"bem.block(size)\">\n  <button\n    type=\"button\"\n    class=\"aui-dropdown-button__content\"\n    [aui-button]=\"type\"\n    [plain]=\"plain\"\n    [size]=\"size\"\n    [loading]=\"loading\"\n    [disabled]=\"disabled\"\n    (click)=\"buttonClick.emit($event)\"\n    data-test=\"DROPDOWN-BUTTON/\"\n  >\n    <ng-content></ng-content>\n  </button>\n  <button\n    type=\"button\"\n    class=\"aui-dropdown-button__trigger\"\n    [aui-button]=\"type\"\n    [plain]=\"plain\"\n    [size]=\"size\"\n    [auiDropdown]=\"menu\"\n    [disabled]=\"disableTrigger\"\n  >\n    <aui-icon icon=\"angle_down\"></aui-icon>\n  </button>\n</div>\n",
                     changeDetection: i0.ChangeDetectionStrategy.OnPush,
                     encapsulation: i0.ViewEncapsulation.None,
                     preserveWhitespaces: false,
@@ -6711,7 +6773,7 @@
                     changeDetection: i0.ChangeDetectionStrategy.OnPush,
                     encapsulation: i0.ViewEncapsulation.None,
                     preserveWhitespaces: false,
-                    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;background-color:transparent}.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__navigator.aui-button:hover{background-color:rgb(var(--aui-color-p-6))}.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-main-bg))}.aui-paginator__layout{display:inline-block}.aui-paginator__layout+.aui-paginator__layout{margin-left:var(--aui-spacing-l)}"]
+                    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--default{background-color:transparent}.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__navigator.aui-button:hover{background-color:rgb(var(--aui-color-p-6))}.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-main-bg))}.aui-paginator__layout{display:inline-block}.aui-paginator__layout+.aui-paginator__layout{margin-left:var(--aui-spacing-l)}"]
                 },] }
     ];
     PaginatorComponent.ctorParameters = function () { return [
@@ -9354,6 +9416,7 @@
                         AutocompletePlaceholderComponent,
                         SuggestionGroupComponent,
                         SuggestionGroupTitleDirective,
+                        E2eAttributeBindingDirective,
                     ],
                     exports: [
                         AutoCompleteDirective,
@@ -9989,7 +10052,7 @@
         table: [{ type: i0.ContentChild, args: [TableComponent, { static: false },] }]
     };
 
-    var ɵ0 = scrolling._fixedSizeVirtualScrollStrategyFactory;
+    var ɵ0$1 = scrolling._fixedSizeVirtualScrollStrategyFactory;
     var FixedSizeVirtualScrollDirective = /** @class */ (function (_super) {
         __extends(FixedSizeVirtualScrollDirective, _super);
         function FixedSizeVirtualScrollDirective() {
@@ -10004,7 +10067,7 @@
                     providers: [
                         {
                             provide: scrolling.VIRTUAL_SCROLL_STRATEGY,
-                            useFactory: ɵ0,
+                            useFactory: ɵ0$1,
                             deps: [i0.forwardRef(function () { return FixedSizeVirtualScrollDirective; })],
                         },
                     ],
@@ -10871,8 +10934,8 @@
         tooltipRef: [{ type: i0.ViewChild, args: ['tooltipRef',] }]
     };
 
-    var ɵ0$1 = function (_, index) { return index; };
-    var HOUR_ITEMS = Array.from({ length: 24 }).map(ɵ0$1);
+    var ɵ0$2 = function (_, index) { return index; };
+    var HOUR_ITEMS = Array.from({ length: 24 }).map(ɵ0$2);
     var ɵ1 = function (_, index) { return index; };
     var MINUTE_ITEMS = Array.from({ length: 60 }).map(ɵ1);
     var ɵ2 = function (_, index) { return index; };
@@ -12592,6 +12655,7 @@
     exports.DropdownButtonComponent = DropdownButtonComponent;
     exports.DropdownDirective = DropdownDirective;
     exports.DropdownModule = DropdownModule;
+    exports.E2eAttributeBindingDirective = E2eAttributeBindingDirective;
     exports.FixedSizeTableVirtualScrollDirective = FixedSizeTableVirtualScrollDirective;
     exports.FixedSizeTableVirtualScrollStrategy = FixedSizeTableVirtualScrollStrategy;
     exports.FixedSizeVirtualScrollDirective = FixedSizeVirtualScrollDirective;
@@ -12768,6 +12832,7 @@
     exports.observeMutationOn = observeMutationOn;
     exports.observeResizeOn = observeResizeOn;
     exports.scrollIntoView = scrollIntoView;
+    exports.simplifyStringToTestId = simplifyStringToTestId;
     exports.sleep = sleep;
     exports.watchContentExist = watchContentExist;
     exports.zh = zh;
@@ -12796,9 +12861,10 @@
     exports.ɵt = MessageAnimations;
     exports.ɵu = BaseMessage;
     exports.ɵv = NotificationWrapperComponent;
-    exports.ɵw = VirtualForOfDirective;
-    exports.ɵx = _isNumberValue;
-    exports.ɵy = DatePickerComponent;
+    exports.ɵw = E2eAttributeBindingDirective;
+    exports.ɵx = VirtualForOfDirective;
+    exports.ɵy = _isNumberValue;
+    exports.ɵz = DatePickerComponent;
 
     Object.defineProperty(exports, '__esModule', { value: true });