@alauda/ui 6.0.4-beta.20 → 6.0.4-beta.21

package/bundles/alauda-ui.umd.js

@@ -9686,19 +9686,19 @@
     AccordionItemComponent.decorators = [
         { type: i0.Component, args: [{
                     selector: 'aui-accordion-item',
-                    template: "<div class=\"aui-accordion-item\">\n  <div class=\"aui-accordion-item__header\">\n    <button\n      type=\"button\"\n      class=\"aui-accordion-item__expand-button\"\n      [class.isExpanded]=\"expanded\"\n      [disabled]=\"disabled\"\n      (click)=\"toggle()\"\n    >\n      <aui-icon icon=\"angle_right\"></aui-icon>\n    </button>\n    <div\n      class=\"aui-accordion-item__header-content\"\n      [class.aui-accordion-item__header-content--expanded]=\"expanded\"\n    >\n      <ng-content select=\"[auiAccordionItemHeader]\"></ng-content>\n    </div>\n  </div>\n  <div\n    *ngIf=\"expanded\"\n    class=\"aui-accordion-item__content\"\n    [class.hasBackground]=\"background\"\n    [id]=\"id\"\n    [@expand]=\"expanded ? 'expanded' : 'collapsed'\"\n  >\n    <ng-content></ng-content>\n    <ng-template [ngTemplateOutlet]=\"lazyContentTpl\"></ng-template>\n  </div>\n</div>\n",
+                    template: "<div class=\"aui-accordion-item\">\n  <div class=\"aui-accordion-item__header\">\n    <button\n      type=\"button\"\n      class=\"aui-accordion-item__expand-button\"\n      [class.isExpanded]=\"expanded\"\n      [disabled]=\"disabled\"\n      (click)=\"toggle()\"\n    >\n      <aui-icon icon=\"angle_right\"></aui-icon>\n    </button>\n    <div\n      class=\"aui-accordion-item__header-content\"\n      [class.aui-accordion-item__header-content--expanded]=\"expanded\"\n    >\n      <ng-content select=\"[auiAccordionItemHeader]\"></ng-content>\n    </div>\n  </div>\n  <div\n    *ngIf=\"expanded\"\n    class=\"aui-accordion-item__body\"\n    [id]=\"id\"\n    [@expand]=\"expanded ? 'expanded' : 'collapsed'\"\n  >\n    <div class=\"aui-accordion-item__content\" [class.hasBackground]=\"background\">\n      <ng-content></ng-content>\n      <ng-template [ngTemplateOutlet]=\"lazyContentTpl\"></ng-template>\n    </div>\n  </div>\n</div>\n",
                     changeDetection: i0.ChangeDetectionStrategy.OnPush,
                     encapsulation: i0.ViewEncapsulation.None,
                     preserveWhitespaces: false,
                     animations: [
                         animations.trigger('expand', [
-                            animations.state('*', animations.style({ height: 0, padding: '0 16px' })),
-                            animations.state('expanded', animations.style({ height: '*', 'margin-top': '16px', padding: '16px' })),
+                            animations.state('*', animations.style({ height: 0 })),
+                            animations.state('expanded', animations.style({ height: '*' })),
                             animations.transition('* <=> expanded', [animations.animate('0.1s ease-in-out')]),
                         ]),
                     ],
                     viewProviders: [AccordionItemComponent],
-                    styles: [".aui-accordion-item{display:block;padding:20px;border:1px solid rgb(var(--aui-color-n-8));border-radius:var(--aui-border-radius-l);background-color:rgb(var(--aui-color-n-10))}.aui-accordion-item__expand-button{display:inline-flex;justify-content:center;align-items:center;width:var(--aui-icon-size-m);height:var(--aui-icon-size-m);font-size:var(--aui-icon-size-m);line-height:var(--aui-icon-size-m);color:rgb(var(--aui-color-primary));background-color:rgb(var(--aui-color-p-6));border-radius:50%;border:none;cursor:pointer;transition:transform .1s ease-in-out}.aui-accordion-item__expand-button aui-icon{display:block;width:var(--aui-icon-size-m);height:var(--aui-icon-size-m)}.aui-accordion-item__expand-button:hover{background-color:rgb(var(--aui-color-p-7))}.aui-accordion-item__expand-button:active{background-color:rgb(var(--aui-color-p-5))}.aui-accordion-item__expand-button.isExpanded{transform:rotate(90deg);color:rgb(var(--aui-color-n-10));background-color:rgb(var(--aui-color-primary))}.aui-accordion-item__expand-button.isExpanded:hover{background-color:rgb(var(--aui-color-p-1))}.aui-accordion-item__expand-button.isExpanded:active{background-color:rgb(var(--aui-color-p-0))}.aui-accordion-item__expand-button.isExpanded[disabled],.aui-accordion-item__expand-button[disabled]{background-color:rgb(var(--aui-color-n-8));color:rgb(var(--aui-color-n-6));cursor:not-allowed}.aui-accordion-item__expand-button:first-child{margin-right:20px}.aui-accordion-item__expand-button:last-child{margin-left:20px}.aui-accordion-item__header{display:inline-flex;align-items:center;width:100%;font-size:var(--aui-font-size-m);line-height:var(--aui-line-height-m);color:rgb(var(--aui-color-n-1))}.aui-accordion-item__header-content{max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.aui-accordion-item__content{margin-top:16px;border-radius:var(--aui-border-radius-l);overflow:hidden}.aui-accordion-item__content.hasBackground{padding:16px;background-color:rgb(var(--aui-color-n-9))}aui-accordion-item+aui-accordion-item .aui-accordion-item{margin-top:var(--aui-spacing-m)}"]
+                    styles: [".aui-accordion-item{display:block;padding:20px;border:1px solid rgb(var(--aui-color-n-8));border-radius:var(--aui-border-radius-l);background-color:rgb(var(--aui-color-n-10))}.aui-accordion-item__expand-button{display:inline-flex;justify-content:center;align-items:center;width:var(--aui-icon-size-m);height:var(--aui-icon-size-m);font-size:var(--aui-icon-size-m);line-height:var(--aui-icon-size-m);color:rgb(var(--aui-color-primary));background-color:rgb(var(--aui-color-p-6));border-radius:50%;border:none;cursor:pointer;transition:transform .1s ease-in-out}.aui-accordion-item__expand-button aui-icon{display:block;width:var(--aui-icon-size-m);height:var(--aui-icon-size-m)}.aui-accordion-item__expand-button:hover{background-color:rgb(var(--aui-color-p-7))}.aui-accordion-item__expand-button:active{background-color:rgb(var(--aui-color-p-5))}.aui-accordion-item__expand-button.isExpanded{transform:rotate(90deg);color:rgb(var(--aui-color-n-10));background-color:rgb(var(--aui-color-primary))}.aui-accordion-item__expand-button.isExpanded:hover{background-color:rgb(var(--aui-color-p-1))}.aui-accordion-item__expand-button.isExpanded:active{background-color:rgb(var(--aui-color-p-0))}.aui-accordion-item__expand-button.isExpanded[disabled],.aui-accordion-item__expand-button[disabled]{background-color:rgb(var(--aui-color-n-8));color:rgb(var(--aui-color-n-6));cursor:not-allowed}.aui-accordion-item__expand-button:first-child{margin-right:20px}.aui-accordion-item__expand-button:last-child{margin-left:20px}.aui-accordion-item__header{display:inline-flex;align-items:center;width:100%;font-size:var(--aui-font-size-m);line-height:var(--aui-line-height-m);color:rgb(var(--aui-color-n-1))}.aui-accordion-item__header-content{max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.aui-accordion-item__body,.aui-accordion-item__content{border-radius:var(--aui-border-radius-l);overflow:hidden}.aui-accordion-item__content{margin-top:16px}.aui-accordion-item__content.hasBackground{padding:16px;background-color:rgb(var(--aui-color-n-9))}aui-accordion-item+aui-accordion-item .aui-accordion-item{margin-top:var(--aui-spacing-m)}"]
                 },] }
     ];
     AccordionItemComponent.ctorParameters = function () { return [