@alauda/ui 6.0.2 → 6.0.3-beta.2
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 +23 -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/form/form-item/form-item.component.js +1 -1
- package/esm2015/form/form-item/form-item.component.scss.ngstyle.js +1 -1
- package/esm2015/steps/steps.component.js +23 -14
- package/esm2015/steps/steps.component.ngfactory.js +4 -4
- package/esm2015/steps/steps.component.ngsummary.json +1 -1
- package/esm2015/steps/types.js +1 -1
- package/fesm2015/alauda-ui.js +23 -14
- package/fesm2015/alauda-ui.js.map +1 -1
- package/package.json +1 -1
- package/steps/steps.component.d.ts +6 -2
- package/steps/types.d.ts +3 -0
package/bundles/alauda-ui.umd.js
CHANGED
|
@@ -3250,7 +3250,7 @@
|
|
|
3250
3250
|
changeDetection: i0.ChangeDetectionStrategy.OnPush,
|
|
3251
3251
|
encapsulation: i0.ViewEncapsulation.None,
|
|
3252
3252
|
preserveWhitespaces: false,
|
|
3253
|
-
styles: [".aui-form-item{display:flex;align-items:flex-start;margin-bottom:var(--aui-spacing-xl);color:rgb(var(--aui-color-n-1));font-size:var(--aui-font-size-m)}.aui-form-item--top{flex-direction:column}.aui-form-item--top .aui-form-item__label-wrapper{line-height:var(--aui-line-height-m);margin-bottom:var(--aui-spacing-xs)}.aui-form-item--top .aui-form-item__label-wrapper:after{display:none}.aui-form-item__label-wrapper{display:flex;align-items:center;line-height:var(--aui-inline-height-m);flex-shrink:0;padding-right:var(--aui-spacing-m);overflow:hidden}.aui-form-item__label-wrapper--required .aui-form-item__label:before{content:\"*\";color:rgb(var(--aui-color-red));margin-right:var(--aui-spacing-s)}.aui-form-item__label-wrapper.hasLabel:after{content:\":\";align-self:flex-start;margin-left:var(--aui-spacing-xs);line-height:var(--aui-inline-height-m)}.aui-form-item__label-wrapper--left{justify-content:flex-start}.aui-form-item__label-wrapper--left .aui-form-item__label{text-align:start}.aui-form-item__label-wrapper--right{justify-content:flex-end}.aui-form-item__label-wrapper--right .aui-form-item__label{text-align:end}.aui-form-item__label{display:block;line-height:var(--aui-line-height-s)}.aui-form-item__container{width:100%;min-width:0}.aui-form-item__content{display:flex;align-items:center;min-height:var(--aui-inline-height-m)}.aui-form-item__content aui-multi-select.aui-form-item__control,.aui-form-item__content aui-select.aui-form-item__control{width:100%}.aui-form-item__content--large .aui-form-item__control,.aui-form-item__content--large aui-multi-select.aui-form-item__control,.aui-form-item__content--large aui-select.aui-form-item__control{max-width:var(--aui-form-item-width-l)}.aui-form-item__content--medium .aui-form-item__control,.aui-form-item__content--medium aui-multi-select.aui-form-item__control,.aui-form-item__content--medium aui-select.aui-form-item__control{max-width:var(--aui-form-item-width-m)}.aui-form-item__content--small .aui-form-item__control,.aui-form-item__content--small aui-multi-select.aui-form-item__control,.aui-form-item__content--small aui-select.aui-form-item__control{max-width:var(--aui-form-item-width-s)}.aui-form-item__content+.aui-form-item__error-wrapper,.aui-form-item__content+.aui-form-item__hint-wrapper{margin-top:var(--aui-spacing-s)}.aui-form-item__error-wrapper,.aui-form-item__hint-wrapper{font-size:var(--aui-font-size-s);line-height:var(--aui-line-height-s)}.aui-form-item__hint-wrapper{color:rgb(var(--aui-color-n-4))}.aui-form-item__error-wrapper{color:rgb(var(--aui-color-red))}.aui-form-item__addon-wrapper{align-self:flex-start;display:flex;align-items:center;flex-shrink:0;height:var(--aui-inline-height-m);width:var(--aui-
|
|
3253
|
+
styles: [".aui-form-item{display:flex;align-items:flex-start;margin-bottom:var(--aui-spacing-xl);color:rgb(var(--aui-color-n-1));font-size:var(--aui-font-size-m)}.aui-form-item--top{flex-direction:column}.aui-form-item--top .aui-form-item__label-wrapper{line-height:var(--aui-line-height-m);margin-bottom:var(--aui-spacing-xs)}.aui-form-item--top .aui-form-item__label-wrapper:after{display:none}.aui-form-item__label-wrapper{display:flex;align-items:center;line-height:var(--aui-inline-height-m);flex-shrink:0;padding-right:var(--aui-spacing-m);overflow:hidden}.aui-form-item__label-wrapper--required .aui-form-item__label:before{content:\"*\";color:rgb(var(--aui-color-red));margin-right:var(--aui-spacing-s)}.aui-form-item__label-wrapper.hasLabel:after{content:\":\";align-self:flex-start;margin-left:var(--aui-spacing-xs);line-height:var(--aui-inline-height-m)}.aui-form-item__label-wrapper--left{justify-content:flex-start}.aui-form-item__label-wrapper--left .aui-form-item__label{text-align:start}.aui-form-item__label-wrapper--right{justify-content:flex-end}.aui-form-item__label-wrapper--right .aui-form-item__label{text-align:end}.aui-form-item__label{display:block;line-height:var(--aui-line-height-s)}.aui-form-item__container{width:100%;min-width:0}.aui-form-item__content{display:flex;align-items:center;min-height:var(--aui-inline-height-m)}.aui-form-item__content aui-multi-select.aui-form-item__control,.aui-form-item__content aui-select.aui-form-item__control{width:100%}.aui-form-item__content--large .aui-form-item__control,.aui-form-item__content--large aui-multi-select.aui-form-item__control,.aui-form-item__content--large aui-select.aui-form-item__control{max-width:var(--aui-form-item-width-l)}.aui-form-item__content--medium .aui-form-item__control,.aui-form-item__content--medium aui-multi-select.aui-form-item__control,.aui-form-item__content--medium aui-select.aui-form-item__control{max-width:var(--aui-form-item-width-m)}.aui-form-item__content--small .aui-form-item__control,.aui-form-item__content--small aui-multi-select.aui-form-item__control,.aui-form-item__content--small aui-select.aui-form-item__control{max-width:var(--aui-form-item-width-s)}.aui-form-item__content+.aui-form-item__error-wrapper,.aui-form-item__content+.aui-form-item__hint-wrapper{margin-top:var(--aui-spacing-s)}.aui-form-item__error-wrapper,.aui-form-item__hint-wrapper{font-size:var(--aui-font-size-s);line-height:var(--aui-line-height-s)}.aui-form-item__hint-wrapper{color:rgb(var(--aui-color-n-4))}.aui-form-item__error-wrapper{color:rgb(var(--aui-color-red))}.aui-form-item__addon-wrapper{align-self:flex-start;display:flex;align-items:center;flex-shrink:0;box-sizing:content-box;height:var(--aui-inline-height-m);min-width:var(--aui-icon-size-m);padding-left:var(--aui-spacing-m);color:rgb(var(--aui-color-n-4));font-size:var(--aui-font-size-m)}.aui-form-item__addon-wrapper aui-icon{font-size:var(--aui-icon-size-m)}.aui-form--inline{display:flex}.aui-form--inline .aui-form-item{margin-bottom:0;margin-right:var(--aui-spacing-m)}"]
|
|
3254
3254
|
},] }
|
|
3255
3255
|
];
|
|
3256
3256
|
FormItemComponent.ctorParameters = function () { return [
|
|
@@ -12198,9 +12198,13 @@
|
|
|
12198
12198
|
var StepsComponent = /** @class */ (function () {
|
|
12199
12199
|
function StepsComponent() {
|
|
12200
12200
|
this._steps = [];
|
|
12201
|
+
/**
|
|
12202
|
+
* @deprecated type 为 step 时一般在使用上下文中控制是否可以进行下一步；type 为 progress 时强制按顺序执行
|
|
12203
|
+
*/
|
|
12201
12204
|
this.linear = false;
|
|
12202
12205
|
this.orientation = 'horizontal';
|
|
12203
12206
|
this.type = 'step';
|
|
12207
|
+
this.selectable = false;
|
|
12204
12208
|
this.currentIndexChange = new i0.EventEmitter();
|
|
12205
12209
|
this.selectedIndexChange = new i0.EventEmitter();
|
|
12206
12210
|
this.currentIndexChange$$ = new rxjs.BehaviorSubject(0);
|
|
@@ -12249,13 +12253,13 @@
|
|
|
12249
12253
|
if ((_a = this.steps) === null || _a === void 0 ? void 0 : _a.length) {
|
|
12250
12254
|
var ret = Math.min(Math.max(0, index), this.steps.length - 1);
|
|
12251
12255
|
var reversedPrevSteps = this.steps.slice(0, ret).reverse();
|
|
12252
|
-
var
|
|
12253
|
-
|
|
12254
|
-
this._currentIndex = Math.min(lastDoneStepIndex, ret);
|
|
12256
|
+
var doneIndex = reversedPrevSteps.findIndex(function (step) { return step.state === StepState.Done || step.optional; });
|
|
12257
|
+
var lastDoneStepIndex = doneIndex > -1 ? reversedPrevSteps.length - doneIndex : 0;
|
|
12258
|
+
this._currentIndex = this.selectedIndex = Math.min(lastDoneStepIndex, ret);
|
|
12255
12259
|
}
|
|
12256
12260
|
}
|
|
12257
12261
|
else {
|
|
12258
|
-
this._currentIndex = index;
|
|
12262
|
+
this._currentIndex = this.selectedIndex = index;
|
|
12259
12263
|
}
|
|
12260
12264
|
};
|
|
12261
12265
|
StepsComponent.prototype.getProgressCurrentIndex = function (steps) {
|
|
@@ -12303,8 +12307,8 @@
|
|
|
12303
12307
|
? StepSelectedIcon[state]
|
|
12304
12308
|
: StepDefaultIcon[state];
|
|
12305
12309
|
};
|
|
12306
|
-
StepsComponent.prototype.select = function (i
|
|
12307
|
-
if (this.isSelectable(i
|
|
12310
|
+
StepsComponent.prototype.select = function (i) {
|
|
12311
|
+
if (this.isSelectable(i)) {
|
|
12308
12312
|
if (this.isProgress) {
|
|
12309
12313
|
this.selectedIndexChange.emit(i);
|
|
12310
12314
|
this.selectedIndex = i;
|
|
@@ -12312,19 +12316,23 @@
|
|
|
12312
12316
|
else {
|
|
12313
12317
|
this.currentIndexChange.emit(i);
|
|
12314
12318
|
this._currentIndex = i;
|
|
12319
|
+
this.selectedIndex = i;
|
|
12315
12320
|
}
|
|
12316
12321
|
}
|
|
12317
12322
|
};
|
|
12318
|
-
StepsComponent.prototype.isSelectable = function (i
|
|
12319
|
-
var _a;
|
|
12323
|
+
StepsComponent.prototype.isSelectable = function (i) {
|
|
12320
12324
|
var currentStep = this.steps[this._currentIndex];
|
|
12321
|
-
if (this.
|
|
12322
|
-
|
|
12325
|
+
if (!this.selectable || this.selectedIndex === i) {
|
|
12326
|
+
return false;
|
|
12327
|
+
}
|
|
12328
|
+
var isLinear = this.isProgress ? true : this.linear;
|
|
12329
|
+
if (isLinear &&
|
|
12323
12330
|
!currentStep.optional &&
|
|
12324
|
-
i > this._currentIndex)
|
|
12331
|
+
((currentStep.state === StepState.Done && i > this._currentIndex + 1) ||
|
|
12332
|
+
(currentStep.state !== StepState.Done && i > this._currentIndex))) {
|
|
12325
12333
|
return false;
|
|
12326
12334
|
}
|
|
12327
|
-
if (i < this._currentIndex && !
|
|
12335
|
+
if (i < this._currentIndex && !this.selectable) {
|
|
12328
12336
|
return false;
|
|
12329
12337
|
}
|
|
12330
12338
|
return true;
|
|
@@ -12351,7 +12359,7 @@
|
|
|
12351
12359
|
{ type: i0.Component, args: [{
|
|
12352
12360
|
selector: 'aui-steps',
|
|
12353
12361
|
exportAs: 'auiSteps',
|
|
12354
|
-
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
|
|
12362
|
+
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",
|
|
12355
12363
|
changeDetection: i0.ChangeDetectionStrategy.OnPush,
|
|
12356
12364
|
encapsulation: i0.ViewEncapsulation.None,
|
|
12357
12365
|
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:500;font-size:var(--aui-font-size-l);display:flex;justify-content:center;width:var(--aui-icon-size-xl);height:var(--aui-icon-size-xl)}.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.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))}"]
|
|
@@ -12363,6 +12371,7 @@
|
|
|
12363
12371
|
currentIndex: [{ type: i0.Input }],
|
|
12364
12372
|
orientation: [{ type: i0.Input }],
|
|
12365
12373
|
type: [{ type: i0.Input }],
|
|
12374
|
+
selectable: [{ type: i0.Input }],
|
|
12366
12375
|
currentIndexChange: [{ type: i0.Output }],
|
|
12367
12376
|
selectedIndexChange: [{ type: i0.Output }]
|
|
12368
12377
|
};
|