raise-common-lib 0.0.203 → 0.0.204

package/bundles/raise-common-lib.umd.js

@@ -21932,11 +21932,15 @@
             this.steps = [];
             this.currentStep = 0;
             this.stepClick = new core.EventEmitter();
+            this.unlockedStep = 0; //已解锁的最大步骤
         }
+        //已解锁的最大步骤
         /**
          * @return {?}
          */
-        RSStepperComponent.prototype.ngOnInit = /**
+        RSStepperComponent.prototype.ngOnInit = 
+        //已解锁的最大步骤
+        /**
          * @return {?}
          */
         function () {
@@ -21948,6 +21952,37 @@
             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
@@ -21958,16 +21993,16 @@
          * @return {?}
          */
         function (step) {
-            if (step.step < this.currentStep) {
+            if (step.step <= this.unlockedStep) {
                 this.currentStep = step.step;
                 this.stepClick.emit(step);
             }
         };
         RSStepperComponent.decorators = [
             { type: core.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 */
@@ -21977,7 +22012,8 @@
         RSStepperComponent.propDecorators = {
             steps: [{ type: core.Input }],
             currentStep: [{ type: core.Input }],
-            stepClick: [{ type: core.Output }]
+            stepClick: [{ type: core.Output }],
+            unlockedStep: [{ type: core.Input }]
         };
         return RSStepperComponent;
     }());
@@ -21989,6 +22025,8 @@
         /** @type {?} */
         RSStepperComponent.prototype.stepClick;
         /** @type {?} */
+        RSStepperComponent.prototype.unlockedStep;
+        /** @type {?} */
         RSStepperComponent.prototype.cf;
     }