plain-design 0.0.87 → 0.0.88

Sign up to get free protection for your applications and to get access to all the features.
@@ -33,7 +33,7 @@ html{/*!*icon*!
33
33
  margin-left: 4px;
34
34
  }
35
35
  }
36
- }*/}html .pl-table,html .pl-virtual-table{position:relative}html .pl-table .pl-scroll .pl-scroll-content,html .pl-virtual-table .pl-scroll .pl-scroll-content{min-width:100%}html .pl-table .pl-scroll .pl-vertical-scrollbar-wrapper,html .pl-table .pl-scroll .pl-horizontal-scrollbar-wrapper,html .pl-virtual-table .pl-scroll .pl-vertical-scrollbar-wrapper,html .pl-virtual-table .pl-scroll .pl-horizontal-scrollbar-wrapper{z-index:10}html .pl-table:hover .pl-scroll>.pl-horizontal-scrollbar-wrapper .pl-vertical-scrollbar,html .pl-table:hover .pl-scroll>.pl-horizontal-scrollbar-wrapper .pl-horizontal-scrollbar,html .pl-table:hover .pl-scroll>.pl-vertical-scrollbar-wrapper .pl-vertical-scrollbar,html .pl-table:hover .pl-scroll>.pl-vertical-scrollbar-wrapper .pl-horizontal-scrollbar,html .pl-virtual-table:hover .pl-scroll>.pl-horizontal-scrollbar-wrapper .pl-vertical-scrollbar,html .pl-virtual-table:hover .pl-scroll>.pl-horizontal-scrollbar-wrapper .pl-horizontal-scrollbar,html .pl-virtual-table:hover .pl-scroll>.pl-vertical-scrollbar-wrapper .pl-vertical-scrollbar,html .pl-virtual-table:hover .pl-scroll>.pl-vertical-scrollbar-wrapper .pl-horizontal-scrollbar{opacity:1}html .pl-virtual-table{height:100%;width:100%;overflow:hidden}html .pl-virtual-table .pl-virtual-table-summary-table-wrapper{pointer-events:none;position:absolute;top:0;left:0;right:0;bottom:0;overflow:hidden;z-index:5}html .pl-virtual-table .pl-virtual-table-summary-table-wrapper>table:after{content:"";display:block;height:12px;width:1px}html .pl-virtual-table .pl-virtual-table-summary-table-wrapper:after{position:absolute;bottom:0;height:12px;left:0;content:"";background-color:#f5f7fa;z-index:3;width:5000px}html .pl-virtual-table .pl-virtual-table-summary-table-wrapper .pl-virtual-table-summary-table{pointer-events:auto;position:absolute;left:0}html .pl-virtual-table .pl-virtual-table-summary-table-wrapper .pl-virtual-table-summary-table td{background-color:#f9f9f9}html table{border-collapse:collapse;border-spacing:0;box-sizing:border-box;table-layout:fixed;width:100%}html table tr td{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;box-sizing:border-box;position:relative;padding:1px 11px}html .plc-collector{display:none}html .pl-table-no-data{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;pointer-events:none}html .plt-head td{background-color:#f9f9f9;color:rgba(0,0,0,.85)}html .plt-head td:hover{background-color:#e4e7ef}html .plt-head td .plt-head-cell-indicator{position:absolute;top:0;bottom:0;height:inherit;width:6px;right:0;content:"";background-color:rgba(0,0,0,.1);cursor:ew-resize;opacity:0;transition:opacity 500ms cubic-bezier(0.23, 1, 0.32, 1);z-index:1}html .plt-head td .plt-head-cell-sorter{position:absolute;right:4px;top:0;bottom:0;display:flex;align-items:center;justify-content:center}html .plt-head td .plt-head-cell-sorter .plt-head-cell-sorter-inner{display:flex;flex-direction:column;color:rgba(0,0,0,.4)}html .plt-head td .plt-head-cell-sorter .plt-head-cell-sorter-inner .pl-icon:first-child{position:relative;top:3px}html .plt-head td .plt-head-cell-sorter .plt-head-cell-sorter-inner .pl-icon:last-child{position:relative;bottom:3px}html .plt-head td .plt-head-cell-sorter.plt-head-cell-sorter-asc .plt-head-cell-sorter-inner .pl-icon:first-child{color:rgba(0,0,0,.8)}html .plt-head td .plt-head-cell-sorter.plt-head-cell-sorter-desc .plt-head-cell-sorter-inner .pl-icon:last-child{color:rgba(0,0,0,.8)}html .plt-body tr td{transition:background-color 150ms linear;background-color:#fff;color:rgba(0,0,0,.85)}html .plt-row{border-bottom:solid 1px #f0f0f0}html .plt-row:hover td{background-color:#f5f7fa}html .plt-row.plt-row-current td,html .plt-row.plt-row-current:hover td{background-color:#eef0fb}html .plt-head tr{border-bottom:solid 1px #f0f0f0;border-top:solid 1px #f0f0f0}html .plt-body .pl-virtual-table-summary-table-wrapper>table{border-top:solid 1px #f0f0f0}html .plt-cell{text-align:left}html .plt-cell.plt-cell-align-center{text-align:center}html .plt-cell.plt-cell-align-right{text-align:right}html .plt-cell.plt-cell-no-padding{padding:0}html .plt-cell.plt-cell-editing:not(.plt-cell-add-edit-padding){padding-left:0}html .plt-cell.plt-cell-link{color:#1d39c4;cursor:pointer}html .plt-cell.plt-cell-link:hover{text-decoration:underline}html .pl-table.pl-table-border tr td{border-right:solid 1px #f0f0f0;border-left:solid 1px #f0f0f0}html .pl-table.pl-table-border:after{position:absolute;right:0;bottom:0;top:0;left:0;background-color:transparent;border:solid .5px #f0f0f0;content:"";z-index:5;pointer-events:none}html .pl-table.pl-table-stripe .plt-body .pl-virtual-list-content table tr:nth-child(odd):not(:hover):not(.plt-row-current) td{background-color:#f2f5ff}html .pl-table.pl-table-size-large .plt-cell{font-size:16px}html .pl-table.pl-table-size-normal .plt-cell{font-size:14px}html .pl-table.pl-table-size-mini .plt-cell{font-size:12px}html .pl-table .plt-cell-last-fixed-left:before,html .pl-table .plt-cell-first-fixed-right:before,html .pl-table.pl-table-border .plt-cell-last-fixed-left:before,html .pl-table.pl-table-border .plt-cell-first-fixed-right:before{position:absolute;top:0;bottom:0;width:3px;pointer-events:none;content:"";z-index:4;background-color:transparent;left:initial;right:initial;-webkit-transform:none;transform:none}html .pl-table .plt-cell-last-fixed-left.plt-cell-last-fixed-left:before,html .pl-table .plt-cell-first-fixed-right.plt-cell-last-fixed-left:before,html .pl-table.pl-table-border .plt-cell-last-fixed-left.plt-cell-last-fixed-left:before,html .pl-table.pl-table-border .plt-cell-first-fixed-right.plt-cell-last-fixed-left:before{right:0;box-shadow:inset 10px 0 10px -10px #d8d9da}html .pl-table .plt-cell-last-fixed-left.plt-cell-first-fixed-right:before,html .pl-table .plt-cell-first-fixed-right.plt-cell-first-fixed-right:before,html .pl-table.pl-table-border .plt-cell-last-fixed-left.plt-cell-first-fixed-right:before,html .pl-table.pl-table-border .plt-cell-first-fixed-right.plt-cell-first-fixed-right:before{left:0;box-shadow:inset -10px 0 10px -10px #d8d9da}html .pl-table.plt-table-hide-fixed-left .plt-cell-last-fixed-left:before,html .pl-table.plt-table-hide-fixed-right .plt-cell-first-fixed-right:before{display:none}html .plc-index-summary-text{font-size:12px}html .plt-cell>*{vertical-align:middle}html .plt-cell>*.pl-icon{vertical-align:middle}html .plt-cell>.pl-input{width:100%}html .plt-cell>.pl-input>.pl-input-inner{width:inherit !important}html .plt-cell>.pl-input>.pl-input-inner>.pl-input-custom-inner>input{width:100% !important}html .plt-row.plt-expand-row td{background-color:#fff;z-index:5;white-space:normal;padding:0;overflow:unset}html .plt-row.plt-expand-row .plt-expand-body{box-sizing:border-box;position:sticky;left:0}html .plt-row.plt-expand-row .plt-expand-body[data-padding=true]{padding:16px}html .plt-row.plt-expand-row .plt-expand-body>.pl-form{padding:0}html .plt-row .plc-expand-icon .pl-icon{transition:all cubic-bezier(0.23, 1, 0.32, 1) 300ms;transition-property:-webkit-transform;transition-property:transform;transition-property:transform, -webkit-transform}html .plt-row .plc-expand-icon.plc-expand-icon-active .pl-icon{-webkit-transform:rotate(-180deg);transform:rotate(-180deg)}html .pl-button.plc-draggier-handler{cursor:move}html .plt-col-draggier-indicator[droppable=true]{background-color:#1d39c4}html .plt-col-draggier-indicator[droppable=false]{background-color:#cf1322}html .plc-tree-node{white-space:nowrap}html .plc-tree-node>*{display:inline-block;height:100%}html .plc-tree-node .plc-tree-node-expander,html .plc-tree-node .plc-tree-node-check{width:30px;text-align:center}html .plc-tree-node-content{display:inline-block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding-left:8px;box-sizing:border-box}
36
+ }*/}html .pl-table,html .pl-virtual-table{position:relative}html .pl-table .pl-scroll .pl-scroll-content,html .pl-virtual-table .pl-scroll .pl-scroll-content{min-width:100%}html .pl-table .pl-scroll .pl-scroll-wrapper,html .pl-virtual-table .pl-scroll .pl-scroll-wrapper{height:calc(100% + 20px)}html .pl-table .pl-scroll .pl-vertical-scrollbar-wrapper,html .pl-table .pl-scroll .pl-horizontal-scrollbar-wrapper,html .pl-virtual-table .pl-scroll .pl-vertical-scrollbar-wrapper,html .pl-virtual-table .pl-scroll .pl-horizontal-scrollbar-wrapper{z-index:10}html .pl-table:hover .pl-scroll>.pl-horizontal-scrollbar-wrapper .pl-vertical-scrollbar,html .pl-table:hover .pl-scroll>.pl-horizontal-scrollbar-wrapper .pl-horizontal-scrollbar,html .pl-table:hover .pl-scroll>.pl-vertical-scrollbar-wrapper .pl-vertical-scrollbar,html .pl-table:hover .pl-scroll>.pl-vertical-scrollbar-wrapper .pl-horizontal-scrollbar,html .pl-virtual-table:hover .pl-scroll>.pl-horizontal-scrollbar-wrapper .pl-vertical-scrollbar,html .pl-virtual-table:hover .pl-scroll>.pl-horizontal-scrollbar-wrapper .pl-horizontal-scrollbar,html .pl-virtual-table:hover .pl-scroll>.pl-vertical-scrollbar-wrapper .pl-vertical-scrollbar,html .pl-virtual-table:hover .pl-scroll>.pl-vertical-scrollbar-wrapper .pl-horizontal-scrollbar{opacity:1}html .pl-virtual-table{height:100%;width:100%;overflow:hidden}html .pl-virtual-table .pl-virtual-table-summary-table-wrapper{pointer-events:none;position:absolute;top:0;left:0;right:0;bottom:0;overflow:hidden;z-index:5}html .pl-virtual-table .pl-virtual-table-summary-table-wrapper>table:after{content:"";display:block;height:12px;width:1px}html .pl-virtual-table .pl-virtual-table-summary-table-wrapper:after{position:absolute;bottom:0;height:12px;left:0;content:"";background-color:#f5f7fa;z-index:3;width:5000px}html .pl-virtual-table .pl-virtual-table-summary-table-wrapper .pl-virtual-table-summary-table{pointer-events:auto;position:absolute;left:0}html .pl-virtual-table .pl-virtual-table-summary-table-wrapper .pl-virtual-table-summary-table td{background-color:#f9f9f9}html table{border-collapse:collapse;border-spacing:0;box-sizing:border-box;table-layout:fixed;width:100%}html table tr td{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;box-sizing:border-box;position:relative;padding:1px 11px}html .plc-collector{display:none}html .pl-table-no-data{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;pointer-events:none}html .plt-head td{background-color:#f9f9f9;color:rgba(0,0,0,.85)}html .plt-head td:hover{background-color:#e4e7ef}html .plt-head td .plt-head-cell-indicator{position:absolute;top:0;bottom:0;height:inherit;width:6px;right:0;content:"";background-color:rgba(0,0,0,.1);cursor:ew-resize;opacity:0;transition:opacity 500ms cubic-bezier(0.23, 1, 0.32, 1);z-index:1}html .plt-head td .plt-head-cell-sorter{position:absolute;right:4px;top:0;bottom:0;display:flex;align-items:center;justify-content:center}html .plt-head td .plt-head-cell-sorter .plt-head-cell-sorter-inner{display:flex;flex-direction:column;color:rgba(0,0,0,.4)}html .plt-head td .plt-head-cell-sorter .plt-head-cell-sorter-inner .pl-icon:first-child{position:relative;top:3px}html .plt-head td .plt-head-cell-sorter .plt-head-cell-sorter-inner .pl-icon:last-child{position:relative;bottom:3px}html .plt-head td .plt-head-cell-sorter.plt-head-cell-sorter-asc .plt-head-cell-sorter-inner .pl-icon:first-child{color:rgba(0,0,0,.8)}html .plt-head td .plt-head-cell-sorter.plt-head-cell-sorter-desc .plt-head-cell-sorter-inner .pl-icon:last-child{color:rgba(0,0,0,.8)}html .plt-body tr td{transition:background-color 150ms linear;background-color:#fff;color:rgba(0,0,0,.85)}html .plt-row{border-bottom:solid 1px #f0f0f0}html .plt-row:hover td{background-color:#f5f7fa}html .plt-row.plt-row-current td,html .plt-row.plt-row-current:hover td{background-color:#eef0fb}html .plt-head tr{border-bottom:solid 1px #f0f0f0;border-top:solid 1px #f0f0f0}html .plt-body .pl-virtual-table-summary-table-wrapper>table{border-top:solid 1px #f0f0f0}html .plt-cell{text-align:left}html .plt-cell.plt-cell-align-center{text-align:center}html .plt-cell.plt-cell-align-right{text-align:right}html .plt-cell.plt-cell-no-padding{padding:0}html .plt-cell.plt-cell-editing:not(.plt-cell-add-edit-padding){padding-left:0}html .plt-cell.plt-cell-link{color:#1d39c4;cursor:pointer}html .plt-cell.plt-cell-link:hover{text-decoration:underline}html .pl-table.pl-table-border tr td{border-right:solid 1px #f0f0f0;border-left:solid 1px #f0f0f0}html .pl-table.pl-table-border:after{position:absolute;right:0;bottom:0;top:0;left:0;background-color:transparent;border:solid .5px #f0f0f0;content:"";z-index:5;pointer-events:none}html .pl-table.pl-table-stripe .plt-body .pl-virtual-list-content table tr:nth-child(odd):not(:hover):not(.plt-row-current) td{background-color:#f2f5ff}html .pl-table.pl-table-size-large .plt-cell{font-size:16px}html .pl-table.pl-table-size-normal .plt-cell{font-size:14px}html .pl-table.pl-table-size-mini .plt-cell{font-size:12px}html .pl-table .plt-cell-last-fixed-left:before,html .pl-table .plt-cell-first-fixed-right:before,html .pl-table.pl-table-border .plt-cell-last-fixed-left:before,html .pl-table.pl-table-border .plt-cell-first-fixed-right:before{position:absolute;top:0;bottom:0;width:3px;pointer-events:none;content:"";z-index:4;background-color:transparent;left:initial;right:initial;-webkit-transform:none;transform:none}html .pl-table .plt-cell-last-fixed-left.plt-cell-last-fixed-left:before,html .pl-table .plt-cell-first-fixed-right.plt-cell-last-fixed-left:before,html .pl-table.pl-table-border .plt-cell-last-fixed-left.plt-cell-last-fixed-left:before,html .pl-table.pl-table-border .plt-cell-first-fixed-right.plt-cell-last-fixed-left:before{right:0;box-shadow:inset 10px 0 10px -10px #d8d9da}html .pl-table .plt-cell-last-fixed-left.plt-cell-first-fixed-right:before,html .pl-table .plt-cell-first-fixed-right.plt-cell-first-fixed-right:before,html .pl-table.pl-table-border .plt-cell-last-fixed-left.plt-cell-first-fixed-right:before,html .pl-table.pl-table-border .plt-cell-first-fixed-right.plt-cell-first-fixed-right:before{left:0;box-shadow:inset -10px 0 10px -10px #d8d9da}html .pl-table.plt-table-hide-fixed-left .plt-cell-last-fixed-left:before,html .pl-table.plt-table-hide-fixed-right .plt-cell-first-fixed-right:before{display:none}html .plc-index-summary-text{font-size:12px}html .plt-cell>*{vertical-align:middle}html .plt-cell>*.pl-icon{vertical-align:middle}html .plt-cell>.pl-input{width:100%}html .plt-cell>.pl-input>.pl-input-inner{width:inherit !important}html .plt-cell>.pl-input>.pl-input-inner>.pl-input-custom-inner>input{width:100% !important}html .plt-row.plt-expand-row td{background-color:#fff;z-index:5;white-space:normal;padding:0;overflow:unset}html .plt-row.plt-expand-row .plt-expand-body{box-sizing:border-box;position:sticky;left:0}html .plt-row.plt-expand-row .plt-expand-body[data-padding=true]{padding:16px}html .plt-row.plt-expand-row .plt-expand-body>.pl-form{padding:0}html .plt-row .plc-expand-icon .pl-icon{transition:all cubic-bezier(0.23, 1, 0.32, 1) 300ms;transition-property:-webkit-transform;transition-property:transform;transition-property:transform, -webkit-transform}html .plt-row .plc-expand-icon.plc-expand-icon-active .pl-icon{-webkit-transform:rotate(-180deg);transform:rotate(-180deg)}html .pl-button.plc-draggier-handler{cursor:move}html .plt-col-draggier-indicator[droppable=true]{background-color:#1d39c4}html .plt-col-draggier-indicator[droppable=false]{background-color:#cf1322}html .plc-tree-node{white-space:nowrap}html .plc-tree-node>*{display:inline-block;height:100%}html .plc-tree-node .plc-tree-node-expander,html .plc-tree-node .plc-tree-node-check{width:30px;text-align:center}html .plc-tree-node-content{display:inline-block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding-left:8px;box-sizing:border-box}
37
37
  html .pl-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;color:rgba(0,0,0,.45)}
