@alauda/ui 6.1.2-beta → 6.1.3-beta.1
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 +1 -1
- package/bundles/alauda-ui.umd.min.js +1 -1
- package/bundles/alauda-ui.umd.min.js.map +1 -1
- package/esm2015/steps/steps.component.js +1 -1
- package/esm2015/steps/steps.component.scss.ngstyle.js +1 -1
- package/fesm2015/alauda-ui.js +1 -1
- package/package.json +1 -1
package/bundles/alauda-ui.umd.js
CHANGED
|
@@ -12432,7 +12432,7 @@
|
|
|
12432
12432
|
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",
|
|
12433
12433
|
changeDetection: i0.ChangeDetectionStrategy.OnPush,
|
|
12434
12434
|
encapsulation: i0.ViewEncapsulation.None,
|
|
12435
|
-
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))}"]
|
|
12435
|
+
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;display:inline-flex;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))}"]
|
|
12436
12436
|
},] }
|
|
12437
12437
|
];
|
|
12438
12438
|
StepsComponent.propDecorators = {
|