@alauda/ui 6.0.3-beta.0 → 6.0.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 +14 -23
- 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 +14 -23
- 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 +14 -23
- package/fesm2015/alauda-ui.js.map +1 -1
- package/package.json +1 -1
- package/steps/steps.component.d.ts +2 -6
- package/steps/types.d.ts +0 -3
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,13 +12198,9 @@
|
|
|
12198
12198
|
var StepsComponent = /** @class */ (function () {
|
|
12199
12199
|
function StepsComponent() {
|
|
12200
12200
|
this._steps = [];
|
|
12201
|
-
/**
|
|
12202
|
-
* @deprecated type 为 step 时一般在使用上下文中控制是否可以进行下一步；type 为 progress 时强制按顺序执行
|
|
12203
|
-
*/
|
|
12204
12201
|
this.linear = false;
|
|
12205
12202
|
this.orientation = 'horizontal';
|
|
12206
12203
|
this.type = 'step';
|
|
12207
|
-
this.selectable = false;
|
|
12208
12204
|
this.currentIndexChange = new i0.EventEmitter();
|
|
12209
12205
|
this.selectedIndexChange = new i0.EventEmitter();
|
|
12210
12206
|
this.currentIndexChange$$ = new rxjs.BehaviorSubject(0);
|
|
@@ -12253,13 +12249,13 @@
|
|
|
12253
12249
|
if ((_a = this.steps) === null || _a === void 0 ? void 0 : _a.length) {
|
|
12254
12250
|
var ret = Math.min(Math.max(0, index), this.steps.length - 1);
|
|
12255
12251
|
var reversedPrevSteps = this.steps.slice(0, ret).reverse();
|
|
12256
|
-
var
|
|
12257
|
-
|
|
12258
|
-
this._currentIndex =
|
|
12252
|
+
var lastDoneStepIndex = reversedPrevSteps.length -
|
|
12253
|
+
reversedPrevSteps.findIndex(function (step) { return step.state === StepState.Done || step.optional; });
|
|
12254
|
+
this._currentIndex = Math.min(lastDoneStepIndex, ret);
|
|
12259
12255
|
}
|
|
12260
12256
|
}
|
|
12261
12257
|
else {
|
|
12262
|
-
this._currentIndex =
|
|
12258
|
+
this._currentIndex = index;
|
|
12263
12259
|
}
|
|
12264
12260
|
};
|
|
12265
12261
|
StepsComponent.prototype.getProgressCurrentIndex = function (steps) {
|
|
@@ -12307,8 +12303,8 @@
|
|
|
12307
12303
|
? StepSelectedIcon[state]
|
|
12308
12304
|
: StepDefaultIcon[state];
|
|
12309
12305
|
};
|
|
12310
|
-
StepsComponent.prototype.select = function (i) {
|
|
12311
|
-
if (this.isSelectable(i)) {
|
|
12306
|
+
StepsComponent.prototype.select = function (i, step) {
|
|
12307
|
+
if (this.isSelectable(i, step)) {
|
|
12312
12308
|
if (this.isProgress) {
|
|
12313
12309
|
this.selectedIndexChange.emit(i);
|
|
12314
12310
|
this.selectedIndex = i;
|
|
@@ -12316,23 +12312,19 @@
|
|
|
12316
12312
|
else {
|
|
12317
12313
|
this.currentIndexChange.emit(i);
|
|
12318
12314
|
this._currentIndex = i;
|
|
12319
|
-
this.selectedIndex = i;
|
|
12320
12315
|
}
|
|
12321
12316
|
}
|
|
12322
12317
|
};
|
|
12323
|
-
StepsComponent.prototype.isSelectable = function (i) {
|
|
12318
|
+
StepsComponent.prototype.isSelectable = function (i, step) {
|
|
12319
|
+
var _a;
|
|
12324
12320
|
var currentStep = this.steps[this._currentIndex];
|
|
12325
|
-
if (
|
|
12326
|
-
|
|
12327
|
-
}
|
|
12328
|
-
var isLinear = this.isProgress ? true : this.linear;
|
|
12329
|
-
if (isLinear &&
|
|
12321
|
+
if (this.linear &&
|
|
12322
|
+
currentStep.state !== StepState.Done &&
|
|
12330
12323
|
!currentStep.optional &&
|
|
12331
|
-
|
|
12332
|
-
(currentStep.state !== StepState.Done && i > this._currentIndex))) {
|
|
12324
|
+
i > this._currentIndex) {
|
|
12333
12325
|
return false;
|
|
12334
12326
|
}
|
|
12335
|
-
if (i < this._currentIndex && !
|
|
12327
|
+
if (i < this._currentIndex && !((_a = step.editable) !== null && _a !== void 0 ? _a : true)) {
|
|
12336
12328
|
return false;
|
|
12337
12329
|
}
|
|
12338
12330
|
return true;
|
|
@@ -12359,7 +12351,7 @@
|
|
|
12359
12351
|
{ type: i0.Component, args: [{
|
|
12360
12352
|
selector: 'aui-steps',
|
|
12361
12353
|
exportAs: 'auiSteps',
|
|
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",
|
|
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, step)\"\n [class.isLastActive]=\"isLastActive(i, steps)\"\n [class.clickable]=\"isSelectable(i, step)\"\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",
|
|
12363
12355
|
changeDetection: i0.ChangeDetectionStrategy.OnPush,
|
|
12364
12356
|
encapsulation: i0.ViewEncapsulation.None,
|
|
12365
12357
|
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))}"]
|
|
@@ -12371,7 +12363,6 @@
|
|
|
12371
12363
|
currentIndex: [{ type: i0.Input }],
|
|
12372
12364
|
orientation: [{ type: i0.Input }],
|
|
12373
12365
|
type: [{ type: i0.Input }],
|
|
12374
|
-
selectable: [{ type: i0.Input }],
|
|
12375
12366
|
currentIndexChange: [{ type: i0.Output }],
|
|
12376
12367
|
selectedIndexChange: [{ type: i0.Output }]
|
|
12377
12368
|
};
|