bk-magic-vue 2.4.13 → 2.4.14

package/lib/ui/table.min.css.map

@@ -1 +1 @@
-{"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$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\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: $tableBorderColor;\n        z-index: 1;\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    &: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    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: $tableBorder;\n    z-index: 10;\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    width: 50%;\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"]}
+{"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$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            :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    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: $tableBorder;\n    z-index: 10;\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    width: 50%;\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"]}

package/lib/ui/time-picker.css

@@ -1,3 +1,20 @@
+.bk-time-picker-now{
+    border-top:1px solid #dcdee5;
+    text-align:right;
+    clear:both;
+    background-color:#fafbfd;
+    height:42px;
+    line-height:41px;
+    font-size:13px;
+    padding:0 20px;
+    text-align:center;
+}
+
+.bk-time-picker-now a{
+        color:#3a84ff;
+        text-decoration:none;
+    }
+
 .bk-time-picker-cells{
 }
 
@@ -13,7 +30,7 @@
         box-sizing:border-box;
         padding-top:6px;
         text-align:left;
-        background-color:rgba(58,132,255,.16);
+        background-color:#e1ecff;
         mix-blend-mode:multiply;
         color:#3a84ff;
         pointer-events:none;
@@ -150,7 +167,7 @@
         }
 
 .bk-time-picker-cells-list .bk-time-picker-cells-ul .bk-time-picker-cells-cell:hover{
-                color:#3a84ff;
+                background-color:#f0f1f5;
             }
 
 .bk-time-picker-cells-list .bk-time-picker-cells-ul .bk-time-picker-cells-cell-disabled{
@@ -169,6 +186,10 @@
             color:#3a84ff;
         }
 
+.bk-time-picker-cells-list .bk-time-picker-cells-ul .bk-time-picker-cells-cell-selected{
+            font-weight:700;
+        }
+
 .bk-time-picker-cells-list .bk-time-picker-cells-ul .bk-time-picker-cells-cell-focused{
         }
 
@@ -182,6 +203,12 @@
     color:#63656e;
 }
 
+.bk-time-picker-header .now-time{
+        font-weight:400;
+        cursor:pointer;
+        margin-left:3px;
+    }
+
 .bk-time-picker-with-range .bk-picker-panel-body{
 }
 

package/lib/ui/time-picker.min.css

