bk-magic-vue/lib/ui/search-select-menu.min.css.map

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

{"version":3,"sources":["search-select-menu.css","mixins/scroller.css"],"names":[],"mappings":"AAGA,gBACI,cAAe,CACf,iBAAkB,CAClB,gBAAiB,CACjB,eAAgB,CAChB,eAAgB,CAChB,gBAAiB,CACjB,aAAc,CACd,oBAAuB,CACvB,YAAa,CACb,WAAY,CACZ,kBAAmB,CACnB,wBAAyB,CACzB,iBAoGJ,CAnGI,0BACI,+BAAgC,CAChC,qBAAsB,CACtB,mBAMJ,CALI,gCACI,cAAe,CACf,aAAc,CACd,qCACJ,CAEJ,qBACI,QAAS,CACT,mBAAa,CAAb,mBAAa,CAAb,YAAa,CACb,2BAAsB,CAAtB,4BAAsB,CAAtB,yBAAsB,CAAtB,qBAAsB,CACtB,kBAAmB,CACnB,gBAAiB,CACjB,iBAAkB,CAClB,eAAgB,CAChB,SA6CJ,CCtEA,wCACI,SAAU,CACV,UACJ,CACA,8CACI,eAAgB,CAChB,iBAAkB,CAClB,wBACJ,CDmBI,+BACI,+BACJ,CACA,0BACI,kBAAc,CAAd,iBAAc,CAAd,aAAc,CACd,mBAAa,CAAb,mBAAa,CAAb,YAAa,CACb,wBAAmB,CAAnB,qBAAmB,CAAnB,kBAAmB,CACnB,sBAA2B,CAA3B,mBAA2B,CAA3B,0BAA2B,CAC3B,mBAAoB,CACpB,sBAAuB,CACvB,eAAgB,CAChB,kBAAmB,CACnB,qBA8BJ,CA7BI,sCACI,aAAc,CACd,kBACJ,CACA,qCACI,kBAAO,CAAP,UAAO,CAAP,MAAO,CACP,gBAAiB,CACjB,mBAAa,CAAb,mBAAa,CAAb,YAAa,CACb,wBAAmB,CAAnB,qBAAmB,CAAnB,kBAMJ,CALI,4CACI,aAAc,CACd,oBAAqB,CACrB,eACJ,CAEJ,qCACI,aAAc,CACd,cAA2B,CAC3B,eACJ,CACA,qFACI,cAAe,CACf,aAAc,CACd,qCACJ,CACA,gDACI,mBAAoB,CACpB,gBACJ,CAGR,wBACI,cAAe,CACf,iBAAkB,CAClB,gBACJ,CACA,sBACI,qBAAsB,CACtB,gBAAiB,CACjB,eACJ,CACA,uBACI,mBAAa,CAAb,mBAAa,CAAb,YAAa,CACb,gBAAiB,CACjB,6BAAmB,CAAnB,4BAAmB,CAAnB,sBAAmB,CAAnB,kBAAmB,CACnB,wBAA6B,CAA7B,4BAA6B,CAC7B,wBAAmB,CAAnB,qBAAmB,CAAnB,kBAAmB,CACnB,mBAeJ,CAdI,mCACI,kBAAO,CAAP,UAAO,CAAP,MAAO,CACP,iBAAkB,CAClB,4BAA6B,CAC7B,mBASJ,CARI,yCACI,cAAe,CACf,aAAc,CACd,qCACJ,CACA,+CACI,8BACJ,CAGR,kCACI,aACJ,CAIA,4CACI,6CAAyC,CAAzC,qCAAyC,CACzC,iBACJ","file":"search-select-menu.min.css","sourcesContent":["@import \"./variable.css\";\n@import \"./mixins/scroller.css\";\n\n.bk-search-list {\n    font-size: 12px;\n    position: relative;\n    max-height: 280px;\n    min-height: 32px;\n    min-width: 230px;\n    line-height: 32px;\n    color: #63656e;\n    margin: -0.3rem -0.6rem;\n    outline: none;\n    resize: none;\n    pointer-events: all;\n    border: 1px solid #dcdee5;\n    border-radius: 2px;\n    &-condition {\n        border-bottom: 1px solid #dcdee5;\n        padding: 0 10px 0 16px;\n        pointer-events: auto;\n        &:hover {\n            cursor: pointer;\n            color: #3a84ff;\n            background-color: rgba(234, 243, 255, 0.7);\n        }\n    }\n    &-menu {\n        margin: 0;\n        display: flex;\n        flex-direction: column;\n        pointer-events: all;\n        max-height: 200px;\n        overflow-x: hidden;\n        overflow-y: auto;\n        padding: 0;\n        @mixin scroller;\n        .is-group {\n            border-bottom: 1px solid #dcdee5;\n        }\n        &-item {\n            flex: 1 0 32px;\n            display: flex;\n            align-items: center;\n            justify-content: flex-start;\n            pointer-events: auto;\n            text-overflow: ellipsis;\n            overflow: hidden;\n            white-space: nowrap;\n            padding: 0 10px 0 16px;\n            &.is-disabled {\n                color: #c4c6cc;\n                cursor: not-allowed;\n            }\n            .item-name {\n                flex: 1;\n                line-height: 32px;\n                display: flex;\n                align-items: center;\n                &-filter {\n                    color: #3a84ff;\n                    display: inline-block;\n                    font-weight: bold;\n                }\n            }\n            .item-icon {\n                color: #3a84ff;\n                font-size: $iconSmallerSize;\n                font-weight: bold;\n            }\n            &.is-hover, &:not(.is-disabled):hover {\n                cursor: pointer;\n                color: #3a84ff;\n                background-color: rgba(234, 243, 255, 0.7);\n            }\n            .search-list-checkbox {\n                pointer-events: none;\n                margin-right: 6px;\n            }\n        }\n    }\n    &-loading {\n        padding: 0 16px;\n        text-align: center;\n        line-height: 32px;\n    }\n    &-error {\n        padding: 0 10px 0 16px;\n        line-height: 32px;\n        font-weight: bold;\n    }\n    &-footer {\n        display: flex;\n        line-height: 32px;\n        flex-direction: row;\n        justify-content: space-around;\n        align-items: center;\n        pointer-events: auto;\n        .footer-btn {\n            flex: 1;\n            text-align: center;\n            border-top: 1px solid #dcdee5;\n            pointer-events: auto;\n            &:hover {\n                cursor: pointer;\n                color: #3a84ff;\n                background-color: rgba(234, 243, 255, 0.7);\n            }\n            &:first-child {\n                border-right: 1px solid #dcdee5;\n            }\n        }\n    }\n    .search-menu-wrap {\n        padding: 6px 0;\n    }\n}\n\n.tippy-tooltip {\n    &.bk-search-select-theme-theme {\n        box-shadow: 0 3px 9px 0 rgba(0, 0, 0, .1);\n        border-radius: 2px;\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"]}