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

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

{"version":3,"sources":["cascade.css","mixins/ellipsis.css","mixins/scroller.css","mixins/clearfix.css"],"names":[],"mappings":"AAYA,YACI,iBAAkB,CAClB,wBAA+B,CAC/B,iBAAkB,CAClB,gBAAiB,CACjB,cAAe,CACf,aAAsB,CACtB,cAqFJ,CApFI,oDACI,iBAAkB,CAClB,WAAY,CACZ,8BAA+B,CAC/B,SAAU,CACV,KAAM,CACN,aAAoB,CACpB,mBACJ,CACA,qBACI,oBAA2B,CAC3B,8CAA8C,CAA9C,sCAIJ,CAHI,uCACI,iCAA0B,CAA1B,yBACJ,CAEJ,kBACI,oBAA2B,CAC3B,8CAA8C,CAA9C,sCACJ,CACA,wBACI,wBAAyB,CACzB,aAAc,CACd,kBACJ,CACA,+CAEI,wBAAyB,CACzB,cACJ,CAEI,oCACI,aACJ,CAEJ,gCACI,iBAAkB,CAClB,SAAU,CACV,OAAQ,CACR,UAAW,CACX,WACJ,CACA,8BACI,iBAAkB,CAClB,SAAU,CACV,OAAQ,CACR,aAAc,CACd,cAA0B,CAC1B,gEAAsD,CAAtD,wDAAsD,CAAtD,gDAAsD,CAAtD,8FAAsD,CACtD,mBACJ,CACA,8BACI,YAAa,CACb,iBAAkB,CAClB,SAAU,CACV,OAAQ,CACR,UAAW,CACX,WAAY,CACZ,gBAAiB,CACjB,wBAAyB,CACzB,iBAAkB,CAClB,iBAAkB,CAClB,cAA4B,CAC5B,UAAW,CACX,WAQJ,CAPI,qCACI,aAAc,CACd,2BAAoB,CAApB,mBACJ,CACA,oCACI,wBACJ,CAEJ,6BACI,WAAY,CACZ,qBAAsB,CCvF1B,aAAiB,CACjB,cAAoB,CACpB,eAAgB,CAChB,sBAAuB,CACvB,kBDqFA,CACA,4CACI,aAIJ,CAHI,4DACI,aACJ,CAGR,6BACI,wBAAgC,CAChC,iBAAkB,CAClB,gBAAiB,CACjB,eAAgB,CAChB,aAAmB,CACnB,eACJ,CACA,yBACI,UAAW,CACX,WAAY,CAEZ,WAAY,CAEZ,cAAe,CACf,SAAU,CACV,WAIJ,CAHI,oDACE,aACF,CAEJ,oBACI,SAAU,CACV,eAAgB,CAChB,eAyEJ,CEhMI,uCACI,SAAU,CACV,UACJ,CACA,6CACI,eAAgB,CAChB,iBAAkB,CAClB,wBACJ,CFmHQ,qHAEI,wBACJ,CACA,6DACI,wBACJ,CAIJ,2DACI,aAAc,CACd,+BAAuC,CACvC,aACJ,CAEJ,sCACI,QAAS,CACT,SAAU,CACV,eAIJ,CAHI,iDACI,cACJ,CAEJ,+BACI,iBAAkB,CAClB,cAsBJ,CArBI,iFAEI,aAAoB,CACpB,wBACJ,CACA,2CACI,aAAc,CACd,kBAAmB,CACnB,qBACJ,CACA,2CACI,aAAoB,CACpB,wBACJ,CACA,uDACI,qBAAqC,CACrC,aAIJ,CAHI,uEACI,aACJ,CAGR,uCACI,iBAAkB,CAClB,cAiBJ,CAhBI,kEACI,WACJ,CACA,uDCpLJ,oBAAiB,CACjB,cAAoB,CACpB,eAAgB,CAChB,sBAAuB,CACvB,kBAAmB,CDkLX,qBAAsB,CACtB,cACJ,CACA,uDACI,iBAAkB,CAClB,UAAW,CACX,QAAS,CACT,aAAoB,CACpB,cAAe,CACf,eACJ,CAIR,kBACI,cAAe,CACf,cACJ,CAEA,sBACI,cAAe,CACf,cAAe,CACf,yBAA6B,CAC7B,4BAAoC,CACpC,kBAIJ,CAHI,4BACI,wBACJ,CAGJ,0DACI,SAAU,CACV,6CAAsC,CAAtC,qCAIJ,CAHI,uEACI,YACJ,CAIJ,kBACC,WACD,CACA,kBACE,WAAY,CACZ,mBAAa,CAAb,mBAAa,CAAb,YA0BF,CAzBC,uCACC,UAAW,CACX,WAAY,CACZ,SAAU,CACV,QAAS,CACT,eAAgB,CAChB,eAED,CEzOG,0DACI,SAAU,CACV,UACJ,CACA,gEACI,eAAgB,CAChB,iBAAkB,CAClB,wBACJ,CFkOH,qCACC,8BACD,CACA,6BACC,iBAQD,CAPC,+CACC,iBAAkB,CAClB,OAAQ,CACR,SAAU,CACD,cAAe,CACf,aACV,CAED,+BACC,+BACD,CAED,gBACI,aAAc,CACd,cAAe,CACf,gBAAiB,CACjB,iBAAkB,CAClB,aACJ,CACA,mBACC,wBACD,CACA,mBACC,iBASD,CARC,qCACC,iBAAkB,CAClB,KAAM,CACN,SACD,CACA,mCACC,gBACD,CAED,qBACI,uBAA0B,CAC1B,eA0DJ,CG9UI,2BACI,aAAc,CACd,UAAW,CACX,UAAW,CACX,WAAY,CACZ,QAAS,CACT,iBACJ,CH+QA,0CACI,oBAAqB,CACrB,cAAe,CACf,iBAAkB,CAClB,kBAAmB,CACnB,iBAAkB,CAClB,UAAW,CACX,WAAY,CACZ,gBAAiB,CACjB,eAAgB,CAChB,wBAOJ,CANI,gDACI,wBAIJ,CAHI,4DACI,aACJ,CAGR,2CAEI,aAAmB,CACnB,cAAe,CACf,WAAY,CACZ,qBAAsB,CACtB,6BAAsB,CAAtB,qBAAsB,CAEtB,iBAAkB,CAClB,aAAc,CACd,eAAgB,CAChB,gBAAiB,CACjB,oBAAqB,CACrB,eAAgB,CAChB,eAAgB,CAChB,oBAAqB,CACrB,sBAAuB,CACvB,kBACJ,CACA,iCACI,iBAAkB,CAClB,UAAW,CACX,WAAY,CACZ,OAAQ,CACR,SAAU,CACV,oBAAqB,CACrB,iBAWJ,CAVI,6CACI,aAAc,CACd,iBAAkB,CAClB,KAAM,CACN,MAAO,CACP,oBAAqB,CACrB,iBAAkB,CAClB,cAAe,CACf,cACJ,CAGR,wBACI,iBAAkB,CAClB,OAAQ,CACR,aAWJ,CAVI,iCACI,UAAW,CACX,WAAY,CAEZ,gBAA2B,CAA3B,2BAA2B,CAC3B,iBAAkB,CAClB,wDAAiD,CAAjD,gDAAiD,CACjD,kBAAmB,CACnB,oBACJ","file":"cascade.min.css","sourcesContent":["@import \"./variable.css\";\r\n@import \"./mixins/scroller.css\";\r\n@import \"./mixins/clearfix.css\";\r\n@import \"./mixins/ellipsis\";\r\n\r\n$selectedBackground: #f4f6fa;\r\n$hoverBackground: #eaf3ff;\r\n$disabledBackground: #fff;\r\n$singleSelectedBackground: #eaf3ff;\r\n$disabledColor: #c4c6cc;\r\n$itemBackground: #F0F1F5;\r\n\r\n.bk-cascade {\r\n    position: relative;\r\n    border: 1px solid $newGreyColor;\r\n    border-radius: 2px;\r\n    line-height: 30px;\r\n    font-size: 12px;\r\n    color: $newBlackColor2;\r\n    cursor: pointer;\r\n    &.is-default-trigger.is-unselected:before {\r\n        position: absolute;\r\n        height: 100%;\r\n        content: attr(data-placeholder);\r\n        left: 11px;\r\n        top: 0;\r\n        color: $fnMinorColor;\r\n        pointer-events: none;\r\n    }\r\n    &.is-focus {\r\n        border-color: $newMainColor;\r\n        box-shadow:0px 0px 4px rgba(58, 132, 255, 0.4);\r\n        .bk-cascade-angle {\r\n            transform: rotate(-180deg);\r\n        }\r\n    }\r\n    &:focus {\r\n        border-color: $newMainColor;\r\n        box-shadow:0px 0px 4px rgba(58, 132, 255, 0.4);\r\n    }\r\n    &.is-disabled {\r\n        background-color: #fafafa;\r\n        color: #c4c6cc;\r\n        cursor: not-allowed;\r\n    }\r\n    &.is-readonly,\r\n    &.is-loading {\r\n        background-color: #fafafa;\r\n        cursor: default;\r\n    }\r\n    &:hover {\r\n        .bk-cascade-clear {\r\n            display: block;\r\n        }\r\n    }\r\n    .bk-cascade-loading {\r\n        position: absolute;\r\n        right: 9px;\r\n        top: 8px;\r\n        width: 18px;\r\n        height: 18px;\r\n    }\r\n    .bk-cascade-angle {\r\n        position: absolute;\r\n        right: 2px;\r\n        top: 4px;\r\n        color: #979ba5;\r\n        font-size: $iconNormalSize;\r\n        transition: transform .3s cubic-bezier(0.4, 0, 0.2, 1);\r\n        pointer-events: none;\r\n    }\r\n    .bk-cascade-clear {\r\n        display: none;\r\n        position: absolute;\r\n        right: 6px;\r\n        top: 8px;\r\n        width: 14px;\r\n        height: 14px;\r\n        line-height: 14px;\r\n        background-color: #c4c6cc;\r\n        border-radius: 50%;\r\n        text-align: center;\r\n        font-size: $iconSmallestSize;\r\n        color: #fff;\r\n        z-index: 100;\r\n        &:before {\r\n            display: block;\r\n            transform: scale(.7);\r\n        }\r\n        &:hover {\r\n            background-color: #979ba5;\r\n        }\r\n    }\r\n    .bk-cascade-name {\r\n        height: 30px;\r\n        padding: 0 36px 0 11px;\r\n        @mixin ellipsis 100%, block;\r\n    }\r\n    .bk-tooltip.bk-cascade-dropdown {\r\n        display: block;\r\n        & > .bk-tooltip-ref {\r\n            display: block;\r\n        }\r\n    }\r\n}\r\n.bk-cascade-dropdown-content {\r\n    border: 1px solid $newGreyColor1;\r\n    border-radius: 2px;\r\n    line-height: 32px;\r\n    background: #fff;\r\n    color: $fnMainColor;\r\n    overflow: hidden;\r\n}\r\n.bk-cascade-search-input {\r\n    width: 100%;\r\n    height: 32px;\r\n    /*padding: 0 10px;*/\r\n    border: none;\r\n    /*border-bottom: 1px solid $newGreyColor1;*/\r\n    font-size: 12px;\r\n    outline: 0;\r\n    cursor: text;\r\n    &::-webkit-input-placeholder {\r\n      color: $fnMinorColor;\r\n    }\r\n}\r\n.bk-cascade-options {\r\n    padding: 0;\r\n    list-style: none;\r\n    overflow-y: auto;\r\n    @mixin scroller;\r\n    &.bk-options-single {\r\n        .bk-option {\r\n            &:hover,\r\n            &.is-highlight {\r\n                background-color: $hoverBackground;\r\n            }\r\n            &.is-selected {\r\n                background-color: $selectedBackground;\r\n            }\r\n        }\r\n    }\r\n    .bk-option-group {\r\n        .bk-option-group-name {\r\n            margin: 0 16px;\r\n            border-bottom: 1px solid $newGreyColor1;\r\n            color: $newBlackColor3;\r\n        }\r\n    }\r\n    .bk-group-options {\r\n        margin: 0;\r\n        padding: 0;\r\n        list-style: none;\r\n        .bk-option {\r\n            padding: 0 12px;\r\n        }\r\n    }\r\n    .bk-option {\r\n        position: relative;\r\n        cursor: pointer;\r\n        &:hover,\r\n        &.is-highlight {\r\n            color: $newMainColor;\r\n            background-color: $hoverBackground;\r\n        }\r\n        &.is-disabled {\r\n            color: #c4c6cc;\r\n            cursor: not-allowed;\r\n            background-color: $disabledBackground;\r\n        }\r\n        &.is-selected {\r\n            color: $newMainColor;\r\n            background-color: $selectedBackground;\r\n        }\r\n        &.is-selected.is-disabled {\r\n            background-color: $disabledBackground;\r\n            color: $disabledColor;\r\n            .bk-option-icon {\r\n                color: $disabledColor;\r\n            }\r\n        }\r\n    }\r\n    .bk-option-content {\r\n        position: relative;\r\n        padding: 0 16px;\r\n        .bk-option-content-default {\r\n            font-size: 0;\r\n        }\r\n        .bk-option-name {\r\n            @mixin ellipsis 100%, inline-block;\r\n            vertical-align: middle;\r\n            font-size: 12px;\r\n        }\r\n        .bk-option-icon {\r\n            position: absolute;\r\n            right: 12px;\r\n            top: 12px;\r\n            color: $newMainColor;\r\n            font-size: 12px;\r\n            font-weight: bold;\r\n        }\r\n    }\r\n}\r\n\r\n.bk-cascade-empty {\r\n    padding: 0 10px;\r\n    font-size: 12px;\r\n}\r\n\r\n.bk-cascade-extension {\r\n    font-size: 12px;\r\n    padding: 0 16px;\r\n    border-radius:0px 0px 1px 1px;\r\n    border-top: 1px solid $newGreyColor1;\r\n    background: $newGreyColor3;\r\n    &:hover {\r\n        background-color: #f0f1f5;\r\n    }\r\n}\r\n\r\n.tippy-tooltip.bk-cascade-dropdown-theme[data-size=small] {\r\n    padding: 0;\r\n    box-shadow: 0 3px 9px 0 rgba(0,0,0,.1);\r\n    .tippy-arrow {\r\n        display: none;\r\n    }\r\n}\r\n\r\n/* cascade其他样式 */\r\n.bk-cacade-search {\r\n\tborder: none;\r\n}\r\n.bk-cascade-panel {\r\n  height: 100%;\r\n  display: flex;\r\n\t.bk-cascade-panel-ul {\r\n\t\tfloat: left;\r\n\t\theight: 100%;\r\n\t\tpadding: 0;\r\n\t\tmargin: 0;\r\n\t\tlist-style: none;\r\n\t\toverflow-y: auto;\r\n\t\t@mixin scroller;\r\n\t}\r\n\t.bk-cascade-border {\r\n\t\tborder-right: 1px solid #DCDEE5;\r\n\t}\r\n\t.bk-option {\r\n\t\tposition: relative;\r\n\t\t.bk-cascade-right {\r\n\t\t\tposition: absolute;\r\n\t\t\ttop: 6px;\r\n\t\t\tright: 5px;\r\n            font-size: 20px;\r\n            color: #979BA5;\r\n\t\t}\r\n\t}\r\n\t.is-multiple {\r\n\t\tbackground-color: #fff!important;\r\n\t}\r\n}\r\n.bk-option-none {\r\n    display: block;\r\n    font-size: 12px;\r\n    line-height: 32px;\r\n    text-align: center;\r\n    color: #63656E;\r\n}\r\n.bk-cascade-search {\r\n\theight: calc(100% - 36px);\r\n}\r\n.bk-option-content {\r\n\tposition: relative;\r\n\t.bk-cascade-check {\r\n\t\tposition: absolute;\r\n\t\ttop: 0;\r\n\t\tleft: 16px;\r\n\t}\r\n\t.bk-margin-left {\r\n\t\tmargin-left: 26px;\r\n\t}\r\n}\r\n.bk-cascade-tag-list {\r\n    padding: 5px 36px 0px 10px;\r\n    min-height: 30px;\r\n    @mixin clearfix;\r\n    .bk-cascade-tag-item {\r\n        display: inline-block;\r\n        cursor: pointer;\r\n        position: relative;\r\n        margin: 0 6px 5px 0;\r\n        border-radius: 2px;\r\n        float: left;\r\n        height: 22px;\r\n        line-height: 22px;\r\n        overflow: hidden;\r\n        background-color: $itemBackground;\r\n        &:hover {\r\n            background-color: #dcdee5;\r\n            .remove-key {\r\n                color: $fnMainColor;\r\n            }\r\n        }\r\n    }\r\n    .bk-cascade-item-name {\r\n        display: inline-block;\r\n        color: $fnMainColor;\r\n        font-size: 12px;\r\n        border: none;\r\n        vertical-align: middle;\r\n        box-sizing: border-box;\r\n        overflow: hidden;\r\n        border-radius: 2px;\r\n        padding: 0 5px;\r\n        min-height: 21px;\r\n        line-height: 19px;\r\n        word-break: break-all;\r\n        max-width: 150px;\r\n        overflow: hidden;\r\n        display: inline-block;\r\n        text-overflow: ellipsis;\r\n        white-space: nowrap;\r\n    }\r\n    .remove-key {\r\n        position: absolute;\r\n        width: 18px;\r\n        height: 16px;\r\n        top: 3px;\r\n        right: 4px;\r\n        display: inline-block;\r\n        text-align: center;\r\n        .icon-close {\r\n            color: #979ba5;\r\n            position: absolute;\r\n            top: 0;\r\n            left: 0;\r\n            display: inline-block;\r\n            text-align: center;\r\n            cursor: pointer;\r\n            font-size: 18px;\r\n        }\r\n    }\r\n}\r\n.bk-button-icon-loading {\r\n    position: relative;\r\n    top: 2px;\r\n    color: #006DFF;\r\n    .loading {\r\n        width: 14px;\r\n        height: 14px;\r\n        border: 2px solid;\r\n        border-right-color: #ffffff;\r\n        border-radius: 50%;\r\n        animation: button-icon-loading 1s linear infinite;\r\n        margin: -7px auto 0;\r\n        display: inline-block;\r\n    }\r\n}\r\n","/**\r\n * @file ellipsis mixin\r\n *\r\n * usage:\r\n *      @mixin ellipsis 100px;\r\n */\r\n\r\n@define-mixin ellipsis $maxWidth, $display: inline-block {\r\n    display: $display;\r\n    max-width: $maxWidth;\r\n    overflow: hidden;\r\n    text-overflow: ellipsis;\r\n    white-space: nowrap;\r\n}\r\n","/**\r\n * @file scroller mixin\r\n *\r\n * usage:\r\n *      @mixin scroller;\r\n *      @mixin scroller red;\r\n *      @mixin scroller green, 2px;\r\n */\r\n\r\n@define-mixin scroller $backgroundColor: #dcdee5, $width: 6px {\r\n    &::-webkit-scrollbar {\r\n        width: 6px;\r\n        height: 6px;\r\n    }\r\n    &::-webkit-scrollbar-thumb {\r\n        min-height: 24px;\r\n        border-radius: 3px;\r\n        background-color: $backgroundColor;\r\n    }\r\n}\r\n","/**\r\n * @file clearfix mixin\r\n *\r\n * usage:\r\n *      @mixin clearfix;\r\n */\r\n\r\n@define-mixin clearfix {\r\n    &::after {\r\n        display: block;\r\n        clear: both;\r\n        content: \"\";\r\n        font-size: 0;\r\n        height: 0;\r\n        visibility: hidden;\r\n    }\r\n}\r\n"]}