plain-design 0.0.82 → 0.0.86

Sign up to get free protection for your applications and to get access to all the features.
Files changed (16) hide show
  1. package/dist/plain-design.commonjs.min.js +2 -2
  2. package/dist/plain-design.min.css +1 -1
  3. package/dist/plain-design.min.js +2 -2
  4. package/dist/report.html +6 -5
  5. package/package.json +3 -3
  6. package/src/packages/PlImage/index.tsx +20 -5
  7. package/src/packages/PlImageUploader/index.tsx +8 -7
  8. package/src/packages/PlScroll/scroll.scss +8 -1
  9. package/src/packages/PlTable/table/body/body.tsx +15 -6
  10. package/src/packages/PlTable/table/head/head.tsx +9 -4
  11. package/src/packages/PlcImage/index.tsx +5 -14
  12. package/src/packages/createUseTableOption/use/use.methods.tsx +12 -6
  13. package/src/packages/createUseTableOption/use/use.paginaiton.tsx +1 -2
  14. package/src/packages/useContextmenu/PlContextMenuService.tsx +17 -15
  15. package/src/packages/useImage/index.tsx +5 -3
  16. package/src/styles/data/scan.scss.json +5 -5
package/dist/plain-design.min.css CHANGED
@@ -16,7 +16,7 @@ html .pl-message-manager{pointer-events:none;position:fixed;top:0;left:0;z-index
16
16
  .pl-image-preview-service{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.85);color:#fff;display:flex;align-items:center;justify-content:center}.pl-image-preview-service .pl-image-preview-service-indicator{position:absolute;bottom:80px;left:0;right:0;display:flex;align-items:center;justify-content:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.pl-image-preview-service .pl-image-preview-service-indicator .pl-image-preview-service-indicator-item{width:16px;height:4px;background-color:rgba(255,255,255,.25)}.pl-image-preview-service .pl-image-preview-service-indicator .pl-image-preview-service-indicator-item+div{margin-left:8px}.pl-image-preview-service .pl-image-preview-service-indicator .pl-image-preview-service-indicator-item.pl-image-preview-service-indicator-item-active{background-color:#fff;width:32px}.pl-image-preview-service .pl-image-preview-service-button-group{position:absolute;bottom:20px;left:0;right:0;display:flex;align-items:center;justify-content:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.pl-image-preview-service .pl-image-preview-service-button-group .pl-image-preview-service-button{height:48px;width:48px;background-color:rgba(255,255,255,.45);display:flex;align-items:center;justify-content:center;margin-right:1px;font-size:24px}.pl-image-preview-service .pl-image-preview-service-button-group .pl-image-preview-service-button:first-child{padding-left:5px;border-top-left-radius:100px;border-bottom-left-radius:100px}.pl-image-preview-service .pl-image-preview-service-button-group .pl-image-preview-service-button:last-child{padding-right:5px;border-top-right-radius:100px;border-bottom-right-radius:100px}.pl-image-preview-service .pl-image-preview-service-button-group .pl-image-preview-service-button:hover{background-color:rgba(0,0,0,.45);cursor:pointer}.pl-image-preview-service>.pl-image-preview-service-img-wrapper>div>img{max-height:70vh;max-width:90vw;cursor:-webkit-grab;cursor:grab;position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;transition:-webkit-transform linear .1s;transition:transform linear .1s;transition:transform linear .1s, -webkit-transform linear .1s}html .pl-image-preview-enter{opacity:0}html .pl-image-preview-enter .pl-image-preview-service-img-wrapper{-webkit-transform:scale(0.25);transform:scale(0.25)}html .pl-image-preview-enter .pl-image-preview-service-button-group{-webkit-transform:translateY(200px);transform:translateY(200px)}html .pl-image-preview-enter-active{opacity:1}html .pl-image-preview-enter-active .pl-image-preview-service-img-wrapper{-webkit-transform:scale(1);transform:scale(1)}html .pl-image-preview-enter-active .pl-image-preview-service-button-group{-webkit-transform:translateY(0);transform:translateY(0)}html .pl-image-preview-exit{opacity:1}html .pl-image-preview-exit-active{opacity:0}html .pl-image-preview-exit-active .pl-image-preview-service-img-wrapper{-webkit-transform:scale(0.25);transform:scale(0.25)}html .pl-image-preview-exit-active .pl-image-preview-service-button-group{-webkit-transform:translateY(200px);transform:translateY(200px)}html .pl-image-preview-enter-active,html .pl-image-preview-exit-active{transition:all 300ms linear}html .pl-image-preview-enter-active .pl-image-preview-service-indicator,html .pl-image-preview-exit-active .pl-image-preview-service-indicator{transition:-webkit-transform linear 300ms;transition:transform linear 300ms;transition:transform linear 300ms, -webkit-transform linear 300ms}html .pl-image-preview-enter-active .pl-image-preview-service-indicator .pl-image-preview-service-indicator-item,html .pl-image-preview-exit-active .pl-image-preview-service-indicator .pl-image-preview-service-indicator-item{transition:all linear 300ms}html .pl-image-preview-enter-active .pl-image-preview-service-button-group,html .pl-image-preview-exit-active .pl-image-preview-service-button-group{transition:-webkit-transform linear 300ms;transition:transform linear 300ms;transition:transform linear 300ms, -webkit-transform linear 300ms}html .pl-image-preview-enter-active .pl-image-preview-service-img-wrapper,html .pl-image-preview-exit-active .pl-image-preview-service-img-wrapper{transition:-webkit-transform cubic-bezier(0.23, 1, 0.32, 1) 300ms;transition:transform cubic-bezier(0.23, 1, 0.32, 1) 300ms;transition:transform cubic-bezier(0.23, 1, 0.32, 1) 300ms, -webkit-transform cubic-bezier(0.23, 1, 0.32, 1) 300ms}html img.pl-image{vertical-align:bottom}html div.pl-image{vertical-align:bottom;min-height:30px;min-width:30px;display:inline-flex;flex-direction:column;align-items:center;justify-content:center}html div.pl-image .pl-icon{font-size:36px;color:rgba(0,0,0,.45)}html div.pl-image span{color:#314659;font-size:12px}html div.pl-image.pl-image-status-pending .pl-loading{margin-bottom:0}html div.pl-image.pl-image-status-empty{background-color:#f5f7fa}html div.pl-image.pl-image-status-empty .pl-icon{color:#c6c6c6}html div.pl-image.pl-image-status-empty span{color:#c0c4cc}html div.pl-image.pl-image-status-error{background-color:rgba(207,19,34,.1)}html div.pl-image.pl-image-status-error .pl-icon{color:#cf1322}html div.pl-image.pl-image-status-error span{color:#cf1322}html div.pl-image.pl-image-status-pending{background-color:rgba(29,57,196,.1)}html div.pl-image.pl-image-status-pending .pl-icon{color:#1d39c4}html div.pl-image.pl-image-status-pending span{color:#1d39c4}html img.pl-image-preview-on-click{cursor:zoom-in}html .pl-image-uploader{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;vertical-align:bottom;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;box-sizing:border-box;position:relative;overflow:hidden;cursor:pointer}html .pl-image-uploader>img{height:100%;width:100%}html .pl-image-uploader,html .pl-image-uploader .pl-icon,html .pl-image-uploader span{transition:all linear 300ms}html .pl-image-uploader>div{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;flex-direction:column;align-items:center;justify-content:center}html .pl-image-uploader>div>.pl-icon{font-size:32px}html .pl-image-uploader>div>span{font-size:12px;margin-top:4px}html .pl-image-uploader.pl-image-uploader-status-empty{border:dashed 2px #dcdfe6}html .pl-image-uploader.pl-image-uploader-status-empty .pl-icon{color:rgba(0,0,0,.45)}html .pl-image-uploader.pl-image-uploader-status-empty span{color:#314659}html .pl-image-uploader.pl-image-uploader-status-empty:hover{border-color:#1d39c4}html .pl-image-uploader.pl-image-uploader-status-empty:hover .pl-icon,html .pl-image-uploader.pl-image-uploader-status-empty:hover span{color:#1d39c4}html .pl-image-uploader.pl-image-uploader-status-empty:active{background-color:rgba(29,57,196,.1)}html .pl-image-uploader.pl-image-uploader-status-fail .pl-image-uploader-fail{background-color:rgba(0,0,0,.85);color:#fff}html .pl-image-uploader>.pl-image-uploader-button-group{bottom:0;top:initial;left:0;right:0;height:40px;display:flex;flex-direction:row;align-items:stretch;transition:all cubic-bezier(0.23, 1, 0.32, 1) 300ms;-webkit-transform:translateY(100%);transform:translateY(100%)}html .pl-image-uploader>.pl-image-uploader-button-group>div{flex:1;display:flex;align-items:center;justify-content:center;background-color:rgba(153,153,153,.65);border-radius:4px;-webkit-transform:scale(0.9);transform:scale(0.9)}html .pl-image-uploader>.pl-image-uploader-button-group>div:hover{background-color:rgba(0,0,0,.45)}html .pl-image-uploader>.pl-image-uploader-button-group>div:active{opacity:.75}html .pl-image-uploader>.pl-image-uploader-button-group>div .pl-icon{color:#fff}html .pl-image-uploader.pl-image-editable.pl-image-uploader-status-success:hover>.pl-image-uploader-button-group{-webkit-transform:translateY(0);transform:translateY(0)}
17
17
  html .pl-tooltip .plain-popper-content .pl-popper-content-inner{color:inherit;padding:8px 12px !important}html .pl-tooltip.pl-tooltip-theme-dark .plain-popper-content{background-color:#000 !important}html .pl-tooltip.pl-tooltip-theme-dark .plain-popper-content,html .pl-tooltip.pl-tooltip-theme-dark .plain-popper-content .pl-popper-content-inner,html .pl-tooltip.pl-tooltip-theme-dark .plain-popper-content .pl-popper-title{color:#fff}html .pl-tooltip.pl-tooltip-theme-light .plain-popper-content{background-color:#fff !important}html .pl-tooltip.pl-tooltip-theme-light .plain-popper-content,html .pl-tooltip.pl-tooltip-theme-light .plain-popper-content .pl-popper-content-inner{color:#314659 !important}html .pl-tooltip-reference{display:inline-block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;vertical-align:baseline}
18
18
  html .pl-popper{position:fixed}html .pl-popper .plain-popper-content{border-radius:2px;pointer-events:none !important;background-color:#fff}html .pl-popper .plain-popper-content .pl-popper-title{min-height:32px;margin:0;padding:5px 16px 4px;color:rgba(0,0,0,.85);font-weight:500;border-bottom:1px solid #f0f0f0;font-size:14px;box-sizing:border-box}html .pl-popper .plain-popper-content .pl-popper-content-inner{color:rgba(0,0,0,.85);font-size:12px;padding:4px 16px;box-sizing:border-box}html .pl-popper .plain-popper-content .pl-popper-content-inner p{margin:0}html .pl-popper.pl-popper-no-content-padding .pl-popper-content-inner{padding-left:0;padding-right:0}html .pl-popper.plain-popper[direction=top] .plain-popper-content{box-shadow:0 -1px 10px 2px rgba(0,0,0,.15)}html .pl-popper.plain-popper[direction=bottom] .plain-popper-content{box-shadow:0 1px 10px 2px rgba(0,0,0,.15)}html .pl-popper.plain-popper[direction=left] .plain-popper-content{box-shadow:-1px 0 10px 2px rgba(0,0,0,.15)}html .pl-popper.plain-popper[direction=right] .plain-popper-content{box-shadow:1px 0 10px 2px rgba(0,0,0,.15)}html .pl-popper.pl-popper-show .plain-popper-content{pointer-events:auto !important}html .pl-popper:not(.pl-popper-show) .plain-popper-content{box-shadow:none}html .pl-popper:not(.pl-popper-show):not(.pl-popper-open) .plain-popper-content{transition:none !important}html .pl-popper:not(.pl-popper-show-arrow) .plain-popper-arrow{display:none}html .pl-popper.pl-transition-fade .plain-popper-content{transition:opacity 150ms linear;opacity:0}html .pl-popper.pl-transition-fade.pl-popper-show .plain-popper-content{opacity:1}html .pl-popper.pl-transition-scale .plain-popper-content{transition:all 200ms cubic-bezier(0.24, 0.22, 0.015, 1.2);-webkit-transform:scale(0.5);transform:scale(0.5);opacity:0}html .pl-popper.pl-transition-scale.pl-popper-show .plain-popper-content{-webkit-transform:scale(1);transform:scale(1);opacity:1}html .pl-popper.pl-transition-scale-y .plain-popper-content{transition:all 300ms cubic-bezier(0.23, 1, 0.32, 1);-webkit-transform:scaleY(0);transform:scaleY(0)}html .pl-popper.pl-transition-scale-y.pl-popper-show .plain-popper-content{-webkit-transform:scaleY(1);transform:scaleY(1)}html .pl-popper.pl-transition-popper-drop .plain-popper-content{transition:all 200ms cubic-bezier(0.59, 1.12, 0.81, 0.95);opacity:0}html .pl-popper.pl-transition-popper-drop.plain-popper[direction=top] .plain-popper-content{-webkit-transform:translate3d(0, 60%, 0);transform:translate3d(0, 60%, 0)}html .pl-popper.pl-transition-popper-drop.plain-popper[direction=bottom] .plain-popper-content{-webkit-transform:translate3d(0, -60%, 0);transform:translate3d(0, -60%, 0)}html .pl-popper.pl-transition-popper-drop.plain-popper[direction=left] .plain-popper-content{-webkit-transform:translate3d(60%, 0, 0);transform:translate3d(60%, 0, 0)}html .pl-popper.pl-transition-popper-drop.plain-popper[direction=right] .plain-popper-content{-webkit-transform:translate3d(-60%, 0, 0);transform:translate3d(-60%, 0, 0)}html .pl-popper.pl-transition-popper-drop.pl-popper-show.plain-popper .plain-popper-content{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);opacity:1}
19
- html .pl-scroll{display:block;height:100%;width:100%;overflow:hidden;position:relative;box-sizing:border-box}html .pl-scroll.pl-scroll-disabled .pl-scroll-wrapper{overflow:hidden !important;cursor:not-allowed}html .pl-scroll .pl-scroll-wrapper{height:calc(100% + 17px);width:calc(100% + 17px);overflow:scroll;display:inline-block;float:left}html .pl-scroll .pl-scroll-wrapper::-webkit-scrollbar{background:transparent;width:17px;height:17px}html .pl-scroll .pl-scroll-wrapper::-webkit-scrollbar-thumb{background:transparent}html .pl-scroll .pl-scroll-wrapper .pl-scroll-content{display:inline-block}html .pl-scroll .pl-scroll-wrapper .pl-scroll-content ::-webkit-scrollbar{background:#f1f1f1;width:17px;height:17px}html .pl-scroll .pl-scroll-wrapper .pl-scroll-content ::-webkit-scrollbar-thumb{background:#c1c1c1}html .pl-scroll .pl-vertical-scrollbar-wrapper,html .pl-scroll .pl-horizontal-scrollbar-wrapper{z-index:3}html .pl-scroll .pl-vertical-scrollbar-wrapper{position:absolute;right:0;top:0;bottom:0}html .pl-scroll .pl-vertical-scrollbar-wrapper .pl-vertical-scrollbar{top:0;right:2px}html .pl-scroll .pl-horizontal-scrollbar-wrapper{position:absolute;bottom:0;left:0;right:0}html .pl-scroll .pl-horizontal-scrollbar-wrapper .pl-horizontal-scrollbar{left:0;bottom:2px}html .pl-scroll>.pl-horizontal-scrollbar-wrapper .pl-vertical-scrollbar,html .pl-scroll>.pl-horizontal-scrollbar-wrapper .pl-horizontal-scrollbar,html .pl-scroll>.pl-vertical-scrollbar-wrapper .pl-vertical-scrollbar,html .pl-scroll>.pl-vertical-scrollbar-wrapper .pl-horizontal-scrollbar{position:absolute;border-radius:100px;cursor:pointer;opacity:0;transition-duration:.2s;transition-property:opacity,height,width}html .pl-scroll.pl-scroll-always-show-scroll-bar>.pl-horizontal-scrollbar-wrapper .pl-vertical-scrollbar,html .pl-scroll.pl-scroll-always-show-scroll-bar>.pl-horizontal-scrollbar-wrapper .pl-horizontal-scrollbar,html .pl-scroll.pl-scroll-always-show-scroll-bar>.pl-vertical-scrollbar-wrapper .pl-vertical-scrollbar,html .pl-scroll.pl-scroll-always-show-scroll-bar>.pl-vertical-scrollbar-wrapper .pl-horizontal-scrollbar{opacity:1}html .pl-scroll:hover>.pl-horizontal-scrollbar-wrapper .pl-vertical-scrollbar,html .pl-scroll:hover>.pl-horizontal-scrollbar-wrapper .pl-horizontal-scrollbar,html .pl-scroll:hover>.pl-vertical-scrollbar-wrapper .pl-vertical-scrollbar,html .pl-scroll:hover>.pl-vertical-scrollbar-wrapper .pl-horizontal-scrollbar,html .pl-scroll[is-dragging]>.pl-horizontal-scrollbar-wrapper .pl-vertical-scrollbar,html .pl-scroll[is-dragging]>.pl-horizontal-scrollbar-wrapper .pl-horizontal-scrollbar,html .pl-scroll[is-dragging]>.pl-vertical-scrollbar-wrapper .pl-vertical-scrollbar,html .pl-scroll[is-dragging]>.pl-vertical-scrollbar-wrapper .pl-horizontal-scrollbar{opacity:1}html .pl-scroll[virtual-scrolling] .pl-item{transition:none !important}.pl-scroll-sticky{position:sticky}.pl-scroll-sticky.pl-scroll-sticky-compatible{position:relative}.pl-auto-scroll-indicator-vertical.pl-auto-scroll-indicator-start{background:linear-gradient(to top, rgba(255, 255, 255, 0), #ddd)}.pl-auto-scroll-indicator-vertical.pl-auto-scroll-indicator-end{background:linear-gradient(to bottom, rgba(255, 255, 255, 0), #ddd)}.pl-auto-scroll-indicator-horizontal.pl-auto-scroll-indicator-start{background:linear-gradient(to left, rgba(255, 255, 255, 0), #ddd)}.pl-auto-scroll-indicator-horizontal.pl-auto-scroll-indicator-end{background:linear-gradient(to right, rgba(255, 255, 255, 0), #ddd)}
19
+ html .pl-scroll{display:block;height:100%;width:100%;overflow:hidden;position:relative;box-sizing:border-box}html .pl-scroll.pl-scroll-disabled .pl-scroll-wrapper{overflow:hidden !important;cursor:not-allowed}html .pl-scroll .pl-scroll-wrapper{height:calc(100% + 17px);width:calc(100% + 17px);overflow:scroll;display:inline-block;float:left}html .pl-scroll .pl-scroll-wrapper::-webkit-scrollbar{background:transparent;width:17px;height:17px}html .pl-scroll .pl-scroll-wrapper::-webkit-scrollbar-thumb{background:transparent}html .pl-scroll .pl-scroll-wrapper .pl-scroll-content{display:inline-block}html .pl-scroll .pl-scroll-wrapper .pl-scroll-content ::-webkit-scrollbar{background:#f1f1f1;width:17px;height:17px}html .pl-scroll .pl-scroll-wrapper .pl-scroll-content ::-webkit-scrollbar-thumb{background:#c1c1c1}html .pl-scroll .pl-vertical-scrollbar-wrapper,html .pl-scroll .pl-horizontal-scrollbar-wrapper{z-index:3}html .pl-scroll .pl-vertical-scrollbar-wrapper{position:absolute;right:0;top:0;bottom:0}html .pl-scroll .pl-vertical-scrollbar-wrapper .pl-vertical-scrollbar{top:0;right:2px}html .pl-scroll .pl-horizontal-scrollbar-wrapper{position:absolute;bottom:0;left:0;right:0}html .pl-scroll .pl-horizontal-scrollbar-wrapper .pl-horizontal-scrollbar{left:0;bottom:2px}html .pl-scroll>.pl-horizontal-scrollbar-wrapper .pl-vertical-scrollbar,html .pl-scroll>.pl-horizontal-scrollbar-wrapper .pl-horizontal-scrollbar,html .pl-scroll>.pl-vertical-scrollbar-wrapper .pl-vertical-scrollbar,html .pl-scroll>.pl-vertical-scrollbar-wrapper .pl-horizontal-scrollbar{position:absolute;border-radius:100px;cursor:pointer;opacity:0;transition-duration:.2s;transition-property:opacity,height,width}html .pl-scroll.pl-scroll-always-show-scroll-bar>.pl-horizontal-scrollbar-wrapper .pl-vertical-scrollbar,html .pl-scroll.pl-scroll-always-show-scroll-bar>.pl-horizontal-scrollbar-wrapper .pl-horizontal-scrollbar,html .pl-scroll.pl-scroll-always-show-scroll-bar>.pl-vertical-scrollbar-wrapper .pl-vertical-scrollbar,html .pl-scroll.pl-scroll-always-show-scroll-bar>.pl-vertical-scrollbar-wrapper .pl-horizontal-scrollbar{opacity:1}html .pl-scroll:hover>.pl-horizontal-scrollbar-wrapper .pl-vertical-scrollbar,html .pl-scroll:hover>.pl-horizontal-scrollbar-wrapper .pl-horizontal-scrollbar,html .pl-scroll:hover>.pl-vertical-scrollbar-wrapper .pl-vertical-scrollbar,html .pl-scroll:hover>.pl-vertical-scrollbar-wrapper .pl-horizontal-scrollbar,html .pl-scroll[is-dragging]>.pl-horizontal-scrollbar-wrapper .pl-vertical-scrollbar,html .pl-scroll[is-dragging]>.pl-horizontal-scrollbar-wrapper .pl-horizontal-scrollbar,html .pl-scroll[is-dragging]>.pl-vertical-scrollbar-wrapper .pl-vertical-scrollbar,html .pl-scroll[is-dragging]>.pl-vertical-scrollbar-wrapper .pl-horizontal-scrollbar{opacity:1}html .pl-scroll[virtual-scrolling] .pl-item{transition:none !important}.pl-scroll-disabled-y .pl-scroll .pl-scroll-wrapper,.pl-scroll.pl-scroll-disabled-y .pl-scroll-wrapper{width:100%;overflow-y:hidden}.pl-scroll-sticky{position:sticky}.pl-scroll-sticky.pl-scroll-sticky-compatible{position:relative}.pl-auto-scroll-indicator-vertical.pl-auto-scroll-indicator-start{background:linear-gradient(to top, rgba(255, 255, 255, 0), #ddd)}.pl-auto-scroll-indicator-vertical.pl-auto-scroll-indicator-end{background:linear-gradient(to bottom, rgba(255, 255, 255, 0), #ddd)}.pl-auto-scroll-indicator-horizontal.pl-auto-scroll-indicator-start{background:linear-gradient(to left, rgba(255, 255, 255, 0), #ddd)}.pl-auto-scroll-indicator-horizontal.pl-auto-scroll-indicator-end{background:linear-gradient(to right, rgba(255, 255, 255, 0), #ddd)}
20
20
  html .pl-loading-bar-manager{position:fixed;z-index:9999;top:0;left:0;right:0;pointer-events:none}html .pl-loading-bar-manager .pl-loading-bar-service{display:block;transition:all 300ms linear;position:relative;overflow:hidden;border-radius:100px;margin-bottom:1px}html .pl-loading-bar-manager .pl-loading-bar-service:after{position:absolute;content:"";top:0;left:-100vw;width:300vw;bottom:0;-webkit-animation:pl-loading-bar-processing 30s infinite linear;animation:pl-loading-bar-processing 30s infinite linear}html .pl-loading-bar-manager .pl-loading-bar-service.pl-loading-bar-service-status-primary{background-color:rgba(29,57,196,.5)}html .pl-loading-bar-manager .pl-loading-bar-service.pl-loading-bar-service-status-primary:after{background:linear-gradient(45deg, #1d39c4 0, #1d39c4 25%, rgba(255, 255, 255, 0.1) 25%, rgba(255, 255, 255, 0.1) 50%, #1d39c4 50%, #1d39c4 75%, rgba(255, 255, 255, 0.1) 75%, rgba(255, 255, 255, 0.1) 100%);background-size:20px 20px}html .pl-loading-bar-manager .pl-loading-bar-service.pl-loading-bar-service-status-success{background-color:rgba(8,151,156,.5)}html .pl-loading-bar-manager .pl-loading-bar-service.pl-loading-bar-service-status-success:after{background:linear-gradient(45deg, #08979c 0, #08979c 25%, rgba(255, 255, 255, 0.1) 25%, rgba(255, 255, 255, 0.1) 50%, #08979c 50%, #08979c 75%, rgba(255, 255, 255, 0.1) 75%, rgba(255, 255, 255, 0.1) 100%);background-size:20px 20px}html .pl-loading-bar-manager .pl-loading-bar-service.pl-loading-bar-service-status-warn{background-color:rgba(212,177,6,.5)}html .pl-loading-bar-manager .pl-loading-bar-service.pl-loading-bar-service-status-warn:after{background:linear-gradient(45deg, #d4b106 0, #d4b106 25%, rgba(255, 255, 255, 0.1) 25%, rgba(255, 255, 255, 0.1) 50%, #d4b106 50%, #d4b106 75%, rgba(255, 255, 255, 0.1) 75%, rgba(255, 255, 255, 0.1) 100%);background-size:20px 20px}html .pl-loading-bar-manager .pl-loading-bar-service.pl-loading-bar-service-status-error{background-color:rgba(207,19,34,.5)}html .pl-loading-bar-manager .pl-loading-bar-service.pl-loading-bar-service-status-error:after{background:linear-gradient(45deg, #cf1322 0, #cf1322 25%, rgba(255, 255, 255, 0.1) 25%, rgba(255, 255, 255, 0.1) 50%, #cf1322 50%, #cf1322 75%, rgba(255, 255, 255, 0.1) 75%, rgba(255, 255, 255, 0.1) 100%);background-size:20px 20px}html .pl-loading-bar-manager .pl-loading-bar-service.pl-loading-bar-service-status-info{background-color:rgba(140,140,140,.5)}html .pl-loading-bar-manager .pl-loading-bar-service.pl-loading-bar-service-status-info:after{background:linear-gradient(45deg, #8c8c8c 0, #8c8c8c 25%, rgba(255, 255, 255, 0.1) 25%, rgba(255, 255, 255, 0.1) 50%, #8c8c8c 50%, #8c8c8c 75%, rgba(255, 255, 255, 0.1) 75%, rgba(255, 255, 255, 0.1) 100%);background-size:20px 20px}@-webkit-keyframes pl-loading-bar-processing{0%{-webkit-transform:translateX(0);transform:translateX(0)}50%{-webkit-transform:translateX(50vw);transform:translateX(50vw)}100%{-webkit-transform:translateX(100vw);transform:translateX(100vw)}}@keyframes pl-loading-bar-processing{0%{-webkit-transform:translateX(0);transform:translateX(0)}50%{-webkit-transform:translateX(50vw);transform:translateX(50vw)}100%{-webkit-transform:translateX(100vw);transform:translateX(100vw)}}
21
21
  html .pl-notice-manager{pointer-events:none}html .pl-notice-manager .pl-notice-container{position:fixed;top:0;left:0;right:0;bottom:0;z-index:9999;display:flex;flex-direction:column;box-sizing:border-box}html .pl-notice-manager .pl-notice-container.pl-notice-container-start-start{justify-content:flex-start}html .pl-notice-manager .pl-notice-container.pl-notice-container-start-start>.pl-list>.pl-item{width:100%;text-align:left}html .pl-notice-manager .pl-notice-container.pl-notice-container-start-end{justify-content:flex-end}html .pl-notice-manager .pl-notice-container.pl-notice-container-start-end>.pl-list>.pl-item{width:100%;text-align:left}html .pl-notice-manager .pl-notice-container.pl-notice-container-end-start{justify-content:flex-start}html .pl-notice-manager .pl-notice-container.pl-notice-container-end-start>.pl-list>.pl-item{width:100%;text-align:right}html .pl-notice-manager .pl-notice-container.pl-notice-container-end-end{justify-content:flex-end}html .pl-notice-manager .pl-notice-container.pl-notice-container-end-end>.pl-list>.pl-item{width:100%;text-align:right}html .pl-notice{text-align:initial;pointer-events:auto;background-color:#fff;display:inline-block;padding:8px 24px 16px 24px;box-shadow:0 3px 6px -4px rgba(0,0,0,.12),0 6px 16px 0 rgba(0,0,0,.08),0 9px 28px 8px rgba(0,0,0,.05);width:384px;max-width:calc(100vw - 48px);margin-bottom:16px;box-sizing:border-box;border-radius:2px}html .pl-notice .pl-notice-head{display:flex;align-items:center;position:relative}html .pl-notice .pl-notice-head .pl-notice-title{flex:1;padding:8px 0;font-size:14px;color:#000}html .pl-notice .pl-notice-head .pl-notice-close{font-size:18px;color:rgba(0,0,0,.45);position:relative;right:-8px}html .pl-notice .pl-notice-head .pl-notice-head-icon{position:absolute;font-size:20px;left:-24px;top:0;-webkit-transform:translate(-55%, 25%);transform:translate(-55%, 25%);background-color:#fff;border-radius:100px;padding:1px}html .pl-notice .pl-notice-content{font-size:12px;padding-top:8px;color:#314659;line-height:1.5715}html .pl-notice .pl-notice-foot{display:flex;justify-content:flex-end;align-items:center;padding-top:16px}html .pl-notice .pl-notice-foot>*+*{margin-left:8px}html .pl-notice.pl-notice-status-primary{border-left:3px #1d39c4 solid}html .pl-notice.pl-notice-status-primary .pl-notice-title{color:#1d39c4}html .pl-notice.pl-notice-status-primary .pl-notice-head-icon{background-color:#1d39c4;color:#fff}html .pl-notice.pl-notice-status-success{border-left:3px #08979c solid}html .pl-notice.pl-notice-status-success .pl-notice-title{color:#08979c}html .pl-notice.pl-notice-status-success .pl-notice-head-icon{background-color:#08979c;color:#fff}html .pl-notice.pl-notice-status-warn{border-left:3px #d4b106 solid}html .pl-notice.pl-notice-status-warn .pl-notice-title{color:#d4b106}html .pl-notice.pl-notice-status-warn .pl-notice-head-icon{background-color:#d4b106;color:#fff}html .pl-notice.pl-notice-status-error{border-left:3px #cf1322 solid}html .pl-notice.pl-notice-status-error .pl-notice-title{color:#cf1322}html .pl-notice.pl-notice-status-error .pl-notice-head-icon{background-color:#cf1322;color:#fff}html .pl-notice.pl-notice-status-info{border-left:3px #8c8c8c solid}html .pl-notice.pl-notice-status-info .pl-notice-title{color:#8c8c8c}html .pl-notice.pl-notice-status-info .pl-notice-head-icon{background-color:#8c8c8c;color:#fff}
22
22
  html .pl-alert{position:relative;border-radius:2px;padding:8px 16px}html .pl-alert .pl-alert-label{font-size:13px}html .pl-alert .pl-alert-desc{font-size:12px;margin-top:4px}html .pl-alert.pl-alert-has-icon{padding-left:32px}html .pl-alert.pl-alert-has-icon .pl-alert-icon{font-size:1.2em;position:absolute;width:32px;left:0;top:0;bottom:0;display:inline-flex;align-items:center;justify-content:center}html .pl-alert.pl-alert-has-close{position:relative;padding-right:44px}html .pl-alert.pl-alert-has-close .pl-alert-close{position:absolute;top:0;right:0;bottom:0;width:44px;display:flex;align-items:center;justify-content:center;cursor:pointer}html .pl-alert.pl-alert-has-desc .pl-alert-label{font-weight:600}html .pl-alert.pl-alert-has-desc .pl-alert-icon{font-size:28px}html .pl-alert.pl-alert-has-desc.pl-alert-align-left .pl-alert-label,html .pl-alert.pl-alert-has-desc.pl-alert-align-left .pl-alert-desc{text-align:left}html .pl-alert.pl-alert-has-desc.pl-alert-align-center .pl-alert-label,html .pl-alert.pl-alert-has-desc.pl-alert-align-center .pl-alert-desc{text-align:center}html .pl-alert.pl-alert-has-desc.pl-alert-align-right .pl-alert-label,html .pl-alert.pl-alert-has-desc.pl-alert-align-right .pl-alert-desc{text-align:right}html .pl-alert:not(.pl-alert-has-desc).pl-alert-align-left{text-align:left}html .pl-alert:not(.pl-alert-has-desc).pl-alert-align-center{text-align:center}html .pl-alert:not(.pl-alert-has-desc).pl-alert-align-right{text-align:right}html .pl-alert.pl-alert-has-icon:not(.pl-alert-has-desc) .pl-alert-label{display:inline-block}html .pl-alert.pl-alert-has-icon.pl-alert-has-desc{padding-left:56px}html .pl-alert.pl-alert-has-icon.pl-alert-has-desc .pl-alert-icon{width:56px}html .pl-alert.pl-alert-theme-lite.pl-alert-status-primary{background-color:rgba(29,57,196,.1);color:#1d39c4}html .pl-alert.pl-alert-theme-lite.pl-alert-status-primary .pl-alert-close:hover{background-color:rgba(29,57,196,.2)}html .pl-alert.pl-alert-theme-lite.pl-alert-status-success{background-color:rgba(8,151,156,.1);color:#08979c}html .pl-alert.pl-alert-theme-lite.pl-alert-status-success .pl-alert-close:hover{background-color:rgba(8,151,156,.2)}html .pl-alert.pl-alert-theme-lite.pl-alert-status-warn{background-color:rgba(212,177,6,.1);color:#d4b106}html .pl-alert.pl-alert-theme-lite.pl-alert-status-warn .pl-alert-close:hover{background-color:rgba(212,177,6,.2)}html .pl-alert.pl-alert-theme-lite.pl-alert-status-error{background-color:rgba(207,19,34,.1);color:#cf1322}html .pl-alert.pl-alert-theme-lite.pl-alert-status-error .pl-alert-close:hover{background-color:rgba(207,19,34,.2)}html .pl-alert.pl-alert-theme-lite.pl-alert-status-info{background-color:rgba(140,140,140,.1);color:#8c8c8c}html .pl-alert.pl-alert-theme-lite.pl-alert-status-info .pl-alert-close:hover{background-color:rgba(140,140,140,.2)}html .pl-alert.pl-alert-theme-deep.pl-alert-status-primary{background-color:#1d39c4;color:#fff}html .pl-alert.pl-alert-theme-deep.pl-alert-status-primary .pl-alert-close:hover{background-color:#1a33b0}html .pl-alert.pl-alert-theme-deep.pl-alert-status-success{background-color:#08979c;color:#fff}html .pl-alert.pl-alert-theme-deep.pl-alert-status-success .pl-alert-close:hover{background-color:#07888c}html .pl-alert.pl-alert-theme-deep.pl-alert-status-warn{background-color:#d4b106;color:#fff}html .pl-alert.pl-alert-theme-deep.pl-alert-status-warn .pl-alert-close:hover{background-color:#bf9f05}html .pl-alert.pl-alert-theme-deep.pl-alert-status-error{background-color:#cf1322;color:#fff}html .pl-alert.pl-alert-theme-deep.pl-alert-status-error .pl-alert-close:hover{background-color:#ba111f}html .pl-alert.pl-alert-theme-deep.pl-alert-status-info{background-color:#8c8c8c;color:#fff}html .pl-alert.pl-alert-theme-deep.pl-alert-status-info .pl-alert-close:hover{background-color:#7e7e7e}