raise-common-lib 0.0.203 → 0.0.204

package/fesm5/raise-common-lib.js

@@ -21740,11 +21740,15 @@ var RSStepperComponent = /** @class */ (function () {
         this.steps = [];
         this.currentStep = 0;
         this.stepClick = new EventEmitter();
+        this.unlockedStep = 0; //已解锁的最大步骤
     }
+    //已解锁的最大步骤
     /**
      * @return {?}
      */
-    RSStepperComponent.prototype.ngOnInit = /**
+    RSStepperComponent.prototype.ngOnInit = 
+    //已解锁的最大步骤
+    /**
      * @return {?}
      */
     function () {
@@ -21756,6 +21760,37 @@ var RSStepperComponent = /** @class */ (function () {
         function (step) {
             step.displayTitle = _this.cf.setMiddleEllipsis(step.label, 132, 12);
         }));
+        this.syncUnlockedStep();
+    };
+    /**
+     * @param {?} changes
+     * @return {?}
+     */
+    RSStepperComponent.prototype.ngOnChanges = /**
+     * @param {?} changes
+     * @return {?}
+     */
+    function (changes) {
+        if (changes["currentStep"] && !changes["currentStep"].firstChange) {
+            this.syncUnlockedStep();
+        }
+    };
+    // 同步unlockedStep的最大值
+    // 同步unlockedStep的最大值
+    /**
+     * @private
+     * @return {?}
+     */
+    RSStepperComponent.prototype.syncUnlockedStep = 
+    // 同步unlockedStep的最大值
+    /**
+     * @private
+     * @return {?}
+     */
+    function () {
+        if (this.currentStep > this.unlockedStep) {
+            this.unlockedStep = this.currentStep;
+        }
     };
     /**
      * @param {?} step
@@ -21766,16 +21801,16 @@ var RSStepperComponent = /** @class */ (function () {
      * @return {?}
      */
     function (step) {
-        if (step.step < this.currentStep) {
+        if (step.step <= this.unlockedStep) {
             this.currentStep = step.step;
             this.stepClick.emit(step);
         }
     };
     RSStepperComponent.decorators = [
         { type: Component, args: [{
-                    selector: 'rs-stepper',
-                    template: "<div class=\"rs-stepper\">\r\n  <div class=\"steps-wrap\">\r\n    <ng-container *ngFor=\"let item of steps\">\r\n      <div\r\n        class=\"step\"\r\n        [ngClass]=\"{\r\n          done: item.step < currentStep,\r\n          active: item.step === currentStep\r\n        }\"\r\n        (click)=\"onStepClick(item)\"\r\n      >\r\n        <div\r\n          class=\"step-label\"\r\n          [matTooltip]=\"item.label !== item.displayTitle ? item.label : ''\"\r\n          matTooltipPosition=\"above\"\r\n        >\r\n          {{ item.displayTitle }}\r\n        </div>\r\n      </div>\r\n      <div class=\"step-arrow\" *ngIf=\"item.step !== steps.length - 1\">\r\n        <img src=\"../../../assets/img/step-arrow.svg\" />\r\n      </div>\r\n    </ng-container>\r\n  </div>\r\n</div>\r\n",
-                    styles: [".rs-stepper{font-family:Arial;width:100%;border-bottom:1px solid var(--rs-border-color)}.rs-stepper .steps-wrap{display:flex;align-items:center;justify-content:space-between;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;margin:0 auto;gap:8px}.rs-stepper .steps-wrap .step{flex:1;padding:0 12px 12px}.rs-stepper .steps-wrap .step .step-label{color:var(--rs-labels-color);font-size:12px;font-weight:400;line-height:22px;text-align:center;white-space:nowrap;max-width:132px}.rs-stepper .steps-wrap .step.done{cursor:pointer}.rs-stepper .steps-wrap .step.done .step-label{color:var(--rs-active-labels-color)}.rs-stepper .steps-wrap .step.active .step-label{color:var(--rs-active-labels-color);font-weight:700}.rs-stepper .steps-wrap .step-arrow{padding:4px;align-self:flex-start}"]
+                    selector: "rs-stepper",
+                    template: "<div class=\"rs-stepper\">\r\n  <div class=\"steps-wrap\">\r\n    <ng-container *ngFor=\"let item of steps\">\r\n      <div\r\n        class=\"step\"\r\n        [ngClass]=\"{\r\n          done: item.step <= unlockedStep,\r\n          active: item.step === currentStep\r\n        }\"\r\n        (click)=\"onStepClick(item)\"\r\n      >\r\n        <div\r\n          class=\"step-label\"\r\n          [matTooltip]=\"item.label !== item.displayTitle ? item.label : ''\"\r\n          matTooltipPosition=\"above\"\r\n        >\r\n          {{ item.displayTitle }}\r\n        </div>\r\n      </div>\r\n      <div class=\"step-arrow\" *ngIf=\"item.step !== steps.length - 1\">\r\n        <img src=\"/assets/img/step-arrow.svg\" />\r\n      </div>\r\n    </ng-container>\r\n  </div>\r\n</div>\r\n",
+                    styles: [".rs-stepper{font-family:Arial;width:100%;border-bottom:1px solid var(--rs-border-color)}.rs-stepper .steps-wrap{display:flex;align-items:center;justify-content:space-between;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;margin:0 auto;gap:8px}.rs-stepper .steps-wrap .step{flex:1}.rs-stepper .steps-wrap .step .step-label{color:var(--rs-labels-color);font-size:12px;font-weight:400;line-height:22px;text-align:center;white-space:nowrap;padding:0 12px 12px}.rs-stepper .steps-wrap .step.done{cursor:pointer}.rs-stepper .steps-wrap .step.done .step-label{color:var(--rs-active-labels-color)}.rs-stepper .steps-wrap .step.active .step-label{color:var(--rs-active-labels-color);font-weight:700;border-bottom:1px solid var(--rs-active-labels-color)}.rs-stepper .steps-wrap .step-arrow{padding:4px;align-self:flex-start}"]
                 }] }
     ];
     /** @nocollapse */
@@ -21785,7 +21820,8 @@ var RSStepperComponent = /** @class */ (function () {
     RSStepperComponent.propDecorators = {
         steps: [{ type: Input }],
         currentStep: [{ type: Input }],
-        stepClick: [{ type: Output }]
+        stepClick: [{ type: Output }],
+        unlockedStep: [{ type: Input }]
     };
     return RSStepperComponent;
 }());
@@ -21797,6 +21833,8 @@ if (false) {
     /** @type {?} */
     RSStepperComponent.prototype.stepClick;
     /** @type {?} */
+    RSStepperComponent.prototype.unlockedStep;
+    /** @type {?} */
     RSStepperComponent.prototype.cf;
 }