38
38
  html .pl-card{display:inline-block;vertical-align:top;background-color:transparent}html .pl-card .pl-card-head,html .pl-card .pl-card-content,html .pl-card .pl-card-foot{border:solid 1px #ebeef5;box-sizing:border-box}html .pl-card .pl-card-head+*,html .pl-card .pl-card-content+*,html .pl-card .pl-card-foot+*{border-top:none}html .pl-card .pl-card-head:first-child:not(.pl-card-poster),html .pl-card .pl-card-content:first-child:not(.pl-card-poster),html .pl-card .pl-card-foot:first-child:not(.pl-card-poster){border-radius:4px 4px 0 0}html .pl-card .pl-card-head:last-child,html .pl-card .pl-card-content:last-child,html .pl-card .pl-card-foot:last-child{border-radius:0 0 4px 4px}html .pl-card .pl-card-head{padding:0 24px;display:flex}html .pl-card .pl-card-head .pl-card-head-content{flex:1}html .pl-card .pl-card-head .pl-card-head-content .pl-card-title{font-size:16px;color:#000;padding:12px 0}html .pl-card .pl-card-head .pl-card-head-content .pl-card-desc{font-size:12px;color:#697b8c;padding-bottom:12px}html .pl-card .pl-card-head .pl-card-head-operator{padding:12px 0 12px 24px}html .pl-card .pl-card-content{display:inline-block;width:100%;font-size:14px;color:#314659;padding:12px 24px;line-height:1.515}html .pl-card .pl-card-poster img{display:block}html .pl-card .pl-card-foot{display:flex}html .pl-card .pl-card-foot>.pl-card-foot-button{flex:1;text-align:center;padding:8px 0;background-color:#fff;cursor:pointer;transition:background-color 300ms linear}html .pl-card .pl-card-foot>.pl-card-foot-button .pl-icon{color:rgba(0,0,0,.45)}html .pl-card .pl-card-foot>.pl-card-foot-button:hover{background-color:#ebeef5}html .pl-card .pl-card-foot>.pl-card-foot-button:not(:first-child){position:relative}html .pl-card .pl-card-foot>.pl-card-foot-button:not(:first-child):after{content:"";position:absolute;left:0;top:4px;bottom:4px;width:1px;background-color:#ebeef5}html .pl-card.pl-card-mini .pl-card-head{padding:0 8px}html .pl-card.pl-card-mini .pl-card-head .pl-card-title{padding:6px 0;font-size:14px}html .pl-card.pl-card-mini .pl-card-head .pl-card-desc{padding-bottom:6px}html .pl-card.pl-card-mini .pl-card-head .pl-card-head-operator{padding:6px 0 6px 8px}html .pl-card.pl-card-mini .pl-card-content{padding:6px 8px;font-size:12px}html .pl-card.pl-card-shadow-normal,html .pl-card.pl-card-shadow-hover:hover{box-shadow:0 2px 12px 0 rgba(0,0,0,.1)}html .pl-card.pl-card-no-padding .pl-card-head{padding:0}html .pl-card.pl-card-no-padding .pl-card-head .pl-card-title{padding:0}html .pl-card.pl-card-no-padding .pl-card-head .pl-card-head-operator{padding:0}html .pl-card.pl-card-no-padding .pl-card-head .pl-card-desc{padding:0}html .pl-card.pl-card-no-padding .pl-card-content{padding:0}
39
39
  html .pl-carousel{position:relative}html .pl-carousel:not(.pl-carousel-vertical){overflow-x:hidden}html .pl-carousel .pl-carousel-item,html .pl-carousel .pl-carousel-cover,html .pl-carousel .pl-carousel-operator,html .pl-carousel .pl-carousel-indicator{position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none}html .pl-carousel .pl-carousel-item.pl-carousel-cover,html .pl-carousel .pl-carousel-item.pl-carousel-operator,html .pl-carousel .pl-carousel-item.pl-carousel-indicator,html .pl-carousel .pl-carousel-cover.pl-carousel-cover,html .pl-carousel .pl-carousel-cover.pl-carousel-operator,html .pl-carousel .pl-carousel-cover.pl-carousel-indicator,html .pl-carousel .pl-carousel-operator.pl-carousel-cover,html .pl-carousel .pl-carousel-operator.pl-carousel-operator,html .pl-carousel .pl-carousel-operator.pl-carousel-indicator,html .pl-carousel .pl-carousel-indicator.pl-carousel-cover,html .pl-carousel .pl-carousel-indicator.pl-carousel-operator,html .pl-carousel .pl-carousel-indicator.pl-carousel-indicator{z-index:99}html .pl-carousel .pl-carousel-item{pointer-events:auto}html .pl-carousel .pl-carousel-item.pl-carousel-item-animating{transition:-webkit-transform cubic-bezier(0.23, 1, 0.32, 1) 800ms;transition:transform cubic-bezier(0.23, 1, 0.32, 1) 800ms;transition:transform cubic-bezier(0.23, 1, 0.32, 1) 800ms, -webkit-transform cubic-bezier(0.23, 1, 0.32, 1) 800ms}html .pl-carousel .pl-carousel-cover{pointer-events:auto}html .pl-carousel .pl-carousel-operator{display:flex;align-items:center;justify-content:space-between;padding:0 20px}html .pl-carousel .pl-carousel-operator .pl-carousel-operator-btn{transition:background-color 300ms linear;cursor:pointer;pointer-events:auto;background-color:rgba(255,255,255,.3);width:36px;height:36px;border-radius:36px;display:flex;align-items:center;justify-content:center;color:#fff;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}html .pl-carousel .pl-carousel-operator .pl-carousel-operator-btn:hover:not(:active){background-color:rgba(255,255,255,.6)}html .pl-carousel .pl-carousel-indicator{display:flex;align-items:flex-end;justify-content:center;padding:20px;flex-wrap:nowrap}html .pl-carousel .pl-carousel-indicator .pl-carousel-indicator-item{pointer-events:auto;width:20px;height:3px;background-color:#fff;opacity:.3;transition:all 200ms linear;cursor:pointer}html .pl-carousel .pl-carousel-indicator .pl-carousel-indicator-item:not(:last-child){margin-right:8px}html .pl-carousel .pl-carousel-indicator .pl-carousel-indicator-item.pl-carousel-indicator-item-active{opacity:1;width:30px}html .pl-carousel .pl-carousel-indicator .pl-carousel-indicator-item:hover{opacity:.8}html .pl-carousel.pl-carousel-vertical{overflow-y:hidden}html .pl-carousel.pl-carousel-vertical .pl-carousel-operator{flex-direction:column;padding:20px;align-items:flex-end}html .pl-carousel.pl-carousel-vertical .pl-carousel-operator .pl-carousel-operator-btn:nth-child(1){-webkit-transform:rotate(90deg);transform:rotate(90deg)}html .pl-carousel.pl-carousel-vertical .pl-carousel-operator .pl-carousel-operator-btn:nth-child(2){-webkit-transform:rotate(90deg);transform:rotate(90deg)}html .pl-carousel.pl-carousel-vertical .pl-carousel-indicator{flex-direction:column;padding:20px 36px}html .pl-carousel.pl-carousel-vertical .pl-carousel-indicator .pl-carousel-indicator-item{height:8px;width:3px;margin-right:0}html .pl-carousel.pl-carousel-vertical .pl-carousel-indicator .pl-carousel-indicator-item.pl-carousel-indicator-item-active{height:16px}html .pl-carousel.pl-carousel-vertical .pl-carousel-indicator .pl-carousel-indicator-item:not(:last-child){margin-bottom:4px}html .pl-carousel.pl-carousel-card .pl-carousel-item{right:initial}html .pl-carousel.pl-carousel-card .pl-carousel-indicator .pl-carousel-indicator-item{background-color:rgba(0,0,0,.5)}
package/dist/report.html CHANGED
@@ -3,7 +3,7 @@
3
3
  <head>
4
4
  <meta charset="UTF-8"/>
5
5
  <meta name="viewport" content="width=device-width, initial-scale=1"/>
6
- <title>plain-design [23 Nov 2021 at 18:12]</title>
6
+ <title>plain-design [23 Nov 2021 at 18:23]</title>
7
7
  <link rel="shortcut icon" href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAMAAACdt4HsAAABrVBMVEUAAAD///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////+O1foceMD///+J0/qK1Pr7/v8Xdr/9///W8P4UdL7L7P0Scr2r4Pyj3vwad8D5/f/2/f+55f3E6f34+/2H0/ojfMKpzOd0rNgQcb3F3O/j9f7c8v6g3Pz0/P/w+v/q+P7n9v6T1/uQ1vuE0vqLut/y+v+Z2fvt+f+15Pzv9fuc2/vR7v2V2Pvd6/bg9P7I6/285/2y4/yp3/zp8vk8i8kqgMT7/P31+fyv4vxGkcz6/P6/6P3j7vfS5PNnpNUxhcbO7f7F6v3O4vHK3/DA2u631Ouy0eqXweKJud5wqthfoNMMbLvY8f73+v2dxeR8sNtTmdDx9/zX6PSjyeaCtd1YnNGX2PuQveCGt95Nls42h8dLlM3F4vBtAAAAM3RSTlMAAyOx0/sKBvik8opWGBMOAe3l1snDm2E9LSb06eHcu5JpHbarfHZCN9CBb08zzkdNS0kYaptYAAAFV0lEQVRYw92X51/aYBDHHS2O2qqttVbrqNq9m+TJIAYIShBkWwqIiCgoWvfeq7Z2/s29hyQNyUcR7LveGwVyXy6XH8/9rqxglLfUPLxVduUor3h0rfp2TYvpivk37929TkG037hffoX0+peVtZQc1589rigVUdXS/ABSAyEmGIO/1XfvldSK8vs3OqB6u3m0nxmIrvgB0dj7rr7Y9IbuF68hnfFaiHA/sxqm0wciIG43P60qKv9WXWc1RXGh/mFESFABTSBi0sNAKzqet17eCtOb3kZIDwxEEU0oAIJGYxNBDhBND29e0rtXXbcpuPmED9IhEAAQ/AXEaF8EPmnrrKsv0LvWR3fg5sWDNAFZOgAgaKvZDogHNU9MFwnnYROkc56RD5CjAbQX9Ow4g7upCsvYu55aSI/Nj0H1akgKQEUM94dwK65hYRmFU9MIcH/fqJYOZYcnuJSU/waKDgTOEVaVKhwrTRP5XzgSpAITYzom7UvkhFX5VutmxeNnWDjjswTKTyfgluNDGbUpWissXhF3s7mlSml+czWkg3D0l1nNjGNjz3myOQOa1KM/jOS6ebdbAVTCi4gljHSFrviza7tOgRWcS0MOUX9zdNgag5w7rRqA44Lzw0hr1WqES36dFliSJFlh2rXIae3FFcDDgKdxrUIDePr8jGcSClV1u7A9xeN0ModY/pHMxmR1EzRh8TJiwqsHmKW0l4FCEZI+jHio+JdPPE9qwQtTRxku2D8sIeRL2LnxWSllANCQGOIiqVHAz2ye2JR0DcH+HoxDkaADLjgxjKQ+AwCX/g0+DNgdG0ukYCONAe+dbc2IAc6fwt1ARoDSezNHxV2Cmzwv3O6lDMV55edBGwGK9n1+x2F8EDfAGCxug8MhpsMEcTEAWf3rx2vZhe/LAmtIn/6apE6PN0ULKgywD9mmdxbmFl3OvD5AS5fW5zLbv/YHmcsBTjf/afDz3MaZTVCfAP9z6/Bw6ycv8EUBWJIn9zYcoAWWlW9+OzO3vkTy8H+RANLmdrpOuYWdZYEXpo+TlCJrW5EARb7fF+bWdqf3hhyZI1nWJQHgznErZhbjoEsWqi8dQNoE294aldzFurwSABL2XXMf9+H1VQGke9exw5P/AnA5Pv5ngMul7LOvO922iwACu8WkCwLCafvM4CeWPxfA8lNHcWZSoi8EwMAIciKX2Z4SWCMAa3snCZ/G4EA8D6CMLNFsGQhkkz/gQNEBbPCbWsxGUpYVu3z8IyNAknwJkfPMEhLyrdi5RTyUVACkw4GSFRNWJNEW+fgPGwHD8/JxnRuLabN4CGNRkAE23na2+VmEAUmrYymSGjMAYqH84YUIyzgzs3XC7gNgH36Vcc4zKY9o9fgPBXUAiHHwVboBHGLiX6Zcjp1f2wu4tvzZKo0ecPnDtQYDQvJXaBeNzce45Fp28ZQLrEZVuFqgBwOalArKXnW1UzlnSusQKJqKYNuz4tOnI6sZG4zanpemv+7ySU2jbA9h6uhcgpfy6G2PahirDZ6zvq6zDduMVFTKvzw8wgyEdelwY9in3XkEPs3osJuwRQ4qTkfzifndg9Gfc4pdsu82+tTnHZTBa2EAMrqr2t43pguc8tNm7JQVQ2S0ukj2d22dhXYP0/veWtwKrCkNoNimAN5+Xr/oLrxswKbVJjteWrX7eR63o4j9q0GxnaBdWgGA5VStpanIjQmEhV0/nVt5VOFUvix6awJhPcAaTEShgrG+iGyvb5a0Ndb1YGHFPEwoqAinoaykaID1o1pdPNu7XsnCKQ3R+hwWIIhGvORcJUBYXe3Xa3vq/mF/N9V13ugufMkfXn+KHsRD0B8AAAAASUVORK5CYII=" type="image/x-icon" />
8
8
 
9
9
  <script>
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "plain-design",
3
- "version": "0.0.87",
3
+ "version": "0.0.88",
4
4
  "description": "",
5
5
  "main": "dist/plain-design.min.js",
6
6
  "module": "dist/plain-design.commonjs.min.js",
@@ -19,6 +19,10 @@
19
19
  min-width: 100%;
20
20
  }
21
21
 
22
+ .pl-scroll-wrapper {
23
+ height: calc(100% + 20px);
24
+ }
25
+
22
26
  .pl-vertical-scrollbar-wrapper, .pl-horizontal-scrollbar-wrapper {
23
27
  z-index: 10;
24
28
  }
@@ -60,8 +60,8 @@
60
60
  {
61
61
  "name": "PlCascadePanel",
62
62
  "codes": [
63
- "@include theme {\r\n .pl-cascade-panel {\r\n display: inline-block;\r\n height: 200px;\r\n border: solid 1px $ibc;\r\n border-radius: $popperRadius;\r\n color: $itc;\r\n\r\n & > .pl-list {\r\n height: 100%;\r\n overflow: hidden;\r\n white-space: nowrap;\r\n }\r\n\r\n .pl-cascade-list {\r\n width: 180px;\r\n height: 100%;\r\n padding: 6px 0;\r\n font-size: 14px;\r\n display: inline-block;\r\n vertical-align: top;\r\n overflow: hidden;\r\n box-sizing: border-box;\r\n\r\n &:not(:last-child) {\r\n border-right: solid 1px $ibc;\r\n }\r\n\r\n .pl-list {\r\n overflow: hidden;\r\n }\r\n\r\n .pl-cascade-item {\r\n padding: 5px 0 5px 12px;\r\n font-weight: 400;\r\n font-size: 13px;\r\n color: $itc;\r\n background-color: white;\r\n transition: all 300ms $transition;\r\n cursor: pointer;\r\n\r\n .pl-cascade-content {\r\n padding-right: 30px;\r\n position: relative;\r\n\r\n .pl-cascade-arrow {\r\n position: absolute;\r\n top: 0;\r\n bottom: 0;\r\n right: 0;\r\n width: 30px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n color: $icc;\r\n }\r\n }\r\n\r\n &.pl-cascade-item-expand, &:hover {\r\n color: $ihc;\r\n background-color: $disabled;\r\n }\r\n\r\n &.pl-cascade-item-active {\r\n color: $colorPrimary;\r\n background-color: rgba($colorPrimary, 0.1);\r\n }\r\n\r\n &.pl-cascade-empty {\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n justify-content: center;\r\n\r\n padding-left: 0;\r\n font-size: 12px;\r\n color: $disabledText;\r\n background-color: transparent;\r\n cursor: auto;\r\n\r\n .pl-icon {\r\n margin-bottom: 8px;\r\n font-size: 20px;\r\n }\r\n }\r\n\r\n &.pl-cascade-item-disabled {\r\n background-color: transparent;\r\n color: $disabledText;\r\n cursor: not-allowed;\r\n }\r\n }\r\n\r\n &.pl-cascade-filter-list {\r\n width: 360px;\r\n }\r\n }\r\n\r\n .pl-loading-mask {\r\n top: 1px;\r\n bottom: 1px;\r\n left: 1px;\r\n right: 1px;\r\n }\r\n }\r\n}",
64
- "@include theme {\r\n [service-name=pl-popper-service-cascade] {\r\n .pl-popper-content-inner {\r\n padding: 0 !important;\r\n }\r\n\r\n .pl-cascade-panel {\r\n border: none !important;\r\n }\r\n }\r\n}"
63
+ "@include theme {\r\n [service-name=pl-popper-service-cascade] {\r\n .pl-popper-content-inner {\r\n padding: 0 !important;\r\n }\r\n\r\n .pl-cascade-panel {\r\n border: none !important;\r\n }\r\n }\r\n}",
64
+ "@include theme {\r\n .pl-cascade-panel {\r\n display: inline-block;\r\n height: 200px;\r\n border: solid 1px $ibc;\r\n border-radius: $popperRadius;\r\n color: $itc;\r\n\r\n & > .pl-list {\r\n height: 100%;\r\n overflow: hidden;\r\n white-space: nowrap;\r\n }\r\n\r\n .pl-cascade-list {\r\n width: 180px;\r\n height: 100%;\r\n padding: 6px 0;\r\n font-size: 14px;\r\n display: inline-block;\r\n vertical-align: top;\r\n overflow: hidden;\r\n box-sizing: border-box;\r\n\r\n &:not(:last-child) {\r\n border-right: solid 1px $ibc;\r\n }\r\n\r\n .pl-list {\r\n overflow: hidden;\r\n }\r\n\r\n .pl-cascade-item {\r\n padding: 5px 0 5px 12px;\r\n font-weight: 400;\r\n font-size: 13px;\r\n color: $itc;\r\n background-color: white;\r\n transition: all 300ms $transition;\r\n cursor: pointer;\r\n\r\n .pl-cascade-content {\r\n padding-right: 30px;\r\n position: relative;\r\n\r\n .pl-cascade-arrow {\r\n position: absolute;\r\n top: 0;\r\n bottom: 0;\r\n right: 0;\r\n width: 30px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n color: $icc;\r\n }\r\n }\r\n\r\n &.pl-cascade-item-expand, &:hover {\r\n color: $ihc;\r\n background-color: $disabled;\r\n }\r\n\r\n &.pl-cascade-item-active {\r\n color: $colorPrimary;\r\n background-color: rgba($colorPrimary, 0.1);\r\n }\r\n\r\n &.pl-cascade-empty {\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n justify-content: center;\r\n\r\n padding-left: 0;\r\n font-size: 12px;\r\n color: $disabledText;\r\n background-color: transparent;\r\n cursor: auto;\r\n\r\n .pl-icon {\r\n margin-bottom: 8px;\r\n font-size: 20px;\r\n }\r\n }\r\n\r\n &.pl-cascade-item-disabled {\r\n background-color: transparent;\r\n color: $disabledText;\r\n cursor: not-allowed;\r\n }\r\n }\r\n\r\n &.pl-cascade-filter-list {\r\n width: 360px;\r\n }\r\n }\r\n\r\n .pl-loading-mask {\r\n top: 1px;\r\n bottom: 1px;\r\n left: 1px;\r\n right: 1px;\r\n }\r\n }\r\n}"
65
65
  ],
66
66
  "seq": 18
67
67
  },
@@ -98,8 +98,8 @@
98
98
  "codes": [
99
99
  "@include theme {\r\n\r\n .pl-color-button {\r\n border-radius: 2px;\r\n height: 24px;\r\n width: 24px;\r\n border: solid 1px $ibc;\r\n padding: 2px;\r\n box-sizing: border-box;\r\n display: inline-block;\r\n cursor: pointer;\r\n\r\n .pl-color-button-background {\r\n background-size: 7px 7px;\r\n border-radius: 2px;\r\n box-sizing: border-box;\r\n height: 100%;\r\n width: 100%;\r\n\r\n .pl-color-button-color {\r\n height: 100%;\r\n width: 100%;\r\n }\r\n }\r\n }\r\n\r\n .pl-color-picker {\r\n @include sizeMixin(input) {\r\n .pl-color-button {\r\n height: $value/2;\r\n width: $value/2;\r\n }\r\n }\r\n }\r\n}",
100
100
  "@include theme {\r\n .pl-color-panel {\r\n display: inline-block;\r\n font-size: 0;\r\n padding: 8px 12px;\r\n\r\n & > div:first-child {\r\n white-space: nowrap;\r\n }\r\n\r\n .pl-color-hue-slider {\r\n margin-top: 8px;\r\n display: block;\r\n }\r\n\r\n .pl-color-alpha-slider {\r\n margin-left: 8px;\r\n }\r\n\r\n .pl-color-panel-input-group {\r\n margin-top: 8px;\r\n\r\n .pl-input {\r\n\r\n .pl-input-inner {\r\n text-align: center;\r\n border-top-right-radius: 0;\r\n border-bottom-right-radius: 0;\r\n border-right: none;\r\n }\r\n }\r\n\r\n .pl-button-group {\r\n & > .pl-button:first-child {\r\n border-top-left-radius: 0;\r\n border-bottom-left-radius: 0;\r\n border-left: none;\r\n }\r\n }\r\n }\r\n }\r\n}",
101
- "@include theme {\r\n .pl-color-alpha-slider {\r\n width: 10px;\r\n background-size: 10px 10px;\r\n position: relative;\r\n cursor: pointer;\r\n border-radius: 10px;\r\n display: inline-block;\r\n\r\n .pl-color-alpha-shadow, .pl-color-alpha-thumb {\r\n pointer-events: none;\r\n }\r\n\r\n .pl-color-alpha-shadow {\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n right: 0;\r\n bottom: 0;\r\n border-radius: 10px;\r\n }\r\n\r\n .pl-color-alpha-thumb {\r\n width: 10px;\r\n height: 10px;\r\n border-radius: 10px;\r\n border: solid 1px $colorInfo;\r\n display: inline-block;\r\n background-color: white;\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n box-sizing: border-box;\r\n }\r\n }\r\n}",
102
101
  "@include theme {\r\n .pl-color-hue-slider {\r\n background: linear-gradient(90deg, red 0, #ff0 17%, #0f0 33%, #0ff 50%, #00f 67%, #f0f 83%, red);\r\n display: inline-block;\r\n height: 10px;\r\n position: relative;\r\n cursor: pointer;\r\n border-radius: 10px;\r\n\r\n .pl-color-hue-slider-thumb {\r\n display: inline-block;\r\n height: 100%;\r\n background-color: white;\r\n position: absolute;\r\n top: 0;\r\n border: solid 1px $colorInfo;\r\n box-sizing: border-box;\r\n border-radius: 100px;\r\n }\r\n }\r\n}",
102
+ "@include theme {\r\n .pl-color-alpha-slider {\r\n width: 10px;\r\n background-size: 10px 10px;\r\n position: relative;\r\n cursor: pointer;\r\n border-radius: 10px;\r\n display: inline-block;\r\n\r\n .pl-color-alpha-shadow, .pl-color-alpha-thumb {\r\n pointer-events: none;\r\n }\r\n\r\n .pl-color-alpha-shadow {\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n right: 0;\r\n bottom: 0;\r\n border-radius: 10px;\r\n }\r\n\r\n .pl-color-alpha-thumb {\r\n width: 10px;\r\n height: 10px;\r\n border-radius: 10px;\r\n border: solid 1px $colorInfo;\r\n display: inline-block;\r\n background-color: white;\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n box-sizing: border-box;\r\n }\r\n }\r\n}",
103
103
  "@include theme {\r\n .pl-color-sv-panel {\r\n position: relative;\r\n box-shadow: 0 0px 4px 0 rgba(0, 0, 0, 0.4);\r\n cursor: pointer;\r\n display: inline-block;\r\n\r\n &:before, &:after, & span {\r\n pointer-events: none;\r\n }\r\n\r\n &, &:before, &:after {\r\n border-radius: 2px;\r\n }\r\n\r\n &:before, &:after {\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n right: 0;\r\n bottom: 0;\r\n content: '';\r\n }\r\n\r\n &:before {\r\n background: linear-gradient(to right, white, rgba(255, 255, 255, 0));\r\n }\r\n\r\n &:after {\r\n background: linear-gradient(to top, black, rgba(255, 255, 255, 0));\r\n }\r\n\r\n .pl-color-sv-thumb {\r\n display: inline-block;\r\n position: absolute;\r\n width: 1px;\r\n height: 1px;\r\n left: 0;\r\n top: 0;\r\n z-index: 1;\r\n\r\n &:after {\r\n display: inline-block;\r\n width: 10px;\r\n height: 10px;\r\n border: solid 1px #999;\r\n border-radius: 10px;\r\n position: absolute;\r\n top: -5px;\r\n left: -5px;\r\n content: '';\r\n box-sizing: border-box;\r\n background-color: white;\r\n }\r\n }\r\n }\r\n}"
104
104
  ],
105
105
  "seq": 27
@@ -282,7 +282,7 @@
282
282
  {
283
283
  "name": "PlTable",
284
284
  "codes": [
285
- "@include theme {\r\n $tableHeadColor: rgba(0, 0, 0, .85);\r\n $tableHeadBackground: #f9f9f9;\r\n $tableHeadHoverBackground: #e4e7ef;\r\n $tableHeadBorderColor: #f0f0f0;\r\n\r\n $tableBodyColor: rgba(0, 0, 0, 0.85);\r\n\r\n $tableRowHoverBackground: #f5f7fa;\r\n $tableRowCurrentBackground: mix($colorPrimary, white, 7.5%);\r\n\r\n $scrollbarSize: 12px;\r\n /*---------------------------------------scroll-------------------------------------------*/\r\n .pl-table, .pl-virtual-table {\r\n position: relative;\r\n\r\n .pl-scroll {\r\n .pl-scroll-content {\r\n min-width: 100%;\r\n }\r\n\r\n .pl-vertical-scrollbar-wrapper, .pl-horizontal-scrollbar-wrapper {\r\n z-index: 10;\r\n }\r\n }\r\n\r\n &:hover {\r\n .pl-scroll {\r\n & > .pl-horizontal-scrollbar-wrapper, & > .pl-vertical-scrollbar-wrapper {\r\n .pl-vertical-scrollbar, .pl-horizontal-scrollbar {\r\n opacity: 1;\r\n }\r\n }\r\n }\r\n }\r\n }\r\n /*---------------------------------------虚拟表格-------------------------------------------*/\r\n .pl-virtual-table {\r\n height: 100%;\r\n width: 100%;\r\n overflow: hidden;\r\n\r\n .pl-virtual-table-summary-table-wrapper {\r\n pointer-events: none;\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n right: 0;\r\n bottom: 0;\r\n overflow: hidden;\r\n z-index: 5;\r\n\r\n & > table {\r\n &:after {\r\n content: '';\r\n display: block;\r\n height: $scrollbarSize;\r\n width: 1px;\r\n }\r\n }\r\n\r\n &:after {\r\n position: absolute;\r\n bottom: 0;\r\n height: $scrollbarSize;\r\n left: 0;\r\n content: \"\";\r\n background-color: #f5f7fa;\r\n z-index: 3;\r\n width: 5000px;\r\n }\r\n\r\n .pl-virtual-table-summary-table {\r\n pointer-events: auto;\r\n position: absolute;\r\n left: 0;\r\n\r\n td {\r\n background-color: $tableHeadBackground;\r\n }\r\n }\r\n }\r\n }\r\n /*---------------------------------------basic-------------------------------------------*/\r\n table {\r\n border-collapse: collapse;\r\n border-spacing: 0;\r\n box-sizing: border-box;\r\n table-layout: fixed;\r\n /**\r\n * table一直都是有个最小宽度100%。\r\n * 当总列宽小于表格宽度时,table没有具体width宽度,fit列不设置库宽度,使其自适应宽度;\r\n * 当总列宽大于表格宽度时,table设置具体的width宽度,fit值无效,以列具体宽度为准;\r\n */\r\n //min-width: 100%; // 不能设置min-width,当文字过长的时候,会自动撑开列宽,导致表头与表体错位\r\n width: 100%;\r\n\r\n tr {\r\n td {\r\n white-space: nowrap;\r\n overflow: hidden;\r\n text-overflow: ellipsis;\r\n box-sizing: border-box;\r\n position: relative;\r\n padding: 1px 11px;\r\n }\r\n }\r\n }\r\n /*---------------------------------------collector-------------------------------------------*/\r\n .plc-collector {\r\n display: none;\r\n }\r\n /*---------------------------------------no data-------------------------------------------*/\r\n .pl-table-no-data {\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n right: 0;\r\n bottom: 0;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n pointer-events: none;\r\n }\r\n /*---------------------------------------head-------------------------------------------*/\r\n .plt-head {\r\n td {\r\n background-color: $tableHeadBackground;\r\n color: $tableHeadColor;\r\n\r\n &:hover {\r\n background-color: $tableHeadHoverBackground;\r\n }\r\n\r\n .plt-head-cell-indicator {\r\n position: absolute;\r\n top: 0;\r\n bottom: 0;\r\n height: inherit;\r\n width: 6px;\r\n right: 0;\r\n content: '';\r\n background-color: rgba(black, 0.1);\r\n cursor: ew-resize;\r\n opacity: 0;\r\n transition: opacity 500ms $transition;\r\n z-index: 1;\r\n }\r\n\r\n .plt-head-cell-sorter {\r\n position: absolute;\r\n right: 4px;\r\n top: 0;\r\n bottom: 0;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n\r\n .plt-head-cell-sorter-inner {\r\n display: flex;\r\n flex-direction: column;\r\n color: rgba(black, 0.4);\r\n\r\n .pl-icon:first-child {\r\n position: relative;\r\n top: 3px;\r\n }\r\n\r\n .pl-icon:last-child {\r\n position: relative;\r\n bottom: 3px;\r\n }\r\n }\r\n\r\n &.plt-head-cell-sorter-asc {\r\n .plt-head-cell-sorter-inner {\r\n .pl-icon:first-child {\r\n color: rgba(black, 0.8);\r\n }\r\n }\r\n }\r\n\r\n &.plt-head-cell-sorter-desc {\r\n .plt-head-cell-sorter-inner {\r\n .pl-icon:last-child {\r\n color: rgba(black, 0.8);\r\n }\r\n }\r\n }\r\n }\r\n }\r\n }\r\n /*---------------------------------------body-------------------------------------------*/\r\n .plt-body {\r\n tr {\r\n td {\r\n transition: background-color 150ms linear;\r\n background-color: white;\r\n color: $tableBodyColor;\r\n }\r\n }\r\n }\r\n /*---------------------------------------row-------------------------------------------*/\r\n .plt-row {\r\n border-bottom: solid 1px $tableHeadBorderColor;\r\n\r\n &:hover {\r\n td {\r\n background-color: $tableRowHoverBackground;\r\n }\r\n }\r\n\r\n &.plt-row-current {\r\n &, &:hover {\r\n td {\r\n background-color: $tableRowCurrentBackground;\r\n }\r\n }\r\n }\r\n }\r\n .plt-head {\r\n tr {\r\n border-bottom: solid 1px $tableHeadBorderColor;\r\n border-top: solid 1px $tableHeadBorderColor;\r\n }\r\n }\r\n .plt-body {\r\n .pl-virtual-table-summary-table-wrapper {\r\n & > table {\r\n border-top: solid 1px $tableHeadBorderColor;\r\n }\r\n }\r\n }\r\n /*---------------------------------------cell-------------------------------------------*/\r\n .plt-cell {\r\n text-align: left;\r\n\r\n &.plt-cell-align-center {\r\n text-align: center;\r\n }\r\n\r\n &.plt-cell-align-right {\r\n text-align: right;\r\n }\r\n\r\n &.plt-cell-no-padding {\r\n padding: 0;\r\n }\r\n\r\n &.plt-cell-editing {\r\n &:not(.plt-cell-add-edit-padding) {\r\n padding-left: 0;\r\n }\r\n }\r\n\r\n &.plt-cell-link {\r\n color: $colorPrimary;\r\n cursor: pointer;\r\n\r\n &:hover {\r\n text-decoration: underline;\r\n }\r\n }\r\n }\r\n /*---------------------------------------border-------------------------------------------*/\r\n .pl-table {\r\n\r\n &.pl-table-border {\r\n tr {\r\n td {\r\n border-right: solid 1px $tableHeadBorderColor;\r\n border-left: solid 1px $tableHeadBorderColor;\r\n }\r\n }\r\n\r\n &:after {\r\n position: absolute;\r\n right: 0;\r\n bottom: 0;\r\n top: 0;\r\n left: 0;\r\n background-color: transparent;\r\n border: solid 0.5px $tableHeadBorderColor;\r\n content: '';\r\n z-index: 5;\r\n pointer-events: none;\r\n }\r\n }\r\n\r\n &.pl-table-stripe {\r\n .plt-body {\r\n .pl-virtual-list-content {\r\n table {\r\n tr:nth-child(odd):not(:hover):not(.plt-row-current) {\r\n td {\r\n background-color: #f2f5ff;\r\n }\r\n }\r\n }\r\n }\r\n }\r\n }\r\n }\r\n /*---------------------------------------size-------------------------------------------*/\r\n .pl-table {\r\n &.pl-table-size-large {\r\n .plt-cell {\r\n font-size: 16px;\r\n }\r\n }\r\n\r\n &.pl-table-size-normal {\r\n .plt-cell {\r\n font-size: 14px;\r\n }\r\n }\r\n\r\n &.pl-table-size-mini {\r\n .plt-cell {\r\n font-size: 12px;\r\n }\r\n }\r\n }\r\n /*---------------------------------------shadow-------------------------------------------*/\r\n .pl-table {\r\n &, &.pl-table-border {\r\n\r\n .plt-cell-last-fixed-left, .plt-cell-first-fixed-right {\r\n\r\n &:before {\r\n position: absolute;\r\n top: 0;\r\n bottom: 0;\r\n width: 3px;\r\n pointer-events: none;\r\n content: '';\r\n z-index: 4;\r\n background-color: transparent;\r\n\r\n left: initial;\r\n right: initial;\r\n transform: none;\r\n }\r\n\r\n &.plt-cell-last-fixed-left {\r\n &:before {\r\n right: 0;\r\n box-shadow: inset 10px 0 10px -10px mix(black, $boxshadowColor, 10%);\r\n }\r\n }\r\n\r\n &.plt-cell-first-fixed-right {\r\n &:before {\r\n left: 0;\r\n box-shadow: inset -10px 0 10px -10px mix(black, $boxshadowColor, 10%);\r\n }\r\n }\r\n }\r\n }\r\n\r\n &.plt-table-hide-fixed-left .plt-cell-last-fixed-left, &.plt-table-hide-fixed-right .plt-cell-first-fixed-right {\r\n &:before {\r\n display: none;\r\n }\r\n }\r\n }\r\n /*---------------------------------------standard-------------------------------------------*/\r\n /*plc-index*/\r\n .plc-index-summary-text {\r\n font-size: 12px;\r\n }\r\n /*!*icon*!\r\n .plt-cell {\r\n & > .pl-icon {\r\n vertical-align: -0.3em;\r\n\r\n & + * {\r\n margin-left: 4px;\r\n }\r\n }\r\n }*/\r\n /*input*/\r\n .plt-cell {\r\n & > * {\r\n vertical-align: middle;\r\n\r\n &.pl-icon {\r\n vertical-align: middle;\r\n }\r\n }\r\n\r\n & > .pl-input {\r\n width: 100%;\r\n\r\n & > .pl-input-inner {\r\n width: inherit !important;\r\n\r\n & > .pl-input-custom-inner {\r\n & > input {\r\n width: 100% !important;\r\n }\r\n }\r\n }\r\n }\r\n }\r\n /*plc-expand*/\r\n .plt-row {\r\n &.plt-expand-row {\r\n td {\r\n background-color: white;\r\n z-index: 5;\r\n white-space: normal;\r\n padding: 0;\r\n overflow: unset;\r\n }\r\n\r\n .plt-expand-body {\r\n box-sizing: border-box;\r\n position: sticky;\r\n left: 0;\r\n\r\n &[data-padding=true] {\r\n padding: 16px;\r\n }\r\n\r\n & > .pl-form {\r\n padding: 0;\r\n }\r\n }\r\n }\r\n\r\n .plc-expand-icon {\r\n .pl-icon {\r\n @include transition;\r\n transition-property: transform;\r\n }\r\n\r\n &.plc-expand-icon-active {\r\n .pl-icon {\r\n transform: rotate(-180deg);\r\n }\r\n }\r\n }\r\n }\r\n /*plc-draggier*/\r\n .pl-button.plc-draggier-handler {\r\n cursor: move;\r\n }\r\n /*col draggier*/\r\n .plt-col-draggier-indicator {\r\n &[droppable=\"true\"] {\r\n background-color: $colorPrimary;\r\n }\r\n\r\n &[droppable=\"false\"] {\r\n background-color: $colorError;\r\n }\r\n }\r\n /*plc-tree*/\r\n .plc-tree-node {\r\n white-space: nowrap;\r\n\r\n & > * {\r\n display: inline-block;\r\n height: 100%;\r\n }\r\n\r\n .plc-tree-node-expander, .plc-tree-node-check {\r\n width: 30px;\r\n text-align: center;\r\n }\r\n }\r\n .plc-tree-node-content {\r\n display: inline-block;\r\n overflow: hidden;\r\n text-overflow: ellipsis;\r\n white-space: nowrap;\r\n padding-left: 8px;\r\n box-sizing: border-box;\r\n }\r\n}\r\n"
285
+ "@include theme {\r\n $tableHeadColor: rgba(0, 0, 0, .85);\r\n $tableHeadBackground: #f9f9f9;\r\n $tableHeadHoverBackground: #e4e7ef;\r\n $tableHeadBorderColor: #f0f0f0;\r\n\r\n $tableBodyColor: rgba(0, 0, 0, 0.85);\r\n\r\n $tableRowHoverBackground: #f5f7fa;\r\n $tableRowCurrentBackground: mix($colorPrimary, white, 7.5%);\r\n\r\n $scrollbarSize: 12px;\r\n /*---------------------------------------scroll-------------------------------------------*/\r\n .pl-table, .pl-virtual-table {\r\n position: relative;\r\n\r\n .pl-scroll {\r\n .pl-scroll-content {\r\n min-width: 100%;\r\n }\r\n\r\n .pl-scroll-wrapper {\r\n height: calc(100% + 20px);\r\n }\r\n\r\n .pl-vertical-scrollbar-wrapper, .pl-horizontal-scrollbar-wrapper {\r\n z-index: 10;\r\n }\r\n }\r\n\r\n &:hover {\r\n .pl-scroll {\r\n & > .pl-horizontal-scrollbar-wrapper, & > .pl-vertical-scrollbar-wrapper {\r\n .pl-vertical-scrollbar, .pl-horizontal-scrollbar {\r\n opacity: 1;\r\n }\r\n }\r\n }\r\n }\r\n }\r\n /*---------------------------------------虚拟表格-------------------------------------------*/\r\n .pl-virtual-table {\r\n height: 100%;\r\n width: 100%;\r\n overflow: hidden;\r\n\r\n .pl-virtual-table-summary-table-wrapper {\r\n pointer-events: none;\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n right: 0;\r\n bottom: 0;\r\n overflow: hidden;\r\n z-index: 5;\r\n\r\n & > table {\r\n &:after {\r\n content: '';\r\n display: block;\r\n height: $scrollbarSize;\r\n width: 1px;\r\n }\r\n }\r\n\r\n &:after {\r\n position: absolute;\r\n bottom: 0;\r\n height: $scrollbarSize;\r\n left: 0;\r\n content: \"\";\r\n background-color: #f5f7fa;\r\n z-index: 3;\r\n width: 5000px;\r\n }\r\n\r\n .pl-virtual-table-summary-table {\r\n pointer-events: auto;\r\n position: absolute;\r\n left: 0;\r\n\r\n td {\r\n background-color: $tableHeadBackground;\r\n }\r\n }\r\n }\r\n }\r\n /*---------------------------------------basic-------------------------------------------*/\r\n table {\r\n border-collapse: collapse;\r\n border-spacing: 0;\r\n box-sizing: border-box;\r\n table-layout: fixed;\r\n /**\r\n * table一直都是有个最小宽度100%。\r\n * 当总列宽小于表格宽度时,table没有具体width宽度,fit列不设置库宽度,使其自适应宽度;\r\n * 当总列宽大于表格宽度时,table设置具体的width宽度,fit值无效,以列具体宽度为准;\r\n */\r\n //min-width: 100%; // 不能设置min-width,当文字过长的时候,会自动撑开列宽,导致表头与表体错位\r\n width: 100%;\r\n\r\n tr {\r\n td {\r\n white-space: nowrap;\r\n overflow: hidden;\r\n text-overflow: ellipsis;\r\n box-sizing: border-box;\r\n position: relative;\r\n padding: 1px 11px;\r\n }\r\n }\r\n }\r\n /*---------------------------------------collector-------------------------------------------*/\r\n .plc-collector {\r\n display: none;\r\n }\r\n /*---------------------------------------no data-------------------------------------------*/\r\n .pl-table-no-data {\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n right: 0;\r\n bottom: 0;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n pointer-events: none;\r\n }\r\n /*---------------------------------------head-------------------------------------------*/\r\n .plt-head {\r\n td {\r\n background-color: $tableHeadBackground;\r\n color: $tableHeadColor;\r\n\r\n &:hover {\r\n background-color: $tableHeadHoverBackground;\r\n }\r\n\r\n .plt-head-cell-indicator {\r\n position: absolute;\r\n top: 0;\r\n bottom: 0;\r\n height: inherit;\r\n width: 6px;\r\n right: 0;\r\n content: '';\r\n background-color: rgba(black, 0.1);\r\n cursor: ew-resize;\r\n opacity: 0;\r\n transition: opacity 500ms $transition;\r\n z-index: 1;\r\n }\r\n\r\n .plt-head-cell-sorter {\r\n position: absolute;\r\n right: 4px;\r\n top: 0;\r\n bottom: 0;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n\r\n .plt-head-cell-sorter-inner {\r\n display: flex;\r\n flex-direction: column;\r\n color: rgba(black, 0.4);\r\n\r\n .pl-icon:first-child {\r\n position: relative;\r\n top: 3px;\r\n }\r\n\r\n .pl-icon:last-child {\r\n position: relative;\r\n bottom: 3px;\r\n }\r\n }\r\n\r\n &.plt-head-cell-sorter-asc {\r\n .plt-head-cell-sorter-inner {\r\n .pl-icon:first-child {\r\n color: rgba(black, 0.8);\r\n }\r\n }\r\n }\r\n\r\n &.plt-head-cell-sorter-desc {\r\n .plt-head-cell-sorter-inner {\r\n .pl-icon:last-child {\r\n color: rgba(black, 0.8);\r\n }\r\n }\r\n }\r\n }\r\n }\r\n }\r\n /*---------------------------------------body-------------------------------------------*/\r\n .plt-body {\r\n tr {\r\n td {\r\n transition: background-color 150ms linear;\r\n background-color: white;\r\n color: $tableBodyColor;\r\n }\r\n }\r\n }\r\n /*---------------------------------------row-------------------------------------------*/\r\n .plt-row {\r\n border-bottom: solid 1px $tableHeadBorderColor;\r\n\r\n &:hover {\r\n td {\r\n background-color: $tableRowHoverBackground;\r\n }\r\n }\r\n\r\n &.plt-row-current {\r\n &, &:hover {\r\n td {\r\n background-color: $tableRowCurrentBackground;\r\n }\r\n }\r\n }\r\n }\r\n .plt-head {\r\n tr {\r\n border-bottom: solid 1px $tableHeadBorderColor;\r\n border-top: solid 1px $tableHeadBorderColor;\r\n }\r\n }\r\n .plt-body {\r\n .pl-virtual-table-summary-table-wrapper {\r\n & > table {\r\n border-top: solid 1px $tableHeadBorderColor;\r\n }\r\n }\r\n }\r\n /*---------------------------------------cell-------------------------------------------*/\r\n .plt-cell {\r\n text-align: left;\r\n\r\n &.plt-cell-align-center {\r\n text-align: center;\r\n }\r\n\r\n &.plt-cell-align-right {\r\n text-align: right;\r\n }\r\n\r\n &.plt-cell-no-padding {\r\n padding: 0;\r\n }\r\n\r\n &.plt-cell-editing {\r\n &:not(.plt-cell-add-edit-padding) {\r\n padding-left: 0;\r\n }\r\n }\r\n\r\n &.plt-cell-link {\r\n color: $colorPrimary;\r\n cursor: pointer;\r\n\r\n &:hover {\r\n text-decoration: underline;\r\n }\r\n }\r\n }\r\n /*---------------------------------------border-------------------------------------------*/\r\n .pl-table {\r\n\r\n &.pl-table-border {\r\n tr {\r\n td {\r\n border-right: solid 1px $tableHeadBorderColor;\r\n border-left: solid 1px $tableHeadBorderColor;\r\n }\r\n }\r\n\r\n &:after {\r\n position: absolute;\r\n right: 0;\r\n bottom: 0;\r\n top: 0;\r\n left: 0;\r\n background-color: transparent;\r\n border: solid 0.5px $tableHeadBorderColor;\r\n content: '';\r\n z-index: 5;\r\n pointer-events: none;\r\n }\r\n }\r\n\r\n &.pl-table-stripe {\r\n .plt-body {\r\n .pl-virtual-list-content {\r\n table {\r\n tr:nth-child(odd):not(:hover):not(.plt-row-current) {\r\n td {\r\n background-color: #f2f5ff;\r\n }\r\n }\r\n }\r\n }\r\n }\r\n }\r\n }\r\n /*---------------------------------------size-------------------------------------------*/\r\n .pl-table {\r\n &.pl-table-size-large {\r\n .plt-cell {\r\n font-size: 16px;\r\n }\r\n }\r\n\r\n &.pl-table-size-normal {\r\n .plt-cell {\r\n font-size: 14px;\r\n }\r\n }\r\n\r\n &.pl-table-size-mini {\r\n .plt-cell {\r\n font-size: 12px;\r\n }\r\n }\r\n }\r\n /*---------------------------------------shadow-------------------------------------------*/\r\n .pl-table {\r\n &, &.pl-table-border {\r\n\r\n .plt-cell-last-fixed-left, .plt-cell-first-fixed-right {\r\n\r\n &:before {\r\n position: absolute;\r\n top: 0;\r\n bottom: 0;\r\n width: 3px;\r\n pointer-events: none;\r\n content: '';\r\n z-index: 4;\r\n background-color: transparent;\r\n\r\n left: initial;\r\n right: initial;\r\n transform: none;\r\n }\r\n\r\n &.plt-cell-last-fixed-left {\r\n &:before {\r\n right: 0;\r\n box-shadow: inset 10px 0 10px -10px mix(black, $boxshadowColor, 10%);\r\n }\r\n }\r\n\r\n &.plt-cell-first-fixed-right {\r\n &:before {\r\n left: 0;\r\n box-shadow: inset -10px 0 10px -10px mix(black, $boxshadowColor, 10%);\r\n }\r\n }\r\n }\r\n }\r\n\r\n &.plt-table-hide-fixed-left .plt-cell-last-fixed-left, &.plt-table-hide-fixed-right .plt-cell-first-fixed-right {\r\n &:before {\r\n display: none;\r\n }\r\n }\r\n }\r\n /*---------------------------------------standard-------------------------------------------*/\r\n /*plc-index*/\r\n .plc-index-summary-text {\r\n font-size: 12px;\r\n }\r\n /*!*icon*!\r\n .plt-cell {\r\n & > .pl-icon {\r\n vertical-align: -0.3em;\r\n\r\n & + * {\r\n margin-left: 4px;\r\n }\r\n }\r\n }*/\r\n /*input*/\r\n .plt-cell {\r\n & > * {\r\n vertical-align: middle;\r\n\r\n &.pl-icon {\r\n vertical-align: middle;\r\n }\r\n }\r\n\r\n & > .pl-input {\r\n width: 100%;\r\n\r\n & > .pl-input-inner {\r\n width: inherit !important;\r\n\r\n & > .pl-input-custom-inner {\r\n & > input {\r\n width: 100% !important;\r\n }\r\n }\r\n }\r\n }\r\n }\r\n /*plc-expand*/\r\n .plt-row {\r\n &.plt-expand-row {\r\n td {\r\n background-color: white;\r\n z-index: 5;\r\n white-space: normal;\r\n padding: 0;\r\n overflow: unset;\r\n }\r\n\r\n .plt-expand-body {\r\n box-sizing: border-box;\r\n position: sticky;\r\n left: 0;\r\n\r\n &[data-padding=true] {\r\n padding: 16px;\r\n }\r\n\r\n & > .pl-form {\r\n padding: 0;\r\n }\r\n }\r\n }\r\n\r\n .plc-expand-icon {\r\n .pl-icon {\r\n @include transition;\r\n transition-property: transform;\r\n }\r\n\r\n &.plc-expand-icon-active {\r\n .pl-icon {\r\n transform: rotate(-180deg);\r\n }\r\n }\r\n }\r\n }\r\n /*plc-draggier*/\r\n .pl-button.plc-draggier-handler {\r\n cursor: move;\r\n }\r\n /*col draggier*/\r\n .plt-col-draggier-indicator {\r\n &[droppable=\"true\"] {\r\n background-color: $colorPrimary;\r\n }\r\n\r\n &[droppable=\"false\"] {\r\n background-color: $colorError;\r\n }\r\n }\r\n /*plc-tree*/\r\n .plc-tree-node {\r\n white-space: nowrap;\r\n\r\n & > * {\r\n display: inline-block;\r\n height: 100%;\r\n }\r\n\r\n .plc-tree-node-expander, .plc-tree-node-check {\r\n width: 30px;\r\n text-align: center;\r\n }\r\n }\r\n .plc-tree-node-content {\r\n display: inline-block;\r\n overflow: hidden;\r\n text-overflow: ellipsis;\r\n white-space: nowrap;\r\n padding-left: 8px;\r\n box-sizing: border-box;\r\n }\r\n}\r\n"
286
286
  ],
287
287
  "seq": 63
288
288
  },
@@ -372,8 +372,8 @@
372
372
  "@include theme {\r\n .pl-tabs {\r\n .pl-tabs-collector {\r\n height: 0;\r\n width: 0;\r\n overflow: hidden;\r\n display: block;\r\n }\r\n\r\n .pl-tabs-header-item {\r\n cursor: pointer;\r\n user-select: none;\r\n\r\n .pl-icon {\r\n margin-left: 8px;\r\n }\r\n\r\n &:not(.pl-tabs-header-item-active) {\r\n .pl-icon {\r\n color: $icc;\r\n }\r\n }\r\n }\r\n\r\n .pl-tabs-header-item-operator {\r\n flex-grow: 1;\r\n flex-shrink: 0;\r\n position: sticky;\r\n right: 4px;\r\n height: 45px;\r\n line-height: 45px;\r\n padding-left: 16px;\r\n justify-self: flex-end;\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: flex-end;\r\n background-color: white;\r\n\r\n & > * + * {\r\n margin-left: 4px;\r\n }\r\n }\r\n }\r\n}\r\n",
373
373
  "@include theme {\r\n .pl-tabs-header.pl-tabs-header-horizontal.pl-tabs-header-type-card {\r\n .pl-tabs-header-item {\r\n line-height: 45px;\r\n padding: 0 20px;\r\n border-left: solid 1px $ibc;\r\n\r\n &:last-child {\r\n border-right: solid 1px $ibc;\r\n }\r\n\r\n &:hover, &.pl-tabs-header-item-active {\r\n color: $colorPrimary;\r\n }\r\n }\r\n\r\n &.pl-tabs-header-pos-top {\r\n .pl-tabs-header-list {\r\n border-bottom: solid 1px $ibc;\r\n\r\n .pl-tabs-header-item {\r\n border-top: solid 1px $ibc;\r\n\r\n &:first-child {\r\n border-top-left-radius: $shapeFillet;\r\n }\r\n\r\n &:last-child {\r\n border-top-right-radius: $shapeFillet;\r\n }\r\n\r\n &.pl-tabs-header-item-active {\r\n position: relative;\r\n\r\n &:before {\r\n position: absolute;\r\n background-color: white;\r\n left: 0;\r\n right: 0;\r\n top: 100%;\r\n height: 1px;\r\n content: '';\r\n }\r\n }\r\n }\r\n }\r\n }\r\n\r\n &.pl-tabs-header-pos-bottom {\r\n .pl-tabs-header-list {\r\n border-top: solid 1px $ibc;\r\n\r\n .pl-tabs-header-item {\r\n border-bottom: solid 1px $ibc;\r\n\r\n &:first-child {\r\n border-bottom-left-radius: $shapeFillet;\r\n }\r\n\r\n &:last-child {\r\n border-bottom-right-radius: $shapeFillet;\r\n }\r\n\r\n &.pl-tabs-header-item-active {\r\n position: relative;\r\n\r\n &:before {\r\n position: absolute;\r\n background-color: white;\r\n left: 0;\r\n right: 0;\r\n bottom: 100%;\r\n height: 1px;\r\n content: '';\r\n }\r\n }\r\n }\r\n }\r\n }\r\n }\r\n}",
374
374
  "@include theme {\r\n .pl-tabs-header-horizontal {\r\n overflow: hidden;\r\n position: relative;\r\n\r\n .pl-tabs-header-list {\r\n display: inline-flex;\r\n align-items: center;\r\n white-space: nowrap;\r\n min-width: 100%;\r\n position: relative;\r\n transition: 300ms $transitionFlexible left;\r\n }\r\n\r\n .pl-tabs-header-item {\r\n display: inline-block;\r\n font-size: 14px;\r\n }\r\n\r\n &.pl-tabs-header-show-more {\r\n padding-right: 80px;\r\n\r\n .pl-tabs-header-more-button {\r\n z-index: 1;\r\n position: absolute;\r\n background-color: rgba(white, 0.9);\r\n right: 0;\r\n top: 0;\r\n bottom: 0;\r\n width: 80px;\r\n box-shadow: 0 2px 8px #ccc;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n color: $ihc;\r\n }\r\n }\r\n }\r\n\r\n .pl-tabs-head-position-top, .pl-tabs-head-position-bottom {\r\n &.pl-tabs-fit-height {\r\n display: flex;\r\n flex-direction: column;\r\n height: 100%;\r\n flex: 1;\r\n\r\n & > .pl-tabs-body {\r\n flex: 1;\r\n overflow: hidden;\r\n display: flex;\r\n align-items: stretch;\r\n\r\n & > .pl-inner-tab {\r\n flex: 1;\r\n overflow: auto;\r\n }\r\n }\r\n }\r\n }\r\n}\r\n",
375
- "@include theme {\r\n .pl-tabs-header.pl-tabs-header-horizontal.pl-tabs-header-type-text {\r\n\r\n .pl-tabs-header-item {\r\n line-height: 45px;\r\n\r\n & + .pl-tabs-header-item {\r\n margin-left: 32px;\r\n }\r\n\r\n &.pl-tabs-header-item-active, &:hover {\r\n color: $colorPrimary;\r\n }\r\n }\r\n\r\n .pl-tabs-header-list {\r\n position: relative;\r\n\r\n .pl-tabs-header-horizontal-text-indicator-container {\r\n background-color: $disabled;\r\n position: absolute;\r\n left: 0;\r\n right: 0;\r\n height: 2px;\r\n\r\n .pl-tabs-header-horizontal-text-indicator {\r\n position: absolute;\r\n width: 0;\r\n left: 0;\r\n height: 100%;\r\n background-color: $colorPrimary;\r\n display: block;\r\n transition: $transition 150ms all;\r\n }\r\n }\r\n }\r\n\r\n &.pl-tabs-header-pos-top {\r\n .pl-tabs-header-horizontal-text-indicator-container {\r\n bottom: 0;\r\n }\r\n }\r\n\r\n &.pl-tabs-header-pos-bottom {\r\n .pl-tabs-header-horizontal-text-indicator-container {\r\n top: 0;\r\n }\r\n }\r\n }\r\n}\r\n",
376
375
  "@include theme {\r\n .pl-tabs.pl-tabs-head-type-shadow {\r\n box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .12), 0 0 6px 0 rgba(0, 0, 0, .04);\r\n border: solid 1px $ibl;\r\n box-sizing: border-box;\r\n\r\n & + * {\r\n margin-top: 16px;\r\n }\r\n\r\n .pl-tabs-header.pl-tabs-header-horizontal.pl-tabs-header-type-shadow {\r\n background-color: $disabled;\r\n\r\n .pl-tabs-header-item {\r\n line-height: 45px;\r\n padding: 0 20px;\r\n color: $itl;\r\n box-sizing: border-box;\r\n transition: all linear 300ms;\r\n border-left: solid 1px transparent;\r\n border-right: solid 1px transparent;\r\n\r\n &:first-child {\r\n border-left: none;\r\n }\r\n\r\n &:hover, &.pl-tabs-header-item-active {\r\n color: $colorPrimary;\r\n }\r\n\r\n &:before {\r\n position: absolute;\r\n background-color: transparent;\r\n left: 0;\r\n right: 0;\r\n height: 1px;\r\n content: '';\r\n transition: all linear 300ms;\r\n }\r\n\r\n &.pl-tabs-header-item-active {\r\n position: relative;\r\n background-color: white;\r\n border-color: $ibl;\r\n\r\n &:before {\r\n background-color: white;\r\n }\r\n }\r\n }\r\n\r\n &.pl-tabs-header-pos-top {\r\n .pl-tabs-header-list {\r\n border-bottom: solid 1px $ibl;\r\n\r\n .pl-tabs-header-item-active:before {\r\n top: 100%\r\n }\r\n }\r\n }\r\n\r\n &.pl-tabs-header-pos-bottom {\r\n .pl-tabs-header-list {\r\n border-top: solid 1px $ibl;\r\n\r\n .pl-tabs-header-item-active:before {\r\n bottom: 100%\r\n }\r\n }\r\n }\r\n }\r\n }\r\n}\r\n",
376
+ "@include theme {\r\n .pl-tabs-header.pl-tabs-header-horizontal.pl-tabs-header-type-text {\r\n\r\n .pl-tabs-header-item {\r\n line-height: 45px;\r\n\r\n & + .pl-tabs-header-item {\r\n margin-left: 32px;\r\n }\r\n\r\n &.pl-tabs-header-item-active, &:hover {\r\n color: $colorPrimary;\r\n }\r\n }\r\n\r\n .pl-tabs-header-list {\r\n position: relative;\r\n\r\n .pl-tabs-header-horizontal-text-indicator-container {\r\n background-color: $disabled;\r\n position: absolute;\r\n left: 0;\r\n right: 0;\r\n height: 2px;\r\n\r\n .pl-tabs-header-horizontal-text-indicator {\r\n position: absolute;\r\n width: 0;\r\n left: 0;\r\n height: 100%;\r\n background-color: $colorPrimary;\r\n display: block;\r\n transition: $transition 150ms all;\r\n }\r\n }\r\n }\r\n\r\n &.pl-tabs-header-pos-top {\r\n .pl-tabs-header-horizontal-text-indicator-container {\r\n bottom: 0;\r\n }\r\n }\r\n\r\n &.pl-tabs-header-pos-bottom {\r\n .pl-tabs-header-horizontal-text-indicator-container {\r\n top: 0;\r\n }\r\n }\r\n }\r\n}\r\n",
377
377
  "@include theme {\r\n .pl-tabs {\r\n &.pl-tabs-head-position-left, &.pl-tabs-head-position-right {\r\n display: flex;\r\n\r\n .pl-tabs-body {\r\n flex: 1;\r\n box-sizing: border-box;\r\n }\r\n\r\n .pl-tabs-header {\r\n position: relative;\r\n\r\n .pl-tabs-header-item {\r\n line-height: 36px;\r\n padding: 0 16px;\r\n position: relative;\r\n z-index: 1;\r\n transition: all linear 150ms;\r\n white-space: nowrap;\r\n\r\n &:hover {\r\n color: $colorPrimary;\r\n }\r\n\r\n &.pl-tabs-header-item-active {\r\n color: $colorPrimary;\r\n background-color: $colorPrimaryLight;\r\n }\r\n }\r\n\r\n &.pl-tabs-header-pos-left {\r\n\r\n &:before {\r\n position: absolute;\r\n content: '';\r\n right: 0;\r\n width: 2px;\r\n top: 0;\r\n bottom: 0;\r\n background-color: $ibl;\r\n }\r\n\r\n .pl-tabs-header-item {\r\n text-align: right;\r\n border-right: solid 2px transparent;\r\n\r\n &:hover {\r\n border-right-color: rgba($colorPrimary, 0.5);\r\n }\r\n\r\n &.pl-tabs-header-item-active {\r\n border-right-color: $colorPrimary;\r\n }\r\n }\r\n }\r\n\r\n &.pl-tabs-header-pos-right {\r\n &:before {\r\n position: absolute;\r\n content: '';\r\n left: 0;\r\n width: 2px;\r\n top: 0;\r\n bottom: 0;\r\n background-color: $ibl;\r\n }\r\n\r\n .pl-tabs-header-item {\r\n text-align: left;\r\n border-left: solid 2px transparent;\r\n\r\n &:hover {\r\n border-left-color: rgba($colorPrimary, 0.5);\r\n }\r\n\r\n &.pl-tabs-header-item-active {\r\n border-left-color: $colorPrimary;\r\n }\r\n }\r\n }\r\n }\r\n\r\n &.pl-tabs-fit-height {\r\n height: 100%;\r\n flex: 1;\r\n align-items: stretch;\r\n\r\n & > .pl-tabs-header {\r\n overflow: auto;\r\n }\r\n\r\n & > .pl-tabs-body {\r\n overflow: hidden;\r\n display: flex;\r\n align-items: stretch;\r\n\r\n & > .pl-inner-tab {\r\n flex: 1;\r\n overflow: auto;\r\n }\r\n }\r\n }\r\n }\r\n\r\n &.pl-tabs-head-position-left {\r\n .pl-tabs-body {\r\n padding-left: 16px;\r\n }\r\n }\r\n\r\n &.pl-tabs-head-position-right {\r\n .pl-tabs-body {\r\n padding-right: 16px;\r\n }\r\n }\r\n }\r\n}\r\n"
378
378
  ],
