bk-magic-vue 2.5.9-beta.2 → 2.5.9-beta.21

package/lib/ui/process.min.css

@@ -1,2 +1,2 @@
-.bk-loading{width:100%;height:100%;position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;background-color:hsla(0,0%,100%,.9);z-index:100}.bk-loading .bk-loading-wrapper{text-align:center;line-height:1;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%)}.bk-loading-title{text-align:center;font-size:14px;color:#63656e;line-height:normal;margin-top:5px}.bk-loading .bk-loading1{position:relative;width:75px;height:14px;margin:auto;display:inline-block}.bk-loading .bk-loading1 .point{position:absolute;top:0;width:14px;height:14px;-webkit-animation-name:scale-animate;animation-name:scale-animate;-webkit-animation-duration:.8s;animation-duration:.8s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-direction:normal;animation-direction:normal;-webkit-transform:scale(.6);transform:scale(.6);border-radius:19px}.bk-loading .bk-loading1 .point1{background-color:#fd6154;left:0;-webkit-animation-delay:.1s;animation-delay:.1s}.bk-loading .bk-loading1 .point2{background-color:#ffb726;left:20px;-webkit-animation-delay:.25s;animation-delay:.25s}.bk-loading .bk-loading1 .point3{background-color:#4cd084;left:40px;-webkit-animation-delay:.4s;animation-delay:.4s}.bk-loading .bk-loading1 .point4{background-color:#57a3f1;left:60px;-webkit-animation-delay:.55s;animation-delay:.55s}.bk-loading .bk-loading1.bk-black .point1,.bk-loading .bk-loading1.bk-black .point2,.bk-loading .bk-loading1.bk-black .point3,.bk-loading .bk-loading1.bk-black .point4{background:#979ba5}.bk-dot-loading,.bk-loading1{position:relative;width:75px;height:14px;margin:auto;display:inline-block}.bk-dot-loading .point,.bk-loading1 .point{position:absolute;top:0;width:14px;height:14px;-webkit-animation-name:scale-animate;animation-name:scale-animate;-webkit-animation-duration:.8s;animation-duration:.8s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-direction:normal;animation-direction:normal;-webkit-transform:scale(.6);transform:scale(.6);border-radius:19px}.bk-dot-loading .point1,.bk-loading1 .point1{background-color:#fd6154;left:0;-webkit-animation-delay:.1s;animation-delay:.1s}.bk-dot-loading .point2,.bk-loading1 .point2{background-color:#ffb726;left:20px;-webkit-animation-delay:.25s;animation-delay:.25s}.bk-dot-loading .point3,.bk-loading1 .point3{background-color:#4cd084;left:40px;-webkit-animation-delay:.4s;animation-delay:.4s}.bk-dot-loading .point4,.bk-loading1 .point4{background-color:#57a3f1;left:60px;-webkit-animation-delay:.55s;animation-delay:.55s}.bk-dot-loading.bk-size-mini,.bk-loading1.bk-size-mini{width:30px}.bk-dot-loading.bk-size-mini .point,.bk-loading1.bk-size-mini .point{width:6px;height:6px}.bk-dot-loading.bk-size-mini .point1,.bk-loading1.bk-size-mini .point1{left:0}.bk-dot-loading.bk-size-mini .point2,.bk-loading1.bk-size-mini .point2{left:10px}.bk-dot-loading.bk-size-mini .point3,.bk-loading1.bk-size-mini .point3{left:20px}.bk-dot-loading.bk-size-mini .point4,.bk-loading1.bk-size-mini .point4{left:30px}.bk-dot-loading.bk-size-small,.bk-loading1.bk-size-small{width:45px}.bk-dot-loading.bk-size-small .point,.bk-loading1.bk-size-small .point{width:10px;height:10px}.bk-dot-loading.bk-size-small .point1,.bk-loading1.bk-size-small .point1{left:0}.bk-dot-loading.bk-size-small .point2,.bk-loading1.bk-size-small .point2{left:15px}.bk-dot-loading.bk-size-small .point3,.bk-loading1.bk-size-small .point3{left:30px}.bk-dot-loading.bk-size-small .point4,.bk-loading1.bk-size-small .point4{left:45px}.bk-dot-loading.bk-black .point1,.bk-dot-loading.bk-black .point2,.bk-dot-loading.bk-black .point3,.bk-dot-loading.bk-black .point4,.bk-loading1.bk-black .point1,.bk-loading1.bk-black .point2,.bk-loading1.bk-black .point3,.bk-loading1.bk-black .point4{background:#979ba5}.bk-dot-loading.bk-primary .point1,.bk-dot-loading.bk-primary .point2,.bk-dot-loading.bk-primary .point3,.bk-dot-loading.bk-primary .point4,.bk-loading1.bk-primary .point1,.bk-loading1.bk-primary .point2,.bk-loading1.bk-primary .point3,.bk-loading1.bk-primary .point4{background:#3c96ff}.bk-dot-loading.bk-danger .point1,.bk-dot-loading.bk-danger .point2,.bk-dot-loading.bk-danger .point3,.bk-dot-loading.bk-danger .point4,.bk-loading1.bk-danger .point1,.bk-loading1.bk-danger .point2,.bk-loading1.bk-danger .point3,.bk-loading1.bk-danger .point4{background:#ff5656}.bk-dot-loading.bk-warning .point1,.bk-dot-loading.bk-warning .point2,.bk-dot-loading.bk-warning .point3,.bk-dot-loading.bk-warning .point4,.bk-loading1.bk-warning .point1,.bk-loading1.bk-warning .point2,.bk-loading1.bk-warning .point3,.bk-loading1.bk-warning .point4{background:#ffb848}.bk-dot-loading.bk-default .point1,.bk-dot-loading.bk-default .point2,.bk-dot-loading.bk-default .point3,.bk-dot-loading.bk-default .point4,.bk-loading1.bk-default .point1,.bk-loading1.bk-default .point2,.bk-loading1.bk-default .point3,.bk-loading1.bk-default .point4{background:#979ba5}@keyframes scale-animate{0%{-webkit-transform:scale(1);transform:scale(1)}to{-webkit-transform:scale(.6);transform:scale(.6)}}@-webkit-keyframes scale-animate{0%{-webkit-transform:scale(1)}to{-webkit-transform:scale(.6)}}.bk-loading2,.bk-spin-loading{width:39px;height:39px;position:relative;margin:auto;display:inline-block;vertical-align:middle}.bk-loading2 .rotate,.bk-spin-loading .rotate{position:absolute;top:77%;right:43%;background-color:none;background-color:#39424e\9\0;width:6px;height:8px;-webkit-transform-origin:50% -10px;transform-origin:50% -10px;border-radius:8px;-webkit-transform:scale(.4);transform:scale(.4);-webkit-animation-name:fade;animation-name:fade;-webkit-animation-duration:1.2s;animation-duration:1.2s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-direction:normal;animation-direction:normal}.bk-loading2.bk-spin-loading-success .rotate,.bk-spin-loading.bk-spin-loading-success .rotate{background:#30d878\9\0;-webkit-animation-name:fadeSuccess;animation-name:fadeSuccess}.bk-loading2.bk-spin-loading-danger .rotate,.bk-spin-loading.bk-spin-loading-danger .rotate{background:#ff5656\9\0;-webkit-animation-name:fadeDanger;animation-name:fadeDanger}.bk-loading2.bk-spin-loading-warning .rotate,.bk-spin-loading.bk-spin-loading-warning .rotate{background:#ffb400\9\0;-webkit-animation-name:fadeWarning;animation-name:fadeWarning}.bk-loading2.bk-spin-loading-primary .rotate,.bk-spin-loading.bk-spin-loading-primary .rotate{background:#3c96ff\9\0;-webkit-animation-name:fadePrimary;animation-name:fadePrimary}.bk-loading2.bk-spin-loading-white .rotate,.bk-spin-loading.bk-spin-loading-white .rotate{background:#fff\9\0;-webkit-animation-name:fadeWhite;animation-name:fadeWhite}.bk-loading2 .rotate1,.bk-spin-loading .rotate1{-webkit-animation-delay:.45s;animation-delay:.45s;-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}.bk-loading2 .rotate2,.bk-spin-loading .rotate2{-webkit-animation-delay:.6s;animation-delay:.6s;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.bk-loading2 .rotate3,.bk-spin-loading .rotate3{-webkit-animation-delay:.75s;animation-delay:.75s;-webkit-transform:rotate(0deg);transform:rotate(0deg)}.bk-loading2 .rotate4,.bk-spin-loading .rotate4{-webkit-animation-delay:.9s;animation-delay:.9s;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.bk-loading2 .rotate5,.bk-spin-loading .rotate5{-webkit-animation-delay:1.05s;animation-delay:1.05s;-webkit-transform:rotate(90deg);transform:rotate(90deg)}.bk-loading2 .rotate6,.bk-spin-loading .rotate6{-webkit-animation-delay:1.2s;animation-delay:1.2s;-webkit-transform:rotate(135deg);transform:rotate(135deg)}.bk-loading2 .rotate7,.bk-spin-loading .rotate7{-webkit-animation-delay:1.35s;animation-delay:1.35s;-webkit-transform:rotate(180deg);transform:rotate(180deg)}.bk-loading2 .rotate8,.bk-spin-loading .rotate8{-webkit-animation-delay:1.5s;animation-delay:1.5s;-webkit-transform:rotate(-135deg);transform:rotate(-135deg)}.bk-loading2.bk-spin-loading-large,.bk-spin-loading.bk-spin-loading-large{width:69px;height:69px}.bk-loading2.bk-spin-loading-large .rotate,.bk-spin-loading.bk-spin-loading-large .rotate{width:10px;height:14px;-webkit-transform-origin:50% -18px;transform-origin:50% -18px}.bk-loading2.bk-spin-loading-small,.bk-spin-loading.bk-spin-loading-small{width:27px;height:27px}.bk-loading2.bk-spin-loading-small .rotate,.bk-spin-loading.bk-spin-loading-small .rotate{width:4px;height:5px;-webkit-transform-origin:50% -7px;transform-origin:50% -7px}.bk-loading2.bk-spin-loading-mini,.bk-spin-loading.bk-spin-loading-mini{width:16px;height:16px}.bk-loading2.bk-spin-loading-mini .rotate,.bk-spin-loading.bk-spin-loading-mini .rotate{width:2px;height:3px;-webkit-transform-origin:50% -4px;transform-origin:50% -4px}@-webkit-keyframes fade{0%{background-color:#39424e}to{background-color:none}}@-webkit-keyframes fadeSuccess{0%{background-color:#2dcb56}to{background-color:none}}@-webkit-keyframes fadePrimary{0%{background-color:#3c96ff}to{background-color:none}}@-webkit-keyframes fadeDanger{0%{background-color:#ff5656}to{background-color:none}}@-webkit-keyframes fadeWarning{0%{background-color:#ffb848}to{background-color:none}}@-webkit-keyframes fadeWhite{0%{background-color:#fff}to{background-color:none}}.bk-loading,.bk-loading-box{width:100%;height:100%;position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;background-color:hsla(0,0%,100%,.9);z-index:100}.bk-loading-box .bk-loading-wrapper,.bk-loading .bk-loading-wrapper{text-align:center;line-height:1;position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.bk-loading-box-title,.bk-loading-title{text-align:center;font-size:14px;color:#63656e;line-height:normal;margin-top:5px}@keyframes fade{0%{background-color:#39424e}to{background-color:none}}@keyframes fadeSuccess{0%{background-color:#30d878}to{background-color:none}}@keyframes fadePrimary{0%{background-color:#3c96ff}to{background-color:none}}@keyframes fadeDanger{0%{background-color:#ff5656}to{background-color:none}}@keyframes fadeWarning{0%{background-color:#ffb400}to{background-color:none}}@keyframes fadeWhite{0%{background-color:#fff}to{background-color:none}}@-webkit-keyframes animate{0%{-webkit-transform:scale(.5);transform:scale(.5)}to{-webkit-transform:scale(.3);transform:scale(.3)}}@keyframes animate{0%{-webkit-transform:scale(.5);transform:scale(.5)}to{-webkit-transform:scale(.3);transform:scale(.3)}}.bk-default-loading{display:inline-block}.bk-default-loading .bk-loading-wrapper{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;position:absolute;width:100%;height:100%;left:unset;top:0;transform:unset;-webkit-transform:unset;background:inherit;padding:0 25%}.bk-default-loading .bk-loading-wrapper :first-child{margin:unset}.bk-process{display:-webkit-box;display:-ms-flexbox;display:flex;position:relative}.bk-process .bk-icon{font-size:22px}.bk-process .bk-spin-loading.bk-spin-loading-mini{width:14px;height:14px}.bk-process .bk-process-toggle{position:relative;left:15px;width:24px;height:24px;line-height:24px;border-radius:50%;text-align:center;border:1px solid #c3cdd7;font-size:12px;color:#63656e;text-decoration:none}.bk-process .bk-process-toggle.active,.bk-process .bk-process-toggle:hover{color:#fff;background:#3a84ff;border-color:#3a84ff}.bk-process>ul{display:table;width:100%;display:-webkit-box;display:flex;-ms-display:flex;-moz-display:flex;-webkit-display:flex;margin:auto;padding:0}.bk-process li{background-color:#f0f1f5;display:table-cell;-webkit-box-flex:1;flex:1;-ms-flex:1;-moz-flex:1;-webkit-flex:1;text-align:center;height:24px;line-height:24px;position:relative;font-size:12px;color:#63656e}.bk-process li i{display:none}.bk-process li .bk-process-item{display:inline-block}.bk-process li .bk-process-item>.bk-icon{font-size:14px}.bk-process li:first-of-type{border-radius:13px 0 0 13px}.bk-process li:last-of-type{border-radius:0 13px 13px 0}.bk-process li:last-of-type:before{display:none}.bk-process li:last-of-type:after{display:none}.bk-process li:before{content:"";width:0;height:0;border:12px solid transparent;border-left-color:#fff;position:absolute;right:-25px;top:0;z-index:1}.bk-process li:after{content:"";width:0;height:0;border:12px solid transparent;border-left-color:#f0f1f5;position:absolute;right:-23px;top:0;z-index:1}.bk-process li .bk-process-step{color:#63656e;font-size:12px}.bk-process li .bk-process-step dd{margin:0;line-height:32px}.bk-process li .bk-process-step i{display:none}.bk-process li .bk-process-step .success i{display:inline-block;color:#2dcb56}.bk-process li .bk-process-step .steps-loading{top:-2px}.bk-process li .bk-process-step .step-item.error{color:#ff5656}.bk-process li .bk-process-step .step-item.error .bk-icon{color:#ff5656;vertical-align:-2px}.bk-process li .bk-process-step .step-item.done .bk-icon{color:#2dcb56}.bk-process li.success{background:#2dcb56;color:#fff}.bk-process li.success:after{border-color:transparent transparent transparent #2dcb56}.bk-process li.success .bk-process-step i{color:#2dcb56}.bk-process li.success i{display:inline-block}.bk-process li.status-error{background:#ff5656;color:#fff}.bk-process li.status-error:after{border-color:transparent transparent transparent #ff5656}.bk-process li.status-error .bk-process-item>.bk-icon{display:inline-block}.bk-process li.status-error .bk-process-step .bk-icon{display:inline-block}.bk-process li.status-done{background:#2dcb56;color:#fff}.bk-process li.status-done:after{border-color:transparent transparent transparent #2dcb56}.bk-process li.status-done .bk-process-item>.bk-icon{display:inline-block}.bk-process li.status-done .bk-process-step .bk-icon{display:inline-block}.bk-process li.status-loading .bk-process-item>.bk-icon{display:inline-block}.bk-process li.status-loading .bk-process-step .bk-icon{display:inline-block}.bk-process li.status-default .bk-process-item>.bk-icon{display:inline-block}.bk-process li.status-default .bk-process-step .bk-icon{display:inline-block}.bk-process li.current{background:#3a84ff;color:#fff}.bk-process li.current:after{border-color:transparent transparent transparent #3a84ff}.bk-process li.current>.bk-spin-loading{vertical-align:-3px}
+.bk-loading{width:100%;height:100%;position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;background-color:hsla(0,0%,100%,.9);z-index:100}.bk-loading .bk-loading-wrapper{text-align:center;line-height:1;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%)}.bk-loading-title{text-align:center;font-size:14px;color:#63656e;line-height:normal;margin-top:5px}.bk-loading .bk-loading1{position:relative;width:75px;height:14px;margin:auto;display:inline-block}.bk-loading .bk-loading1 .point{position:absolute;top:0;width:14px;height:14px;-webkit-animation-name:scale-animate;animation-name:scale-animate;-webkit-animation-duration:.8s;animation-duration:.8s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-direction:normal;animation-direction:normal;-webkit-transform:scale(.6);transform:scale(.6);border-radius:19px}.bk-loading .bk-loading1 .point1{background-color:#fd6154;left:0;-webkit-animation-delay:.1s;animation-delay:.1s}.bk-loading .bk-loading1 .point2{background-color:#ffb726;left:20px;-webkit-animation-delay:.25s;animation-delay:.25s}.bk-loading .bk-loading1 .point3{background-color:#4cd084;left:40px;-webkit-animation-delay:.4s;animation-delay:.4s}.bk-loading .bk-loading1 .point4{background-color:#57a3f1;left:60px;-webkit-animation-delay:.55s;animation-delay:.55s}.bk-dot-loading.bk-size-mini,.bk-loading1.bk-size-mini{width:30px}.bk-dot-loading.bk-size-mini .point,.bk-loading1.bk-size-mini .point{width:6px;height:6px}.bk-dot-loading.bk-size-mini .point1,.bk-loading1.bk-size-mini .point1{left:0}.bk-dot-loading.bk-size-mini .point2,.bk-loading1.bk-size-mini .point2{left:10px}.bk-dot-loading.bk-size-mini .point3,.bk-loading1.bk-size-mini .point3{left:20px}.bk-dot-loading.bk-size-mini .point4,.bk-loading1.bk-size-mini .point4{left:30px}.bk-dot-loading.bk-size-small,.bk-loading1.bk-size-small{width:45px}.bk-dot-loading.bk-size-small .point,.bk-loading1.bk-size-small .point{width:10px;height:10px}.bk-dot-loading.bk-size-small .point1,.bk-loading1.bk-size-small .point1{left:0}.bk-dot-loading.bk-size-small .point2,.bk-loading1.bk-size-small .point2{left:15px}.bk-dot-loading.bk-size-small .point3,.bk-loading1.bk-size-small .point3{left:30px}.bk-dot-loading.bk-size-small .point4,.bk-loading1.bk-size-small .point4{left:45px}.bk-dot-loading.bk-black .point1,.bk-dot-loading.bk-black .point2,.bk-dot-loading.bk-black .point3,.bk-dot-loading.bk-black .point4,.bk-loading1.bk-black .point1,.bk-loading1.bk-black .point2,.bk-loading1.bk-black .point3,.bk-loading1.bk-black .point4{background:#979ba5}.bk-dot-loading.bk-primary .point1,.bk-dot-loading.bk-primary .point2,.bk-dot-loading.bk-primary .point3,.bk-dot-loading.bk-primary .point4,.bk-loading1.bk-primary .point1,.bk-loading1.bk-primary .point2,.bk-loading1.bk-primary .point3,.bk-loading1.bk-primary .point4{background:#3c96ff}.bk-dot-loading.bk-danger .point1,.bk-dot-loading.bk-danger .point2,.bk-dot-loading.bk-danger .point3,.bk-dot-loading.bk-danger .point4,.bk-loading1.bk-danger .point1,.bk-loading1.bk-danger .point2,.bk-loading1.bk-danger .point3,.bk-loading1.bk-danger .point4{background:#ff5656}.bk-dot-loading.bk-warning .point1,.bk-dot-loading.bk-warning .point2,.bk-dot-loading.bk-warning .point3,.bk-dot-loading.bk-warning .point4,.bk-loading1.bk-warning .point1,.bk-loading1.bk-warning .point2,.bk-loading1.bk-warning .point3,.bk-loading1.bk-warning .point4{background:#ffb848}.bk-dot-loading.bk-default .point1,.bk-dot-loading.bk-default .point2,.bk-dot-loading.bk-default .point3,.bk-dot-loading.bk-default .point4,.bk-loading1.bk-default .point1,.bk-loading1.bk-default .point2,.bk-loading1.bk-default .point3,.bk-loading1.bk-default .point4{background:#979ba5}@keyframes scale-animate{0%{-webkit-transform:scale(1);transform:scale(1)}to{-webkit-transform:scale(.6);transform:scale(.6)}}@-webkit-keyframes scale-animate{0%{-webkit-transform:scale(1)}to{-webkit-transform:scale(.6)}}.bk-loading2,.bk-spin-loading{width:48px;height:48px;position:relative;margin:auto;display:inline-block;vertical-align:middle;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.bk-loading2 .rotate,.bk-spin-loading .rotate{position:absolute;width:6px;height:8px;-webkit-transform-origin:50% 24px;transform-origin:50% 24px;border-radius:8px;-webkit-transform:scale(.4);transform:scale(.4);-webkit-animation-name:fade;animation-name:fade;-webkit-animation-duration:1.2s;animation-duration:1.2s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-direction:normal;animation-direction:normal}.bk-loading2.bk-spin-loading-success .rotate,.bk-spin-loading.bk-spin-loading-success .rotate{-webkit-animation-name:fadeSuccess;animation-name:fadeSuccess}.bk-loading2.bk-spin-loading-danger .rotate,.bk-spin-loading.bk-spin-loading-danger .rotate{-webkit-animation-name:fadeDanger;animation-name:fadeDanger}.bk-loading2.bk-spin-loading-warning .rotate,.bk-spin-loading.bk-spin-loading-warning .rotate{-webkit-animation-name:fadeWarning;animation-name:fadeWarning}.bk-loading2.bk-spin-loading-primary .rotate,.bk-spin-loading.bk-spin-loading-primary .rotate{-webkit-animation-name:fadePrimary;animation-name:fadePrimary}.bk-loading2.bk-spin-loading-white .rotate,.bk-spin-loading.bk-spin-loading-white .rotate{-webkit-animation-name:fadeWhite;animation-name:fadeWhite}.bk-loading2 .rotate1,.bk-spin-loading .rotate1{-webkit-animation-delay:.45s;animation-delay:.45s;-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}.bk-loading2 .rotate2,.bk-spin-loading .rotate2{-webkit-animation-delay:.6s;animation-delay:.6s;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.bk-loading2 .rotate3,.bk-spin-loading .rotate3{-webkit-animation-delay:.75s;animation-delay:.75s;-webkit-transform:rotate(0deg);transform:rotate(0deg)}.bk-loading2 .rotate4,.bk-spin-loading .rotate4{-webkit-animation-delay:.9s;animation-delay:.9s;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.bk-loading2 .rotate5,.bk-spin-loading .rotate5{-webkit-animation-delay:1.05s;animation-delay:1.05s;-webkit-transform:rotate(90deg);transform:rotate(90deg)}.bk-loading2 .rotate6,.bk-spin-loading .rotate6{-webkit-animation-delay:1.2s;animation-delay:1.2s;-webkit-transform:rotate(135deg);transform:rotate(135deg)}.bk-loading2 .rotate7,.bk-spin-loading .rotate7{-webkit-animation-delay:1.35s;animation-delay:1.35s;-webkit-transform:rotate(180deg);transform:rotate(180deg)}.bk-loading2 .rotate8,.bk-spin-loading .rotate8{-webkit-animation-delay:1.5s;animation-delay:1.5s;-webkit-transform:rotate(-135deg);transform:rotate(-135deg)}.bk-loading2.bk-spin-loading-large,.bk-spin-loading.bk-spin-loading-large{width:68px;height:68px}.bk-loading2.bk-spin-loading-large .rotate,.bk-spin-loading.bk-spin-loading-large .rotate{width:10px;height:12px;border-radius:12px;-webkit-transform-origin:50% 34px;transform-origin:50% 34px}.bk-loading2.bk-spin-loading-small,.bk-spin-loading.bk-spin-loading-small{width:32px;height:32px}.bk-loading2.bk-spin-loading-small .rotate,.bk-spin-loading.bk-spin-loading-small .rotate{width:4px;height:5px;border-radius:5px;-webkit-transform-origin:50% 16px;transform-origin:50% 16px}.bk-loading2.bk-spin-loading-mini,.bk-spin-loading.bk-spin-loading-mini{width:16px;height:16px}.bk-loading2.bk-spin-loading-mini .rotate,.bk-spin-loading.bk-spin-loading-mini .rotate{width:2px;height:3px;border-radius:3px;-webkit-transform-origin:50% 8px;transform-origin:50% 8px}@-webkit-keyframes fade{0%{background-color:#39424e}to{background-color:transparent}}@-webkit-keyframes fadeSuccess{0%{background-color:#2dcb56}to{background-color:transparent}}@-webkit-keyframes fadePrimary{0%{background-color:#3c96ff}to{background-color:transparent}}@-webkit-keyframes fadeDanger{0%{background-color:#ff5656}to{background-color:transparent}}@-webkit-keyframes fadeWarning{0%{background-color:#ffb848}to{background-color:transparent}}@-webkit-keyframes fadeWhite{0%{background-color:#fff}to{background-color:transparent}}.bk-loading,.bk-loading-box{width:100%;height:100%;position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;background-color:hsla(0,0%,100%,.9);z-index:100}.bk-loading-box .bk-loading-wrapper,.bk-loading .bk-loading-wrapper{text-align:center;line-height:1;position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.bk-loading-box-title,.bk-loading-title{text-align:center;font-size:14px;color:#63656e;line-height:normal;margin-top:5px}@keyframes fade{0%{background-color:#39424e}to{background-color:transparent}}@keyframes fadeSuccess{0%{background-color:#30d878}to{background-color:transparent}}@keyframes fadePrimary{0%{background-color:#3c96ff}to{background-color:transparent}}@keyframes fadeDanger{0%{background-color:#ff5656}to{background-color:transparent}}@keyframes fadeWarning{0%{background-color:#ffb400}to{background-color:transparent}}@keyframes fadeWhite{0%{background-color:#fff}to{background-color:transparent}}@-webkit-keyframes animate{0%{-webkit-transform:scale(.5);transform:scale(.5)}to{-webkit-transform:scale(.3);transform:scale(.3)}}@keyframes animate{0%{-webkit-transform:scale(.5);transform:scale(.5)}to{-webkit-transform:scale(.3);transform:scale(.3)}}.bk-default-loading{display:inline-block}.bk-default-loading .bk-loading-wrapper{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;position:absolute;width:100%;height:100%;left:unset;top:0;transform:unset;-webkit-transform:unset;background:inherit;padding:0 25%}.bk-default-loading .bk-loading-wrapper :first-child{margin:unset}.bk-process{display:-webkit-box;display:-ms-flexbox;display:flex;position:relative}.bk-process .bk-icon{font-size:22px}.bk-process .bk-spin-loading.bk-spin-loading-mini{width:22px;height:22px;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;top:2px;left:3px}.bk-process .bk-process-toggle{position:relative;left:15px;width:24px;height:24px;line-height:24px;border-radius:50%;text-align:center;border:1px solid #c3cdd7;font-size:12px;color:#63656e;text-decoration:none}.bk-process .bk-process-toggle.active,.bk-process .bk-process-toggle:hover{color:#fff;background:#3a84ff;border-color:#3a84ff}.bk-process>ul{display:table;width:100%;display:-webkit-box;display:flex;-ms-display:flex;-moz-display:flex;-webkit-display:flex;margin:auto;padding:0}.bk-process li{background-color:#f0f1f5;display:table-cell;-webkit-box-flex:1;flex:1;-ms-flex:1;-moz-flex:1;-webkit-flex:1;text-align:center;height:24px;line-height:24px;position:relative;font-size:12px;color:#63656e}.bk-process li i{display:none}.bk-process li .bk-process-item{display:inline-block}.bk-process li .bk-process-item>.bk-icon{font-size:14px}.bk-process li:first-of-type{border-radius:13px 0 0 13px}.bk-process li:last-of-type{border-radius:0 13px 13px 0}.bk-process li:last-of-type:before{display:none}.bk-process li:last-of-type:after{display:none}.bk-process li:before{content:"";width:0;height:0;border:12px solid transparent;border-left-color:#fff;position:absolute;right:-25px;top:0;z-index:1}.bk-process li:after{content:"";width:0;height:0;border:12px solid transparent;border-left-color:#f0f1f5;position:absolute;right:-23px;top:0;z-index:1}.bk-process li .bk-process-step{color:#63656e;font-size:12px}.bk-process li .bk-process-step dd{margin:0;line-height:32px}.bk-process li .bk-process-step i{display:none}.bk-process li .bk-process-step .success i{display:inline-block;color:#2dcb56}.bk-process li .bk-process-step .steps-loading{top:1px;left:1px}.bk-process li .bk-process-step .step-item.error{color:#ff5656}.bk-process li .bk-process-step .step-item.error .bk-icon{color:#ff5656;vertical-align:-2px}.bk-process li .bk-process-step .step-item.done .bk-icon{color:#2dcb56}.bk-process li.success{background:#2dcb56;color:#fff}.bk-process li.success:after{border-color:transparent transparent transparent #2dcb56}.bk-process li.success .bk-process-step i{color:#2dcb56}.bk-process li.success i{display:inline-block}.bk-process li.status-error{background:#ff5656;color:#fff}.bk-process li.status-error:after{border-color:transparent transparent transparent #ff5656}.bk-process li.status-error .bk-process-item>.bk-icon{display:inline-block}.bk-process li.status-error .bk-process-step .bk-icon{display:inline-block}.bk-process li.status-done{background:#2dcb56;color:#fff}.bk-process li.status-done:after{border-color:transparent transparent transparent #2dcb56}.bk-process li.status-done .bk-process-item>.bk-icon{display:inline-block}.bk-process li.status-done .bk-process-step .bk-icon{display:inline-block}.bk-process li.status-loading .bk-process-item>.bk-icon{display:inline-block}.bk-process li.status-loading .bk-process-step .bk-icon{display:inline-block}.bk-process li.status-default .bk-process-item>.bk-icon{display:inline-block}.bk-process li.status-default .bk-process-step .bk-icon{display:inline-block}.bk-process li.current{background:#3a84ff;color:#fff}.bk-process li.current:after{border-color:transparent transparent transparent #3a84ff}.bk-process li.current>.bk-spin-loading{vertical-align:-3px}
 /*# sourceMappingURL=process.min.css.map */

package/lib/ui/process.min.css.map

@@ -1 +1 @@
-{"version":3,"sources":["loading.css","process.css"],"names":[],"mappings":"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","file":"process.min.css","sourcesContent":["@import './variable.css';\n\n@define-mixin create-rotate $time, $deg {\n    animation-delay: $time;\n    transform: rotate($deg);\n}\n\n.bk-loading {\n    width: 100%;\n    height: 100%;\n    position: absolute;\n    top: 0;\n    right: 0;\n    bottom: 0;\n    left: 0;\n    margin: auto;\n    background-color: rgba(255, 255, 255, 0.9);\n    z-index: $loadingZIndex;\n    .bk-loading-wrapper {\n        text-align: center;\n        line-height: 1;\n        position: absolute;\n        left: 50%;\n        top: 50%;\n        transform: translate(-50%, -50%);\n        -webkit-transform: translate(-50%, -50%);\n    }\n    &-title {\n        text-align: center;\n        font-size: 14px;\n        color: $fnMainColor;\n        line-height: initial;\n        margin-top: 5px;\n    }\n    .bk-loading1 {\n        position: relative;\n        width: 75px;\n        height: 14px;\n        margin: auto;\n        display: inline-block;\n        .point {\n            position: absolute;\n            top: 0;\n            width: 14px;\n            height: 14px;\n            animation-name: scale-animate;\n            animation-duration: .8s;\n            animation-iteration-count: infinite;\n            animation-direction: normal;\n            transform: scale(.6);\n            border-radius: 19px;\n        }\n\n        .point1 {\n            background-color: #fd6154;\n            left: 0;\n            animation-delay: 0.1s;\n        }\n\n        .point2 {\n            background-color: #ffb726;\n            left: 20px;\n            animation-delay: 0.25s;\n        }\n\n        .point3 {\n            background-color: #4cd084;\n            left: 40px;\n            animation-delay: 0.4s;\n        }\n\n        .point4 {\n            background-color: #57a3f1;\n            left: 60px;\n            animation-delay: 0.55s;\n        }\n\n        &.bk-black {\n            .point1,\n            .point2,\n            .point3,\n            .point4{\n                background: #979ba5;\n            }\n        }\n    }\n}\n\n/* 加载动画一，点状 */\n.bk-dot-loading,\n.bk-loading1 {\n    position: relative;\n    width: 75px;\n    height: 14px;\n    margin: auto;\n    display: inline-block;\n    .point {\n        position: absolute;\n        top: 0;\n        width: 14px;\n        height: 14px;\n        animation-name: scale-animate;\n        animation-duration: .8s;\n        animation-iteration-count: infinite;\n        animation-direction: normal;\n        transform: scale(.6);\n        border-radius: 19px;\n    }\n\n    .point1 {\n        background-color: #fd6154;\n        left: 0;\n        animation-delay: 0.1s;\n    }\n\n    .point2 {\n        background-color: #ffb726;\n        left: 20px;\n        animation-delay: 0.25s;\n    }\n\n    .point3 {\n        background-color: #4cd084;\n        left: 40px;\n        animation-delay: 0.4s;\n    }\n\n    .point4 {\n        background-color: #57a3f1;\n        left: 60px;\n        animation-delay: 0.55s;\n    }\n\n    &.bk-size-mini {\n        width: 30px;\n\n        .point {\n            width: 6px;\n            height: 6px;\n        }\n\n        .point1 {\n            left: 0;\n        }\n\n        .point2 {\n            left: 10px;\n        }\n\n        .point3 {\n            left: 20px;\n        }\n\n        .point4 {\n            left: 30px;\n        }\n    }\n\n    &.bk-size-small {\n        width: 45px;\n\n        .point {\n            width: 10px;\n            height: 10px;\n        }\n\n        .point1 {\n            left: 0;\n        }\n\n        .point2 {\n            left: 15px;\n        }\n\n        .point3 {\n            left: 30px;\n        }\n\n        .point4 {\n            left: 45px;\n        }\n    }\n\n    &.bk-black {\n        .point1,\n        .point2,\n        .point3,\n        .point4 {\n            background: #979ba5;\n        }\n    }\n\n    &.bk-primary {\n        .point1,\n        .point2,\n        .point3,\n        .point4 {\n            background: $primaryColor;\n        }\n    }\n\n    &.bk-danger {\n        .point1,\n        .point2,\n        .point3,\n        .point4 {\n            background: $dangerColor;\n        }\n    }\n\n    &.bk-warning {\n        .point1,\n        .point2,\n        .point3,\n        .point4 {\n            background: $warningColor;\n        }\n    }\n    &.bk-default {\n        .point1,\n        .point2,\n        .point3,\n        .point4 {\n            background: #979BA5;\n        }\n    }\n}\n\n.bk-spin-loading,\n.bk-loading2 {\n    width: 39px;\n    height: 39px;\n    position: relative;\n    margin: auto;\n    display: inline-block;\n    vertical-align: middle;\n}\n\n.bk-spin-loading .rotate,\n.bk-loading2 .rotate {\n    position: absolute;\n    top: 77%;\n    right: 43%;\n    background-color: none;\n    background-color: #39424e\\9\\0;\n    width: 6px;\n    height: 8px;\n    transform-origin: 50% -10px;\n    border-radius: 8px;\n    transform: scale(0.4);\n    animation-name: fade;\n    animation-duration: 1.2s;\n    animation-iteration-count: infinite;\n    animation-direction: normal;\n}\n\n.bk-spin-loading.bk-spin-loading-success .rotate,\n.bk-loading2.bk-spin-loading-success .rotate {\n    background: #30d878\\9\\0;\n    animation-name: fadeSuccess;\n}\n\n.bk-spin-loading.bk-spin-loading-danger .rotate,\n.bk-loading2.bk-spin-loading-danger .rotate {\n    background: #ff5656\\9\\0;\n    animation-name: fadeDanger;\n}\n\n.bk-spin-loading.bk-spin-loading-warning .rotate,\n.bk-loading2.bk-spin-loading-warning .rotate {\n    background: #ffb400\\9\\0;\n    animation-name: fadeWarning;\n}\n\n.bk-spin-loading.bk-spin-loading-primary .rotate,\n.bk-loading2.bk-spin-loading-primary .rotate {\n    background: #3c96ff\\9\\0;\n    animation-name: fadePrimary;\n}\n\n.bk-spin-loading.bk-spin-loading-white .rotate,\n.bk-loading2.bk-spin-loading-white .rotate {\n    background: #fff\\9\\0;\n    animation-name: fadeWhite;\n}\n\n.bk-spin-loading .rotate1,\n.bk-loading2 .rotate1 {\n    animation-delay: 0.45s;\n    transform: rotate(-90deg);\n}\n\n.bk-spin-loading .rotate2,\n.bk-loading2 .rotate2 {\n    animation-delay: 0.6s;\n    transform: rotate(-45deg);\n}\n\n.bk-spin-loading .rotate3,\n.bk-loading2 .rotate3 {\n    animation-delay: 0.75s;\n    transform: rotate(0deg);\n}\n\n.bk-spin-loading .rotate4,\n.bk-loading2 .rotate4 {\n    animation-delay: 0.9s;\n    transform: rotate(45deg);\n}\n\n.bk-spin-loading .rotate5,\n.bk-loading2 .rotate5 {\n    animation-delay: 1.05s;\n    transform: rotate(90deg);\n}\n\n.bk-spin-loading .rotate6,\n.bk-loading2 .rotate6 {\n    animation-delay: 1.2s;\n    transform: rotate(135deg);\n}\n\n.bk-spin-loading .rotate7,\n.bk-loading2 .rotate7 {\n    animation-delay: 1.35s;\n    transform: rotate(180deg);\n}\n\n.bk-spin-loading .rotate8,\n.bk-loading2 .rotate8 {\n    animation-delay: 1.5s;\n    transform: rotate(-135deg);\n}\n\n.bk-spin-loading.bk-spin-loading-large,\n.bk-loading2.bk-spin-loading-large {\n    width: 69px;\n    height: 69px;\n}\n\n.bk-spin-loading.bk-spin-loading-large .rotate,\n.bk-loading2.bk-spin-loading-large .rotate {\n    width: 10px;\n    height: 14px;\n    transform-origin: 50% -18px;\n}\n\n.bk-spin-loading.bk-spin-loading-small,\n.bk-loading2.bk-spin-loading-small {\n    width: 27px;\n    height: 27px;\n}\n\n.bk-spin-loading.bk-spin-loading-small .rotate,\n.bk-loading2.bk-spin-loading-small .rotate {\n    width: 4px;\n    height: 5px;\n    transform-origin: 50% -7px;\n}\n\n.bk-spin-loading.bk-spin-loading-mini,\n.bk-loading2.bk-spin-loading-mini {\n    width: 16px;\n    height: 16px;\n}\n\n.bk-spin-loading.bk-spin-loading-mini .rotate,\n.bk-loading2.bk-spin-loading-mini .rotate {\n    width: 2px;\n    height: 3px;\n    transform-origin: 50% -4px;\n}\n\n@keyframes scale-animate {\n    0% {\n        transform: scale(1);\n    }\n\n    100% {\n        transform: scale(.6);\n    }\n}\n\n@-webkit-keyframes scale-animate {\n    0% {\n        -webkit-transform: scale(1);\n    }\n\n    100% {\n        -webkit-transform: scale(.6);\n    }\n}\n\n.bk-spin-loading,\n.bk-loading2 {\n    width: 39px;\n    height: 39px;\n    position: relative;\n    margin: auto;\n    display:inline-block;\n    vertical-align: middle;\n    .rotate {\n        position: absolute;\n        top: 77%;\n        right: 43%;\n        background-color: none;\n        background-color: #39424e\\9\\0;\n        width: 6px;\n        height: 8px;\n        transform-origin: 50% -10px;\n        border-radius: 8px;\n        transform: scale(0.4);\n        animation-name: fade;\n        animation-duration: 1.2s;\n        animation-iteration-count: infinite;\n        animation-direction: normal;\n    }\n    &.bk-spin-loading-success {\n        .rotate {\n            background: #30d878\\9\\0;\n            animation-name: fadeSuccess;\n        }\n    }\n    &.bk-spin-loading-danger {\n        .rotate {\n            background:  #ff5656\\9\\0;\n            animation-name: fadeDanger;\n        }\n    }\n    &.bk-spin-loading-warning {\n        .rotate {\n            background: #ffb400\\9\\0;\n            animation-name: fadeWarning;\n        }\n    }\n    &.bk-spin-loading-primary {\n        .rotate {\n            background: #3c96ff\\9\\0;\n            animation-name: fadePrimary;\n        }\n    }\n\n    &.bk-spin-loading-white {\n        .rotate {\n            background: #fff\\9\\0;\n            animation-name: fadeWhite;\n        }\n    }\n\n    .rotate1 {\n        @mixin create-rotate 0.45s, -90deg;\n    }\n    .rotate2 {\n        @mixin create-rotate 0.6s, -45deg;\n    }\n    .rotate3 {\n        @mixin create-rotate 0.75s, 0deg;\n    }\n    .rotate4 {\n        @mixin create-rotate 0.9s, 45deg;\n    }\n    .rotate5 {\n        @mixin create-rotate 1.05s, 90deg;\n    }\n    .rotate6 {\n        @mixin create-rotate 1.2s, 135deg;\n    }\n    .rotate7 {\n        @mixin create-rotate 1.35s, 180deg;\n    }\n    .rotate8 {\n        @mixin create-rotate 1.5s, -135deg;\n    }\n    &.bk-spin-loading-large {\n        width: 69px;\n        height: 69px;\n        .rotate {\n            width: 10px;\n            height: 14px;\n            transform-origin: 50% -18px;\n        }\n    }\n    &.bk-spin-loading-small {\n        width: 27px;\n        height: 27px;\n        .rotate {\n            width: 4px;\n            height: 5px;\n            transform-origin: 50% -7px;\n        }\n    }\n    &.bk-spin-loading-mini {\n        width: 16px;\n        height: 16px;\n        .rotate {\n            width: 2px;\n            height: 3px;\n            transform-origin: 50% -4px;\n        }\n    }\n}\n\n@keyframes fade {\n    0% {\n        background-color: #39424e;\n    }\n\n    100% {\n        background-color: none;\n    }\n}\n@-webkit-keyframes fade {\n    0% {\n        background-color: #39424e;\n    }\n\n    100% {\n        background-color: none;\n    }\n}\n\n@keyframes fadeSuccess {\n    0% {\n        background-color: $successColor;\n    }\n\n    100% {\n        background-color: none;\n    }\n}\n\n@-webkit-keyframes fadeSuccess {\n    0% {\n        background-color: $successColor;\n    }\n\n    100% {\n        background-color: none;\n    }\n}\n\n@keyframes fadePrimary {\n    0% {\n        background-color: $primaryColor;\n    }\n\n    100% {\n        background-color: none;\n    }\n}\n\n@-webkit-keyframes fadePrimary {\n    0% {\n        background-color: $primaryColor;\n    }\n\n    100% {\n        background-color: none;\n    }\n}\n\n@keyframes fadeDanger {\n    0% {\n        background-color: $dangerColor;\n    }\n\n    100% {\n        background-color: none;\n    }\n}\n\n@-webkit-keyframes fadeDanger {\n    0% {\n        background-color: $dangerColor;\n    }\n\n    100% {\n        background-color: none;\n    }\n}\n\n@keyframes fadeWarning {\n    0% {\n        background-color: $warningColor;\n    }\n\n    100% {\n        background-color: none;\n    }\n}\n\n@-webkit-keyframes fadeWarning {\n    0% {\n        background-color: $warningColor;\n    }\n\n    100% {\n        background-color: none;\n    }\n}\n\n@keyframes fadeWhite {\n    0% {\n        background-color: rgb(255, 255, 255);\n    }\n\n    100% {\n        background-color: none;\n    }\n}\n\n@-webkit-keyframes fadeWhite {\n    0%{\n        background-color: rgb(255, 255, 255);\n    }\n\n    100%{\n        background-color: none;\n    }\n}\n\n/* 加载动画容器，.bk-loading 保留，为了兼容 */\n.bk-loading-box,\n.bk-loading {\n    width: 100%;\n    height: 100%;\n    position: absolute;\n    top: 0;\n    right: 0;\n    bottom: 0;\n    left: 0;\n    margin: auto;\n    background-color: rgba(255, 255, 255, 0.9);\n    z-index: $loadingZIndex;\n    .bk-loading-wrapper {\n        text-align: center;\n        line-height: 1;\n        position: absolute;\n        left: 50%;\n        top: 50%;\n        transform: translate(-50%, -50%);\n    }\n    &-title {\n        text-align: center;\n        font-size: 14px;\n        color: $fnMainColor;\n        line-height: initial;\n        margin-top: 5px;\n    }\n}\n\n@keyframes fade {\n    0% {\n        background-color: #39424e;\n    }\n\n    100% {\n        background-color: none;\n    }\n}\n\n@keyframes fadeSuccess {\n    0% {\n        background-color: #30d878;\n    }\n\n    100% {\n        background-color: none;\n    }\n}\n\n@keyframes fadePrimary {\n    0% {\n        background-color: #3c96ff;\n    }\n\n    100% {\n        background-color: none;\n    }\n}\n\n@keyframes fadeDanger {\n    0% {\n        background-color: #ff5656;\n    }\n\n    100% {\n        background-color: none;\n    }\n}\n\n@keyframes fadeWarning {\n    0% {\n        background-color: #ffb400;\n    }\n\n    100% {\n        background-color: none;\n    }\n}\n\n@keyframes fadeWhite {\n    0% {\n        background-color: white;\n    }\n\n    100% {\n        background-color: none;\n    }\n}\n\n@keyframes animate {\n    0% {\n        transform: scale(.5)\n    }\n\n    100% {\n        transform: scale(.3)\n    }\n}\n\n.bk-default-loading {\n    display: inline-block;\n    .bk-loading-wrapper {\n        display: inline-flex;\n        flex-direction: column;\n        align-items: center;\n        justify-content: center;\n        position: absolute;\n        width: 100%;\n        height: 100%;\n        left: unset;\n        top: 0;\n        transform: unset;\n        -webkit-transform: unset;\n        background: inherit;\n        padding: 0 25%;\n\n        & :nth-child(1) {\n            margin: unset;\n          }\n    }\n}","@import './variable.css';\n@import \"./loading.css\";\n\n.bk-process {\n    display: flex;\n    position: relative;\n    .bk-icon {\n        font-size: $iconNormalSize;\n    }\n    .bk-spin-loading {\n        &.bk-spin-loading-mini{\n            width: 14px;\n            height: 14px;\n        }\n    }\n    .bk-process-toggle {\n        position: relative;\n        left: 15px;\n        width: 24px;\n        height: 24px;\n        line-height: 24px;\n        border-radius: 50%;\n        text-align: center;\n        border: 1px solid $borderColor;\n        font-size: 12px;\n        color: $fnMainColor;\n        text-decoration: none;\n        &.active,\n        &:hover {\n            color: #fff;\n            background: $newMainColor;\n            border-color: $newMainColor;\n        }\n    }\n    > ul {\n        display: table;\n        width: 100%;\n        display: flex;\n        -ms-display: flex;\n        -moz-display: flex;\n        -webkit-display: flex;\n        margin: auto;\n        padding: 0;\n    }\n    li {\n        background-color: $newGreyColor2;\n        display: table-cell;\n        flex: 1;\n        -ms-flex: 1;\n        -moz-flex: 1;\n        -webkit-flex: 1;\n        text-align: center;\n        height: 24px;\n        line-height: 24px;\n        position: relative;\n        font-size: 12px;\n        color: $fnMainColor;\n        i {\n            display: none;\n        }\n        .bk-process-item {\n            display: inline-block;\n            > .bk-icon {\n                font-size: $iconSmallestSize;\n            }\n        }\n        &:first-of-type {\n            border-radius: 13px 0 0 13px;\n        }\n        &:last-of-type {\n            border-radius:  0 13px 13px 0;\n            &::before {\n                display:none;\n            }\n            &::after {\n                display:none;\n            }\n        }\n        &::before {\n            content:\"\";\n            width: 0;\n            height: 0;\n            border: 12px solid;\n            border-color: transparent transparent transparent #fff;\n            position: absolute;\n            right: -25px;\n            top: 0;\n            z-index: 1;\n        }\n        &::after {\n            content:\"\";\n            width: 0;\n            height: 0;\n            border: 12px solid;\n            border-color: transparent transparent transparent $newGreyColor2;\n            position: absolute;\n            right: -23px;\n            top: 0;\n            z-index: 1;\n        }\n        .bk-process-step {\n            color: $fnMainColor;\n            font-size: 12px;\n            dd {\n                margin: 0;\n                line-height: 32px;\n            }\n            i {\n                display: none;\n            }\n            .success {\n                i {\n                    display: inline-block;\n                    color: $newGreenColor;\n                }\n            }\n            .steps-loading {\n                top: -2px;\n            }\n            .step-item {\n                &.error {\n                    color: $newRedColor1;\n\n                    .bk-icon {\n                        color: $newRedColor1;\n                        vertical-align: -2px;\n                    }\n                }\n                &.done {\n                    .bk-icon {\n                        color: $newGreenColor;\n                    }\n                }\n            }\n        }\n\n        &.success {\n            background: $newGreenColor;\n            color: #fff;\n            &::after {\n                border-color: transparent transparent transparent $newGreenColor;\n            }\n            & .bk-process-step {\n                i {\n                    color: $newGreenColor;\n                }\n            }\n            i {\n                display: inline-block;\n            }\n        }\n\n        &.status-error {\n            background: $newRedColor1;\n            color: #fff;\n            &::after {\n                border-color: transparent transparent transparent $newRedColor1;\n            }\n            .bk-process-item > .bk-icon {\n                display: inline-block;\n            }\n            .bk-process-step {\n                .bk-icon {\n                    display: inline-block;\n                }\n            }\n        }\n        &.status-done {\n            background: $newGreenColor;\n            color: #fff;\n            &::after {\n                border-color: transparent transparent transparent $newGreenColor;\n            }\n            .bk-process-item > .bk-icon {\n                display: inline-block;\n            }\n            .bk-process-step {\n                .bk-icon {\n                    display: inline-block;\n                }\n            }\n        }\n        &.status-loading {\n            .bk-process-item > .bk-icon {\n                display: inline-block;\n            }\n            .bk-process-step {\n                .bk-icon {\n                    display: inline-block;\n                }\n            }\n        }\n        &.status-default {\n            .bk-process-item > .bk-icon {\n                display: inline-block;\n            }\n            .bk-process-step {\n                .bk-icon {\n                    display: inline-block;\n                }\n            }\n        }\n\n        &.current {\n            background: $newMainColor;\n            color: #fff;\n            &::after {\n                border-color: transparent transparent transparent $newMainColor;\n            }\n            >.bk-spin-loading {\n                vertical-align: -3px;\n            }\n        }\n    }\n}\n"]}
+{"version":3,"sources":["loading.css","process.css"],"names":[],"mappings":"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","file":"process.min.css","sourcesContent":["@import './variable.css';\n\n@define-mixin create-rotate $time, $deg {\n    animation-delay: $time;\n    transform: rotate($deg);\n}\n\n.bk-loading {\n    width: 100%;\n    height: 100%;\n    position: absolute;\n    top: 0;\n    right: 0;\n    bottom: 0;\n    left: 0;\n    margin: auto;\n    background-color: rgba(255, 255, 255, 0.9);\n    z-index: $loadingZIndex;\n    .bk-loading-wrapper {\n        text-align: center;\n        line-height: 1;\n        position: absolute;\n        left: 50%;\n        top: 50%;\n        transform: translate(-50%, -50%);\n        -webkit-transform: translate(-50%, -50%);\n    }\n    &-title {\n        text-align: center;\n        font-size: 14px;\n        color: $fnMainColor;\n        line-height: initial;\n        margin-top: 5px;\n    }\n    .bk-loading1 {\n        position: relative;\n        width: 75px;\n        height: 14px;\n        margin: auto;\n        display: inline-block;\n        .point {\n            position: absolute;\n            top: 0;\n            width: 14px;\n            height: 14px;\n            animation-name: scale-animate;\n            animation-duration: .8s;\n            animation-iteration-count: infinite;\n            animation-direction: normal;\n            transform: scale(.6);\n            border-radius: 19px;\n        }\n\n        .point1 {\n            background-color: #fd6154;\n            left: 0;\n            animation-delay: 0.1s;\n        }\n\n        .point2 {\n            background-color: #ffb726;\n            left: 20px;\n            animation-delay: 0.25s;\n        }\n\n        .point3 {\n            background-color: #4cd084;\n            left: 40px;\n            animation-delay: 0.4s;\n        }\n\n        .point4 {\n            background-color: #57a3f1;\n            left: 60px;\n            animation-delay: 0.55s;\n        }\n    }\n}\n\n/* 加载动画一，点状 */\n.bk-dot-loading,\n.bk-loading1 {\n    &.bk-size-mini {\n        width: 30px;\n\n        .point {\n            width: 6px;\n            height: 6px;\n        }\n\n        .point1 {\n            left: 0;\n        }\n\n        .point2 {\n            left: 10px;\n        }\n\n        .point3 {\n            left: 20px;\n        }\n\n        .point4 {\n            left: 30px;\n        }\n    }\n\n    &.bk-size-small {\n        width: 45px;\n\n        .point {\n            width: 10px;\n            height: 10px;\n        }\n\n        .point1 {\n            left: 0;\n        }\n\n        .point2 {\n            left: 15px;\n        }\n\n        .point3 {\n            left: 30px;\n        }\n\n        .point4 {\n            left: 45px;\n        }\n    }\n\n    &.bk-black {\n        .point1,\n        .point2,\n        .point3,\n        .point4 {\n            background: #979ba5;\n        }\n    }\n\n    &.bk-primary {\n        .point1,\n        .point2,\n        .point3,\n        .point4 {\n            background: $primaryColor;\n        }\n    }\n\n    &.bk-danger {\n        .point1,\n        .point2,\n        .point3,\n        .point4 {\n            background: $dangerColor;\n        }\n    }\n\n    &.bk-warning {\n        .point1,\n        .point2,\n        .point3,\n        .point4 {\n            background: $warningColor;\n        }\n    }\n    &.bk-default {\n        .point1,\n        .point2,\n        .point3,\n        .point4 {\n            background: #979BA5;\n        }\n    }\n}\n\n@keyframes scale-animate {\n    0% {\n        transform: scale(1);\n    }\n\n    100% {\n        transform: scale(.6);\n    }\n}\n\n@-webkit-keyframes scale-animate {\n    0% {\n        -webkit-transform: scale(1);\n    }\n\n    100% {\n        -webkit-transform: scale(.6);\n    }\n}\n\n.bk-spin-loading,\n.bk-loading2 {\n    width: 48px;\n    height: 48px;\n    position: relative;\n    margin: auto;\n    display:inline-block;\n    vertical-align: middle;\n    display: flex;\n    justify-content: center;\n    .rotate {\n        position: absolute;\n        /* top: 77%; */\n        /* right: 43%; */\n        /* background-color: transparent; */\n        /* background-color: #39424e\\9\\0; */\n        width: 6px;\n        height: 8px;\n        transform-origin: 50% 24px;\n        border-radius: 8px;\n        transform: scale(0.4);\n        animation-name: fade;\n        animation-duration: 1.2s;\n        animation-iteration-count: infinite;\n        animation-direction: normal;\n    }\n    &.bk-spin-loading-success {\n        .rotate {\n            /* background: #30d878; */\n            animation-name: fadeSuccess;\n        }\n    }\n    &.bk-spin-loading-danger {\n        .rotate {\n            /* background:  #ff5656; */\n            animation-name: fadeDanger;\n        }\n    }\n    &.bk-spin-loading-warning {\n        .rotate {\n            /* background: #ffb400; */\n            animation-name: fadeWarning;\n        }\n    }\n    &.bk-spin-loading-primary {\n        .rotate {\n            /* background-color: #3c96ff; */\n            animation-name: fadePrimary;\n        }\n    }\n\n    &.bk-spin-loading-white {\n        .rotate {\n            /* background: #fff; */\n            animation-name: fadeWhite;\n        }\n    }\n\n    .rotate1 {\n        @mixin create-rotate 0.45s, -90deg;\n    }\n    .rotate2 {\n        @mixin create-rotate 0.6s, -45deg;\n    }\n    .rotate3 {\n        @mixin create-rotate 0.75s, 0deg;\n    }\n    .rotate4 {\n        @mixin create-rotate 0.9s, 45deg;\n    }\n    .rotate5 {\n        @mixin create-rotate 1.05s, 90deg;\n    }\n    .rotate6 {\n        @mixin create-rotate 1.2s, 135deg;\n    }\n    .rotate7 {\n        @mixin create-rotate 1.35s, 180deg;\n    }\n    .rotate8 {\n        @mixin create-rotate 1.5s, -135deg;\n    }\n    &.bk-spin-loading-large {\n        width: 68px;\n        height: 68px;\n        .rotate {\n            width: 10px;\n            height: 12px;\n            border-radius: 12px;\n            transform-origin: 50% 34px;\n        }\n    }\n    &.bk-spin-loading-small {\n        width: 32px;\n        height: 32px;\n        .rotate {\n            width: 4px;\n            height: 5px;\n            border-radius: 5px;\n            transform-origin: 50% 16px;\n        }\n    }\n    &.bk-spin-loading-mini {\n        width: 16px;\n        height: 16px;\n        .rotate {\n            width: 2px;\n            height: 3px;\n            border-radius: 3px;\n            transform-origin: 50% 8px;\n        }\n    }\n}\n\n@keyframes fade {\n    0% {\n        background-color: #39424e;\n    }\n\n    100% {\n        background-color: transparent;\n    }\n}\n@-webkit-keyframes fade {\n    0% {\n        background-color: #39424e;\n    }\n\n    100% {\n        background-color: transparent;\n    }\n}\n\n@keyframes fadeSuccess {\n    0% {\n        background-color: $successColor;\n    }\n\n    100% {\n        background-color: transparent;\n    }\n}\n\n@-webkit-keyframes fadeSuccess {\n    0% {\n        background-color: $successColor;\n    }\n\n    100% {\n        background-color: transparent;\n    }\n}\n\n@keyframes fadePrimary {\n    0% {\n        background-color: $primaryColor;\n    }\n\n    100% {\n        background-color: transparent;\n    }\n}\n\n@-webkit-keyframes fadePrimary {\n    0% {\n        background-color: $primaryColor;\n    }\n\n    100% {\n        background-color: transparent;\n    }\n}\n\n@keyframes fadeDanger {\n    0% {\n        background-color: $dangerColor;\n    }\n\n    100% {\n        background-color: transparent;\n    }\n}\n\n@-webkit-keyframes fadeDanger {\n    0% {\n        background-color: $dangerColor;\n    }\n\n    100% {\n        background-color: transparent;\n    }\n}\n\n@keyframes fadeWarning {\n    0% {\n        background-color: $warningColor;\n    }\n\n    100% {\n        background-color: transparent;\n    }\n}\n\n@-webkit-keyframes fadeWarning {\n    0% {\n        background-color: $warningColor;\n    }\n\n    100% {\n        background-color: transparent;\n    }\n}\n\n@keyframes fadeWhite {\n    0% {\n        background-color: rgb(255, 255, 255);\n    }\n\n    100% {\n        background-color: transparent;\n    }\n}\n\n@-webkit-keyframes fadeWhite {\n    0%{\n        background-color: rgb(255, 255, 255);\n    }\n\n    100%{\n        background-color: transparent;\n    }\n}\n\n/* 加载动画容器，.bk-loading 保留，为了兼容 */\n.bk-loading-box,\n.bk-loading {\n    width: 100%;\n    height: 100%;\n    position: absolute;\n    top: 0;\n    right: 0;\n    bottom: 0;\n    left: 0;\n    margin: auto;\n    background-color: rgba(255, 255, 255, 0.9);\n    z-index: $loadingZIndex;\n    .bk-loading-wrapper {\n        text-align: center;\n        line-height: 1;\n        position: absolute;\n        left: 50%;\n        top: 50%;\n        transform: translate(-50%, -50%);\n    }\n    &-title {\n        text-align: center;\n        font-size: 14px;\n        color: $fnMainColor;\n        line-height: initial;\n        margin-top: 5px;\n    }\n}\n\n@keyframes fade {\n    0% {\n        background-color: #39424e;\n    }\n\n    100% {\n        background-color: transparent;\n    }\n}\n\n@keyframes fadeSuccess {\n    0% {\n        background-color: #30d878;\n    }\n\n    100% {\n        background-color: transparent;\n    }\n}\n\n@keyframes fadePrimary {\n    0% {\n        background-color: #3c96ff;\n    }\n\n    100% {\n        background-color: transparent;\n    }\n}\n\n@keyframes fadeDanger {\n    0% {\n        background-color: #ff5656;\n    }\n\n    100% {\n        background-color: transparent;\n    }\n}\n\n@keyframes fadeWarning {\n    0% {\n        background-color: #ffb400;\n    }\n\n    100% {\n        background-color: transparent;\n    }\n}\n\n@keyframes fadeWhite {\n    0% {\n        background-color: white;\n    }\n\n    100% {\n        background-color: transparent;\n    }\n}\n\n@keyframes animate {\n    0% {\n        transform: scale(.5)\n    }\n\n    100% {\n        transform: scale(.3)\n    }\n}\n\n.bk-default-loading {\n    display: inline-block;\n    .bk-loading-wrapper {\n        display: inline-flex;\n        flex-direction: column;\n        align-items: center;\n        justify-content: center;\n        position: absolute;\n        width: 100%;\n        height: 100%;\n        left: unset;\n        top: 0;\n        transform: unset;\n        -webkit-transform: unset;\n        background: inherit;\n        padding: 0 25%;\n\n        & :nth-child(1) {\n            margin: unset;\n          }\n    }\n}\n","@import './variable.css';\n@import \"./loading.css\";\n\n.bk-process {\n    display: flex;\n    position: relative;\n    .bk-icon {\n        font-size: $iconNormalSize;\n    }\n    .bk-spin-loading {\n        &.bk-spin-loading-mini {\n            width: 22px;\n            height: 22px;\n            display: inline-flex;\n            top: 2px;\n            left: 3px;\n        }\n    }\n    .bk-process-toggle {\n        position: relative;\n        left: 15px;\n        width: 24px;\n        height: 24px;\n        line-height: 24px;\n        border-radius: 50%;\n        text-align: center;\n        border: 1px solid $borderColor;\n        font-size: 12px;\n        color: $fnMainColor;\n        text-decoration: none;\n        &.active,\n        &:hover {\n            color: #fff;\n            background: $newMainColor;\n            border-color: $newMainColor;\n        }\n    }\n    > ul {\n        display: table;\n        width: 100%;\n        display: flex;\n        -ms-display: flex;\n        -moz-display: flex;\n        -webkit-display: flex;\n        margin: auto;\n        padding: 0;\n    }\n    li {\n        background-color: $newGreyColor2;\n        display: table-cell;\n        flex: 1;\n        -ms-flex: 1;\n        -moz-flex: 1;\n        -webkit-flex: 1;\n        text-align: center;\n        height: 24px;\n        line-height: 24px;\n        position: relative;\n        font-size: 12px;\n        color: $fnMainColor;\n        i {\n            display: none;\n        }\n        .bk-process-item {\n            display: inline-block;\n            > .bk-icon {\n                font-size: $iconSmallestSize;\n            }\n        }\n        &:first-of-type {\n            border-radius: 13px 0 0 13px;\n        }\n        &:last-of-type {\n            border-radius:  0 13px 13px 0;\n            &::before {\n                display:none;\n            }\n            &::after {\n                display:none;\n            }\n        }\n        &::before {\n            content:\"\";\n            width: 0;\n            height: 0;\n            border: 12px solid;\n            border-color: transparent transparent transparent #fff;\n            position: absolute;\n            right: -25px;\n            top: 0;\n            z-index: 1;\n        }\n        &::after {\n            content:\"\";\n            width: 0;\n            height: 0;\n            border: 12px solid;\n            border-color: transparent transparent transparent $newGreyColor2;\n            position: absolute;\n            right: -23px;\n            top: 0;\n            z-index: 1;\n        }\n        .bk-process-step {\n            color: $fnMainColor;\n            font-size: 12px;\n            dd {\n                margin: 0;\n                line-height: 32px;\n            }\n            i {\n                display: none;\n            }\n            .success {\n                i {\n                    display: inline-block;\n                    color: $newGreenColor;\n                }\n            }\n            .steps-loading {\n                top: 1px;\n                left: 1px;\n            }\n            .step-item {\n                &.error {\n                    color: $newRedColor1;\n\n                    .bk-icon {\n                        color: $newRedColor1;\n                        vertical-align: -2px;\n                    }\n                }\n                &.done {\n                    .bk-icon {\n                        color: $newGreenColor;\n                    }\n                }\n            }\n        }\n\n        &.success {\n            background: $newGreenColor;\n            color: #fff;\n            &::after {\n                border-color: transparent transparent transparent $newGreenColor;\n            }\n            & .bk-process-step {\n                i {\n                    color: $newGreenColor;\n                }\n            }\n            i {\n                display: inline-block;\n            }\n        }\n\n        &.status-error {\n            background: $newRedColor1;\n            color: #fff;\n            &::after {\n                border-color: transparent transparent transparent $newRedColor1;\n            }\n            .bk-process-item > .bk-icon {\n                display: inline-block;\n            }\n            .bk-process-step {\n                .bk-icon {\n                    display: inline-block;\n                }\n            }\n        }\n        &.status-done {\n            background: $newGreenColor;\n            color: #fff;\n            &::after {\n                border-color: transparent transparent transparent $newGreenColor;\n            }\n            .bk-process-item > .bk-icon {\n                display: inline-block;\n            }\n            .bk-process-step {\n                .bk-icon {\n                    display: inline-block;\n                }\n            }\n        }\n        &.status-loading {\n            .bk-process-item > .bk-icon {\n                display: inline-block;\n            }\n            .bk-process-step {\n                .bk-icon {\n                    display: inline-block;\n                }\n            }\n        }\n        &.status-default {\n            .bk-process-item > .bk-icon {\n                display: inline-block;\n            }\n            .bk-process-step {\n                .bk-icon {\n                    display: inline-block;\n                }\n            }\n        }\n\n        &.current {\n            background: $newMainColor;\n            color: #fff;\n            &::after {\n                border-color: transparent transparent transparent $newMainColor;\n            }\n            >.bk-spin-loading {\n                vertical-align: -3px;\n            }\n        }\n    }\n}\n"]}

package/lib/ui/progress.css

@@ -18,11 +18,11 @@
     }
 
 .bk-progress .progress-bar.bk-progress-small{
-            height:2px;
+            height:4px;
         }
 
 .bk-progress .progress-bar.bk-progress-normal{
-            height:4px;
+            height:8px;
         }
 
 .bk-progress .progress-bar.bk-progress-large{

package/lib/ui/progress.min.css

@@ -1,2 +1,2 @@
-.bk-progress{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.bk-progress .progress-bar{width:100%;height:4px;background:#f0f1f5;border-radius:50px;position:relative;vertical-align:middle;text-align:center}.bk-progress .progress-bar.bk-progress-small{height:2px}.bk-progress .progress-bar.bk-progress-normal{height:4px}.bk-progress .progress-bar.bk-progress-large{height:12px}.bk-progress .progress-inner{position:absolute;left:0;top:0;width:50%;height:100%;border-radius:50px;-webkit-transition:width .5s ease;transition:width .5s ease}.bk-progress .progress-inner.bk-primary{background:#3a84ff}.bk-progress .progress-inner.bk-success{background:#2dcb56}.bk-progress .progress-inner.bk-warning{background:#ff9c01}.bk-progress .progress-inner.bk-danger{background:#ff5656}.bk-progress .inner-text{width:100%;text-align:center;color:#fff;height:100%}.bk-progress .progress-text{width:7%;text-align:center}
+.bk-progress{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.bk-progress .progress-bar{width:100%;height:4px;background:#f0f1f5;border-radius:50px;position:relative;vertical-align:middle;text-align:center}.bk-progress .progress-bar.bk-progress-small{height:4px}.bk-progress .progress-bar.bk-progress-normal{height:8px}.bk-progress .progress-bar.bk-progress-large{height:12px}.bk-progress .progress-inner{position:absolute;left:0;top:0;width:50%;height:100%;border-radius:50px;-webkit-transition:width .5s ease;transition:width .5s ease}.bk-progress .progress-inner.bk-primary{background:#3a84ff}.bk-progress .progress-inner.bk-success{background:#2dcb56}.bk-progress .progress-inner.bk-warning{background:#ff9c01}.bk-progress .progress-inner.bk-danger{background:#ff5656}.bk-progress .inner-text{width:100%;text-align:center;color:#fff;height:100%}.bk-progress .progress-text{width:7%;text-align:center}
 /*# sourceMappingURL=progress.min.css.map */

package/lib/ui/progress.min.css.map

@@ -1 +1 @@
-{"version":3,"sources":["progress.css"],"names":[],"mappings":"AAEA,aACI,mBAAa,CAAb,mBAAa,CAAb,YAAa,CACb,wBAAmB,CAAnB,qBAAmB,CAAnB,kBAkDJ,CAjDI,2BACI,UAAW,CACX,UAAW,CACX,kBAAmB,CACnB,kBAAkB,CAClB,iBAAkB,CAClB,qBAAsB,CACtB,iBAUJ,CATI,6CACI,UACJ,CACA,8CACI,UACJ,CACA,6CACI,WACJ,CAEJ,6BACI,iBAAkB,CAClB,MAAO,CACP,KAAM,CACN,SAAU,CACV,WAAY,CACZ,kBAAmB,CACnB,iCAA2B,CAA3B,yBAaJ,CAZI,wCACI,kBACJ,CACA,wCACI,kBACJ,CACA,wCACI,kBACJ,CACA,uCACI,kBACJ,CAEJ,yBACI,UAAW,CACX,iBAAkB,CAClB,UAAW,CACX,WACJ,CAAC,4BAEG,QAAS,CACT,iBACJ","file":"progress.min.css","sourcesContent":["@import './variable.css';\n\n.bk-progress {\n    display: flex;\n    align-items: center;\n    .progress-bar {\n        width: 100%;\n        height: 4px;\n        background: #F0F1F5;\n        border-radius:50px;\n        position: relative;\n        vertical-align: middle;\n        text-align: center;\n        &.bk-progress-small {\n            height:2px;\n        }\n        &.bk-progress-normal {\n            height: 4px;\n        }\n        &.bk-progress-large {\n            height: 12px;\n        }\n    }\n    .progress-inner {\n        position: absolute;\n        left: 0;\n        top: 0;\n        width: 50%;\n        height: 100%;\n        border-radius: 50px;\n        transition: width 0.5s ease;\n        &.bk-primary {\n            background: $newMainColor;\n        }\n        &.bk-success {\n            background: $newGreenColor;\n        }\n        &.bk-warning {\n            background: $newOrangeColor;\n        }\n        &.bk-danger {\n            background: $dangerColor;\n        }\n    }\n    .inner-text {\n        width: 100%;\n        text-align: center;\n        color: #fff;\n        height: 100%;\n    },\n    .progress-text {\n        width: 7%;\n        text-align: center;\n    }\n}\n"]}
+{"version":3,"sources":["progress.css"],"names":[],"mappings":"AAEA,aACI,mBAAa,CAAb,mBAAa,CAAb,YAAa,CACb,wBAAmB,CAAnB,qBAAmB,CAAnB,kBAkDJ,CAjDI,2BACI,UAAW,CACX,UAAW,CACX,kBAAmB,CACnB,kBAAkB,CAClB,iBAAkB,CAClB,qBAAsB,CACtB,iBAUJ,CATI,6CACI,UACJ,CACA,8CACI,UACJ,CACA,6CACI,WACJ,CAEJ,6BACI,iBAAkB,CAClB,MAAO,CACP,KAAM,CACN,SAAU,CACV,WAAY,CACZ,kBAAmB,CACnB,iCAA2B,CAA3B,yBAaJ,CAZI,wCACI,kBACJ,CACA,wCACI,kBACJ,CACA,wCACI,kBACJ,CACA,uCACI,kBACJ,CAEJ,yBACI,UAAW,CACX,iBAAkB,CAClB,UAAW,CACX,WACJ,CAAC,4BAEG,QAAS,CACT,iBACJ","file":"progress.min.css","sourcesContent":["@import './variable.css';\n\n.bk-progress {\n    display: flex;\n    align-items: center;\n    .progress-bar {\n        width: 100%;\n        height: 4px;\n        background: #F0F1F5;\n        border-radius:50px;\n        position: relative;\n        vertical-align: middle;\n        text-align: center;\n        &.bk-progress-small {\n            height: 4px;\n        }\n        &.bk-progress-normal {\n            height: 8px;\n        }\n        &.bk-progress-large {\n            height: 12px;\n        }\n    }\n    .progress-inner {\n        position: absolute;\n        left: 0;\n        top: 0;\n        width: 50%;\n        height: 100%;\n        border-radius: 50px;\n        transition: width 0.5s ease;\n        &.bk-primary {\n            background: $newMainColor;\n        }\n        &.bk-success {\n            background: $newGreenColor;\n        }\n        &.bk-warning {\n            background: $newOrangeColor;\n        }\n        &.bk-danger {\n            background: $dangerColor;\n        }\n    }\n    .inner-text {\n        width: 100%;\n        text-align: center;\n        color: #fff;\n        height: 100%;\n    },\n    .progress-text {\n        width: 7%;\n        text-align: center;\n    }\n}\n"]}

package/lib/ui/radio.css

@@ -1,76 +1,76 @@
 .bk-form-radio{
-    font-size:14px;
-    color:#63656e;
-    line-height:18px;
-    min-height:20px;
-    display:inline-block;
-    position:relative;
+  font-size:14px;
+  color:#63656e;
+  line-height:18px;
+  min-height:20px;
+  display:inline-block;
+  position:relative;
 }
 
 .bk-form-radio .bk-radio-text{
-        font-style:normal;
-        font-weight:normal;
-        cursor:pointer;
-        vertical-align:middle;
-        display:inline-block;
-    }
+    font-style:normal;
+    font-weight:normal;
+    cursor:pointer;
+    vertical-align:middle;
+    display:inline-block;
+  }
 
 .bk-form-radio .icon-check{
-        width:8px;
-        height:8px;
-        border-radius:50%;
-        position:absolute;
-        left:4px;
-        top:50%;
-        margin-top:-4px;
-        display:block;
-        background:#3a84ff;
-    }
+    width:8px;
+    height:8px;
+    border-radius:50%;
+    position:absolute;
+    left:4px;
+    top:50%;
+    margin-top:-4px;
+    display:block;
+    background:#3a84ff;
+  }
 
-.bk-form-radio input[type=radio]{
-        position:relative;
-        display:inline-block;
-        vertical-align:middle;
-        width:16px;
-        height:16px;
-        margin:0 5px 0 0;
-        border:1px solid #979ba5;
-        border-radius:50%;
-        background-color:#fff;
-        background-clip:content-box;
-        outline:none;
-        color:#fff;
-        visibility:visible;
-        cursor:pointer;
-        -webkit-appearance:none
-    }
+.bk-form-radio input[type='radio']{
+    position:relative;
+    display:inline-block;
+    vertical-align:middle;
+    width:16px;
+    height:16px;
+    margin:0 2px 0 0;
+    border:1px solid #979ba5;
+    border-radius:50%;
+    background-color:#fff;
+    background-clip:content-box;
+    outline:none;
+    color:#fff;
+    visibility:visible;
+    cursor:pointer;
+    -webkit-appearance:none
+  }
 
-.bk-form-radio input[type=radio].is-checked{
-            padding:3px;
-            color:#3a84ff;
-            border-color:currentColor;
-            background-color:currentColor
-        }
+.bk-form-radio input[type='radio'].is-checked{
+      padding:3px;
+      color:#3a84ff;
+      border-color:currentColor;
+      background-color:currentColor
+    }
 
-.bk-form-radio input[type=radio].is-checked[disabled]{
-                color:#c4c6cc;
-            }
+.bk-form-radio input[type='radio'].is-checked[disabled]{
+        color:#c4c6cc;
+      }
 
-.bk-form-radio input[type=radio][disabled]{
-            cursor:not-allowed;
-            background-color:currentColor;
-            border-color:#dcdee5;
-            color:rgba(250, 251, 253, 1)
-        }
+.bk-form-radio input[type='radio'][disabled]{
+      cursor:not-allowed;
+      background-color:currentColor;
+      border-color:#dcdee5;
+      color:rgba(250, 251, 253, 1)
+    }
 
-.bk-form-radio input[type=radio][disabled] + .bk-radio-text{
-                color:#c4c6cc;
-                cursor:not-allowed;
-            }
+.bk-form-radio input[type='radio'][disabled] + .bk-radio-text{
+        color:#c4c6cc;
+        cursor:not-allowed;
+      }
 
-.bk-form-radio:focus input[type=radio]{
-        -webkit-box-shadow:0 0 2px 2px #3c96ff;
-                box-shadow:0 0 2px 2px #3c96ff;
-        border-color:#3c96ff;
-        outline:none;
-    }
+.bk-form-radio:focus input[type='radio']{
+    -webkit-box-shadow:0 0 2px 2px #3c96ff;
+            box-shadow:0 0 2px 2px #3c96ff;
+    border-color:#3c96ff;
+    outline:none;
+  }

package/lib/ui/radio.min.css

@@ -1,2 +1,2 @@
-.bk-form-radio{font-size:14px;color:#63656e;line-height:18px;min-height:20px;display:inline-block;position:relative}.bk-form-radio .bk-radio-text{font-style:normal;font-weight:400;cursor:pointer;vertical-align:middle;display:inline-block}.bk-form-radio .icon-check{width:8px;height:8px;border-radius:50%;position:absolute;left:4px;top:50%;margin-top:-4px;display:block;background:#3a84ff}.bk-form-radio input[type=radio]{position:relative;display:inline-block;vertical-align:middle;width:16px;height:16px;margin:0 5px 0 0;border:1px solid #979ba5;border-radius:50%;background-color:#fff;background-clip:content-box;outline:none;color:#fff;visibility:visible;cursor:pointer;-webkit-appearance:none}.bk-form-radio input[type=radio].is-checked{padding:3px;color:#3a84ff;border-color:currentColor;background-color:currentColor}.bk-form-radio input[type=radio].is-checked[disabled]{color:#c4c6cc}.bk-form-radio input[type=radio][disabled]{cursor:not-allowed;background-color:currentColor;border-color:#dcdee5;color:#fafbfd}.bk-form-radio input[type=radio][disabled]+.bk-radio-text{color:#c4c6cc;cursor:not-allowed}.bk-form-radio:focus input[type=radio]{-webkit-box-shadow:0 0 2px 2px #3c96ff;box-shadow:0 0 2px 2px #3c96ff;border-color:#3c96ff;outline:none}
+.bk-form-radio{font-size:14px;color:#63656e;line-height:18px;min-height:20px;display:inline-block;position:relative}.bk-form-radio .bk-radio-text{font-style:normal;font-weight:400;cursor:pointer;vertical-align:middle;display:inline-block}.bk-form-radio .icon-check{width:8px;height:8px;border-radius:50%;position:absolute;left:4px;top:50%;margin-top:-4px;display:block;background:#3a84ff}.bk-form-radio input[type=radio]{position:relative;display:inline-block;vertical-align:middle;width:16px;height:16px;margin:0 2px 0 0;border:1px solid #979ba5;border-radius:50%;background-color:#fff;background-clip:content-box;outline:none;color:#fff;visibility:visible;cursor:pointer;-webkit-appearance:none}.bk-form-radio input[type=radio].is-checked{padding:3px;color:#3a84ff;border-color:currentColor;background-color:currentColor}.bk-form-radio input[type=radio].is-checked[disabled]{color:#c4c6cc}.bk-form-radio input[type=radio][disabled]{cursor:not-allowed;background-color:currentColor;border-color:#dcdee5;color:#fafbfd}.bk-form-radio input[type=radio][disabled]+.bk-radio-text{color:#c4c6cc;cursor:not-allowed}.bk-form-radio:focus input[type=radio]{-webkit-box-shadow:0 0 2px 2px #3c96ff;box-shadow:0 0 2px 2px #3c96ff;border-color:#3c96ff;outline:none}
 /*# sourceMappingURL=radio.min.css.map */

package/lib/ui/radio.min.css.map

@@ -1 +1 @@
-{"version":3,"sources":["radio.css"],"names":[],"mappings":"AAEA,eACI,cAAe,CACf,aAAsB,CACtB,gBAAiB,CACjB,eAAgB,CAChB,oBAAqB,CACrB,iBAiEJ,CA/DI,8BACI,iBAAkB,CAClB,eAAmB,CACnB,cAAe,CACf,qBAAsB,CACtB,oBACJ,CAEA,2BACI,SAAU,CACV,UAAW,CACX,iBAAkB,CAClB,iBAAkB,CAClB,QAAS,CACT,OAAQ,CACR,eAAgB,CAChB,aAAc,CACd,kBACJ,CAEA,iCACI,iBAAkB,CAClB,oBAAqB,CACrB,qBAAsB,CACtB,UAAW,CACX,WAAY,CACZ,gBAAiB,CACjB,wBAAiC,CACjC,iBAAkB,CAClB,qBAAsB,CACtB,2BAA4B,CAC5B,YAAa,CACb,UAAW,CACX,kBAAmB,CACnB,cAAe,CACf,uBAqBJ,CAnBI,4CACI,WAAY,CACZ,aAAoB,CACpB,yBAA0B,CAC1B,6BAIJ,CAHI,sDACI,aACJ,CAEJ,2CACI,kBAAmB,CACnB,6BAA8B,CAC9B,oBAA4B,CAC5B,aAKJ,CAJI,0DACI,aAAoB,CACpB,kBACJ,CAIR,uCACI,sCAA6C,CAA7C,8BAA6C,CAC7C,oBAAmC,CACnC,YACJ","file":"radio.min.css","sourcesContent":["@import './variable.css';\n\n.bk-form-radio {\n    font-size: 14px;\n    color: $newBlackColor2;\n    line-height: 18px;\n    min-height: 20px;\n    display: inline-block;\n    position: relative;\n\n    .bk-radio-text {\n        font-style: normal;\n        font-weight: normal;\n        cursor: pointer;\n        vertical-align: middle;\n        display: inline-block;\n    }\n\n    .icon-check {\n        width: 8px;\n        height: 8px;\n        border-radius: 50%;\n        position: absolute;\n        left: 4px;\n        top: 50%;\n        margin-top: -4px;\n        display: block;\n        background: $newMainColor;\n    }\n\n    input[type=radio] {\n        position: relative;\n        display: inline-block;\n        vertical-align: middle;\n        width: 16px;\n        height: 16px;\n        margin: 0 5px 0 0;\n        border: 1px solid $newBlackColor3;\n        border-radius: 50%;\n        background-color: #fff;\n        background-clip: content-box;\n        outline: none;\n        color: #fff;\n        visibility: visible;\n        cursor: pointer;\n        -webkit-appearance: none;\n\n        &.is-checked {\n            padding: 3px;\n            color: $newMainColor;\n            border-color: currentColor;\n            background-color: currentColor;\n            &[disabled] {\n                color: $newGreyColor;\n            }\n        }\n        &[disabled] {\n            cursor: not-allowed;\n            background-color: currentColor;\n            border-color: $newGreyColor1;\n            color: rgba(250, 251, 253, 1);\n            & + .bk-radio-text {\n                color: $newGreyColor;\n                cursor: not-allowed;\n            }\n        }\n    }\n\n    &:focus input[type=radio] {\n        box-shadow: 0 0 2px 2px $formBorderFocusColor;\n        border-color: $formBorderFocusColor;\n        outline: none;\n    }\n}\n"]}
+{"version":3,"sources":["radio.css"],"names":[],"mappings":"AAEA,eACE,cAAe,CACf,aAAsB,CACtB,gBAAiB,CACjB,eAAgB,CAChB,oBAAqB,CACrB,iBAiEF,CA/DE,8BACE,iBAAkB,CAClB,eAAmB,CACnB,cAAe,CACf,qBAAsB,CACtB,oBACF,CAEA,2BACE,SAAU,CACV,UAAW,CACX,iBAAkB,CAClB,iBAAkB,CAClB,QAAS,CACT,OAAQ,CACR,eAAgB,CAChB,aAAc,CACd,kBACF,CAEA,iCACE,iBAAkB,CAClB,oBAAqB,CACrB,qBAAsB,CACtB,UAAW,CACX,WAAY,CACZ,gBAAiB,CACjB,wBAAiC,CACjC,iBAAkB,CAClB,qBAAsB,CACtB,2BAA4B,CAC5B,YAAa,CACb,UAAW,CACX,kBAAmB,CACnB,cAAe,CACf,uBAqBF,CAnBE,4CACE,WAAY,CACZ,aAAoB,CACpB,yBAA0B,CAC1B,6BAIF,CAHE,sDACE,aACF,CAEF,2CACE,kBAAmB,CACnB,6BAA8B,CAC9B,oBAA4B,CAC5B,aAKF,CAJE,0DACE,aAAoB,CACpB,kBACF,CAIJ,uCACE,sCAA6C,CAA7C,8BAA6C,CAC7C,oBAAmC,CACnC,YACF","file":"radio.min.css","sourcesContent":["@import './variable.css';\n\n.bk-form-radio {\n  font-size: 14px;\n  color: $newBlackColor2;\n  line-height: 18px;\n  min-height: 20px;\n  display: inline-block;\n  position: relative;\n\n  .bk-radio-text {\n    font-style: normal;\n    font-weight: normal;\n    cursor: pointer;\n    vertical-align: middle;\n    display: inline-block;\n  }\n\n  .icon-check {\n    width: 8px;\n    height: 8px;\n    border-radius: 50%;\n    position: absolute;\n    left: 4px;\n    top: 50%;\n    margin-top: -4px;\n    display: block;\n    background: $newMainColor;\n  }\n\n  input[type='radio'] {\n    position: relative;\n    display: inline-block;\n    vertical-align: middle;\n    width: 16px;\n    height: 16px;\n    margin: 0 2px 0 0;\n    border: 1px solid $newBlackColor3;\n    border-radius: 50%;\n    background-color: #fff;\n    background-clip: content-box;\n    outline: none;\n    color: #fff;\n    visibility: visible;\n    cursor: pointer;\n    -webkit-appearance: none;\n\n    &.is-checked {\n      padding: 3px;\n      color: $newMainColor;\n      border-color: currentColor;\n      background-color: currentColor;\n      &[disabled] {\n        color: $newGreyColor;\n      }\n    }\n    &[disabled] {\n      cursor: not-allowed;\n      background-color: currentColor;\n      border-color: $newGreyColor1;\n      color: rgba(250, 251, 253, 1);\n      & + .bk-radio-text {\n        color: $newGreyColor;\n        cursor: not-allowed;\n      }\n    }\n  }\n\n  &:focus input[type='radio'] {\n    box-shadow: 0 0 2px 2px $formBorderFocusColor;\n    border-color: $formBorderFocusColor;\n    outline: none;\n  }\n}\n"]}

package/lib/ui/resize-layout.css

@@ -18,6 +18,14 @@
                         transform:rotate(180deg);
             }
 
+.bk-resize-layout-collapsible.bk-resize-layout-collapsed > .bk-resize-layout-aside{
+            border:none !important
+        }
+
+.bk-resize-layout-collapsible.bk-resize-layout-collapsed > .bk-resize-layout-aside:after{
+                display:none;
+            }
+
 .bk-resize-layout-left{
         -webkit-box-orient:horizontal;
         -webkit-box-direction:normal;
@@ -45,7 +53,7 @@
             }
 
 .bk-resize-layout-left > .bk-resize-layout-aside .bk-resize-trigger:hover{
-                    background-image:linear-gradient(to left, transparent, transparent 2px, #3a84ff 2px, #3a84ff 3px, transparent 3px, transparent);
+                    background-image:linear-gradient(to left, transparent, transparent 2px, #3a84ff 1px, #3a84ff 4px, transparent 3px, transparent);
                 }
 
 .bk-resize-layout-left > .bk-resize-layout-aside .bk-resize-collapse{
@@ -82,7 +90,7 @@
             }
 
 .bk-resize-layout-right > .bk-resize-layout-aside .bk-resize-trigger:hover{
-                    background-image:linear-gradient(to right, transparent, transparent 2px, #3a84ff 2px, #3a84ff 3px, transparent 3px, transparent);
+                    background-image:linear-gradient(to right, transparent, transparent 2px, #3a84ff 1px, #3a84ff 4px, transparent 3px, transparent);
                 }
 
 .bk-resize-layout-right > .bk-resize-layout-aside .bk-resize-collapse{
@@ -119,7 +127,7 @@
             }
 
 .bk-resize-layout-top > .bk-resize-layout-aside .bk-resize-trigger:hover{
-                    background-image:linear-gradient(to top, transparent, transparent 2px, #3a84ff 2px, #3a84ff 3px, transparent 3px, transparent);
+                    background-image:linear-gradient(to top, transparent, transparent 2px, #3a84ff 1px, #3a84ff 4px, transparent 3px, transparent);
                 }
 
 .bk-resize-layout-top > .bk-resize-layout-aside .bk-resize-collapse{
@@ -157,7 +165,7 @@
             }
 
 .bk-resize-layout-bottom > .bk-resize-layout-aside .bk-resize-trigger:hover{
-                    background-image:linear-gradient(to bottom, transparent, transparent 2px, #3a84ff 2px, #3a84ff 3px, transparent 3px, transparent);
+                    background-image:linear-gradient(to bottom, transparent, transparent 2px, #3a84ff 1px, #3a84ff 4px, transparent 3px, transparent);
                 }
 
 .bk-resize-layout-bottom > .bk-resize-layout-aside .bk-resize-collapse{
@@ -221,7 +229,7 @@
             width:16px;
             height:50px;
             line-height:50px;
-            border-radius:0px 12px 12px 0px;
+            border-radius:0px 6px 6px 0px;
             background:#dcdee5;
             text-align:center;
             font-size:20px;

package/lib/ui/resize-layout.min.css

@@ -1,2 +1,2 @@
-.bk-resize-layout{display:-webkit-box;display:-ms-flexbox;display:flex}.bk-resize-layout-border{border:1px solid #dcdee5}.bk-resize-layout-collapsed>.bk-resize-layout-aside .bk-resize-layout-aside-content{overflow:hidden}.bk-resize-layout-collapsed>.bk-resize-layout-aside .bk-resize-collapse:before{display:inline-block;-webkit-transform:rotate(180deg);transform:rotate(180deg)}.bk-resize-layout-left{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}.bk-resize-layout-left>.bk-resize-layout-aside{border-right:1px solid #dcdee5}.bk-resize-layout-left>.bk-resize-layout-aside:after{right:1px;top:50%;-webkit-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0)}.bk-resize-layout-left>.bk-resize-layout-aside .bk-resize-trigger{top:0;left:100%;width:5px;height:100%;cursor:col-resize}.bk-resize-layout-left>.bk-resize-layout-aside .bk-resize-trigger:hover{background-image:linear-gradient(270deg,transparent,transparent 2px,#3a84ff 0,#3a84ff 3px,transparent 0,transparent)}.bk-resize-layout-left>.bk-resize-layout-aside .bk-resize-collapse{left:100%;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.bk-resize-layout-right{-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}.bk-resize-layout-right>.bk-resize-layout-aside{border-left:1px solid #dcdee5}.bk-resize-layout-right>.bk-resize-layout-aside:after{left:1px;top:50%;-webkit-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0)}.bk-resize-layout-right>.bk-resize-layout-aside .bk-resize-trigger{top:0;right:100%;width:5px;height:100%;cursor:col-resize}.bk-resize-layout-right>.bk-resize-layout-aside .bk-resize-trigger:hover{background-image:linear-gradient(90deg,transparent,transparent 2px,#3a84ff 0,#3a84ff 3px,transparent 0,transparent)}.bk-resize-layout-right>.bk-resize-layout-aside .bk-resize-collapse{right:100%;top:50%;-webkit-transform:translateY(-50%) rotate(180deg);transform:translateY(-50%) rotate(180deg)}.bk-resize-layout-top{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.bk-resize-layout-top>.bk-resize-layout-aside{border-bottom:1px solid #dcdee5}.bk-resize-layout-top>.bk-resize-layout-aside:after{bottom:1px;left:50%;-webkit-transform:translate3d(-50%,0,0) rotate(90deg);transform:translate3d(-50%,0,0) rotate(90deg)}.bk-resize-layout-top>.bk-resize-layout-aside .bk-resize-trigger{left:0;top:100%;width:100%;height:5px;cursor:row-resize}.bk-resize-layout-top>.bk-resize-layout-aside .bk-resize-trigger:hover{background-image:linear-gradient(0deg,transparent,transparent 2px,#3a84ff 0,#3a84ff 3px,transparent 0,transparent)}.bk-resize-layout-top>.bk-resize-layout-aside .bk-resize-collapse{top:100%;left:50%;margin-top:8px;-webkit-transform:translate3d(-50%,-50%,0) rotate(90deg);transform:translate3d(-50%,-50%,0) rotate(90deg)}.bk-resize-layout-bottom{-webkit-box-orient:vertical;-webkit-box-direction:reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse}.bk-resize-layout-bottom>.bk-resize-layout-aside{border-top:1px solid #dcdee5}.bk-resize-layout-bottom>.bk-resize-layout-aside:after{top:1px;left:50%;-webkit-transform:translate3d(-50%,0,0) rotate(90deg);transform:translate3d(-50%,0,0) rotate(90deg)}.bk-resize-layout-bottom>.bk-resize-layout-aside .bk-resize-trigger{left:0;bottom:100%;width:100%;height:5px;cursor:row-resize}.bk-resize-layout-bottom>.bk-resize-layout-aside .bk-resize-trigger:hover{background-image:linear-gradient(180deg,transparent,transparent 2px,#3a84ff 0,#3a84ff 3px,transparent 0,transparent)}.bk-resize-layout-bottom>.bk-resize-layout-aside .bk-resize-collapse{bottom:100%;left:50%;margin-bottom:8px;-webkit-transform:translate3d(50%,50%,0) rotate(-90deg);transform:translate3d(50%,50%,0) rotate(-90deg)}.bk-resize-layout>.bk-resize-layout-aside{position:relative}.bk-resize-layout>.bk-resize-layout-aside:after{content:"";position:absolute;width:2px;height:2px;color:#c4c6cc;background:currentColor;-webkit-box-shadow:0 4px 0 0 currentColor,0 8px 0 0 currentColor,0 -4px 0 0 currentColor,0 -8px 0 0 currentColor;box-shadow:0 4px 0 0 currentColor,0 8px 0 0 currentColor,0 -4px 0 0 currentColor,0 -8px 0 0 currentColor}.bk-resize-layout>.bk-resize-layout-aside .bk-resize-layout-aside-content{width:100%;height:100%;overflow:hidden}.bk-resize-layout>.bk-resize-layout-aside .bk-resize-trigger{position:absolute;background-color:transparent;z-index:3}.bk-resize-layout>.bk-resize-layout-aside .bk-resize-proxy{visibility:hidden;position:absolute;pointer-events:none;z-index:9999}.bk-resize-layout>.bk-resize-layout-aside .bk-resize-proxy.left,.bk-resize-layout>.bk-resize-layout-aside .bk-resize-proxy.right{top:0;height:100%;border-left:1px dashed #3a84ff}.bk-resize-layout>.bk-resize-layout-aside .bk-resize-proxy.bottom,.bk-resize-layout>.bk-resize-layout-aside .bk-resize-proxy.top{left:0;width:100%;border-top:1px dashed #3a84ff}.bk-resize-layout>.bk-resize-layout-aside .bk-resize-collapse{position:absolute;width:16px;height:50px;line-height:50px;border-radius:0 12px 12px 0;background:#dcdee5;text-align:center;font-size:20px;color:#fff;cursor:pointer;text-indent:-2px;z-index:2}.bk-resize-layout>.bk-resize-layout-aside .bk-resize-collapse:hover{background:#3a84ff}.bk-resize-layout>.bk-resize-layout-main{-webkit-box-flex:1;-ms-flex:1;flex:1;overflow:hidden}.bk-resize-layout .bk-resize-mask{display:none;position:fixed;left:0;right:0;top:0;bottom:0;z-index:9999}
+.bk-resize-layout{display:-webkit-box;display:-ms-flexbox;display:flex}.bk-resize-layout-border{border:1px solid #dcdee5}.bk-resize-layout-collapsed>.bk-resize-layout-aside .bk-resize-layout-aside-content{overflow:hidden}.bk-resize-layout-collapsed>.bk-resize-layout-aside .bk-resize-collapse:before{display:inline-block;-webkit-transform:rotate(180deg);transform:rotate(180deg)}.bk-resize-layout-collapsible.bk-resize-layout-collapsed>.bk-resize-layout-aside{border:none!important}.bk-resize-layout-collapsible.bk-resize-layout-collapsed>.bk-resize-layout-aside:after{display:none}.bk-resize-layout-left{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}.bk-resize-layout-left>.bk-resize-layout-aside{border-right:1px solid #dcdee5}.bk-resize-layout-left>.bk-resize-layout-aside:after{right:1px;top:50%;-webkit-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0)}.bk-resize-layout-left>.bk-resize-layout-aside .bk-resize-trigger{top:0;left:100%;width:5px;height:100%;cursor:col-resize}.bk-resize-layout-left>.bk-resize-layout-aside .bk-resize-trigger:hover{background-image:linear-gradient(270deg,transparent,transparent 2px,#3a84ff 0,#3a84ff 4px,transparent 0,transparent)}.bk-resize-layout-left>.bk-resize-layout-aside .bk-resize-collapse{left:100%;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.bk-resize-layout-right{-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}.bk-resize-layout-right>.bk-resize-layout-aside{border-left:1px solid #dcdee5}.bk-resize-layout-right>.bk-resize-layout-aside:after{left:1px;top:50%;-webkit-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0)}.bk-resize-layout-right>.bk-resize-layout-aside .bk-resize-trigger{top:0;right:100%;width:5px;height:100%;cursor:col-resize}.bk-resize-layout-right>.bk-resize-layout-aside .bk-resize-trigger:hover{background-image:linear-gradient(90deg,transparent,transparent 2px,#3a84ff 0,#3a84ff 4px,transparent 0,transparent)}.bk-resize-layout-right>.bk-resize-layout-aside .bk-resize-collapse{right:100%;top:50%;-webkit-transform:translateY(-50%) rotate(180deg);transform:translateY(-50%) rotate(180deg)}.bk-resize-layout-top{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.bk-resize-layout-top>.bk-resize-layout-aside{border-bottom:1px solid #dcdee5}.bk-resize-layout-top>.bk-resize-layout-aside:after{bottom:1px;left:50%;-webkit-transform:translate3d(-50%,0,0) rotate(90deg);transform:translate3d(-50%,0,0) rotate(90deg)}.bk-resize-layout-top>.bk-resize-layout-aside .bk-resize-trigger{left:0;top:100%;width:100%;height:5px;cursor:row-resize}.bk-resize-layout-top>.bk-resize-layout-aside .bk-resize-trigger:hover{background-image:linear-gradient(0deg,transparent,transparent 2px,#3a84ff 0,#3a84ff 4px,transparent 0,transparent)}.bk-resize-layout-top>.bk-resize-layout-aside .bk-resize-collapse{top:100%;left:50%;margin-top:8px;-webkit-transform:translate3d(-50%,-50%,0) rotate(90deg);transform:translate3d(-50%,-50%,0) rotate(90deg)}.bk-resize-layout-bottom{-webkit-box-orient:vertical;-webkit-box-direction:reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse}.bk-resize-layout-bottom>.bk-resize-layout-aside{border-top:1px solid #dcdee5}.bk-resize-layout-bottom>.bk-resize-layout-aside:after{top:1px;left:50%;-webkit-transform:translate3d(-50%,0,0) rotate(90deg);transform:translate3d(-50%,0,0) rotate(90deg)}.bk-resize-layout-bottom>.bk-resize-layout-aside .bk-resize-trigger{left:0;bottom:100%;width:100%;height:5px;cursor:row-resize}.bk-resize-layout-bottom>.bk-resize-layout-aside .bk-resize-trigger:hover{background-image:linear-gradient(180deg,transparent,transparent 2px,#3a84ff 0,#3a84ff 4px,transparent 0,transparent)}.bk-resize-layout-bottom>.bk-resize-layout-aside .bk-resize-collapse{bottom:100%;left:50%;margin-bottom:8px;-webkit-transform:translate3d(50%,50%,0) rotate(-90deg);transform:translate3d(50%,50%,0) rotate(-90deg)}.bk-resize-layout>.bk-resize-layout-aside{position:relative}.bk-resize-layout>.bk-resize-layout-aside:after{content:"";position:absolute;width:2px;height:2px;color:#c4c6cc;background:currentColor;-webkit-box-shadow:0 4px 0 0 currentColor,0 8px 0 0 currentColor,0 -4px 0 0 currentColor,0 -8px 0 0 currentColor;box-shadow:0 4px 0 0 currentColor,0 8px 0 0 currentColor,0 -4px 0 0 currentColor,0 -8px 0 0 currentColor}.bk-resize-layout>.bk-resize-layout-aside .bk-resize-layout-aside-content{width:100%;height:100%;overflow:hidden}.bk-resize-layout>.bk-resize-layout-aside .bk-resize-trigger{position:absolute;background-color:transparent;z-index:3}.bk-resize-layout>.bk-resize-layout-aside .bk-resize-proxy{visibility:hidden;position:absolute;pointer-events:none;z-index:9999}.bk-resize-layout>.bk-resize-layout-aside .bk-resize-proxy.left,.bk-resize-layout>.bk-resize-layout-aside .bk-resize-proxy.right{top:0;height:100%;border-left:1px dashed #3a84ff}.bk-resize-layout>.bk-resize-layout-aside .bk-resize-proxy.bottom,.bk-resize-layout>.bk-resize-layout-aside .bk-resize-proxy.top{left:0;width:100%;border-top:1px dashed #3a84ff}.bk-resize-layout>.bk-resize-layout-aside .bk-resize-collapse{position:absolute;width:16px;height:50px;line-height:50px;border-radius:0 6px 6px 0;background:#dcdee5;text-align:center;font-size:20px;color:#fff;cursor:pointer;text-indent:-2px;z-index:2}.bk-resize-layout>.bk-resize-layout-aside .bk-resize-collapse:hover{background:#3a84ff}.bk-resize-layout>.bk-resize-layout-main{-webkit-box-flex:1;-ms-flex:1;flex:1;overflow:hidden}.bk-resize-layout .bk-resize-mask{display:none;position:fixed;left:0;right:0;top:0;bottom:0;z-index:9999}
 /*# sourceMappingURL=resize-layout.min.css.map */

package/lib/ui/resize-layout.min.css.map

@@ -1 +1 @@
-{"version":3,"sources":["resize-layout.css"],"names":[],"mappings":"AAMA,kBACI,mBAAa,CAAb,mBAAa,CAAb,YAgNJ,CA/MI,yBACI,wBACJ,CAGQ,oFACI,eACJ,CACA,+EACI,oBAAqB,CACrB,gCAAyB,CAAzB,wBACJ,CAIR,uBACI,6BAAmB,CAAnB,4BAAmB,CAAnB,sBAAmB,CAAnB,kBAyBJ,CAvBI,+CACI,8BAqBJ,CApBI,qDACI,SAAU,CACV,OAAQ,CACR,uCAAkC,CAAlC,+BACJ,CACA,kEACI,KAAM,CACN,SAAU,CACV,SAAU,CACV,WAAY,CACZ,iBAIJ,CAHI,wEApCZ,oHAsCY,CAEJ,mEACI,SAAU,CACV,OAAQ,CACR,kCAA2B,CAA3B,0BACJ,CAIR,wBACI,6BAA2B,CAA3B,6BAA2B,CAA3B,8BAA2B,CAA3B,0BA0BJ,CAxBI,gDACI,6BAsBJ,CArBI,sDACI,QAAS,CACT,OAAQ,CACR,uCAAkC,CAAlC,+BACJ,CACA,mEACI,KAAM,CACN,UAAW,CACX,SAAU,CACV,WAAY,CACZ,iBAKJ,CAHI,yEAjEZ,mHAmEY,CAEJ,oEACI,UAAW,CACX,OAAQ,CACR,iDAA0C,CAA1C,yCACJ,CAIR,sBACI,2BAAsB,CAAtB,4BAAsB,CAAtB,yBAAsB,CAAtB,qBA2BJ,CAzBI,8CACI,+BAuBJ,CAtBI,oDACI,UAAW,CACX,QAAS,CACT,qDAAgD,CAAhD,6CACJ,CACA,iEACI,MAAO,CACP,QAAS,CACT,UAAW,CACX,UAAW,CACX,iBAKJ,CAHI,uEA9FZ,kHAgGY,CAEJ,kEACI,QAAS,CACT,QAAS,CACT,cAAe,CACf,wDAAmD,CAAnD,gDACJ,CAIR,yBACI,2BAA8B,CAA9B,6BAA8B,CAA9B,iCAA8B,CAA9B,6BA2BJ,CAzBI,iDACI,4BAuBJ,CAtBI,uDACI,OAAQ,CACR,QAAS,CACT,qDAAgD,CAAhD,6CACJ,CACA,oEACI,MAAO,CACP,WAAY,CACZ,UAAW,CACX,UAAW,CACX,iBAKJ,CAHI,0EA5HZ,oHA8HY,CAEJ,qEACI,WAAY,CACZ,QAAS,CACT,iBAAkB,CAClB,uDAAkD,CAAlD,+CACJ,CAIR,0CACI,iBA0DJ,CAzDI,gDACI,UAAW,CACX,iBAAkB,CAClB,SAAU,CACV,UAAW,CACX,aAAc,CACd,uBAAwB,CACxB,gHAA4G,CAA5G,wGACJ,CACA,0EACI,UAAW,CACX,WAAY,CACZ,eACJ,CACA,6DACI,iBAAkB,CAClB,4BAA6B,CAC7B,SACJ,CAEA,2DACI,iBAAkB,CAClB,iBAAkB,CAClB,mBAAoB,CACpB,YAeJ,CAbI,iIAEI,KAAM,CACN,WAAY,CACZ,8BACJ,CAEA,iIAEI,MAAO,CACP,UAAW,CACX,6BACJ,CAEJ,8DACI,iBAAkB,CAClB,UAAW,CACX,WAAY,CACZ,gBAAiB,CACjB,2BAAgC,CAChC,kBAAmB,CACnB,iBAAkB,CAClB,cAAe,CACf,UAAW,CACX,cAAe,CACf,gBAAiB,CACjB,SAIJ,CAHI,oEACI,kBACJ,CAIR,yCACI,kBAAO,CAAP,UAAO,CAAP,MAAO,CACP,eACJ,CAEA,kCACI,YAAa,CACb,cAAe,CACf,MAAO,CACP,OAAQ,CACR,KAAM,CACN,QAAS,CACT,YACJ","file":"resize-layout.min.css","sourcesContent":["@import './variable.css';\n\n@define-mixin linear-gradient $direction {\n    background-image: linear-gradient(to $direction, transparent, transparent 2px, $newMainColor 2px, $newMainColor 3px, transparent 3px, transparent);\n}\n\n.bk-resize-layout {\n    display: flex;\n    &-border {\n        border: 1px solid $newGreyColor1;\n    }\n    &-collapsed {\n        & > .bk-resize-layout-aside {\n            .bk-resize-layout-aside-content {\n                overflow: hidden;\n            }\n            .bk-resize-collapse:before {\n                display: inline-block;\n                transform: rotate(180deg);\n            }\n        }\n    }\n\n    &-left {\n        flex-direction: row;\n\n        & > .bk-resize-layout-aside {\n            border-right: 1px solid $newGreyColor1;\n            &:after {\n                right: 1px;\n                top: 50%;\n                transform: translate3d(0, -50%, 0);\n            }\n            .bk-resize-trigger {\n                top: 0;\n                left: 100%;\n                width: 5px;\n                height: 100%;\n                cursor: col-resize;\n                &:hover {\n                    @mixin linear-gradient left;\n                }\n            }\n            .bk-resize-collapse {\n                left: 100%;\n                top: 50%;\n                transform: translateY(-50%);\n            }\n        }\n    }\n\n    &-right {\n        flex-direction: row-reverse;\n\n        & > .bk-resize-layout-aside {\n            border-left: 1px solid $newGreyColor1;\n            &:after {\n                left: 1px;\n                top: 50%;\n                transform: translate3d(0, -50%, 0);\n            }\n            .bk-resize-trigger {\n                top: 0;\n                right: 100%;\n                width: 5px;\n                height: 100%;\n                cursor: col-resize;\n\n                &:hover {\n                    @mixin linear-gradient right;\n                }\n            }\n            .bk-resize-collapse {\n                right: 100%;\n                top: 50%;\n                transform: translateY(-50%) rotate(180deg);\n            }\n        }\n    }\n\n    &-top {\n        flex-direction: column;\n\n        & > .bk-resize-layout-aside {\n            border-bottom: 1px solid $newGreyColor1;\n            &:after {\n                bottom: 1px;\n                left: 50%;\n                transform: translate3d(-50%, 0, 0) rotate(90deg);\n            }\n            .bk-resize-trigger {\n                left: 0;\n                top: 100%;\n                width: 100%;\n                height: 5px;\n                cursor: row-resize;\n\n                &:hover {\n                    @mixin linear-gradient top;\n                }\n            }\n            .bk-resize-collapse {\n                top: 100%;\n                left: 50%;\n                margin-top: 8px;\n                transform: translate3d(-50%, -50%, 0) rotate(90deg);\n            }\n        }\n    }\n\n    &-bottom {\n        flex-direction: column-reverse;\n\n        & > .bk-resize-layout-aside {\n            border-top: 1px solid $newGreyColor1;\n            &:after {\n                top: 1px;\n                left: 50%;\n                transform: translate3d(-50%, 0, 0) rotate(90deg);\n            }\n            .bk-resize-trigger {\n                left: 0;\n                bottom: 100%;\n                width: 100%;\n                height: 5px;\n                cursor: row-resize;\n\n                &:hover {\n                    @mixin linear-gradient bottom;\n                }\n            }\n            .bk-resize-collapse {\n                bottom: 100%;\n                left: 50%;\n                margin-bottom: 8px;\n                transform: translate3d(50%, 50%, 0) rotate(-90deg);\n            }\n        }\n    }\n\n    & > .bk-resize-layout-aside {\n        position: relative;\n        &:after {\n            content: '';\n            position: absolute;\n            width: 2px;\n            height: 2px;\n            color: #c4c6cc;\n            background: currentColor;\n            box-shadow: 0 4px 0 0 currentColor, 0 8px 0 0 currentColor, 0 -4px 0 0 currentColor, 0 -8px 0 0 currentColor;\n        }\n        .bk-resize-layout-aside-content {\n            width: 100%;\n            height: 100%;\n            overflow: hidden;\n        }\n        .bk-resize-trigger {\n            position: absolute;\n            background-color: transparent;\n            z-index: 3;\n        }\n\n        .bk-resize-proxy {\n            visibility: hidden;\n            position: absolute;\n            pointer-events: none;\n            z-index: 9999;\n\n            &.left,\n            &.right {\n                top: 0;\n                height: 100%;\n                border-left: 1px dashed $newMainColor;\n            }\n\n            &.top,\n            &.bottom {\n                left: 0;\n                width: 100%;\n                border-top: 1px dashed $newMainColor;\n            }\n        }\n        .bk-resize-collapse {\n            position: absolute;\n            width: 16px;\n            height: 50px;\n            line-height: 50px;\n            border-radius: 0px 12px 12px 0px;\n            background: #dcdee5;\n            text-align: center;\n            font-size: 20px;\n            color: #fff;\n            cursor: pointer;\n            text-indent: -2px;\n            z-index: 2;\n            &:hover {\n                background: $newMainColor;\n            }\n        }\n    }\n\n    & > .bk-resize-layout-main {\n        flex: 1;\n        overflow: hidden;\n    }\n\n    .bk-resize-mask {\n        display: none;\n        position: fixed;\n        left: 0;\n        right: 0;\n        top: 0;\n        bottom: 0;\n        z-index: 9999;\n    }\n}\n"]}
+{"version":3,"sources":["resize-layout.css"],"names":[],"mappings":"AAMA,kBACI,mBAAa,CAAb,mBAAa,CAAb,YAyNJ,CAxNI,yBACI,wBACJ,CAGQ,oFACI,eACJ,CACA,+EACI,oBAAqB,CACrB,gCAAyB,CAAzB,wBACJ,CAKJ,iFACI,qBAIJ,CAHI,uFACI,YACJ,CAIR,uBACI,6BAAmB,CAAnB,4BAAmB,CAAnB,sBAAmB,CAAnB,kBAyBJ,CAvBI,+CACI,8BAqBJ,CApBI,qDACI,SAAU,CACV,OAAQ,CACR,uCAAkC,CAAlC,+BACJ,CACA,kEACI,KAAM,CACN,SAAU,CACV,SAAU,CACV,WAAY,CACZ,iBAIJ,CAHI,wEA7CZ,oHA+CY,CAEJ,mEACI,SAAU,CACV,OAAQ,CACR,kCAA2B,CAA3B,0BACJ,CAIR,wBACI,6BAA2B,CAA3B,6BAA2B,CAA3B,8BAA2B,CAA3B,0BA0BJ,CAxBI,gDACI,6BAsBJ,CArBI,sDACI,QAAS,CACT,OAAQ,CACR,uCAAkC,CAAlC,+BACJ,CACA,mEACI,KAAM,CACN,UAAW,CACX,SAAU,CACV,WAAY,CACZ,iBAKJ,CAHI,yEA1EZ,mHA4EY,CAEJ,oEACI,UAAW,CACX,OAAQ,CACR,iDAA0C,CAA1C,yCACJ,CAIR,sBACI,2BAAsB,CAAtB,4BAAsB,CAAtB,yBAAsB,CAAtB,qBA2BJ,CAzBI,8CACI,+BAuBJ,CAtBI,oDACI,UAAW,CACX,QAAS,CACT,qDAAgD,CAAhD,6CACJ,CACA,iEACI,MAAO,CACP,QAAS,CACT,UAAW,CACX,UAAW,CACX,iBAKJ,CAHI,uEAvGZ,kHAyGY,CAEJ,kEACI,QAAS,CACT,QAAS,CACT,cAAe,CACf,wDAAmD,CAAnD,gDACJ,CAIR,yBACI,2BAA8B,CAA9B,6BAA8B,CAA9B,iCAA8B,CAA9B,6BA2BJ,CAzBI,iDACI,4BAuBJ,CAtBI,uDACI,OAAQ,CACR,QAAS,CACT,qDAAgD,CAAhD,6CACJ,CACA,oEACI,MAAO,CACP,WAAY,CACZ,UAAW,CACX,UAAW,CACX,iBAKJ,CAHI,0EArIZ,oHAuIY,CAEJ,qEACI,WAAY,CACZ,QAAS,CACT,iBAAkB,CAClB,uDAAkD,CAAlD,+CACJ,CAIR,0CACI,iBA0DJ,CAzDI,gDACI,UAAW,CACX,iBAAkB,CAClB,SAAU,CACV,UAAW,CACX,aAAc,CACd,uBAAwB,CACxB,gHAA4G,CAA5G,wGACJ,CACA,0EACI,UAAW,CACX,WAAY,CACZ,eACJ,CACA,6DACI,iBAAkB,CAClB,4BAA6B,CAC7B,SACJ,CAEA,2DACI,iBAAkB,CAClB,iBAAkB,CAClB,mBAAoB,CACpB,YAeJ,CAbI,iIAEI,KAAM,CACN,WAAY,CACZ,8BACJ,CAEA,iIAEI,MAAO,CACP,UAAW,CACX,6BACJ,CAEJ,8DACI,iBAAkB,CAClB,UAAW,CACX,WAAY,CACZ,gBAAiB,CACjB,yBAA8B,CAC9B,kBAAmB,CACnB,iBAAkB,CAClB,cAAe,CACf,UAAW,CACX,cAAe,CACf,gBAAiB,CACjB,SAIJ,CAHI,oEACI,kBACJ,CAIR,yCACI,kBAAO,CAAP,UAAO,CAAP,MAAO,CACP,eACJ,CAEA,kCACI,YAAa,CACb,cAAe,CACf,MAAO,CACP,OAAQ,CACR,KAAM,CACN,QAAS,CACT,YACJ","file":"resize-layout.min.css","sourcesContent":["@import './variable.css';\n\n@define-mixin linear-gradient $direction {\n    background-image: linear-gradient(to $direction, transparent, transparent 2px, $newMainColor 1px, $newMainColor 4px, transparent 3px, transparent);\n}\n\n.bk-resize-layout {\n    display: flex;\n    &-border {\n        border: 1px solid $newGreyColor1;\n    }\n    &-collapsed {\n        & > .bk-resize-layout-aside {\n            .bk-resize-layout-aside-content {\n                overflow: hidden;\n            }\n            .bk-resize-collapse:before {\n                display: inline-block;\n                transform: rotate(180deg);\n            }\n        }\n    }\n\n    &-collapsible.bk-resize-layout-collapsed {\n        & > .bk-resize-layout-aside {\n            border: none !important;\n            &:after {\n                display: none;\n            }\n        }\n    }\n\n    &-left {\n        flex-direction: row;\n\n        & > .bk-resize-layout-aside {\n            border-right: 1px solid $newGreyColor1;\n            &:after {\n                right: 1px;\n                top: 50%;\n                transform: translate3d(0, -50%, 0);\n            }\n            .bk-resize-trigger {\n                top: 0;\n                left: 100%;\n                width: 5px;\n                height: 100%;\n                cursor: col-resize;\n                &:hover {\n                    @mixin linear-gradient left;\n                }\n            }\n            .bk-resize-collapse {\n                left: 100%;\n                top: 50%;\n                transform: translateY(-50%);\n            }\n        }\n    }\n\n    &-right {\n        flex-direction: row-reverse;\n\n        & > .bk-resize-layout-aside {\n            border-left: 1px solid $newGreyColor1;\n            &:after {\n                left: 1px;\n                top: 50%;\n                transform: translate3d(0, -50%, 0);\n            }\n            .bk-resize-trigger {\n                top: 0;\n                right: 100%;\n                width: 5px;\n                height: 100%;\n                cursor: col-resize;\n\n                &:hover {\n                    @mixin linear-gradient right;\n                }\n            }\n            .bk-resize-collapse {\n                right: 100%;\n                top: 50%;\n                transform: translateY(-50%) rotate(180deg);\n            }\n        }\n    }\n\n    &-top {\n        flex-direction: column;\n\n        & > .bk-resize-layout-aside {\n            border-bottom: 1px solid $newGreyColor1;\n            &:after {\n                bottom: 1px;\n                left: 50%;\n                transform: translate3d(-50%, 0, 0) rotate(90deg);\n            }\n            .bk-resize-trigger {\n                left: 0;\n                top: 100%;\n                width: 100%;\n                height: 5px;\n                cursor: row-resize;\n\n                &:hover {\n                    @mixin linear-gradient top;\n                }\n            }\n            .bk-resize-collapse {\n                top: 100%;\n                left: 50%;\n                margin-top: 8px;\n                transform: translate3d(-50%, -50%, 0) rotate(90deg);\n            }\n        }\n    }\n\n    &-bottom {\n        flex-direction: column-reverse;\n\n        & > .bk-resize-layout-aside {\n            border-top: 1px solid $newGreyColor1;\n            &:after {\n                top: 1px;\n                left: 50%;\n                transform: translate3d(-50%, 0, 0) rotate(90deg);\n            }\n            .bk-resize-trigger {\n                left: 0;\n                bottom: 100%;\n                width: 100%;\n                height: 5px;\n                cursor: row-resize;\n\n                &:hover {\n                    @mixin linear-gradient bottom;\n                }\n            }\n            .bk-resize-collapse {\n                bottom: 100%;\n                left: 50%;\n                margin-bottom: 8px;\n                transform: translate3d(50%, 50%, 0) rotate(-90deg);\n            }\n        }\n    }\n\n    & > .bk-resize-layout-aside {\n        position: relative;\n        &:after {\n            content: '';\n            position: absolute;\n            width: 2px;\n            height: 2px;\n            color: #c4c6cc;\n            background: currentColor;\n            box-shadow: 0 4px 0 0 currentColor, 0 8px 0 0 currentColor, 0 -4px 0 0 currentColor, 0 -8px 0 0 currentColor;\n        }\n        .bk-resize-layout-aside-content {\n            width: 100%;\n            height: 100%;\n            overflow: hidden;\n        }\n        .bk-resize-trigger {\n            position: absolute;\n            background-color: transparent;\n            z-index: 3;\n        }\n\n        .bk-resize-proxy {\n            visibility: hidden;\n            position: absolute;\n            pointer-events: none;\n            z-index: 9999;\n\n            &.left,\n            &.right {\n                top: 0;\n                height: 100%;\n                border-left: 1px dashed $newMainColor;\n            }\n\n            &.top,\n            &.bottom {\n                left: 0;\n                width: 100%;\n                border-top: 1px dashed $newMainColor;\n            }\n        }\n        .bk-resize-collapse {\n            position: absolute;\n            width: 16px;\n            height: 50px;\n            line-height: 50px;\n            border-radius: 0px 6px 6px 0px;\n            background: #dcdee5;\n            text-align: center;\n            font-size: 20px;\n            color: #fff;\n            cursor: pointer;\n            text-indent: -2px;\n            z-index: 2;\n            &:hover {\n                background: $newMainColor;\n            }\n        }\n    }\n\n    & > .bk-resize-layout-main {\n        flex: 1;\n        overflow: hidden;\n    }\n\n    .bk-resize-mask {\n        display: none;\n        position: fixed;\n        left: 0;\n        right: 0;\n        top: 0;\n        bottom: 0;\n        z-index: 9999;\n    }\n}\n"]}

package/lib/ui/sideslider.css

@@ -24,7 +24,8 @@
         top:0;
         bottom:0;
         background-color:#fff;
-        overflow-y:auto
+        overflow-y:auto;
+        pointer-events:all
     }
 
 .bk-sideslider-wrapper.left{
@@ -41,7 +42,7 @@
 
 .bk-sideslider-header{
         width:100%;
-        height:60px;
+        height:52px;
         background:#FFFFFF
     }
 
@@ -58,8 +59,8 @@
 
 .bk-sideslider-closer{
         width:30px;
-        height:60px;
-        line-height:60px;
+        height:52px;
+        line-height:52px;
         background-color:#3a84ff;
         text-align:center;
         color:#fff;
@@ -73,8 +74,8 @@
         }
 
 .bk-sideslider-title{
-        height:60px;
-        line-height:60px;
+        height:52px;
+        line-height:52px;
         border-bottom:1px solid #DCDEE5;
         font-size:16px;
         color:#313238;
@@ -92,7 +93,7 @@
 
 .bk-sideslider-footer{
         width:100%;
-        height:54px;
+        height:48px;
         border-top:1px solid #dcdee5;
         background-color:#fff;
         display:-webkit-box;

package/lib/ui/sideslider.min.css

@@ -1,2 +1,2 @@
-.bk-sideslider-show,.bk-sideslider-show body{overflow-y:hidden!important}.bk-sideslider-show.has-sideslider-padding{padding-right:17px!important}.bk-sideslider{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2500}.bk-sideslider-wrapper{position:absolute;top:0;bottom:0;background-color:#fff;overflow-y:auto}.bk-sideslider-wrapper.left{left:0;-webkit-box-shadow:5px 0 8px -5px rgba(0,0,0,.2);box-shadow:5px 0 8px -5px rgba(0,0,0,.2)}.bk-sideslider-wrapper.right{right:0;-webkit-box-shadow:-5px 0 8px -5px rgba(0,0,0,.2);box-shadow:-5px 0 8px -5px rgba(0,0,0,.2)}.bk-sideslider-header{width:100%;height:60px;background:#fff}.bk-sideslider-header:after,.bk-sideslider-header:before{content:"";display:table;line-height:0}.bk-sideslider-header:after{clear:both}.bk-sideslider-closer{width:30px;height:60px;line-height:60px;background-color:#3a84ff;text-align:center;color:#fff;cursor:pointer;font-size:24px}.bk-sideslider-closer span{display:block;margin-top:22px}.bk-sideslider-title{height:60px;line-height:60px;border-bottom:1px solid #dcdee5;font-size:16px;color:#313238}.bk-sideslider-title .title-content{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bk-sideslider-content{overflow:auto}.bk-sideslider-footer{width:100%;height:54px;border-top:1px solid #dcdee5;background-color:#fff;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
+.bk-sideslider-show,.bk-sideslider-show body{overflow-y:hidden!important}.bk-sideslider-show.has-sideslider-padding{padding-right:17px!important}.bk-sideslider{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2500}.bk-sideslider-wrapper{position:absolute;top:0;bottom:0;background-color:#fff;overflow-y:auto;pointer-events:all}.bk-sideslider-wrapper.left{left:0;-webkit-box-shadow:5px 0 8px -5px rgba(0,0,0,.2);box-shadow:5px 0 8px -5px rgba(0,0,0,.2)}.bk-sideslider-wrapper.right{right:0;-webkit-box-shadow:-5px 0 8px -5px rgba(0,0,0,.2);box-shadow:-5px 0 8px -5px rgba(0,0,0,.2)}.bk-sideslider-header{width:100%;height:52px;background:#fff}.bk-sideslider-header:after,.bk-sideslider-header:before{content:"";display:table;line-height:0}.bk-sideslider-header:after{clear:both}.bk-sideslider-closer{width:30px;height:52px;line-height:52px;background-color:#3a84ff;text-align:center;color:#fff;cursor:pointer;font-size:24px}.bk-sideslider-closer span{display:block;margin-top:22px}.bk-sideslider-title{height:52px;line-height:52px;border-bottom:1px solid #dcdee5;font-size:16px;color:#313238}.bk-sideslider-title .title-content{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bk-sideslider-content{overflow:auto}.bk-sideslider-footer{width:100%;height:48px;border-top:1px solid #dcdee5;background-color:#fff;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
 /*# sourceMappingURL=sideslider.min.css.map */

package/lib/ui/sideslider.min.css.map

@@ -1 +1 @@
-{"version":3,"sources":["sideslider.css"],"names":[],"mappings":"AAII,6CACI,2BACJ,CACA,2CACI,4BACJ,CAEJ,eACI,cAAe,CACf,KAAM,CACN,OAAQ,CACR,QAAS,CACT,MAAO,CAEP,YAqEJ,CApEI,uBACI,iBAAkB,CAClB,KAAM,CACN,QAAS,CACT,qBAAsB,CACtB,eASJ,CARI,4BACI,MAAO,CACP,gDAA+C,CAA/C,wCACJ,CACA,6BACI,OAAQ,CACR,iDAAgD,CAAhD,yCACJ,CAEJ,sBACI,UAAW,CACX,WAAY,CACZ,eAUJ,CATI,yDAEI,UAAW,CACX,aAAc,CACd,aACJ,CACA,4BACI,UACJ,CAEJ,sBACI,UAAW,CACX,WAAY,CACZ,gBAAiB,CACjB,wBAAyB,CACzB,iBAAkB,CAClB,UAAW,CACX,cAAe,CACf,cAKJ,CAJI,2BACI,aAAc,CACd,eACJ,CAEJ,qBACI,WAAY,CACZ,gBAAiB,CACjB,+BAAgC,CAChC,cAAe,CAEf,aAMJ,CALI,oCACE,eAAgB,CAChB,sBAAuB,CACvB,kBACF,CAEJ,uBACI,aACJ,CACA,sBACI,UAAW,CACX,WAAY,CAEZ,4BAA6B,CAC7B,qBAAsB,CACtB,mBAAa,CAAb,mBAAa,CAAb,YAAa,CACb,wBAAmB,CAAnB,qBAAmB,CAAnB,kBACJ","file":"sideslider.min.css","sourcesContent":["@import \"./variable.css\";\n\n.bk-sideslider-show {\n    overflow-y: hidden !important;\n    body {\n        overflow-y: hidden !important;\n    }\n    &.has-sideslider-padding {\n        padding-right: 17px !important;\n    }\n}\n.bk-sideslider {\n    position: fixed;\n    top: 0;\n    right: 0;\n    bottom: 0;\n    left: 0;\n    /* background-color: rgba(0, 0, 0, .6); */\n    z-index: $sideSliderZIndex;\n    &-wrapper {\n        position: absolute;\n        top: 0;\n        bottom: 0;\n        background-color: #fff;\n        overflow-y: auto;\n        &.left {\n            left: 0;\n            box-shadow: 5px 0px 8px -5px rgba(0, 0, 0, 0.2);\n        }\n        &.right {\n            right: 0;\n            box-shadow: -5px 0px 8px -5px rgba(0, 0, 0, 0.2);\n        }\n    }\n    &-header {\n        width: 100%;\n        height: 60px;\n        background: #FFFFFF;\n        &:before,\n        &:after {\n            content: '';\n            display: table;\n            line-height: 0;\n        }\n        &:after {\n            clear: both;\n        }\n    }\n    &-closer {\n        width: 30px;\n        height: 60px;\n        line-height: 60px;\n        background-color: #3a84ff;\n        text-align: center;\n        color: #fff;\n        cursor: pointer;\n        font-size: $iconLargeSize;\n        span {\n            display: block;\n            margin-top: 22px;\n        }\n    }\n    &-title {\n        height: 60px;\n        line-height: 60px;\n        border-bottom: 1px solid #DCDEE5;\n        font-size: 16px;\n        /* font-weight: bold; */\n        color: $newBlackColor1;\n        .title-content {\n          overflow: hidden;\n          text-overflow: ellipsis;\n          white-space: nowrap;\n        }\n    }\n    &-content {\n        overflow: auto;\n    }\n    &-footer {\n        width: 100%;\n        height: 54px;\n        /* border-top: 1px solid transparent; */\n        border-top: 1px solid #dcdee5;\n        background-color: #fff;\n        display: flex;\n        align-items: center;\n    }\n}\n"]}
+{"version":3,"sources":["sideslider.css"],"names":[],"mappings":"AAII,6CACI,2BACJ,CACA,2CACI,4BACJ,CAEJ,eACI,cAAe,CACf,KAAM,CACN,OAAQ,CACR,QAAS,CACT,MAAO,CAEP,YAsEJ,CArEI,uBACI,iBAAkB,CAClB,KAAM,CACN,QAAS,CACT,qBAAsB,CACtB,eAAgB,CAChB,kBASJ,CARI,4BACI,MAAO,CACP,gDAA+C,CAA/C,wCACJ,CACA,6BACI,OAAQ,CACR,iDAAgD,CAAhD,yCACJ,CAEJ,sBACI,UAAW,CACX,WAAY,CACZ,eAUJ,CATI,yDAEI,UAAW,CACX,aAAc,CACd,aACJ,CACA,4BACI,UACJ,CAEJ,sBACI,UAAW,CACX,WAAY,CACZ,gBAAiB,CACjB,wBAAyB,CACzB,iBAAkB,CAClB,UAAW,CACX,cAAe,CACf,cAKJ,CAJI,2BACI,aAAc,CACd,eACJ,CAEJ,qBACI,WAAY,CACZ,gBAAiB,CACjB,+BAAgC,CAChC,cAAe,CAEf,aAMJ,CALI,oCACE,eAAgB,CAChB,sBAAuB,CACvB,kBACF,CAEJ,uBACI,aACJ,CACA,sBACI,UAAW,CACX,WAAY,CAEZ,4BAA6B,CAC7B,qBAAsB,CACtB,mBAAa,CAAb,mBAAa,CAAb,YAAa,CACb,wBAAmB,CAAnB,qBAAmB,CAAnB,kBACJ","file":"sideslider.min.css","sourcesContent":["@import \"./variable.css\";\n\n.bk-sideslider-show {\n    overflow-y: hidden !important;\n    body {\n        overflow-y: hidden !important;\n    }\n    &.has-sideslider-padding {\n        padding-right: 17px !important;\n    }\n}\n.bk-sideslider {\n    position: fixed;\n    top: 0;\n    right: 0;\n    bottom: 0;\n    left: 0;\n    /* background-color: rgba(0, 0, 0, .6); */\n    z-index: $sideSliderZIndex;\n    &-wrapper {\n        position: absolute;\n        top: 0;\n        bottom: 0;\n        background-color: #fff;\n        overflow-y: auto;\n        pointer-events: all;\n        &.left {\n            left: 0;\n            box-shadow: 5px 0px 8px -5px rgba(0, 0, 0, 0.2);\n        }\n        &.right {\n            right: 0;\n            box-shadow: -5px 0px 8px -5px rgba(0, 0, 0, 0.2);\n        }\n    }\n    &-header {\n        width: 100%;\n        height: 52px;\n        background: #FFFFFF;\n        &:before,\n        &:after {\n            content: '';\n            display: table;\n            line-height: 0;\n        }\n        &:after {\n            clear: both;\n        }\n    }\n    &-closer {\n        width: 30px;\n        height: 52px;\n        line-height: 52px;\n        background-color: #3a84ff;\n        text-align: center;\n        color: #fff;\n        cursor: pointer;\n        font-size: $iconLargeSize;\n        span {\n            display: block;\n            margin-top: 22px;\n        }\n    }\n    &-title {\n        height: 52px;\n        line-height: 52px;\n        border-bottom: 1px solid #DCDEE5;\n        font-size: 16px;\n        /* font-weight: bold; */\n        color: $newBlackColor1;\n        .title-content {\n          overflow: hidden;\n          text-overflow: ellipsis;\n          white-space: nowrap;\n        }\n    }\n    &-content {\n        overflow: auto;\n    }\n    &-footer {\n        width: 100%;\n        height: 48px;\n        /* border-top: 1px solid transparent; */\n        border-top: 1px solid #dcdee5;\n        background-color: #fff;\n        display: flex;\n        align-items: center;\n    }\n}\n"]}