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

基于蓝鲸 Magicbox 和 Vue 的前端组件库

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