379
379
  "seq": 80
@@ -425,11 +425,11 @@
425
425
  "codes": [
426
426
  "@include theme {\r\n .pro-column-filter-container {\r\n display: flex;\r\n flex-direction: column;\r\n align-items: stretch;\r\n width: 360px;\r\n padding: 0 12px;\r\n\r\n & > div {\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n margin: 4px 0;\r\n\r\n & > .pl-filter {\r\n width: 100%;\r\n display: flex;\r\n }\r\n\r\n .pl-button-group {\r\n width: 100%;\r\n display: flex;\r\n\r\n .pl-button:not(.pl-button-icon-only) {\r\n flex: 1;\r\n }\r\n }\r\n\r\n & > .pl-button {\r\n flex: 1;\r\n\r\n &:first-child {\r\n margin-right: 2px;\r\n }\r\n\r\n &:last-child {\r\n margin-left: 2px;\r\n }\r\n }\r\n }\r\n\r\n .pro-column-filter-sort-container {\r\n background-color: $ibl;\r\n height: plv(sizeNormal);\r\n border-radius: 100px;\r\n width: 100%;\r\n display: flex;\r\n align-items: stretch;\r\n box-sizing: border-box;\r\n padding: 2px;\r\n\r\n & > div {\r\n flex: 1;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n position: relative;\r\n border-radius: 100px;\r\n cursor: pointer;\r\n background-color: $ibl;\r\n transition: background-color 300ms linear;\r\n\r\n &:hover {\r\n background-color: #fcfcfc;\r\n }\r\n\r\n &.pro-column-filter-sort-item-active {\r\n background-color: white;\r\n box-shadow: 0 2px 8px #ddd;\r\n color: $colorPrimary;\r\n }\r\n\r\n }\r\n }\r\n }\r\n}\r\n",
427
427
  "@include theme {\r\n .pl-table-pro-distinct-filter-item {\r\n display: flex;\r\n align-items: stretch;\r\n line-height: 28px;\r\n\r\n padding: 8px 0;\r\n\r\n background-color: white;\r\n transition: background-color 300ms linear;\r\n\r\n &:not(:last-child) {\r\n border-bottom: solid 1px $ibl;\r\n }\r\n\r\n &:hover {\r\n background-color: #f6f6f6;\r\n }\r\n\r\n .pl-table-pro-distinct-filter-item-title {\r\n color: $colorPrimary;\r\n margin: 0 8px;\r\n }\r\n\r\n .pl-table-pro-distinct-filter-item-tags {\r\n\r\n cursor: pointer;\r\n\r\n & > div {\r\n display: inline-block;\r\n font-size: 12px;\r\n background-color: $colorPrimaryLight;\r\n padding: 0 12px;\r\n margin: 1px 2px;\r\n border-radius: 4px;\r\n }\r\n }\r\n\r\n .pl-table-pro-distinct-filter-item-button {\r\n\r\n }\r\n }\r\n}\r\n",
428
- ".pl-table-pro-setting-config {\r\n .pl-table-pro-setting-config-button {\r\n margin-bottom: 16px;\r\n\r\n & > * {\r\n margin-right: 8px;\r\n }\r\n }\r\n}\r\n",
429
- "@include theme {\r\n .pl-table-pro-setting-all-filter {\r\n\r\n background-color: #fafafa;\r\n min-height: 100%;\r\n width: 100%;\r\n display: inline-block;\r\n box-sizing: border-box;\r\n padding: 16px;\r\n\r\n & > * {\r\n margin-bottom: 16px;\r\n\r\n &:first-child {\r\n text-align: right;\r\n }\r\n }\r\n\r\n .pl-table-pro-setting-all-filter-item {\r\n background-color: white;\r\n box-sizing: border-box;\r\n border-radius: 2px;\r\n box-shadow: 1px 1px 8px 1px #e2e3e4;\r\n\r\n .pl-table-pro-setting-all-filter-item-head {\r\n font-size: 16px;\r\n font-weight: 600;\r\n border-bottom: solid 1px $ibl;\r\n padding: 16px;\r\n display: flex;\r\n justify-content: space-between;\r\n }\r\n\r\n .pl-table-pro-setting-all-filter-item-body {\r\n padding: 16px;\r\n }\r\n }\r\n }\r\n\r\n}\r\n",
430
428
  "@include theme {\r\n .pl-table-pro-setting-export {\r\n .pl-table-pro-setting-export-option {\r\n padding: 12px 12px 12px 50px;\r\n transition: background-color linear 300ms;\r\n position: relative;\r\n\r\n &:hover {\r\n background-color: $colorPrimaryLight;\r\n cursor: pointer;\r\n }\r\n\r\n &:not(:first-child) {\r\n border-top: solid 1px $ibl;\r\n }\r\n\r\n .pl-table-pro-setting-export-option-radio {\r\n position: absolute;\r\n top: 0;\r\n bottom: 0;\r\n left: 0;\r\n width: 50px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n }\r\n\r\n .pl-table-pro-setting-export-option-title {\r\n font-size: 16px;\r\n margin-bottom: 8px;\r\n }\r\n\r\n .pl-table-pro-setting-export-option-desc {\r\n font-size: 12px;\r\n color: $icc;\r\n }\r\n }\r\n\r\n .pl-table-pro-setting-export-foot {\r\n text-align: center;\r\n margin-top: 20px;\r\n\r\n .pl-button + .pl-button {\r\n margin-left: 8px;\r\n }\r\n }\r\n\r\n .pl-table-pro-setting-export-loading {\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n justify-content: center;\r\n\r\n .pl-loading, .pl-icon {\r\n font-size: 32px;\r\n }\r\n\r\n & > span {\r\n color: $icc;\r\n }\r\n\r\n & > * {\r\n margin-bottom: 24px;\r\n }\r\n }\r\n }\r\n}\r\n",
431
- "@include theme {\r\n .pl-table-pro-setting {\r\n height: 100%;\r\n display: flex;\r\n align-items: stretch;\r\n\r\n $nav-bg: #fcfcfc;\r\n\r\n .pl-table-pro-setting-nav {\r\n background-color: $nav-bg;\r\n display: flex;\r\n flex-direction: column;\r\n\r\n .pl-table-pro-setting-nav-item:last-child {\r\n flex: 1;\r\n }\r\n\r\n .pl-table-pro-setting-nav-item {\r\n padding: 12px 24px;\r\n cursor: pointer;\r\n background-color: white;\r\n position: relative;\r\n\r\n .pl-table-pro-setting-nav-item-inner {\r\n position: relative;\r\n z-index: 1;\r\n }\r\n\r\n &:hover, &.pl-table-pro-setting-nav-item-active {\r\n color: $colorPrimary;\r\n }\r\n\r\n &.pl-table-pro-setting-nav-item-active {\r\n &:after {\r\n position: absolute;\r\n content: '';\r\n top: 0;\r\n bottom: 0;\r\n left: 0;\r\n width: 2px;\r\n background-color: $colorPrimary;\r\n }\r\n }\r\n\r\n &.pl-table-pro-setting-nav-item-prev {\r\n &:before {\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n right: 0;\r\n bottom: 0;\r\n border-bottom-right-radius: 4px;\r\n background-color: $nav-bg;\r\n content: '';\r\n border-bottom: solid 1px $ibl;\r\n border-right: solid 1px $ibl;\r\n }\r\n }\r\n\r\n &.pl-table-pro-setting-nav-item-next {\r\n &:before {\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n right: 0;\r\n bottom: 0;\r\n border-top-right-radius: 4px;\r\n background-color: $nav-bg;\r\n content: '';\r\n border-top: solid 1px $ibl;\r\n border-right: solid 1px $ibl;\r\n }\r\n }\r\n\r\n &:not(.pl-table-pro-setting-nav-item-prev):not(.pl-table-pro-setting-nav-item-next):not(.pl-table-pro-setting-nav-item-active) {\r\n background-color: $nav-bg;\r\n border-right: solid 1px $ibl;\r\n }\r\n }\r\n }\r\n\r\n .pl-table-pro-setting-content {\r\n flex: 1;\r\n overflow-y: scroll;\r\n overflow-x: hidden;\r\n width: 650px;\r\n box-sizing: border-box;\r\n\r\n &.pl-table-pro-setting-content-pending {\r\n padding: 16px;\r\n }\r\n\r\n &::-webkit-scrollbar {\r\n background: white;\r\n width: 6px;\r\n height: 6px;\r\n }\r\n\r\n &::-webkit-scrollbar-thumb {\r\n background: rgba(black, 0.25);\r\n border-radius: 6px;\r\n }\r\n\r\n .pl-table-pro-setting-content-header {\r\n text-align: right;\r\n\r\n & > .pl-button + .pl-button {\r\n margin-left: 8px;\r\n }\r\n }\r\n }\r\n }\r\n}\r\n",
432
- ".pl-table-pro-setting-senior-filter {\r\n .pl-table-pro-setting-senior-filter-button {\r\n display: flex;\r\n justify-content: space-between;\r\n\r\n .pl-button + * {\r\n margin-left: 8px;\r\n }\r\n }\r\n\r\n .pl-table-pro-setting-senior-filter-item {\r\n margin-bottom: 16px;\r\n\r\n .pl-table-pro-setting-senior-filter-item-id {\r\n width: 80px;\r\n display: inline-block;\r\n text-align: center;\r\n }\r\n\r\n .pl-table-pro-setting-senior-filter-item-content {\r\n width: calc(100% - 80px);\r\n display: inline-block;\r\n }\r\n }\r\n}\r\n"
429
+ "@include theme {\r\n .pl-table-pro-setting-all-filter {\r\n\r\n background-color: #fafafa;\r\n min-height: 100%;\r\n width: 100%;\r\n display: inline-block;\r\n box-sizing: border-box;\r\n padding: 16px;\r\n\r\n & > * {\r\n margin-bottom: 16px;\r\n\r\n &:first-child {\r\n text-align: right;\r\n }\r\n }\r\n\r\n .pl-table-pro-setting-all-filter-item {\r\n background-color: white;\r\n box-sizing: border-box;\r\n border-radius: 2px;\r\n box-shadow: 1px 1px 8px 1px #e2e3e4;\r\n\r\n .pl-table-pro-setting-all-filter-item-head {\r\n font-size: 16px;\r\n font-weight: 600;\r\n border-bottom: solid 1px $ibl;\r\n padding: 16px;\r\n display: flex;\r\n justify-content: space-between;\r\n }\r\n\r\n .pl-table-pro-setting-all-filter-item-body {\r\n padding: 16px;\r\n }\r\n }\r\n }\r\n\r\n}\r\n",
430
+ ".pl-table-pro-setting-config {\r\n .pl-table-pro-setting-config-button {\r\n margin-bottom: 16px;\r\n\r\n & > * {\r\n margin-right: 8px;\r\n }\r\n }\r\n}\r\n",
431
+ ".pl-table-pro-setting-senior-filter {\r\n .pl-table-pro-setting-senior-filter-button {\r\n display: flex;\r\n justify-content: space-between;\r\n\r\n .pl-button + * {\r\n margin-left: 8px;\r\n }\r\n }\r\n\r\n .pl-table-pro-setting-senior-filter-item {\r\n margin-bottom: 16px;\r\n\r\n .pl-table-pro-setting-senior-filter-item-id {\r\n width: 80px;\r\n display: inline-block;\r\n text-align: center;\r\n }\r\n\r\n .pl-table-pro-setting-senior-filter-item-content {\r\n width: calc(100% - 80px);\r\n display: inline-block;\r\n }\r\n }\r\n}\r\n",
432
+ "@include theme {\r\n .pl-table-pro-setting {\r\n height: 100%;\r\n display: flex;\r\n align-items: stretch;\r\n\r\n $nav-bg: #fcfcfc;\r\n\r\n .pl-table-pro-setting-nav {\r\n background-color: $nav-bg;\r\n display: flex;\r\n flex-direction: column;\r\n\r\n .pl-table-pro-setting-nav-item:last-child {\r\n flex: 1;\r\n }\r\n\r\n .pl-table-pro-setting-nav-item {\r\n padding: 12px 24px;\r\n cursor: pointer;\r\n background-color: white;\r\n position: relative;\r\n\r\n .pl-table-pro-setting-nav-item-inner {\r\n position: relative;\r\n z-index: 1;\r\n }\r\n\r\n &:hover, &.pl-table-pro-setting-nav-item-active {\r\n color: $colorPrimary;\r\n }\r\n\r\n &.pl-table-pro-setting-nav-item-active {\r\n &:after {\r\n position: absolute;\r\n content: '';\r\n top: 0;\r\n bottom: 0;\r\n left: 0;\r\n width: 2px;\r\n background-color: $colorPrimary;\r\n }\r\n }\r\n\r\n &.pl-table-pro-setting-nav-item-prev {\r\n &:before {\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n right: 0;\r\n bottom: 0;\r\n border-bottom-right-radius: 4px;\r\n background-color: $nav-bg;\r\n content: '';\r\n border-bottom: solid 1px $ibl;\r\n border-right: solid 1px $ibl;\r\n }\r\n }\r\n\r\n &.pl-table-pro-setting-nav-item-next {\r\n &:before {\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n right: 0;\r\n bottom: 0;\r\n border-top-right-radius: 4px;\r\n background-color: $nav-bg;\r\n content: '';\r\n border-top: solid 1px $ibl;\r\n border-right: solid 1px $ibl;\r\n }\r\n }\r\n\r\n &:not(.pl-table-pro-setting-nav-item-prev):not(.pl-table-pro-setting-nav-item-next):not(.pl-table-pro-setting-nav-item-active) {\r\n background-color: $nav-bg;\r\n border-right: solid 1px $ibl;\r\n }\r\n }\r\n }\r\n\r\n .pl-table-pro-setting-content {\r\n flex: 1;\r\n overflow-y: scroll;\r\n overflow-x: hidden;\r\n width: 650px;\r\n box-sizing: border-box;\r\n\r\n &.pl-table-pro-setting-content-pending {\r\n padding: 16px;\r\n }\r\n\r\n &::-webkit-scrollbar {\r\n background: white;\r\n width: 6px;\r\n height: 6px;\r\n }\r\n\r\n &::-webkit-scrollbar-thumb {\r\n background: rgba(black, 0.25);\r\n border-radius: 6px;\r\n }\r\n\r\n .pl-table-pro-setting-content-header {\r\n text-align: right;\r\n\r\n & > .pl-button + .pl-button {\r\n margin-left: 8px;\r\n }\r\n }\r\n }\r\n }\r\n}\r\n"
433
433
  ],
434
434
  "seq": 92
435
435
  },