bk-vue-cec/lib/ui/table.min.css.map

一个为运维业务场景而生，好看易用的Vue2原创组件库，由T-inside Design进行托管社区化运作

{"version":3,"sources":["table.css","mixins/scroller.css","mixins/ellipsis.css"],"names":[],"mappings":"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","file":"table.min.css","sourcesContent":["@import './variable.css';\r\n@import './mixins/clearfix.css';\r\n@import './mixins/ellipsis.css';\r\n@import './mixins/scroller.css';\r\n$baseBackgroundColor: #f5f7fa;\r\n$tableBorderColor: #dfe0e5;\r\n$tableBorder: 1px solid $tableBorderColor;\r\n$tableFixedBoxShadow: 0 0 10px rgba(0, 0, 0, .12);\r\n$tableBorderColorLighter: #ebeef5;\r\n$tableCaretColor: #c0c4cc;\r\n$tablePrimaryColor: #409eff;\r\n$tableCurrentRowBackground: #ecf5ff;\r\n$tableInfoColor: #909399;\r\n\r\n.bk-table {\r\n    position: relative;\r\n    overflow: hidden;\r\n    box-sizing: border-box;\r\n    flex: 1;\r\n    width: 100%;\r\n    max-width: 100%;\r\n    font-size: 12px;\r\n    /* color: $fnMainColor; */\r\n    color: #575961;\r\n    .bk-button-text {\r\n        font-size: 12px;\r\n    }\r\n    &:before {\r\n        position: absolute;\r\n        left: 0;\r\n        bottom: 0;\r\n        width: 100%;\r\n        height: 1px;\r\n        content: '';\r\n        background-color: $tableBorderColor;\r\n        z-index: 1;\r\n    }\r\n    thead {\r\n        color: $fnMainColor;\r\n        font-weight: bold;\r\n        &.is-group {\r\n            th {\r\n                background-color: $baseBackgroundColor;\r\n            }\r\n        }\r\n    }\r\n\r\n    tr {\r\n        background-color: #fff;\r\n        input[type=\"checkbox\"] {\r\n            margin: 0;\r\n        }\r\n    }\r\n\r\n    th, td {\r\n        height: 42px;\r\n        /* padding: 9px 0; */\r\n        padding: 0;\r\n        min-width: 0;\r\n        box-sizing: border-box;\r\n        text-overflow: ellipsis;\r\n        vertical-align: middle;\r\n        position: relative;\r\n        text-align: left;\r\n        &.is-center {\r\n            text-align: center;\r\n            justify-content: center;\r\n            .cell {\r\n                text-align: center;\r\n                justify-content: center\r\n            }\r\n        }\r\n        &.is-right {\r\n            text-align: right;\r\n            justify-content: flex-end;\r\n            .cell {\r\n                text-align: right;\r\n                justify-content: flex-end\r\n            }\r\n        }\r\n        &.gutter {\r\n            width: 15px;\r\n            border-right-width: 0;\r\n            border-bottom-width: 0;\r\n            padding: 0;\r\n        }\r\n        &.is-hidden > * {\r\n            opacity: 0;\r\n            pointer-events: none;\r\n        }\r\n        &.is-prepend {\r\n            height: auto;\r\n            background: transparent;\r\n            font-weight: normal;\r\n        }\r\n    }\r\n\r\n    th.is-leaf,\r\n    td {\r\n        border-bottom: $tableBorder;\r\n    }\r\n\r\n    th.is-sortable {\r\n        cursor: pointer;\r\n    }\r\n    .cell {\r\n        overflow: hidden;\r\n        text-overflow: ellipsis;\r\n        white-space: normal;\r\n        word-break: break-all;\r\n        padding-left: 15px;\r\n        padding-right: 15px;\r\n        display: -webkit-box;\r\n        -webkit-line-clamp: 1;\r\n        -webkit-box-orient: vertical;\r\n    }\r\n\r\n    .bk-form-checkbox {\r\n        padding: 0;\r\n    }\r\n\r\n    th {\r\n        white-space: nowrap;\r\n        overflow: hidden;\r\n        user-select: none;\r\n        /* background-color: $newGreyColor2; */\r\n        background-color: $newGreyColor3;\r\n        :hover {\r\n            background-color: $newGreyColor2;\r\n        }\r\n        >.cell {\r\n            position: relative;\r\n            display: inline-flex;\r\n            justify-content: left;\r\n            align-items: center;\r\n            width: 100%;\r\n            vertical-align: middle;\r\n            overflow: hidden;\r\n            height: 42px;\r\n            line-height: 42px;\r\n        }\r\n        &.required > div:before {\r\n            display: inline-block;\r\n            content: \"\";\r\n            width: 8px;\r\n            height: 8px;\r\n            border-radius: 50%;\r\n            background: #ff4d51;\r\n            margin-right: 5px;\r\n            vertical-align: middle;\r\n        }\r\n\r\n        .bk-table-header-label {\r\n            overflow: hidden;\r\n            white-space: nowrap;\r\n            word-wrap: normal;\r\n            text-overflow: ellipsis;\r\n            font-weight: normal;\r\n            color: #313238;\r\n        }\r\n        .bk-table-column-filter-trigger {\r\n            flex: 20px 0 0;\r\n            height: 20px;\r\n            line-height: 20px;\r\n            font-size: 14px;\r\n            text-align: center;\r\n            cursor: pointer;\r\n            color: #C4C6CC;\r\n            &.is-open {\r\n                color: #63656E;\r\n            }\r\n            &.is-filtered {\r\n                color: #006DFF;\r\n            }\r\n        }\r\n        .bk-table-caret-wrapper {\r\n            display: inline-flex;\r\n            flex-direction: column;\r\n            align-items: center;\r\n            height: 20px;\r\n            flex: 20px 0 0;\r\n            vertical-align: middle;\r\n            cursor: pointer;\r\n            overflow: initial;\r\n            position: relative;\r\n        }\r\n        .bk-table-sort-caret {\r\n            width: 0;\r\n            height: 0;\r\n            border: solid 5px transparent;\r\n            position: absolute;\r\n            &.ascending {\r\n                border-bottom-color: $tableCaretColor;\r\n                top: -1px;\r\n            }\r\n\r\n            &.descending {\r\n                border-top-color: $tableCaretColor;\r\n                bottom: -1px;\r\n            }\r\n        }\r\n        &.ascending .bk-table-sort-caret.ascending {\r\n            border-bottom-color: #006DFF;\r\n        }\r\n\r\n        &.descending .bk-table-sort-caret.descending {\r\n            border-top-color: #006DFF;\r\n        }\r\n    }\r\n\r\n    td.gutter {\r\n        width: 0;\r\n    }\r\n\r\n    &-medium {\r\n        td {\r\n            height: 54px;\r\n        }\r\n        .cell {\r\n            -webkit-line-clamp: 2;\r\n        }\r\n    }\r\n\r\n    &-large {\r\n        td {\r\n            height: 72px;\r\n            padding: 5px 0;\r\n        }\r\n        .cell {\r\n            -webkit-line-clamp: 3;\r\n        }\r\n    }\r\n\r\n    .hidden-columns {\r\n        visibility: hidden;\r\n        position: absolute;\r\n        z-index: -1;\r\n    }\r\n}\r\n.bk-table-group,\r\n.bk-table-border,\r\n.bk-table-outer-border {\r\n    border: $tableBorder;\r\n    border-radius: 2px;\r\n    &:after {\r\n        position: absolute;\r\n        top: 0;\r\n        right: 0;\r\n        width: 1px;\r\n        height: 100%;\r\n        content: '';\r\n        background-color: $tableBorderColor;\r\n        z-index: 9;\r\n    }\r\n}\r\n\r\n.bk-table-linear {\r\n    &:before {\r\n        top: 0;\r\n        bottom: auto;\r\n    }\r\n}\r\n\r\n.bk-table-border {\r\n    border-right: none;\r\n    border-bottom: none;\r\n    th, td {\r\n        border-right: $tableBorder;\r\n        &:first-child .cell {\r\n            padding-left: 10px;\r\n        }\r\n    }\r\n    th {\r\n        border-bottom: $tableBorder;\r\n    }\r\n    th.gutter:last-of-type {\r\n        border-bottom: $tableBorder;\r\n    }\r\n}\r\n\r\n.bk-table-hidden {\r\n    visibility: hidden;\r\n}\r\n\r\n.bk-table-fixed,\r\n.bk-table-fixed-right {\r\n    position: absolute;\r\n    top: 0;\r\n    left: 0;\r\n    overflow: hidden;\r\n    box-shadow: $tableFixedBoxShadow;\r\n    border-bottom: 1px solid $tableBorderColor;\r\n    tr.bk-table-row-last {\r\n        td.is-last {\r\n            border-bottom: none;\r\n        }\r\n    }\r\n}\r\n\r\n.bk-table-fixed-right {\r\n    top: 0;\r\n    left: auto;\r\n    right: 1px;\r\n    &-patch {\r\n        position: absolute;\r\n        top: 0;\r\n        right: 0;\r\n        background-color: $baseBackgroundColor;\r\n        border-bottom: $tableBorder;\r\n    }\r\n    .bk-table-fixed-header-wrapper,\r\n    .bk-table-fixed-body-wrapper,\r\n    .bk-table-fixed-footer-wrapper {\r\n        left: auto;\r\n        right: 0;\r\n    }\r\n}\r\n\r\n.bk-table-fixed-header-wrapper,\r\n.bk-table-fixed-body-wrapper,\r\n.bk-table-fixed-footer-wrapper {\r\n    width: auto;\r\n}\r\n\r\n.bk-table-fixed-header-wrapper {\r\n    position: absolute;\r\n    left: 0;\r\n    top: 0;\r\n    z-index: 3;\r\n}\r\n\r\n.bk-table-fixed-footer-wrapper {\r\n    position: absolute;\r\n    left: 0;\r\n    bottom: 0;\r\n    z-index: 3;\r\n    tbody td {\r\n        border-top: $tableBorder;\r\n        background-color: $baseBackgroundColor;\r\n        color: $fnMainColor;\r\n    }\r\n}\r\n\r\n.bk-table-fixed-body-wrapper {\r\n    position: absolute;\r\n    left: 0;\r\n    top: 37px;\r\n    overflow: hidden;\r\n    z-index: 3;\r\n    tr.is-expanded-row {\r\n        visibility: hidden;\r\n        pointer-events: none;\r\n    }\r\n}\r\n\r\n.bk-table-footer-wrapper {\r\n    margin-top: -1px;\r\n    td {\r\n        border-top: $tableBorder;\r\n    }\r\n}\r\n\r\n.bk-table-header,\r\n.bk-table-body,\r\n.bk-table-footer {\r\n    table-layout: fixed;\r\n    border-collapse: separate;\r\n}\r\n\r\n.bk-table-header {\r\n    th.has-border {\r\n        border-right: $tableBorder;\r\n    }\r\n}\r\n\r\n.bk-table-header-wrapper,\r\n.bk-table-footer-wrapper {\r\n    overflow: hidden;\r\n    tbody td {\r\n        background-color: $baseBackgroundColor;\r\n        color: $fnMainColor;\r\n    }\r\n}\r\n\r\n.bk-table-body-wrapper {\r\n    overflow: hidden;\r\n    position: relative;\r\n    &.is-scrolling-none {\r\n        ~.bk-table-fixed,\r\n        ~.bk-table-fixed-right {\r\n            box-shadow: none;\r\n        }\r\n    }\r\n    &.is-scrolling-left {\r\n        ~.bk-table-fixed {\r\n            box-shadow: none;\r\n        }\r\n    }\r\n    &.is-scrolling-right {\r\n        ~.bk-table-fixed-right {\r\n            box-shadow: none;\r\n        }\r\n    }\r\n    .bk-table-border {\r\n        &.is-scrolling-right {\r\n            ~.bk-table-fixed-right {\r\n                border-left: $tableBorder;\r\n            }\r\n        }\r\n        &.is-scrolling-left {\r\n            ~.bk-table-fixed {\r\n                border-right: $tableBorder;\r\n            }\r\n        }\r\n    }\r\n}\r\n\r\n.bk-table-fit {\r\n    border-right: 0;\r\n    border-bottom: 0;\r\n    th.gutter,\r\n    td.gutter {\r\n        border-right-width: 1px;\r\n    }\r\n}\r\n\r\n.bk-table-scrollable {\r\n    &-x .bk-table-body-wrapper {\r\n        overflow-x: auto;\r\n    }\r\n    &-y .bk-table-body-wrapper {\r\n        overflow-y: auto;\r\n    }\r\n}\r\n\r\n.bk-table-striped {\r\n    .bk-table-body {\r\n        tr.bk-table-row-striped {\r\n            td {\r\n                background-color: #fafafa;\r\n            }\r\n        }\r\n        tr.current-row td {\r\n            background-color: $tableCurrentRowBackground;\r\n        }\r\n    }\r\n}\r\n\r\n.bk-table-body {\r\n    tr.bk-table-row.hover-row {\r\n        > td {\r\n            /* background-color: $newGreyColor2; */\r\n            background-color: #f5f7fa;\r\n        }\r\n        &.bk-table-row-striped {\r\n            &.current-row {\r\n                > td {\r\n                    background-color: $tableCurrentRowBackground;\r\n                }\r\n            }\r\n        }\r\n    }\r\n    tr.bk-table-row.current-row > td {\r\n        background-color: $tableCurrentRowBackground;\r\n    }\r\n}\r\n\r\n.bk-table-column-resize-proxy {\r\n    position: absolute;\r\n    left: 200px;\r\n    top: 0;\r\n    bottom: 0;\r\n    width: 0;\r\n    border-left: $tableBorder;\r\n    z-index: 10;\r\n}\r\n\r\n\r\n.bk-table-enable-row-transition {\r\n    .bk-table-body td {\r\n        transition: background-color .25s ease;\r\n    }\r\n}\r\n\r\n.bk-table-fluid-height {\r\n    .bk-tale-fixed,\r\n    .bk-table-fixed-right {\r\n        bottom: 0;\r\n        overflow: hidden;\r\n    }\r\n}\r\n\r\n.bk-table-empty-block {\r\n    min-height: 60px;\r\n    text-align: center;\r\n    width: 100%;\r\n    height: 100%;\r\n    display: flex;\r\n    justify-content: center;\r\n    align-items: center;\r\n}\r\n.bk-table-empty-text {\r\n    padding: 60px 0;\r\n    width: 50%;\r\n    color: $fnMainColor;\r\n    .bk-table-empty-icon {\r\n        font-size: 65px;\r\n        color: $fnMinorColor;\r\n    }\r\n}\r\n\r\n.bk-table-expand-column {\r\n    .cell {\r\n        padding: 0;\r\n        text-align: center;\r\n    }\r\n}\r\n\r\n.bk-table-expand-icon {\r\n    position: relative;\r\n    cursor: pointer;\r\n    color: #c4c6cc;\r\n    font-size: 12px;\r\n    height: 20px;\r\n    &-expanded > .bk-icon {\r\n        transform: rotate(90deg);\r\n    }\r\n    > .bk-icon {\r\n        position: absolute;\r\n        left: 50%;\r\n        top: 50%;\r\n        margin-left: -5px;\r\n        margin-top: -5px;\r\n        transition: transform 0.2s ease-in-out;\r\n    }\r\n}\r\n\r\n.bk-table .bk-table-body td.bk-table-expanded-cell {\r\n    padding: 0 30px;\r\n    background-color: #fff;\r\n    &:hover {\r\n        background-color: #fff;\r\n    }\r\n    .bk-table:before {\r\n        display: none;\r\n    }\r\n    .bk-table-row-last td {\r\n        border-bottom: none;\r\n    }\r\n}\r\n\r\nth.bk-table-column-selection,\r\nth.bk-table-column-expand,\r\ntd.bk-table-column-selection,\r\ntd.bk-table-column-expand {\r\n    padding: 0;\r\n    .cell {\r\n        padding: 0;\r\n        width: 100%;\r\n        height: 100%;\r\n    }\r\n}\r\n.bk-table-column-selection {\r\n    .bk-form-checkbox {\r\n        display: flex;\r\n        width: 100%;\r\n        height: 100%;\r\n        align-items: center;\r\n        justify-content: center;\r\n        .bk-checkbox {\r\n            flex: 16px 0 0;\r\n        }\r\n    }\r\n}\r\n\r\n.bk-table-column-expand {\r\n    .bk-table-expand-icon {\r\n        display: flex;\r\n        width: 100%;\r\n        height: 100%;\r\n        align-items: center;\r\n        justify-content: center;\r\n        .bk-icon {\r\n            flex: 12px 0 0;\r\n        }\r\n    }\r\n}\r\n\r\n.bk-table-bottom-loading {\r\n    position: absolute;\r\n    bottom: 44px;\r\n    height: 42px;\r\n    width: calc(100% - 1px);\r\n    z-index: 100;\r\n}\r\n\r\n.bk-table-pagination-wrapper {\r\n    padding: 15px;\r\n    margin-top: -1px;\r\n    position: relative;\r\n    border-top: 1px solid $tableBorderColor;\r\n}\r\n\r\n.bk-table-column-setting {\r\n    border-left: 1px solid $tableBorderColor;\r\n    .cell {\r\n        padding: 0;\r\n    }\r\n    .bk-table-setting-icon {\r\n        display: inline-block;\r\n        vertical-align: middle;\r\n        width: 24px;\r\n        height: 24px;\r\n        line-height: 24px;\r\n        font-size: 14px;\r\n        color: #979BA5;\r\n        cursor: pointer;\r\n        &:hover {\r\n            color: #63656e;\r\n        }\r\n    }\r\n}\r\n.bk-table-setting-popover-content-theme.tippy-tooltip {\r\n    padding: 15px 0 0;\r\n}\r\n.bk-table-setting-content {\r\n    width: 400px;\r\n    .content-scroller {\r\n        max-height: 317px;\r\n        overflow-y: auto;\r\n        @mixin scroller;\r\n    }\r\n    .content-title {\r\n        padding: 0 24px;\r\n        margin: 0;\r\n        line-height: 32px;\r\n        font-size:16px;\r\n        font-weight: normal;\r\n        color: #313238;\r\n    }\r\n    .setting-title {\r\n        font-size: 14px;\r\n        padding: 0;\r\n        margin: 0;\r\n        .setting-subtitle {\r\n            display: inline-block;\r\n            color: #979BA5;\r\n            font-size: 12px;\r\n            text-indent: -8px;\r\n            &.is-limit {\r\n                color: $dangerColor;\r\n            }\r\n        }\r\n    }\r\n    .content-fields {\r\n        margin: 10px 24px 0;\r\n    }\r\n    .fields-group {\r\n        .fields-checkbox-wrapper {\r\n            display: inline-block;\r\n            width: calc(100% / 3 - 15px);\r\n            margin: 10px 15px 0 0;\r\n        }\r\n        .fields-checkbox {\r\n            max-width: 100%;\r\n            .bk-checkbox-text {\r\n                @mixin ellipsis calc(100% - 22px);\r\n            }\r\n        }\r\n    }\r\n    .content-line-height {\r\n        margin: 25px 24px 0;\r\n        .link-button-group {\r\n            margin-top: 10px;\r\n            font-size: 0;\r\n        }\r\n        .link-button {\r\n            min-width: auto;\r\n        }\r\n    }\r\n    .content-options {\r\n        padding: 0 10px;\r\n        margin: 30px 0 0;\r\n        height: 51px;\r\n        line-height: 50px;\r\n        font-size: 0;\r\n        text-align: right;\r\n        background: #FAFBFD;\r\n        border-top: 1px solid #DCDEE5;\r\n    }\r\n}\r\n\r\n.tippy-tooltip.bk-table-filter-panel-theme {\r\n    padding: 0;\r\n}\r\n.bk-table-filter-panel {\r\n    min-width: 70px;\r\n    background-color: #fff;\r\n    &.multiple {\r\n        min-width: 100px;\r\n    }\r\n    .panel-search {\r\n        display: flex;\r\n        align-items: middle;\r\n        border-bottom: 1px solid #F0F1F5;\r\n        .panel-search-icon {\r\n            flex: 16px 0 0;\r\n            margin: 0 5px 0 10px;\r\n            font-size: 16px;\r\n            line-height: 24px;\r\n        }\r\n        .panel-search-input {\r\n            flex: 1;\r\n            height: 24px;\r\n            border: none;\r\n            outline: none;\r\n            font-size: 12px;\r\n        }\r\n    }\r\n    .panel-list {\r\n        padding: 5px 0;\r\n        margin: 0;\r\n        max-height: 250px;\r\n        list-style: none;\r\n        overflow-y: auto;\r\n        @mixin scroller;\r\n        .panel-item {\r\n            padding: 0 10px;\r\n            font-size: 12px;\r\n            line-height: 26px;\r\n            cursor: pointer;\r\n            &:hover {\r\n                background-color: #eaf3ff;\r\n                color: #006DFF;\r\n            }\r\n            &.is-selected {\r\n                background-color: #f4f6fa;\r\n                color: #006DFF;\r\n            }\r\n            &.is-disabled {\r\n                color: #c4c6cc;\r\n            }\r\n            &.is-hidden {\r\n                display: none;\r\n            }\r\n        }\r\n    }\r\n    .panel-checkbox-group {\r\n        display: block;\r\n        padding: 10px 10px 0 10px;\r\n        .panel-checkbox {\r\n            display: block;\r\n            line-height: 16px;\r\n            margin-bottom: 10px;\r\n            .bk-checkbox-text {\r\n                font-size: 12px;\r\n            }\r\n        }\r\n    }\r\n    .panel-options {\r\n        display: flex;\r\n        height: 31px;\r\n        border-top: 1px solid #F0F1F5;\r\n        align-items: center;\r\n        justify-content: center;\r\n        .panel-options-link {\r\n            flex: 1;\r\n            white-space: nowrap;\r\n            margin: 0 15px;\r\n            .bk-link-text {\r\n                font-size: 12px;\r\n            }\r\n            & ~ .panel-options-link {\r\n                margin-left: 0;\r\n            }\r\n        }\r\n    }\r\n    .panel-empty {\r\n        display: flex;\r\n        height: 32px;\r\n        margin: 0;\r\n        align-items: center;\r\n        justify-content: center;\r\n        font-size: 12px;\r\n        font-weight: normal;\r\n    }\r\n}\r\n","/**\r\n * @file scroller mixin\r\n *\r\n * usage:\r\n *      @mixin scroller;\r\n *      @mixin scroller red;\r\n *      @mixin scroller green, 2px;\r\n */\r\n\r\n@define-mixin scroller $backgroundColor: #dcdee5, $width: 6px {\r\n    &::-webkit-scrollbar {\r\n        width: 6px;\r\n        height: 6px;\r\n    }\r\n    &::-webkit-scrollbar-thumb {\r\n        min-height: 24px;\r\n        border-radius: 3px;\r\n        background-color: $backgroundColor;\r\n    }\r\n}\r\n","/**\r\n * @file ellipsis mixin\r\n *\r\n * usage:\r\n *      @mixin ellipsis 100px;\r\n */\r\n\r\n@define-mixin ellipsis $maxWidth, $display: inline-block {\r\n    display: $display;\r\n    max-width: $maxWidth;\r\n    overflow: hidden;\r\n    text-overflow: ellipsis;\r\n    white-space: nowrap;\r\n}\r\n"]}