{"version":3,"sources":["big-tree.css","mixins/scroller.css"],"names":[],"mappings":"AAUA,aACI,aAqBJ,CCtBI,gCACI,SAAU,CACV,UACJ,CACA,sCACI,eAAgB,CAChB,iBAAkB,CAClB,wBACJ,CDJI,oDACI,iBAAkB,CAClB,KAAM,CACN,MAAO,CACP,UAAW,CACX,WACJ,CAEJ,gCACI,iBAAkB,CAClB,cAAe,CACf,aACJ,CAEI,oDACI,cACJ,CAYR,kBACI,iBAAkB,CAClB,WAAY,CACZ,8CAAiD,CACjD,gBAAiB,CACjB,WAAY,CACZ,cAqIJ,CAnII,gCACI,cAAe,CACf,6CA+BJ,CA9BI,qDACI,UAAW,CACX,iBAAkB,CAClB,gCAAiC,CACjC,QAAS,CACT,gCAAiC,CACjC,gCAA8C,CAC9C,QAAS,CACT,SAAU,CACV,mBACJ,CACA,sCACI,iBAAkB,CAClB,QAAS,CACT,SAA6B,CAC7B,OAAQ,CACR,kCAAqC,CACrC,8BAA+B,CAC/B,UAAW,CACX,mBAAoB,CACpB,SACJ,CACA,wCACI,gBAAiB,CACjB,oDAKJ,CAJI,+CACI,gCAAqD,CACrD,gCACJ,CAGR,wBACI,wBACJ,CACA,8BACI,wBAQJ,CAPI,yCACI,UAAW,CACX,wBACJ,CACA,4CACI,aACJ,CAEJ,0BACI,qDACJ,CACA,8BACI,kBACJ,CACA,gCACI,WAwEJ,CAvEI,8CAlGJ,oBAAqB,CACrB,qBAAsB,CAmGd,UAAoB,CACpB,WAAsB,CACtB,gBAAiC,CACjC,wCAA6C,CAC7C,yBACJ,CACA,kDA1GJ,oBAAqB,CACrB,qBAAsB,CA2Gd,iBAAkB,CAClB,UAAoB,CACpB,WAAsB,CACtB,gBAAiC,CACjC,gBAA2B,CAC3B,iBAAkB,CAClB,cAAe,CACf,aAAc,CACd,SAIJ,CAHI,wDACI,aACJ,CAEJ,+CAzHJ,oBAAqB,CACrB,qBAAsB,CA0Hd,iBAAkB,CAClB,UAAW,CACX,WAAY,CACZ,gBAAkC,CAClC,wBAAyB,CACzB,iBAmCJ,CAlCI,0DACI,oBAAqB,CACrB,wBAAyB,CACzB,0BAiBJ,CAhBI,gEACI,UAAW,CACX,iBAAkB,CAClB,OAAQ,CACR,QAAS,CACT,SAAU,CACV,UAAW,CACX,qBAAsB,CACtB,aAAc,CACd,YAAa,CACb,+BAAwB,CAAxB,uBAAwB,CACxB,yCAAkC,CAAlC,iCACJ,CACA,sEACI,wBACJ,CAEJ,2DACI,oBAAqB,CACrB,kBACJ,CACA,gEACI,oBAAqB,CACrB,oBAAqB,CACrB,qBAAsB,CACtB,2BAIJ,CAHI,sEACI,iBACJ,CAGR,2CApKJ,oBAAqB,CACrB,qBAAsB,CAqKd,gBAAkC,CAClC,cACJ,CAEJ,gCA/KA,eAAgB,CAChB,sBAAuB,CACvB,kBAAmB,CA+Kf,cACJ","file":"big-tree.min.css","sourcesContent":["@import './mixins/scroller.css';\r\n@define-mixin ellipsis {\r\n    overflow: hidden;\r\n    text-overflow: ellipsis;\r\n    white-space: nowrap;\r\n}\r\n@define-mixin inlineBlock $align: middle {\r\n    display: inline-block;\r\n    vertical-align: $align;\r\n}\r\n.bk-big-tree {\r\n    overflow: auto;\r\n    @mixin scroller;\r\n    &.with-virtual-scroll {\r\n        .bk-big-tree-empty {\r\n            position: absolute;\r\n            top: 0;\r\n            left: 0;\r\n            width: 100%;\r\n            height: 100%;\r\n        }\r\n    }\r\n    .bk-big-tree-empty {\r\n        text-align: center;\r\n        font-size: 14px;\r\n        color: #63656e;\r\n    }\r\n    &--small {\r\n        .bk-big-tree-node .node-content {\r\n            font-size: 12px;\r\n        }\r\n    }\r\n}\r\n\r\n/* 树伸缩触发器 icon */\r\n$triggerWidth: 20px; \r\n$triggerHeight: 20px; \r\n$triggerMarginRight: 2px;\r\n\r\n/* 节点 icon/checkbox */\r\n$nodeIconMarginRight: 8px;\r\n\r\n.bk-big-tree-node {\r\n    position: relative;\r\n    height: 32px;\r\n    padding-left: calc(var(--level) * var(--padding));\r\n    line-height: 32px;\r\n    font-size: 0;\r\n    cursor: pointer;\r\n\r\n    &.has-link-line {\r\n        padding-left: 0;\r\n        margin-left: calc(var(--level) * var(--padding));\r\n        &:not(.is-root):before {\r\n            content: \"\";\r\n            position: absolute;\r\n            width: calc(var(--padding) - 8px);\r\n            height: 0;\r\n            border-bottom: 1px dashed #c3cdd7;\r\n            left: calc(($triggerWidth/2) - var(--padding));\r\n            top: 15px;\r\n            z-index: 1;\r\n            pointer-events: none;\r\n        }\r\n        &:after {\r\n            position: absolute;\r\n            top: 24px;\r\n            left: calc($triggerWidth / 2);\r\n            width: 0;\r\n            height: calc(var(--line) * 1px - 8px);\r\n            border-left: 1px dashed #c3cdd7;\r\n            content: \"\";\r\n            pointer-events: none;\r\n            z-index: 1;\r\n        }\r\n        &.is-leaf {\r\n            padding-left: 8px;\r\n            margin-left: calc(var(--level) * var(--padding) + ($triggerWidth - 4px));\r\n            &:before {\r\n                width: calc(var(--padding) + ($triggerWidth/2 - 4px));\r\n                left: calc(0px - var(--padding) - ($triggerWidth/2 - 4px));\r\n            }\r\n        }\r\n    }\r\n    &:hover {\r\n        background-color: #f1f7ff;\r\n    }\r\n    &.is-selected {\r\n        background-color: #E6F0FF;\r\n        .node-icon {\r\n            color: #fff;\r\n            background-color: #006DFF;\r\n        }\r\n        .node-content {\r\n            color: #006DFF;\r\n        }\r\n    }\r\n    &.is-leaf {\r\n        padding-left: calc(var(--level) * var(--padding) + $triggerWidth + $triggerMarginRight);\r\n    }\r\n    &.is-disabled {\r\n        cursor: not-allowed;\r\n    }\r\n    .node-options {\r\n        height: 100%;\r\n        .node-loading {\r\n            @mixin inlineBlock;\r\n            width: $triggerWidth;\r\n            height: $triggerHeight;\r\n            margin: 0 $triggerMarginRight 0 0;\r\n            background-image: url(\"./images/spinner.svg\");\r\n            background-size: 100% 100%;\r\n        }\r\n        .node-folder-icon {\r\n            @mixin inlineBlock;\r\n            position: relative;\r\n            width: $triggerWidth;\r\n            height: $triggerHeight;\r\n            margin: 0 $triggerMarginRight 0 0;\r\n            line-height: $triggerHeight;\r\n            text-align: center;\r\n            font-size: 12px;\r\n            color: #979ba5;\r\n            z-index: 2;\r\n            &:hover {\r\n                color: #63656e;\r\n            }\r\n        }\r\n        .node-checkbox {\r\n            @mixin inlineBlock;\r\n            position: relative;\r\n            width: 16px;\r\n            height: 16px;\r\n            margin: 0 $nodeIconMarginRight 0 0;\r\n            border: 1px solid #979ba5;\r\n            border-radius: 2px;\r\n            &.is-checked {\r\n                border-color: #006DFF;\r\n                background-color: #006DFF;\r\n                background-clip: border-box;\r\n                &:after {\r\n                    content: \"\";\r\n                    position: absolute;\r\n                    top: 1px;\r\n                    left: 4px;\r\n                    width: 4px;\r\n                    height: 8px;\r\n                    border: 2px solid #fff;\r\n                    border-left: 0;\r\n                    border-top: 0;\r\n                    transform-origin: center;\r\n                    transform: rotate(45deg) scaleY(1);\r\n                }\r\n                &.is-disabled {\r\n                    background-color: #dcdee5;\r\n                }\r\n            }\r\n            &.is-disabled {\r\n                border-color: #dcdee5;\r\n                cursor: not-allowed;\r\n            }\r\n            &.is-indeterminate {\r\n                border-width: 7px 4px;\r\n                border-color: #006DFF;\r\n                background-color: #fff;\r\n                background-clip: content-box;\r\n                &:after {\r\n                    visibility: hidden;\r\n                }\r\n            }\r\n        }\r\n        .node-icon {\r\n            @mixin inlineBlock;\r\n            margin: 0 $nodeIconMarginRight 0 0;\r\n            font-size: 18px;\r\n        }\r\n    }\r\n    .node-content {\r\n        @mixin ellipsis;\r\n        font-size: 14px;\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"]}