@@ -1,2 +1,2 @@
-.bk-time-picker-cells:after{content:"";position:absolute;margin-top:0;height:32px;z-index:1;left:0;right:0;-webkit-box-sizing:border-box;box-sizing:border-box;padding-top:6px;text-align:left;background-color:rgba(58,132,255,.16);mix-blend-mode:multiply;color:#3a84ff;pointer-events:none}.bk-time-picker-cells-with-seconds .bk-time-picker-cells-title-wrapper .bk-time-picker-cells-title:first-of-type:before,.bk-time-picker-cells-with-seconds .bk-time-picker-cells-title-wrapper .bk-time-picker-cells-title:nth-of-type(2):before{content:"";position:absolute;width:2px;padding-top:2px;background-color:#3a84ff;top:55px;left:85px;border-radius:50%;z-index:1}.bk-time-picker-cells-with-seconds .bk-time-picker-cells-title-wrapper .bk-time-picker-cells-title:first-of-type:after,.bk-time-picker-cells-with-seconds .bk-time-picker-cells-title-wrapper .bk-time-picker-cells-title:nth-of-type(2):after{content:"";position:absolute;width:2px;padding-top:2px;background-color:#3a84ff;top:60px;left:85px;border-radius:50%;z-index:1}.bk-time-picker-cells-title-wrapper{width:100%;height:42px;line-height:42px}.bk-time-picker-cells-title-wrapper .bk-time-picker-cells-title{float:left;width:33.33%;text-align:center;list-style:none;color:#63656e;font-weight:700;font-size:14px;position:relative}.bk-time-picker-cells-title-wrapper .bk-time-picker-cells-title.active{color:#3a84ff}.bk-time-picker-cells-title-wrapper .bk-time-picker-cells-title:first-of-type:before{content:"";position:absolute;width:2px;padding-top:2px;background-color:#3a84ff;top:55px;left:133px;border-radius:50%;z-index:1}.bk-time-picker-cells-title-wrapper .bk-time-picker-cells-title:first-of-type:after{content:"";position:absolute;width:2px;padding-top:2px;background-color:#3a84ff;top:60px;left:133px;border-radius:50%;z-index:1}.bk-time-picker-cells-list{width:33.33%;max-height:192px;float:left;overflow:hidden;position:relative}.bk-time-picker-cells-list:hover{overflow-y:auto}.bk-time-picker-cells-list:first-child{border-radius:2px 0 0 2px}.bk-time-picker-cells-list:last-child{border-radius:0 2px 2px 0}.bk-time-picker-cells-list::-webkit-scrollbar{width:0;height:0;background-color:hsla(0,0%,80%,0)}.bk-time-picker-cells-list::-webkit-scrollbar-thumb{width:0;height:0;background-color:transparent}.bk-time-picker-cells-list .bk-time-picker-cells-ul{width:100%;margin:0;padding:0 0 160px;list-style:none}.bk-time-picker-cells-list .bk-time-picker-cells-ul .bk-time-picker-cells-cell{width:100%;height:32px;line-height:32px;margin:0;padding:0;-webkit-box-sizing:content-box;box-sizing:content-box;text-align:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer;list-style:none;-webkit-transition:background .2s ease-in-out;transition:background .2s ease-in-out;color:#63656e;font-size:12px;position:relative}.bk-time-picker-cells-list .bk-time-picker-cells-ul .bk-time-picker-cells-cell:hover{color:#3a84ff}.bk-time-picker-cells-list .bk-time-picker-cells-ul .bk-time-picker-cells-cell-disabled{color:#c4c6cc;cursor:not-allowed}.bk-time-picker-cells-list .bk-time-picker-cells-ul .bk-time-picker-cells-cell-disabled:hover{color:#c4c6cc;background-color:#fff;cursor:not-allowed}.bk-time-picker-cells-list .bk-time-picker-cells-ul .bk-time-picker-cells-cell-selected,.bk-time-picker-cells-list .bk-time-picker-cells-ul .bk-time-picker-cells-cell-selected:hover{color:#3a84ff}.bk-time-picker-header{height:46px;line-height:46px;text-align:center;border-bottom:1px solid #dcdee5;font-size:14px;font-weight:700;color:#63656e}.bk-time-picker-with-range .bk-picker-panel-content{float:left;position:relative}.bk-time-picker-with-range .bk-picker-panel-content:after{content:"";display:block;width:1px;position:absolute;top:45px;bottom:0;right:-1px;background:#e8eaec;z-index:1}.bk-time-picker-with-range .bk-picker-panel-content-right{float:right}.bk-time-picker-with-range .bk-picker-panel-content-right:after{right:auto;left:0}.bk-time-picker-with-range .bk-time-picker-cells-list:first-child{border-radius:0}.bk-time-picker-with-range .bk-time-picker-cells-list:last-child{border-radius:0}.bk-picker-panel-content .bk-picker-panel-content .bk-time-picker-cells,.bk-picker-panel-content .bk-picker-panel-content .bk-time-picker-cells-with-seconds{min-width:216px}.bk-picker-panel-content .bk-picker-panel-content .bk-time-picker-cells-with-seconds .bk-time-picker-cells-list{width:72px}.bk-picker-panel-content .bk-picker-panel-content .bk-time-picker-cells-with-seconds .bk-time-picker-cells-list ul li{padding:0}.bk-picker-panel-content .bk-picker-panel-content .bk-time-picker-cells-list{width:108px;max-height:200px}.bk-picker-panel-content .bk-picker-panel-content .bk-time-picker-cells-list:first-child{border-radius:0}.bk-picker-panel-content .bk-picker-panel-content .bk-time-picker-cells-list:last-child{border-radius:0}.bk-picker-panel-content .bk-picker-panel-content .bk-time-picker-cells-list ul{padding:0 0 168px}
+.bk-time-picker-now{border-top:1px solid #dcdee5;text-align:right;clear:both;background-color:#fafbfd;height:42px;line-height:41px;font-size:13px;padding:0 20px;text-align:center}.bk-time-picker-now a{color:#3a84ff;text-decoration:none}.bk-time-picker-cells:after{content:"";position:absolute;margin-top:0;height:32px;z-index:1;left:0;right:0;-webkit-box-sizing:border-box;box-sizing:border-box;padding-top:6px;text-align:left;background-color:#e1ecff;mix-blend-mode:multiply;color:#3a84ff;pointer-events:none}.bk-time-picker-cells-with-seconds .bk-time-picker-cells-title-wrapper .bk-time-picker-cells-title:first-of-type:before,.bk-time-picker-cells-with-seconds .bk-time-picker-cells-title-wrapper .bk-time-picker-cells-title:nth-of-type(2):before{content:"";position:absolute;width:2px;padding-top:2px;background-color:#3a84ff;top:55px;left:85px;border-radius:50%;z-index:1}.bk-time-picker-cells-with-seconds .bk-time-picker-cells-title-wrapper .bk-time-picker-cells-title:first-of-type:after,.bk-time-picker-cells-with-seconds .bk-time-picker-cells-title-wrapper .bk-time-picker-cells-title:nth-of-type(2):after{content:"";position:absolute;width:2px;padding-top:2px;background-color:#3a84ff;top:60px;left:85px;border-radius:50%;z-index:1}.bk-time-picker-cells-title-wrapper{width:100%;height:42px;line-height:42px}.bk-time-picker-cells-title-wrapper .bk-time-picker-cells-title{float:left;width:33.33%;text-align:center;list-style:none;color:#63656e;font-weight:700;font-size:14px;position:relative}.bk-time-picker-cells-title-wrapper .bk-time-picker-cells-title.active{color:#3a84ff}.bk-time-picker-cells-title-wrapper .bk-time-picker-cells-title:first-of-type:before{content:"";position:absolute;width:2px;padding-top:2px;background-color:#3a84ff;top:55px;left:133px;border-radius:50%;z-index:1}.bk-time-picker-cells-title-wrapper .bk-time-picker-cells-title:first-of-type:after{content:"";position:absolute;width:2px;padding-top:2px;background-color:#3a84ff;top:60px;left:133px;border-radius:50%;z-index:1}.bk-time-picker-cells-list{width:33.33%;max-height:192px;float:left;overflow:hidden;position:relative}.bk-time-picker-cells-list:hover{overflow-y:auto}.bk-time-picker-cells-list:first-child{border-radius:2px 0 0 2px}.bk-time-picker-cells-list:last-child{border-radius:0 2px 2px 0}.bk-time-picker-cells-list::-webkit-scrollbar{width:0;height:0;background-color:hsla(0,0%,80%,0)}.bk-time-picker-cells-list::-webkit-scrollbar-thumb{width:0;height:0;background-color:transparent}.bk-time-picker-cells-list .bk-time-picker-cells-ul{width:100%;margin:0;padding:0 0 160px;list-style:none}.bk-time-picker-cells-list .bk-time-picker-cells-ul .bk-time-picker-cells-cell{width:100%;height:32px;line-height:32px;margin:0;padding:0;-webkit-box-sizing:content-box;box-sizing:content-box;text-align:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer;list-style:none;-webkit-transition:background .2s ease-in-out;transition:background .2s ease-in-out;color:#63656e;font-size:12px;position:relative}.bk-time-picker-cells-list .bk-time-picker-cells-ul .bk-time-picker-cells-cell:hover{background-color:#f0f1f5}.bk-time-picker-cells-list .bk-time-picker-cells-ul .bk-time-picker-cells-cell-disabled{color:#c4c6cc;cursor:not-allowed}.bk-time-picker-cells-list .bk-time-picker-cells-ul .bk-time-picker-cells-cell-disabled:hover{color:#c4c6cc;background-color:#fff;cursor:not-allowed}.bk-time-picker-cells-list .bk-time-picker-cells-ul .bk-time-picker-cells-cell-selected,.bk-time-picker-cells-list .bk-time-picker-cells-ul .bk-time-picker-cells-cell-selected:hover{color:#3a84ff}.bk-time-picker-cells-list .bk-time-picker-cells-ul .bk-time-picker-cells-cell-selected{font-weight:700}.bk-time-picker-header{height:46px;line-height:46px;text-align:center;border-bottom:1px solid #dcdee5;font-size:14px;font-weight:700;color:#63656e}.bk-time-picker-header .now-time{font-weight:400;cursor:pointer;margin-left:3px}.bk-time-picker-with-range .bk-picker-panel-content{float:left;position:relative}.bk-time-picker-with-range .bk-picker-panel-content:after{content:"";display:block;width:1px;position:absolute;top:45px;bottom:0;right:-1px;background:#e8eaec;z-index:1}.bk-time-picker-with-range .bk-picker-panel-content-right{float:right}.bk-time-picker-with-range .bk-picker-panel-content-right:after{right:auto;left:0}.bk-time-picker-with-range .bk-time-picker-cells-list:first-child{border-radius:0}.bk-time-picker-with-range .bk-time-picker-cells-list:last-child{border-radius:0}.bk-picker-panel-content .bk-picker-panel-content .bk-time-picker-cells,.bk-picker-panel-content .bk-picker-panel-content .bk-time-picker-cells-with-seconds{min-width:216px}.bk-picker-panel-content .bk-picker-panel-content .bk-time-picker-cells-with-seconds .bk-time-picker-cells-list{width:72px}.bk-picker-panel-content .bk-picker-panel-content .bk-time-picker-cells-with-seconds .bk-time-picker-cells-list ul li{padding:0}.bk-picker-panel-content .bk-picker-panel-content .bk-time-picker-cells-list{width:108px;max-height:200px}.bk-picker-panel-content .bk-picker-panel-content .bk-time-picker-cells-list:first-child{border-radius:0}.bk-picker-panel-content .bk-picker-panel-content .bk-time-picker-cells-list:last-child{border-radius:0}.bk-picker-panel-content .bk-picker-panel-content .bk-time-picker-cells-list ul{padding:0 0 168px}
 /*# sourceMappingURL=time-picker.min.css.map */

package/lib/ui/time-picker.min.css.map

@@ -1 +1 @@
-{"version":3,"sources":["time-picker.css"],"names":[],"mappings":"AA8BI,4BACI,UAAW,CAEX,iBAAkB,CAClB,YAAa,CACb,WAAY,CACZ,SAAU,CACV,MAAO,CACP,OAAQ,CACR,6BAA8B,CAC9B,qBAAsB,CACtB,eAAgB,CAChB,eAAgB,CAGhB,qCAAsC,CACtC,uBAAwB,CACxB,aAAoB,CACpB,mBACJ,CA7CA,iPACI,UAAW,CACX,iBAAkB,CAClB,SAAU,CACV,eAAgB,CAChB,wBAA+B,CAC/B,QAAS,CACT,SAAW,CACX,iBAAkB,CAClB,SACJ,CACA,+OACI,UAAW,CACX,iBAAkB,CAClB,SAAU,CACV,eAAgB,CAChB,wBAA+B,CAC/B,QAAqB,CACrB,SAAW,CACX,iBAAkB,CAClB,SACJ,CAqCJ,oCACI,UAAW,CACX,WAAY,CACZ,gBAiBJ,CAhBI,gEACI,UAAW,CACX,YAAa,CACb,iBAAkB,CAClB,eAAgB,CAChB,aAAsB,CACtB,eAAgB,CAChB,cAAe,CACf,iBAOJ,CANI,uEACI,aACJ,CAzEJ,qFACI,UAAW,CACX,iBAAkB,CAClB,SAAU,CACV,eAAgB,CAChB,wBAA+B,CAC/B,QAAS,CACT,UAAW,CACX,iBAAkB,CAClB,SACJ,CACA,oFACI,UAAW,CACX,iBAAkB,CAClB,SAAU,CACV,eAAgB,CAChB,wBAA+B,CAC/B,QAAqB,CACrB,UAAW,CACX,iBAAkB,CAClB,SACJ,CA0DJ,2BAEI,YAAa,CACb,gBAAiB,CACjB,UAAW,CACX,eAAgB,CAEhB,iBAuEJ,CAtEI,iCACI,eACJ,CACA,uCAEI,yBACJ,CACA,sCACI,yBACJ,CACA,8CACI,OAAQ,CACR,QAAS,CACT,iCACJ,CACA,oDACI,OAAQ,CACR,QAAS,CACT,4BACJ,CACA,oDACI,UAAW,CACX,QAAS,CAGT,iBAAoB,CACpB,eA2CJ,CA1CI,+EACI,UAAW,CACX,WAAY,CACZ,gBAAiB,CACjB,QAAS,CAET,SAAU,CACV,8BAAuB,CAAvB,sBAAuB,CAEvB,iBAAkB,CAClB,wBAAiB,CAAjB,qBAAiB,CAAjB,oBAAiB,CAAjB,gBAAiB,CACjB,cAAe,CACf,eAAgB,CAChB,6CAAuC,CAAvC,qCAAuC,CACvC,aAAsB,CACtB,cAAe,CACf,iBAMJ,CALI,qFAEI,aAEJ,CAEJ,wFACI,aAAoB,CACpB,kBAMJ,CALI,8FACI,aAAoB,CACpB,qBAAsB,CACtB,kBACJ,CAGJ,sLAGI,aACJ,CASR,uBACI,WAAY,CACZ,gBAAiB,CACjB,iBAAkB,CAClB,+BAAuC,CACvC,cAAe,CACf,eAAgB,CAChB,aACJ,CAIA,oDACI,UAAW,CACX,iBACJ,CACA,0DACI,UAAU,CACV,aAAc,CAEd,SAAU,CACV,iBAAkB,CAClB,QAAS,CACT,QAAS,CAET,UAAW,CACX,kBAAmB,CACnB,SACJ,CACA,0DACI,WACJ,CACA,gEACI,UAAW,CACX,MACJ,CACA,kEACI,eACJ,CACA,iEACI,eACJ,CAOA,6JACI,eACJ,CACA,gHACI,UACJ,CACA,sHAEI,SACJ,CACA,6EACI,WAAY,CAEZ,gBACJ,CACA,yFACI,eACJ,CACA,wFACI,eACJ,CACA,gFACI,iBACJ","file":"time-picker.min.css","sourcesContent":["@import './variable.css';\r\n\r\n/* 生成 HH:mm:ss 中间的两个点 */\r\n@define-mixin dot $top: 55px, $left: 85px {\r\n    &:before {\r\n        content: '';\r\n        position: absolute;\r\n        width: 2px;\r\n        padding-top: 2px;\r\n        background-color: $newMainColor;\r\n        top: $top;\r\n        left: $left;\r\n        border-radius: 50%;\r\n        z-index: 1;\r\n    }\r\n    &:after {\r\n        content: '';\r\n        position: absolute;\r\n        width: 2px;\r\n        padding-top: 2px;\r\n        background-color: $newMainColor;\r\n        top: calc($top + 5px);\r\n        left: $left;\r\n        border-radius: 50%;\r\n        z-index: 1;\r\n    }\r\n}\r\n\r\n.bk-time-picker-cells {\r\n    /* min-width: 112px; */\r\n    &:after {\r\n        content: \"\";\r\n        /* top: 50%; */\r\n        position: absolute;\r\n        margin-top: 0;\r\n        height: 32px;\r\n        z-index: 1;\r\n        left: 0;\r\n        right: 0;\r\n        -webkit-box-sizing: border-box;\r\n        box-sizing: border-box;\r\n        padding-top: 6px;\r\n        text-align: left;\r\n        /* border-top: 1px solid #e4e7ed; */\r\n        /* border-bottom: 1px solid #e4e7ed; */\r\n        background-color: rgba(58,132,255,.16);\r\n        mix-blend-mode: multiply;\r\n        color: $newMainColor;\r\n        pointer-events: none;\r\n    }\r\n}\r\n.bk-time-picker-cells-with-seconds {\r\n    /* min-width: 168px; */\r\n    .bk-time-picker-cells-title-wrapper {\r\n        .bk-time-picker-cells-title {\r\n            &:nth-of-type(1),\r\n            &:nth-of-type(2) {\r\n                @mixin dot 55px, 85px;\r\n            }\r\n        }\r\n    }\r\n}\r\n.bk-time-picker-cells-title-wrapper {\r\n    width: 100%;\r\n    height: 42px;\r\n    line-height: 42px;\r\n    .bk-time-picker-cells-title {\r\n        float: left;\r\n        width: 33.33%;\r\n        text-align: center;\r\n        list-style: none;\r\n        color: $newBlackColor2;\r\n        font-weight: 700;\r\n        font-size: 14px;\r\n        position: relative;\r\n        &.active {\r\n            color: $newMainColor;\r\n        }\r\n        &:nth-of-type(1) {\r\n            @mixin dot 55px, 133px;\r\n        }\r\n    }\r\n}\r\n.bk-time-picker-cells-list {\r\n    /* width: 56px; */\r\n    width: 33.33%;\r\n    max-height: 192px;\r\n    float: left;\r\n    overflow: hidden;\r\n    /* border-left: 1px solid #e8eaec; */\r\n    position: relative;\r\n    &:hover {\r\n        overflow-y: auto;\r\n    }\r\n    &:first-child {\r\n        /* border-left: none; */\r\n        border-radius: 2px 0 0 2px;\r\n    }\r\n    &:last-child {\r\n        border-radius: 0 2px 2px 0;\r\n    }\r\n    &::-webkit-scrollbar {\r\n        width: 0;\r\n        height: 0;\r\n        background-color: color(transparent lightness(80%));\r\n    }\r\n    &::-webkit-scrollbar-thumb {\r\n        width: 0;\r\n        height: 0;\r\n        background-color: transparent;\r\n    }\r\n    .bk-time-picker-cells-ul {\r\n        width: 100%;\r\n        margin: 0;\r\n        /* padding: 0 0 120px 0; */\r\n        /* padding: 0 0 96px 0; */\r\n        padding: 0 0 160px 0;\r\n        list-style: none;\r\n        .bk-time-picker-cells-cell {\r\n            width: 100%;\r\n            height: 32px;\r\n            line-height: 32px;\r\n            margin: 0;\r\n            /* padding: 0 0 0 16px; */\r\n            padding: 0;\r\n            box-sizing: content-box;\r\n            /* text-align: left; */\r\n            text-align: center;\r\n            user-select: none;\r\n            cursor: pointer;\r\n            list-style: none;\r\n            transition: background 0.2s ease-in-out;\r\n            color: $newBlackColor2;\r\n            font-size: 12px;\r\n            position: relative;\r\n            &:hover {\r\n                /* background-color: $newGreyColor2; */\r\n                color: $newMainColor;\r\n                /* font-weight: 700; */\r\n            }\r\n        }\r\n        .bk-time-picker-cells-cell-disabled {\r\n            color: $newGreyColor;\r\n            cursor: not-allowed;\r\n            &:hover {\r\n                color: $newGreyColor;\r\n                background-color: #fff;\r\n                cursor: not-allowed;\r\n            }\r\n        }\r\n\r\n        .bk-time-picker-cells-cell-selected,\r\n        .bk-time-picker-cells-cell-selected:hover {\r\n            /* background-color: $newMainColor3; */\r\n            color: $newMainColor;\r\n        }\r\n\r\n        .bk-time-picker-cells-cell-focused {\r\n            /* background-color: #f3f3f3; */\r\n        }\r\n    }\r\n}\r\n\r\n\r\n.bk-time-picker-header {\r\n    height: 46px;\r\n    line-height: 46px;\r\n    text-align: center;\r\n    border-bottom: 1px solid $newGreyColor1;\r\n    font-size: 14px;\r\n    font-weight: 700;\r\n    color: $newBlackColor2;\r\n}\r\n.bk-time-picker-with-range .bk-picker-panel-body {\r\n    /* min-width: 228px; */\r\n}\r\n.bk-time-picker-with-range .bk-picker-panel-content {\r\n    float: left;\r\n    position: relative;\r\n}\r\n.bk-time-picker-with-range .bk-picker-panel-content:after {\r\n    content:'';\r\n    display: block;\r\n    /* width: 2px; */\r\n    width: 1px;\r\n    position: absolute;\r\n    top: 45px;\r\n    bottom: 0;\r\n    /* right: -2px; */\r\n    right: -1px;\r\n    background: #e8eaec;\r\n    z-index: 1;\r\n}\r\n.bk-time-picker-with-range .bk-picker-panel-content-right {\r\n    float: right;\r\n}\r\n.bk-time-picker-with-range .bk-picker-panel-content-right:after {\r\n    right: auto;\r\n    left: 0;\r\n}\r\n.bk-time-picker-with-range .bk-time-picker-cells-list:first-child {\r\n    border-radius: 0;\r\n}\r\n.bk-time-picker-with-range .bk-time-picker-cells-list:last-child {\r\n    border-radius: 0;\r\n}\r\n.bk-time-picker-with-range.bk-time-picker-with-seconds .bk-picker-panel-body {\r\n    /* min-width: 340px; */\r\n}\r\n.bk-picker-panel-content .bk-picker-panel-content .bk-time-picker-cells {\r\n    min-width: 216px;\r\n}\r\n.bk-picker-panel-content .bk-picker-panel-content .bk-time-picker-cells-with-seconds {\r\n    min-width: 216px;\r\n}\r\n.bk-picker-panel-content .bk-picker-panel-content .bk-time-picker-cells-with-seconds .bk-time-picker-cells-list {\r\n    width: 72px;\r\n}\r\n.bk-picker-panel-content .bk-picker-panel-content .bk-time-picker-cells-with-seconds .bk-time-picker-cells-list ul li {\r\n    /* padding: 0 0 0 28px; */\r\n    padding: 0;\r\n}\r\n.bk-picker-panel-content .bk-picker-panel-content .bk-time-picker-cells-list {\r\n    width: 108px;\r\n    /* max-height: 216px; */\r\n    max-height: 200px;\r\n}\r\n.bk-picker-panel-content .bk-picker-panel-content .bk-time-picker-cells-list:first-child {\r\n    border-radius: 0;\r\n}\r\n.bk-picker-panel-content .bk-picker-panel-content .bk-time-picker-cells-list:last-child {\r\n    border-radius: 0;\r\n}\r\n.bk-picker-panel-content .bk-picker-panel-content .bk-time-picker-cells-list ul {\r\n    padding: 0 0 168px 0;\r\n}\r\n"]}
+{"version":3,"sources":["time-picker.css"],"names":[],"mappings":"AA4BA,oBACI,4BAAoC,CACpC,gBAAiB,CACjB,UAAW,CACX,wBAAgC,CAChC,WAAY,CACZ,gBAAiB,CACjB,cAAe,CACf,cAAe,CACf,iBAKJ,CAJI,sBACI,aAAoB,CACpB,oBACJ,CAKA,4BACI,UAAW,CAEX,iBAAkB,CAClB,YAAa,CACb,WAAY,CACZ,SAAU,CACV,MAAO,CACP,OAAQ,CACR,6BAA8B,CAC9B,qBAAsB,CACtB,eAAgB,CAChB,eAAgB,CAGhB,wBAAgC,CAChC,uBAAwB,CACxB,aAAoB,CACpB,mBACJ,CA7DA,iPACI,UAAW,CACX,iBAAkB,CAClB,SAAU,CACV,eAAgB,CAChB,wBAA+B,CAC/B,QAAS,CACT,SAAW,CACX,iBAAkB,CAClB,SACJ,CACA,+OACI,UAAW,CACX,iBAAkB,CAClB,SAAU,CACV,eAAgB,CAChB,wBAA+B,CAC/B,QAAqB,CACrB,SAAW,CACX,iBAAkB,CAClB,SACJ,CAqDJ,oCACI,UAAW,CACX,WAAY,CACZ,gBAiBJ,CAhBI,gEACI,UAAW,CACX,YAAa,CACb,iBAAkB,CAClB,eAAgB,CAChB,aAAsB,CACtB,eAAgB,CAChB,cAAe,CACf,iBAOJ,CANI,uEACI,aACJ,CAzFJ,qFACI,UAAW,CACX,iBAAkB,CAClB,SAAU,CACV,eAAgB,CAChB,wBAA+B,CAC/B,QAAS,CACT,UAAW,CACX,iBAAkB,CAClB,SACJ,CACA,oFACI,UAAW,CACX,iBAAkB,CAClB,SAAU,CACV,eAAgB,CAChB,wBAA+B,CAC/B,QAAqB,CACrB,UAAW,CACX,iBAAkB,CAClB,SACJ,CA0EJ,2BAEI,YAAa,CACb,gBAAiB,CACjB,UAAW,CACX,eAAgB,CAEhB,iBA0EJ,CAzEI,iCACI,eACJ,CACA,uCAEI,yBACJ,CACA,sCACI,yBACJ,CACA,8CACI,OAAQ,CACR,QAAS,CACT,iCACJ,CACA,oDACI,OAAQ,CACR,QAAS,CACT,4BACJ,CACA,oDACI,UAAW,CACX,QAAS,CAGT,iBAAoB,CACpB,eA8CJ,CA7CI,+EACI,UAAW,CACX,WAAY,CACZ,gBAAiB,CACjB,QAAS,CAET,SAAU,CACV,8BAAuB,CAAvB,sBAAuB,CAEvB,iBAAkB,CAClB,wBAAiB,CAAjB,qBAAiB,CAAjB,oBAAiB,CAAjB,gBAAiB,CACjB,cAAe,CACf,eAAgB,CAChB,6CAAuC,CAAvC,qCAAuC,CACvC,aAAsB,CACtB,cAAe,CACf,iBAMJ,CALI,qFACI,wBAGJ,CAEJ,wFACI,aAAoB,CACpB,kBAMJ,CALI,8FACI,aAAoB,CACpB,qBAAsB,CACtB,kBACJ,CAGJ,sLAGI,aACJ,CACA,wFACI,eACJ,CASR,uBACI,WAAY,CACZ,gBAAiB,CACjB,iBAAkB,CAClB,+BAAuC,CACvC,cAAe,CACf,eAAgB,CAChB,aAMJ,CALI,iCACI,eAAgB,CAChB,cAAe,CACf,eACJ,CAKJ,oDACI,UAAW,CACX,iBACJ,CACA,0DACI,UAAU,CACV,aAAc,CAEd,SAAU,CACV,iBAAkB,CAClB,QAAS,CACT,QAAS,CAET,UAAW,CACX,kBAAmB,CACnB,SACJ,CACA,0DACI,WACJ,CACA,gEACI,UAAW,CACX,MACJ,CACA,kEACI,eACJ,CACA,iEACI,eACJ,CAOA,6JACI,eACJ,CACA,gHACI,UACJ,CACA,sHAEI,SACJ,CACA,6EACI,WAAY,CAEZ,gBACJ,CACA,yFACI,eACJ,CACA,wFACI,eACJ,CACA,gFACI,iBACJ","file":"time-picker.min.css","sourcesContent":["@import './variable.css';\r\n\r\n/* 生成 HH:mm:ss 中间的两个点 */\r\n@define-mixin dot $top: 55px, $left: 85px {\r\n    &:before {\r\n        content: '';\r\n        position: absolute;\r\n        width: 2px;\r\n        padding-top: 2px;\r\n        background-color: $newMainColor;\r\n        top: $top;\r\n        left: $left;\r\n        border-radius: 50%;\r\n        z-index: 1;\r\n    }\r\n    &:after {\r\n        content: '';\r\n        position: absolute;\r\n        width: 2px;\r\n        padding-top: 2px;\r\n        background-color: $newMainColor;\r\n        top: calc($top + 5px);\r\n        left: $left;\r\n        border-radius: 50%;\r\n        z-index: 1;\r\n    }\r\n}\r\n\r\n.bk-time-picker-now {\r\n    border-top: 1px solid $newGreyColor1;\r\n    text-align: right;\r\n    clear: both;\r\n    background-color: $newGreyColor3;\r\n    height: 42px;\r\n    line-height: 41px;\r\n    font-size: 13px;\r\n    padding: 0 20px;\r\n    text-align: center;\r\n    a {\r\n        color: $newMainColor;\r\n        text-decoration: none;\r\n    }\r\n}\r\n\r\n.bk-time-picker-cells {\r\n    /* min-width: 112px; */\r\n    &:after {\r\n        content: \"\";\r\n        /* top: 50%; */\r\n        position: absolute;\r\n        margin-top: 0;\r\n        height: 32px;\r\n        z-index: 1;\r\n        left: 0;\r\n        right: 0;\r\n        -webkit-box-sizing: border-box;\r\n        box-sizing: border-box;\r\n        padding-top: 6px;\r\n        text-align: left;\r\n        /* border-top: 1px solid #e4e7ed; */\r\n        /* border-bottom: 1px solid #e4e7ed; */\r\n        background-color: $newMainColor3;\r\n        mix-blend-mode: multiply;\r\n        color: $newMainColor;\r\n        pointer-events: none;\r\n    }\r\n}\r\n.bk-time-picker-cells-with-seconds {\r\n    /* min-width: 168px; */\r\n    .bk-time-picker-cells-title-wrapper {\r\n        .bk-time-picker-cells-title {\r\n            &:nth-of-type(1),\r\n            &:nth-of-type(2) {\r\n                @mixin dot 55px, 85px;\r\n            }\r\n        }\r\n    }\r\n}\r\n.bk-time-picker-cells-title-wrapper {\r\n    width: 100%;\r\n    height: 42px;\r\n    line-height: 42px;\r\n    .bk-time-picker-cells-title {\r\n        float: left;\r\n        width: 33.33%;\r\n        text-align: center;\r\n        list-style: none;\r\n        color: $newBlackColor2;\r\n        font-weight: 700;\r\n        font-size: 14px;\r\n        position: relative;\r\n        &.active {\r\n            color: $newMainColor;\r\n        }\r\n        &:nth-of-type(1) {\r\n            @mixin dot 55px, 133px;\r\n        }\r\n    }\r\n}\r\n.bk-time-picker-cells-list {\r\n    /* width: 56px; */\r\n    width: 33.33%;\r\n    max-height: 192px;\r\n    float: left;\r\n    overflow: hidden;\r\n    /* border-left: 1px solid #e8eaec; */\r\n    position: relative;\r\n    &:hover {\r\n        overflow-y: auto;\r\n    }\r\n    &:first-child {\r\n        /* border-left: none; */\r\n        border-radius: 2px 0 0 2px;\r\n    }\r\n    &:last-child {\r\n        border-radius: 0 2px 2px 0;\r\n    }\r\n    &::-webkit-scrollbar {\r\n        width: 0;\r\n        height: 0;\r\n        background-color: color(transparent lightness(80%));\r\n    }\r\n    &::-webkit-scrollbar-thumb {\r\n        width: 0;\r\n        height: 0;\r\n        background-color: transparent;\r\n    }\r\n    .bk-time-picker-cells-ul {\r\n        width: 100%;\r\n        margin: 0;\r\n        /* padding: 0 0 120px 0; */\r\n        /* padding: 0 0 96px 0; */\r\n        padding: 0 0 160px 0;\r\n        list-style: none;\r\n        .bk-time-picker-cells-cell {\r\n            width: 100%;\r\n            height: 32px;\r\n            line-height: 32px;\r\n            margin: 0;\r\n            /* padding: 0 0 0 16px; */\r\n            padding: 0;\r\n            box-sizing: content-box;\r\n            /* text-align: left; */\r\n            text-align: center;\r\n            user-select: none;\r\n            cursor: pointer;\r\n            list-style: none;\r\n            transition: background 0.2s ease-in-out;\r\n            color: $newBlackColor2;\r\n            font-size: 12px;\r\n            position: relative;\r\n            &:hover {\r\n                background-color: $newGreyColor2;\r\n                /* color: $newMainColor; */\r\n                /* font-weight: 700; */\r\n            }\r\n        }\r\n        .bk-time-picker-cells-cell-disabled {\r\n            color: $newGreyColor;\r\n            cursor: not-allowed;\r\n            &:hover {\r\n                color: $newGreyColor;\r\n                background-color: #fff;\r\n                cursor: not-allowed;\r\n            }\r\n        }\r\n\r\n        .bk-time-picker-cells-cell-selected,\r\n        .bk-time-picker-cells-cell-selected:hover {\r\n            /* background-color: $newMainColor3; */\r\n            color: $newMainColor;\r\n        }\r\n        .bk-time-picker-cells-cell-selected {\r\n            font-weight: 700;\r\n        }\r\n\r\n        .bk-time-picker-cells-cell-focused {\r\n            /* background-color: #f3f3f3; */\r\n        }\r\n    }\r\n}\r\n\r\n\r\n.bk-time-picker-header {\r\n    height: 46px;\r\n    line-height: 46px;\r\n    text-align: center;\r\n    border-bottom: 1px solid $newGreyColor1;\r\n    font-size: 14px;\r\n    font-weight: 700;\r\n    color: $newBlackColor2;\r\n    .now-time {\r\n        font-weight: 400;\r\n        cursor: pointer;\r\n        margin-left: 3px;\r\n    }\r\n}\r\n.bk-time-picker-with-range .bk-picker-panel-body {\r\n    /* min-width: 228px; */\r\n}\r\n.bk-time-picker-with-range .bk-picker-panel-content {\r\n    float: left;\r\n    position: relative;\r\n}\r\n.bk-time-picker-with-range .bk-picker-panel-content:after {\r\n    content:'';\r\n    display: block;\r\n    /* width: 2px; */\r\n    width: 1px;\r\n    position: absolute;\r\n    top: 45px;\r\n    bottom: 0;\r\n    /* right: -2px; */\r\n    right: -1px;\r\n    background: #e8eaec;\r\n    z-index: 1;\r\n}\r\n.bk-time-picker-with-range .bk-picker-panel-content-right {\r\n    float: right;\r\n}\r\n.bk-time-picker-with-range .bk-picker-panel-content-right:after {\r\n    right: auto;\r\n    left: 0;\r\n}\r\n.bk-time-picker-with-range .bk-time-picker-cells-list:first-child {\r\n    border-radius: 0;\r\n}\r\n.bk-time-picker-with-range .bk-time-picker-cells-list:last-child {\r\n    border-radius: 0;\r\n}\r\n.bk-time-picker-with-range.bk-time-picker-with-seconds .bk-picker-panel-body {\r\n    /* min-width: 340px; */\r\n}\r\n.bk-picker-panel-content .bk-picker-panel-content .bk-time-picker-cells {\r\n    min-width: 216px;\r\n}\r\n.bk-picker-panel-content .bk-picker-panel-content .bk-time-picker-cells-with-seconds {\r\n    min-width: 216px;\r\n}\r\n.bk-picker-panel-content .bk-picker-panel-content .bk-time-picker-cells-with-seconds .bk-time-picker-cells-list {\r\n    width: 72px;\r\n}\r\n.bk-picker-panel-content .bk-picker-panel-content .bk-time-picker-cells-with-seconds .bk-time-picker-cells-list ul li {\r\n    /* padding: 0 0 0 28px; */\r\n    padding: 0;\r\n}\r\n.bk-picker-panel-content .bk-picker-panel-content .bk-time-picker-cells-list {\r\n    width: 108px;\r\n    /* max-height: 216px; */\r\n    max-height: 200px;\r\n}\r\n.bk-picker-panel-content .bk-picker-panel-content .bk-time-picker-cells-list:first-child {\r\n    border-radius: 0;\r\n}\r\n.bk-picker-panel-content .bk-picker-panel-content .bk-time-picker-cells-list:last-child {\r\n    border-radius: 0;\r\n}\r\n.bk-picker-panel-content .bk-picker-panel-content .bk-time-picker-cells-list ul {\r\n    padding: 0 0 168px 0;\r\n}\r\n"]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "bk-magic-vue",
-  "version": "2.4.13",
+  "version": "2.4.14",
   "description": "基于蓝鲸 Magicbox 和 Vue 的前端组件库",
   "main": "dist/bk-magic-vue.min.js",
   "files": [