@cw-devops/bk-magic-vue/lib/ui/cascade.min.css.map

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

{"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,cAAe,CACf,qBAsFJ,CArFI,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,mBAAoB,CACpB,WACJ,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,CCzF1B,aAAiB,CACjB,cAAoB,CACpB,eAAgB,CAChB,sBAAuB,CACvB,kBDuFA,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,CElMI,uCACI,SAAU,CACV,UACJ,CACA,6CACI,eAAgB,CAChB,iBAAkB,CAClB,wBACJ,CFqHQ,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,uDCtLJ,oBAAiB,CACjB,cAAoB,CACpB,eAAgB,CAChB,sBAAuB,CACvB,kBAAmB,CDoLX,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,CE3OG,0DACI,SAAU,CACV,UACJ,CACA,gEACI,eAAgB,CAChB,iBAAkB,CAClB,wBACJ,CFoOH,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,CGhVI,2BACI,aAAc,CACd,UAAW,CACX,UAAW,CACX,WAAY,CACZ,QAAS,CACT,iBACJ,CHiRA,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\";\n@import \"./mixins/scroller.css\";\n@import \"./mixins/clearfix.css\";\n@import \"./mixins/ellipsis\";\n\n$selectedBackground: #f4f6fa;\n$hoverBackground: #eaf3ff;\n$disabledBackground: #fff;\n$singleSelectedBackground: #eaf3ff;\n$disabledColor: #c4c6cc;\n$itemBackground: #F0F1F5;\n\n.bk-cascade {\n    position: relative;\n    border: 1px solid $newGreyColor;\n    border-radius: 2px;\n    line-height: 30px;\n    font-size: 12px;\n    color: $newBlackColor2;\n    cursor: pointer;\n    background-color: #fff;\n    &.is-default-trigger.is-unselected:before {\n        position: absolute;\n        height: 100%;\n        content: attr(data-placeholder);\n        left: 11px;\n        top: 0;\n        color: $fnMinorColor;\n        pointer-events: none;\n    }\n    &.is-focus {\n        border-color: $newMainColor;\n        box-shadow:0px 0px 4px rgba(58, 132, 255, 0.4);\n        .bk-cascade-angle {\n            transform: rotate(-180deg);\n        }\n    }\n    &:focus {\n        border-color: $newMainColor;\n        box-shadow:0px 0px 4px rgba(58, 132, 255, 0.4);\n    }\n    &.is-disabled {\n        background-color: #fafafa;\n        color: #c4c6cc;\n        cursor: not-allowed;\n    }\n    &.is-readonly,\n    &.is-loading {\n        background-color: #fafafa;\n        cursor: default;\n    }\n    &:hover {\n        .bk-cascade-clear {\n            display: block;\n        }\n    }\n    .bk-cascade-loading {\n        position: absolute;\n        right: 9px;\n        top: 8px;\n        width: 18px;\n        height: 18px;\n    }\n    .bk-cascade-angle {\n        position: absolute;\n        right: 2px;\n        top: 4px;\n        color: #979ba5;\n        font-size: $iconNormalSize;\n        transition: transform .3s cubic-bezier(0.4, 0, 0.2, 1);\n        pointer-events: none;\n        z-index: 100;\n    }\n    .bk-cascade-clear {\n        display: none;\n        position: absolute;\n        right: 6px;\n        top: 8px;\n        width: 14px;\n        height: 14px;\n        line-height: 14px;\n        background-color: #c4c6cc;\n        border-radius: 50%;\n        text-align: center;\n        font-size: $iconSmallestSize;\n        color: #fff;\n        z-index: 100;\n        &:before {\n            display: block;\n            transform: scale(.7);\n        }\n        &:hover {\n            background-color: #979ba5;\n        }\n    }\n    .bk-cascade-name {\n        height: 30px;\n        padding: 0 36px 0 11px;\n        @mixin ellipsis 100%, block;\n    }\n    .bk-tooltip.bk-cascade-dropdown {\n        display: block;\n        & > .bk-tooltip-ref {\n            display: block;\n        }\n    }\n}\n.bk-cascade-dropdown-content {\n    border: 1px solid $newGreyColor1;\n    border-radius: 2px;\n    line-height: 32px;\n    background: #fff;\n    color: $fnMainColor;\n    overflow: hidden;\n}\n.bk-cascade-search-input {\n    width: 100%;\n    height: 32px;\n    /*padding: 0 10px;*/\n    border: none;\n    /*border-bottom: 1px solid $newGreyColor1;*/\n    font-size: 12px;\n    outline: 0;\n    cursor: text;\n    &::-webkit-input-placeholder {\n      color: $fnMinorColor;\n    }\n}\n.bk-cascade-options {\n    padding: 0;\n    list-style: none;\n    overflow-y: auto;\n    @mixin scroller;\n    &.bk-options-single {\n        .bk-option {\n            &:hover,\n            &.is-highlight {\n                background-color: $hoverBackground;\n            }\n            &.is-selected {\n                background-color: $selectedBackground;\n            }\n        }\n    }\n    .bk-option-group {\n        .bk-option-group-name {\n            margin: 0 16px;\n            border-bottom: 1px solid $newGreyColor1;\n            color: $newBlackColor3;\n        }\n    }\n    .bk-group-options {\n        margin: 0;\n        padding: 0;\n        list-style: none;\n        .bk-option {\n            padding: 0 12px;\n        }\n    }\n    .bk-option {\n        position: relative;\n        cursor: pointer;\n        &:hover,\n        &.is-highlight {\n            color: $newMainColor;\n            background-color: $hoverBackground;\n        }\n        &.is-disabled {\n            color: #c4c6cc;\n            cursor: not-allowed;\n            background-color: $disabledBackground;\n        }\n        &.is-selected {\n            color: $newMainColor;\n            background-color: $selectedBackground;\n        }\n        &.is-selected.is-disabled {\n            background-color: $disabledBackground;\n            color: $disabledColor;\n            .bk-option-icon {\n                color: $disabledColor;\n            }\n        }\n    }\n    .bk-option-content {\n        position: relative;\n        padding: 0 16px;\n        .bk-option-content-default {\n            font-size: 0;\n        }\n        .bk-option-name {\n            @mixin ellipsis 100%, inline-block;\n            vertical-align: middle;\n            font-size: 12px;\n        }\n        .bk-option-icon {\n            position: absolute;\n            right: 12px;\n            top: 12px;\n            color: $newMainColor;\n            font-size: 12px;\n            font-weight: bold;\n        }\n    }\n}\n\n.bk-cascade-empty {\n    padding: 0 10px;\n    font-size: 12px;\n}\n\n.bk-cascade-extension {\n    font-size: 12px;\n    padding: 0 16px;\n    border-radius:0px 0px 1px 1px;\n    border-top: 1px solid $newGreyColor1;\n    background: $newGreyColor3;\n    &:hover {\n        background-color: #f0f1f5;\n    }\n}\n\n.tippy-tooltip.bk-cascade-dropdown-theme[data-size=small] {\n    padding: 0;\n    box-shadow: 0 3px 9px 0 rgba(0,0,0,.1);\n    .tippy-arrow {\n        display: none;\n    }\n}\n\n/* cascade其他样式 */\n.bk-cacade-search {\n\tborder: none;\n}\n.bk-cascade-panel {\n  height: 100%;\n  display: flex;\n\t.bk-cascade-panel-ul {\n\t\tfloat: left;\n\t\theight: 100%;\n\t\tpadding: 0;\n\t\tmargin: 0;\n\t\tlist-style: none;\n\t\toverflow-y: auto;\n\t\t@mixin scroller;\n\t}\n\t.bk-cascade-border {\n\t\tborder-right: 1px solid #DCDEE5;\n\t}\n\t.bk-option {\n\t\tposition: relative;\n\t\t.bk-cascade-right {\n\t\t\tposition: absolute;\n\t\t\ttop: 6px;\n\t\t\tright: 5px;\n            font-size: 20px;\n            color: #979BA5;\n\t\t}\n\t}\n\t.is-multiple {\n\t\tbackground-color: #fff!important;\n\t}\n}\n.bk-option-none {\n    display: block;\n    font-size: 12px;\n    line-height: 32px;\n    text-align: center;\n    color: #63656E;\n}\n.bk-cascade-search {\n\theight: calc(100% - 36px);\n}\n.bk-option-content {\n\tposition: relative;\n\t.bk-cascade-check {\n\t\tposition: absolute;\n\t\ttop: 0;\n\t\tleft: 16px;\n\t}\n\t.bk-margin-left {\n\t\tmargin-left: 26px;\n\t}\n}\n.bk-cascade-tag-list {\n    padding: 5px 36px 0px 10px;\n    min-height: 30px;\n    @mixin clearfix;\n    .bk-cascade-tag-item {\n        display: inline-block;\n        cursor: pointer;\n        position: relative;\n        margin: 0 6px 5px 0;\n        border-radius: 2px;\n        float: left;\n        height: 22px;\n        line-height: 22px;\n        overflow: hidden;\n        background-color: $itemBackground;\n        &:hover {\n            background-color: #dcdee5;\n            .remove-key {\n                color: $fnMainColor;\n            }\n        }\n    }\n    .bk-cascade-item-name {\n        display: inline-block;\n        color: $fnMainColor;\n        font-size: 12px;\n        border: none;\n        vertical-align: middle;\n        box-sizing: border-box;\n        overflow: hidden;\n        border-radius: 2px;\n        padding: 0 5px;\n        min-height: 21px;\n        line-height: 19px;\n        word-break: break-all;\n        max-width: 150px;\n        overflow: hidden;\n        display: inline-block;\n        text-overflow: ellipsis;\n        white-space: nowrap;\n    }\n    .remove-key {\n        position: absolute;\n        width: 18px;\n        height: 16px;\n        top: 3px;\n        right: 4px;\n        display: inline-block;\n        text-align: center;\n        .icon-close {\n            color: #979ba5;\n            position: absolute;\n            top: 0;\n            left: 0;\n            display: inline-block;\n            text-align: center;\n            cursor: pointer;\n            font-size: 18px;\n        }\n    }\n}\n.bk-button-icon-loading {\n    position: relative;\n    top: 2px;\n    color: #3A84FF;\n    .loading {\n        width: 14px;\n        height: 14px;\n        border: 2px solid;\n        border-right-color: #ffffff;\n        border-radius: 50%;\n        animation: button-icon-loading 1s linear infinite;\n        margin: -7px auto 0;\n        display: inline-block;\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","/**\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 clearfix mixin\n *\n * usage:\n *      @mixin clearfix;\n */\n\n@define-mixin clearfix {\n    &::after {\n        display: block;\n        clear: both;\n        content: \"\";\n        font-size: 0;\n        height: 0;\n        visibility: hidden;\n    }\n}\n"]}