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

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

{"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,iBA6FJ,CA5FI,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,SAsCJ,CC/DA,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,qBAuBJ,CAtBI,sCACI,aAAc,CACd,kBACJ,CACA,qCACI,kBAAO,CAAP,UAAO,CAAP,MAAO,CACP,gBAKJ,CAJI,4CACI,aAAc,CACd,oBACJ,CAEJ,qCACI,aAAc,CACd,cAA2B,CAC3B,eACJ,CACA,qFACI,cAAe,CACf,aAAc,CACd,qCACJ,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\";\r\n@import \"./mixins/scroller.css\";\r\n\r\n.bk-search-list {\r\n    font-size: 12px;\r\n    position: relative;\r\n    max-height: 280px;\r\n    min-height: 32px;\r\n    min-width: 230px;\r\n    line-height: 32px;\r\n    color: #63656e;\r\n    margin: -0.3rem -0.6rem;\r\n    outline: none;\r\n    resize: none;\r\n    pointer-events: all;\r\n    border: 1px solid #dcdee5;\r\n    border-radius: 2px;\r\n    &-condition {\r\n        border-bottom: 1px solid #dcdee5;\r\n        padding: 0 10px 0 16px;\r\n        pointer-events: auto;\r\n        &:hover {\r\n            cursor: pointer;\r\n            color: #006DFF;\r\n            background-color: rgba(234, 243, 255, 0.7);\r\n        }\r\n    }\r\n    &-menu {\r\n        margin: 0;\r\n        display: flex;\r\n        flex-direction: column;\r\n        pointer-events: all;\r\n        max-height: 200px;\r\n        overflow-x: hidden;\r\n        overflow-y: auto;\r\n        padding: 0;\r\n        @mixin scroller;\r\n        .is-group {\r\n            border-bottom: 1px solid #dcdee5;\r\n        }\r\n        &-item {\r\n            flex: 1 0 32px;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: flex-start;\r\n            pointer-events: auto;\r\n            text-overflow: ellipsis;\r\n            overflow: hidden;\r\n            white-space: nowrap;\r\n            padding: 0 10px 0 16px;\r\n            &.is-disabled {\r\n                color: #c4c6cc;\r\n                cursor: not-allowed;\r\n            }\r\n            .item-name {\r\n                flex: 1;\r\n                line-height: 32px;\r\n                &-filter {\r\n                    color: #313238;\r\n                    display: inline-block;\r\n                }\r\n            }\r\n            .item-icon {\r\n                color: #006DFF;\r\n                font-size: $iconSmallerSize;\r\n                font-weight: bold;\r\n            }\r\n            &.is-hover, &:not(.is-disabled):hover {\r\n                cursor: pointer;\r\n                color: #006DFF;\r\n                background-color: rgba(234, 243, 255, 0.7);\r\n            }\r\n        }\r\n    }\r\n    &-loading {\r\n        padding: 0 16px;\r\n        text-align: center;\r\n        line-height: 32px;\r\n    }\r\n    &-error {\r\n        padding: 0 10px 0 16px;\r\n        line-height: 32px;\r\n        font-weight: bold;\r\n    }\r\n    &-footer {\r\n        display: flex;\r\n        line-height: 32px;\r\n        flex-direction: row;\r\n        justify-content: space-around;\r\n        align-items: center;\r\n        pointer-events: auto;\r\n        .footer-btn {\r\n            flex: 1;\r\n            text-align: center;\r\n            border-top: 1px solid #dcdee5;\r\n            pointer-events: auto;\r\n            &:hover {\r\n                cursor: pointer;\r\n                color: #006DFF;\r\n                background-color: rgba(234, 243, 255, 0.7);\r\n            }\r\n            &:first-child {\r\n                border-right: 1px solid #dcdee5;\r\n            }\r\n        }\r\n    }\r\n    .search-menu-wrap {\r\n        padding: 6px 0;\r\n    }\r\n}\r\n\r\n.tippy-tooltip {\r\n    &.bk-search-select-theme-theme {\r\n        box-shadow: 0 3px 9px 0 rgba(0, 0, 0, .1);\r\n        border-radius: 2px;\r\n    }\r\n}\r\n","/**\r\n * @file scroller mixin\r\n *\r\n * usage:\r\n *      @mixin scroller;\r\n *      @mixin scroller red;\r\n *      @mixin scroller green, 2px;\r\n */\r\n\r\n@define-mixin scroller $backgroundColor: #dcdee5, $width: 6px {\r\n    &::-webkit-scrollbar {\r\n        width: 6px;\r\n        height: 6px;\r\n    }\r\n    &::-webkit-scrollbar-thumb {\r\n        min-height: 24px;\r\n        border-radius: 3px;\r\n        background-color: $backgroundColor;\r\n    }\r\n}\r\n"]}