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

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

{"version":3,"sources":["tag-input.css","mixins/scroller.css"],"names":[],"mappings":"AAGA,iBACI,iBAAkB,CAClB,eAkKJ,CAhKI,+BACI,mBAAa,CAAb,mBAAa,CAAb,YAAa,CACb,wBAAmB,CAAnB,qBAAmB,CAAnB,kBAAmB,CACnB,wBAA8B,CAA9B,qBAA8B,CAA9B,6BAA8B,CAC9B,iBAAkB,CAClB,wBAAyB,CACzB,eAAgB,CAChB,iBAAkB,CAClB,cAAe,CACf,iBAAkB,CAClB,SAAU,CACV,eAAgB,CAChB,cAAe,CACf,eAoIJ,CAnII,wCACI,kBAA8B,CAC9B,kBASJ,CAPQ,qDACI,kBACJ,CACA,4DACI,iBACJ,CAGR,sCACI,oBACJ,CACA,4CACI,QAAS,CACT,SAAU,CACV,cAAe,CACf,iBAAkB,CAClB,gBAAiB,CACjB,KAAM,CACN,QAAS,CACT,aACJ,CACA,2CACI,gBAAiB,CACjB,cAAe,CACf,aAAoB,CACpB,cAIJ,CAHI,iDACI,aACJ,CAEJ,sCACI,UAAW,CACX,WAAY,CACZ,SAAU,CACV,QAAS,CACT,6BAAsB,CAAtB,qBAAsB,CACtB,YAAa,CACb,eAAgB,CAChB,cACJ,CACA,yCACI,oBAAqB,CACrB,gBAAiB,CACjB,aAAc,CACd,UAAW,CACX,QAAS,CACT,SAuCJ,CAtCI,iDACI,iBACJ,CACA,4CACI,oBAAqB,CACrB,cAAe,CACf,iBAAkB,CAClB,oBAAqB,CACrB,iBAAkB,CAClB,UAAW,CACX,WAAY,CACZ,eAAgB,CAChB,WAAY,CACZ,aAIJ,CAHI,qDACI,wBACJ,CAEJ,mDACI,kBAIJ,CAHI,+DACI,oBACJ,CAEJ,qDACI,iBAAkB,CAClB,UAAW,CACX,WAAY,CACZ,gBAAiB,CACjB,OAAQ,CACR,SAAU,CACV,oBAAqB,CACrB,cAAe,CACf,iBAAkB,CAClB,aAAmB,CACnB,YAAa,CACb,oBACJ,CAEJ,oCAEI,wBAAyB,CACzB,aAAmB,CACnB,cAAe,CACf,WAAY,CACZ,qBAAsB,CACtB,6BAAsB,CAAtB,qBAAsB,CAEtB,iBAAkB,CAClB,aAAc,CAGd,oBAAqB,CACrB,eAAgB,CAEhB,oBAAqB,CAGrB,UAUJ,CARI,8EAVA,WAAY,CACZ,gBAAiB,CAGjB,eAAgB,CAEhB,sBAAuB,CACvB,kBAUA,CAPA,0CAGI,aAIJ,CAEJ,iDACI,UAAW,CACX,WAQJ,CAPI,4DACI,SAAU,CACV,QAAS,CACT,eAAgB,CAEhB,oBACJ,CAGR,gDACI,aAIJ,CAHI,gEACI,aACJ,CAEJ,yCACI,WAAY,CACZ,gBAAiB,CACjB,UACJ,CAMJ,iDACI,aACJ,CAGI,sCACI,cACJ,CAGJ,yDACI,SAAU,CACV,6CAAyC,CAAzC,qCAIJ,CAHI,sEACI,YACJ,CAGJ,kBACI,eAyFJ,CC3QI,iDACI,SAAU,CACV,UACJ,CACA,uDACI,eAAgB,CAChB,iBAAkB,CAClB,wBACJ,CD2KA,8BAEI,gBAAiB,CAEjB,QAAS,CACT,eAAgB,CAChB,eAAgB,CAChB,aAAc,CACd,iBAAkB,CAClB,qBAAsB,CACtB,wBACJ,CACA,0CACI,eAOJ,CANI,sDACI,cAAe,CACf,aAAc,CACd,gBAAiB,CACjB,iBACJ,CAGJ,+CACI,eAAgB,CAChB,QAAS,CACT,SACJ,CACA,yCACI,iBAAkB,CAClB,UAAW,CACX,mBAA6B,CAC7B,oBAA8B,CAC9B,qBAAsB,CACtB,cAsDJ,CApDI,qDACI,kBACJ,CACA,oDACI,qBACJ,CACA,8DACI,wBAKJ,CAHI,6EACI,oBACJ,CAEJ,6DACI,wBACJ,CACA,+CACI,wBACJ,CACA,kDACI,eAAyB,CACzB,kBAIJ,CAHI,wDACI,aACJ,CAEJ,kDACI,UAAW,CACX,WAAY,CACZ,cAAe,CACf,iBAAkB,CAClB,cACJ,CACA,+CACI,cAAe,CACf,gBAAiB,CACjB,cAAe,CACf,eAAgB,CAChB,sBAAuB,CACvB,kBAAmB,CACnB,aACJ,CACA,4DACI,iBAAkB,CAClB,YAAa,CACb,QAAS,CACT,OAAQ,CACR,cAIJ,CAHI,mFACI,iBACJ","file":"tag-input.min.css","sourcesContent":["@import \"./variable.css\";\n@import \"./mixins/scroller.css\";\n\n.bk-tag-selector {\n    position: relative;\n    min-height: 32px;\n\n    .bk-tag-input {\n        display: flex;\n        align-items: center;\n        justify-content: space-between;\n        padding: 0 0 0 5px;\n        border: 1px solid #c4c6cc;\n        min-height: 30px;\n        border-radius: 2px;\n        font-size: 12px;\n        position: relative;\n        z-index: 1;\n        background: #fff;\n        cursor: pointer;\n        overflow: hidden;\n        &.disabled {\n            background: $defaultHoverColor;\n            cursor: not-allowed;\n            .tag-list {\n                >li {\n                    cursor: not-allowed;\n                }\n                .key-node {\n                    padding-right: 2px;\n                }\n            }\n        }\n        &.active {\n            border-color: $newMainColor;\n        }\n        .placeholder {\n            margin: 0;\n            padding: 0;\n            font-size: 12px;\n            position: absolute;\n            line-height: 30px;\n            top: 0;\n            left: 8px;\n            color: $newGreyColor;\n        }\n        .clear-icon {\n            margin-right: 5px;\n            cursor: pointer;\n            color: $newGreyColor;\n            font-size: $iconSmallestSize;\n            &:hover {\n                color: $newBlackColor3;\n            }\n        }\n        .input {\n            width: 10px;\n            height: 22px;\n            padding: 0;\n            border: 0;\n            box-sizing: border-box;\n            outline: none;\n            max-width: 295px;\n            font-size: 12px;\n        }\n        .tag-list {\n            display: inline-block;\n            max-height: 135px;\n            overflow: auto;\n            float: left;\n            margin: 0;\n            padding: 0;\n            &.no-item {\n                padding: 0 0 0 5px;\n            }\n            >li {\n                display: inline-block;\n                cursor: pointer;\n                position: relative;\n                margin: 4px 5px 4px 0;\n                border-radius: 2px;\n                float: left;\n                height: 22px;\n                overflow: hidden;\n                font-size: 0;\n                line-height: 0;\n                &.key-node {\n                    border: solid 1px #F0F1F5;\n                }\n            }\n            .key-node {\n                background: #F0F1F5;\n                .remove-key {\n                    display: inline-block;\n                }\n            }\n            .remove-key {\n                position: relative;\n                width: 16px;\n                height: 16px;\n                line-height: 16px;\n                top: 2px;\n                right: 5px;\n                display: inline-block;\n                font-size: 18px;\n                text-align: center;\n                color: $fnMainColor;\n                display: none;\n                text-decoration: none;\n            }\n        }\n        .tag {\n            display: inline-block;\n            background-color: #F0F1F5;\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            height: 20px;\n            line-height: 20px;\n            word-break: break-all;\n            max-width: 190px;\n            overflow: hidden;\n            display: inline-block;\n            text-overflow: ellipsis;\n            white-space: nowrap;\n            float: left;\n\n            .text {\n                height: 20px;\n                line-height: 20px;\n                display: block;\n                text-overflow: ellipsis;\n                overflow: hidden;\n                white-space: nowrap;\n            }\n        }\n        .dropdown-actions {\n            width: 100%;\n            font-size: 0;\n            .bk-button {\n                width: 50%;\n                margin: 0;\n                border-radius: 0;\n                border-width: 0;\n                border-top-width: 1px;\n            }\n        }\n    }\n    .bk-tooltip.bk-select-dropdown {\n        display: block;\n        &>.bk-tooltip-ref {\n            display: block;\n        }\n    }\n    .bk-tag-popover-trigger {\n        height: 22px;\n        margin-top: -27px;\n        z-index: -1;\n    }\n    .highlight-text {\n        color: #3A84FF;\n    }\n}\n\n.highlight-text {\n    color: #3A84FF;\n}\n\n.bk-select-dropdown {\n    .bk-selector-list {\n        min-width: 100%;\n    }\n}\n\n.tippy-tooltip.bk-select-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.bk-selector-list {\n    min-width: 150px;\n    .outside-ul {\n        @mixin scroller;\n        max-height: 160px;\n        padding: 0;\n        margin: 0;\n        list-style: none;\n        overflow-y: auto;\n        padding: 6px 0;\n        border-radius: 2px;\n        background-color: #fff;\n        border: 1px solid #DCDEE5;\n    }\n    .bk-selector-group-item {\n        list-style: none;\n        .group-name {\n            font-size: 12px;\n            color: #979BA5;\n            line-height: 30px;\n            padding-left: 11px;\n        }\n    }\n\n    .bk-selector-group-list-item {\n        list-style: none;\n        margin: 0;\n        padding: 0;\n    }\n    .bk-selector-list-item {\n        position: relative;\n        width: 100%;\n        border-left: $formBorderColor;\n        border-right: $formBorderColor;\n        background-color: #fff;\n        cursor: pointer;\n\n        &:first-child {\n            border-top: $formBorderColor;\n        }\n        &:last-child {\n            border-bottom: $formBorderColor;\n        }\n        &.bk-selector-selected {\n            background-color: #F4F6FA;\n\n            .selected-icon {\n                display: inline-block;\n            }\n        }\n        &.bk-selector-actived {\n            background-color: #F4F6FA;\n        }\n        &:hover {\n            background-color: #EAF3FF;\n        }\n        &.disabled {\n            background: $defaultColor;\n            cursor: not-allowed;\n            .text {\n                color: $newGreyColor;\n            }\n        }\n        .loading {\n            width: 100%;\n            height: 40px;\n            font-size: 14px;\n            position: relative;\n            cursor: default;\n        }\n        .text {\n            padding: 0 10px;\n            line-height: 30px;\n            font-size: 12px;\n            overflow: hidden;\n            text-overflow: ellipsis;\n            white-space: nowrap;\n            color: $fnMainColor;\n        }\n        .bk-selector-tools {\n            position: absolute;\n            display: none;\n            top: 10px;\n            right: 0;\n            font-size: 12px;\n            .bk-selector-list-icon {\n                margin-right: 14px;\n            }\n        }\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"]}