rc-table
Version:
table ui component for react
1 lines • 13.1 kB
Source Map (JSON)
{"version":3,"sources":["webpack:///./assets/animation.less","webpack:///animation.less","webpack:///./assets/bordered.less","webpack:///bordered.less","webpack:///./assets/index.less","webpack:///index.less"],"names":[],"mappings":"AACA;;EACE;EACA;UAAA;EACA;UAAA;EACA;UAAA;EACA;UAAA;CCCD;ADED;EACE;UAAA;EACA;UAAA;EACA;UAAA;EACA;UAAA;CCAD;ADGD;;EACE;UAAA;EACA;UAAA;CCAD;ADGD;EACE;UAAA;EACA;UAAA;CCDD;ADID;EACE;IACE;YAAA;IACA;YAAA;IACA;IACA;GCFD;EDID;IACE;YAAA;IACA;YAAA;IACA;GCFD;EDID;IACE;GCFD;EDID;IACE;IACA;GCFD;CACF;ADhBD;EACE;IACE;YAAA;IACA;YAAA;IACA;IACA;GCFD;EDID;IACE;YAAA;IACA;YAAA;IACA;GCFD;EDID;IACE;GCFD;EDID;IACE;IACA;GCFD;CACF;ADKD;EACE;IACE;YAAA;IACA;YAAA;IACA;GCHD;EDKD;IACE;YAAA;IACA;YAAA;IACA;GCHD;CACF;ADPD;EACE;IACE;YAAA;IACA;YAAA;IACA;GCHD;EDKD;IACE;YAAA;IACA;YAAA;IACA;GCHD;CACF;ACnDD;EAEI;CCHH;ADCD;;EAKI;CCFH;ACGD;EACE;EACA;EACA;EAAA;EACA;EACA;EACA;CCRD;ADED;EASI;CCRH;ADDD;EAWM;EACA;CCPL;ADLD;EAiBI;EACA;CCTH;ADYC;EACE;EACA;CCVH;ADaC;EACE;EACA;CCXH;ADcC;EACE;EACA;EACA;EACA;EACA;CCZH;ADxBD;EAwCI;EACA;CCbH;AD5BD;EA6CI;CCdH;AD/BD;EAiDI;EACA;CCfH;ADnCD;EAsDI;EACA;EACA;EACA;EACA;CChBH;AD1CD;EA8DI;EACA;EACA;CCjBH;AD/CD;EAoEI;EACA;EACA;EAAA;CClBH;ADpDD;EA0EI;CCnBH;ADvDD;EA8EI;EAAA;CCpBH;ADqBG;EACE;CCnBL;ADqBG;EACE;CCnBL;ADhED;;EAwFI;EACA;CCpBH;ADyBC;EACE;CCvBH;AD0BG;;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;KAAA;MAAA;UAAA;EACA;CCvBL;ADyBG;;EACE;CCtBL;ADwBG;;EACE;CCrBL;ADwBG;;EACE;CCrBL;ADwBG;;EACE;CCrBL;ADwBC;EACE;CCtBH;ADuBG;EACE;CCrBL;ADwBC;EACE;CCtBH;ADwBC;;EAEE;EACA;EACA;CCtBH;ADuBG;;EACE;CCpBL;ADsBG;;EACE;EACA;CCnBL;ADoBK;;EACE;CCjBP;ADqBC;EACE;CCnBH;ADoBG;EACE;CClBL;ADqBC;EACE;CCnBH;ADoBG;EACE;CClBL;ADsBC;;EAEE;EACA;EACA;CCpBH;ADgBC;;EAMI;EACA;CClBL;ADsBC;EACE;EACA;CCpBH;ADqBG;EACE;EACA;CCnBL;ADqBG;EACE;CCnBL;ADuBC;EACE;EACA;CCrBH;ADmBC;EAOI;EACA;CCvBL;AD2BC;EACE;CCzBH;AD4BC;EACE;CC1BH","file":"rc-table.css","sourcesContent":["\n.move-enter, .move-appear {\n opacity: 0;\n animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);\n animation-duration: 2.5s;\n animation-fill-mode: both;\n animation-play-state: paused;\n}\n\n.move-leave {\n animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);\n animation-duration: .5s;\n animation-fill-mode: both;\n animation-play-state: paused;\n}\n\n.move-enter.move-enter-active, .move-appear.move-enter-active {\n animation-name: moveLeftIn;\n animation-play-state: running;\n}\n\n.move-leave.move-leave-active {\n animation-name: moveRightOut;\n animation-play-state: running;\n}\n\n@keyframes moveLeftIn {\n 0% {\n transform-origin: 0 0;\n transform: translateX(30px);\n opacity: 0;\n background: #fff6de;\n }\n 20% {\n transform-origin: 0 0;\n transform: translateX(0);\n opacity: 1;\n }\n 80%{\n background: #fff6de;\n }\n 100%{\n background: transparent;\n opacity: 1;\n }\n}\n\n@keyframes moveRightOut {\n 0% {\n transform-origin: 0 0;\n transform: translateX(0);\n opacity: 1;\n }\n 100% {\n transform-origin: 0 0;\n transform: translateX(-30px);\n opacity: 0;\n }\n}\n\n\n\n// WEBPACK FOOTER //\n// ./assets/animation.less",".move-enter,\n.move-appear {\n opacity: 0;\n animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);\n animation-duration: 2.5s;\n animation-fill-mode: both;\n animation-play-state: paused;\n}\n.move-leave {\n animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);\n animation-duration: .5s;\n animation-fill-mode: both;\n animation-play-state: paused;\n}\n.move-enter.move-enter-active,\n.move-appear.move-enter-active {\n animation-name: moveLeftIn;\n animation-play-state: running;\n}\n.move-leave.move-leave-active {\n animation-name: moveRightOut;\n animation-play-state: running;\n}\n@keyframes moveLeftIn {\n 0% {\n transform-origin: 0 0;\n transform: translateX(30px);\n opacity: 0;\n background: #fff6de;\n }\n 20% {\n transform-origin: 0 0;\n transform: translateX(0);\n opacity: 1;\n }\n 80% {\n background: #fff6de;\n }\n 100% {\n background: transparent;\n opacity: 1;\n }\n}\n@keyframes moveRightOut {\n 0% {\n transform-origin: 0 0;\n transform: translateX(0);\n opacity: 1;\n }\n 100% {\n transform-origin: 0 0;\n transform: translateX(-30px);\n opacity: 0;\n }\n}\n\n\n\n// WEBPACK FOOTER //\n// animation.less","@tablePrefixCls: rc-table;\n@table-border-color: #e9e9e9;\n\n.@{tablePrefixCls}.bordered {\n table {\n border-collapse: collapse;\n }\n th, td {\n border: 1px solid @table-border-color;\n }\n}\n\n\n\n// WEBPACK FOOTER //\n// ./assets/bordered.less",".rc-table.bordered table {\n border-collapse: collapse;\n}\n.rc-table.bordered th,\n.rc-table.bordered td {\n border: 1px solid #e9e9e9;\n}\n\n\n\n// WEBPACK FOOTER //\n// bordered.less","@tablePrefixCls: rc-table;\n@text-color : #666;\n@font-size-base : 12px;\n@line-height: 1.5;\n@table-border-color: #e9e9e9;\n@table-head-background-color: #f7f7f7;\n@vertical-padding: 16px;\n@horizontal-padding: 8px;\n\n.@{tablePrefixCls} {\n font-size: @font-size-base;\n color: @text-color;\n transition: opacity 0.3s ease;\n position: relative;\n line-height: @line-height;\n overflow: hidden;\n\n .@{tablePrefixCls}-scroll {\n overflow: auto;\n table {\n width: auto;\n min-width: 100%;\n }\n }\n\n .@{tablePrefixCls}-header {\n overflow: hidden;\n background: @table-head-background-color;\n }\n\n &-fixed-header &-body {\n background: #fff;\n position: relative;\n }\n\n &-fixed-header &-body-inner {\n height: 100%;\n overflow: scroll;\n }\n\n &-fixed-header &-scroll &-header {\n overflow-x: scroll;\n padding-bottom: 20px;\n margin-bottom: -20px;\n overflow-y: scroll;\n box-sizing: border-box;\n }\n\n .@{tablePrefixCls}-title {\n padding: @vertical-padding @horizontal-padding;\n border-top: 1px solid @table-border-color;\n }\n\n .@{tablePrefixCls}-content {\n position: relative;\n }\n\n .@{tablePrefixCls}-footer {\n padding: @vertical-padding @horizontal-padding;\n border-bottom: 1px solid @table-border-color;\n }\n\n .@{tablePrefixCls}-placeholder {\n padding: 16px 8px;\n background: #fff;\n border-bottom: 1px solid @table-border-color;\n text-align: center;\n position: relative;\n }\n\n table {\n width: 100%;\n border-collapse: separate;\n text-align: left;\n }\n\n th {\n background: @table-head-background-color;\n font-weight: bold;\n transition: background .3s ease;\n }\n\n td {\n border-bottom: 1px solid @table-border-color;\n }\n\n tr {\n transition: all .3s ease;\n &:hover {\n background: #eaf8fe;\n }\n &.@{tablePrefixCls}-row-hover {\n background: #eaf8fe;\n }\n }\n\n th, td {\n padding: @vertical-padding @horizontal-padding;\n white-space: nowrap;\n }\n}\n\n.@{tablePrefixCls} {\n &-expand-icon-col {\n width: 34px;\n }\n &-row, &-expanded-row {\n &-expand-icon {\n cursor: pointer;\n display: inline-block;\n width: 16px;\n height: 16px;\n text-align: center;\n line-height: 16px;\n border: 1px solid @table-border-color;\n user-select: none;\n background: #fff;\n }\n &-spaced {\n visibility: hidden;\n }\n &-spaced:after {\n content: '.'\n }\n\n &-expanded:after {\n content: '-'\n }\n\n &-collapsed:after {\n content: '+'\n }\n }\n tr&-expanded-row {\n background: #f7f7f7;\n &:hover {\n background: #f7f7f7;\n }\n }\n &-column-hidden {\n display: none;\n }\n &-prev-columns-page,\n &-next-columns-page {\n cursor: pointer;\n color: #666;\n z-index: 1;\n &:hover {\n color: #2db7f5;\n }\n &-disabled {\n cursor: not-allowed;\n color: #999;\n &:hover {\n color: #999;\n }\n }\n }\n &-prev-columns-page {\n margin-right: 8px;\n &:before {\n content: '<';\n }\n }\n &-next-columns-page {\n float: right;\n &:before {\n content: '>';\n }\n }\n\n &-fixed-left,\n &-fixed-right {\n position: absolute;\n top: 0;\n overflow: hidden;\n table {\n width: auto;\n background: #fff;\n }\n }\n\n &-fixed-left {\n left: 0;\n box-shadow: 4px 0 4px rgba(100, 100, 100, 0.1);\n & .@{tablePrefixCls}-body-inner {\n margin-right: -20px;\n padding-right: 20px;\n }\n .@{tablePrefixCls}-fixed-header & .@{tablePrefixCls}-body-inner {\n padding-right: 0;\n }\n }\n\n &-fixed-right {\n right: 0;\n box-shadow: -4px 0 4px rgba(100, 100, 100, 0.1);\n\n // hide expand row content in right fixed Table\n // https://github.com/ant-design/ant-design/issues/1898\n .@{tablePrefixCls}-expanded-row {\n color: transparent;\n pointer-events: none;\n }\n }\n\n &&-scroll-position-left &-fixed-left {\n box-shadow: none;\n }\n\n &&-scroll-position-right &-fixed-right {\n box-shadow: none;\n }\n}\n\n\n\n// WEBPACK FOOTER //\n// ./assets/index.less",".rc-table {\n font-size: 12px;\n color: #666;\n transition: opacity 0.3s ease;\n position: relative;\n line-height: 1.5;\n overflow: hidden;\n}\n.rc-table .rc-table-scroll {\n overflow: auto;\n}\n.rc-table .rc-table-scroll table {\n width: auto;\n min-width: 100%;\n}\n.rc-table .rc-table-header {\n overflow: hidden;\n background: #f7f7f7;\n}\n.rc-table-fixed-header .rc-table-body {\n background: #fff;\n position: relative;\n}\n.rc-table-fixed-header .rc-table-body-inner {\n height: 100%;\n overflow: scroll;\n}\n.rc-table-fixed-header .rc-table-scroll .rc-table-header {\n overflow-x: scroll;\n padding-bottom: 20px;\n margin-bottom: -20px;\n overflow-y: scroll;\n box-sizing: border-box;\n}\n.rc-table .rc-table-title {\n padding: 16px 8px;\n border-top: 1px solid #e9e9e9;\n}\n.rc-table .rc-table-content {\n position: relative;\n}\n.rc-table .rc-table-footer {\n padding: 16px 8px;\n border-bottom: 1px solid #e9e9e9;\n}\n.rc-table .rc-table-placeholder {\n padding: 16px 8px;\n background: #fff;\n border-bottom: 1px solid #e9e9e9;\n text-align: center;\n position: relative;\n}\n.rc-table table {\n width: 100%;\n border-collapse: separate;\n text-align: left;\n}\n.rc-table th {\n background: #f7f7f7;\n font-weight: bold;\n transition: background .3s ease;\n}\n.rc-table td {\n border-bottom: 1px solid #e9e9e9;\n}\n.rc-table tr {\n transition: all .3s ease;\n}\n.rc-table tr:hover {\n background: #eaf8fe;\n}\n.rc-table tr.rc-table-row-hover {\n background: #eaf8fe;\n}\n.rc-table th,\n.rc-table td {\n padding: 16px 8px;\n white-space: nowrap;\n}\n.rc-table-expand-icon-col {\n width: 34px;\n}\n.rc-table-row-expand-icon,\n.rc-table-expanded-row-expand-icon {\n cursor: pointer;\n display: inline-block;\n width: 16px;\n height: 16px;\n text-align: center;\n line-height: 16px;\n border: 1px solid #e9e9e9;\n user-select: none;\n background: #fff;\n}\n.rc-table-row-spaced,\n.rc-table-expanded-row-spaced {\n visibility: hidden;\n}\n.rc-table-row-spaced:after,\n.rc-table-expanded-row-spaced:after {\n content: '.';\n}\n.rc-table-row-expanded:after,\n.rc-table-expanded-row-expanded:after {\n content: '-';\n}\n.rc-table-row-collapsed:after,\n.rc-table-expanded-row-collapsed:after {\n content: '+';\n}\ntr.rc-table-expanded-row {\n background: #f7f7f7;\n}\ntr.rc-table-expanded-row:hover {\n background: #f7f7f7;\n}\n.rc-table-column-hidden {\n display: none;\n}\n.rc-table-prev-columns-page,\n.rc-table-next-columns-page {\n cursor: pointer;\n color: #666;\n z-index: 1;\n}\n.rc-table-prev-columns-page:hover,\n.rc-table-next-columns-page:hover {\n color: #2db7f5;\n}\n.rc-table-prev-columns-page-disabled,\n.rc-table-next-columns-page-disabled {\n cursor: not-allowed;\n color: #999;\n}\n.rc-table-prev-columns-page-disabled:hover,\n.rc-table-next-columns-page-disabled:hover {\n color: #999;\n}\n.rc-table-prev-columns-page {\n margin-right: 8px;\n}\n.rc-table-prev-columns-page:before {\n content: '<';\n}\n.rc-table-next-columns-page {\n float: right;\n}\n.rc-table-next-columns-page:before {\n content: '>';\n}\n.rc-table-fixed-left,\n.rc-table-fixed-right {\n position: absolute;\n top: 0;\n overflow: hidden;\n}\n.rc-table-fixed-left table,\n.rc-table-fixed-right table {\n width: auto;\n background: #fff;\n}\n.rc-table-fixed-left {\n left: 0;\n box-shadow: 4px 0 4px rgba(100, 100, 100, 0.1);\n}\n.rc-table-fixed-left .rc-table-body-inner {\n margin-right: -20px;\n padding-right: 20px;\n}\n.rc-table-fixed-header .rc-table-fixed-left .rc-table-body-inner {\n padding-right: 0;\n}\n.rc-table-fixed-right {\n right: 0;\n box-shadow: -4px 0 4px rgba(100, 100, 100, 0.1);\n}\n.rc-table-fixed-right .rc-table-expanded-row {\n color: transparent;\n pointer-events: none;\n}\n.rc-table.rc-table-scroll-position-left .rc-table-fixed-left {\n box-shadow: none;\n}\n.rc-table.rc-table-scroll-position-right .rc-table-fixed-right {\n box-shadow: none;\n}\n\n\n\n// WEBPACK FOOTER //\n// index.less"],"sourceRoot":""}