bk-magic-vue/lib/ui/transfer.min.css.map

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

{"version":3,"sources":["transfer.css"],"names":[],"mappings":"AAEA,aAEE,mBAAa,CAAb,mBAAa,CAAb,YAAa,CACb,6BAAmB,CAAnB,4BAAmB,CAAnB,sBAAmB,CAAnB,kBAAmB,CACnB,uBAAuB,CAAvB,oBAAuB,CAAvB,sBAAuB,CACvB,iBAAkB,CAClB,cA4HF,CA3HE,uBACE,UAAW,CACX,WAAY,CACZ,iBAAkB,CAClB,sCAAgC,CAAhC,8BAAgC,CAChC,OAAQ,CACR,QAAS,CACT,iDACF,CACA,oDAEE,kBAAO,CAAP,UAAO,CAAP,MAAO,CACP,eAAgB,CAChB,YAAa,CACb,qBAAsB,CACtB,iBAAkB,CAClB,wBAAoC,CACpC,eA2FF,CAzFE,8EACE,WAAY,CACZ,gBAAiB,CACjB,wBAAgC,CAChC,+BAA2C,CAC3C,cAAe,CACf,iBAIF,CAHE,0GACE,iBACF,CAEF,oEACE,WAAY,CACZ,gBAAiB,CACjB,wBAAgC,CAChC,+BAA2C,CAC3C,cAAe,CACf,iBAYF,CAXE,8EACE,iBAAkB,CAClB,UAAW,CACX,cAAe,CACf,aAAoB,CACpB,cAKF,CAJE,gGACE,aAAoB,CACpB,kBACF,CAGJ,kEACE,UAAW,CACX,iBAAkB,CAClB,OAAQ,CACR,iBAAkB,CAClB,aAAoB,CACpB,cACF,CACA,sEACE,cAAe,CACf,eAAgB,CAChB,iBAAkB,CAClB,SAAU,CACV,YA6CF,CA5CE,4EACE,mBAAa,CAAb,mBAAa,CAAb,YAAa,CACb,wBAAmB,CAAnB,qBAAmB,CAAnB,kBAAmB,CACnB,WAAY,CACZ,gBAAiB,CACjB,cAAe,CACf,eAAgB,CAChB,cAAe,CACf,iBAuBF,CAtBE,wFACE,wBAAyB,CACzB,aACF,CACA,oGACE,kBAAmB,CACnB,aAAoB,CACpB,qBACF,CACA,wGACE,kBAAO,CAAP,UAAO,CAAP,MAAO,CACP,eAAgB,CAChB,sBAAuB,CACvB,kBACF,CACA,wGACE,qBAAc,CAAd,mBAAc,CAAd,aAAc,CACd,YAIF,CAHE,oHACE,oBACF,CAGJ,4GACE,SAAU,CACV,iCACF,CACA,wHACE,UAAW,CACX,iBAAkB,CAClB,wBACF,CACA,wFACE,cACF,CAGJ,0BACE,gBACF,CAEA,oCACE,+BAAgC,CAChC,cAOF,CALE,mDACE,WAAY,CACZ,gBAAiB,CACjB,WACF","file":"transfer.min.css","sourcesContent":["@import './variable.css';\n\n.bk-transfer {\n  display: -webkit-flex;\n  display: flex;\n  flex-direction: row;\n  justify-content: center;\n  position: relative;\n  font-size: 14px;\n  .transfer {\n    width: 30px;\n    height: 30px;\n    position: absolute;\n    transform: translate(-50%, -50%);\n    top: 50%;\n    left: 50%;\n    background: url(./images/transfer.png) no-repeat center center;\n  }\n  .source-list,\n  .target-list {\n    flex: 1;\n    min-width: 200px;\n    height: 400px;\n    background-color: #fff;\n    border-radius: 2px;\n    border: 1px solid $borderInlineColor;\n    overflow: hidden;\n\n    .slot-header {\n      height: 43px;\n      line-height: 43px;\n      background-color: $newGreyColor3;\n      border-bottom: 1px solid $borderInlineColor;\n      padding: 0 20px;\n      position: relative;\n      .slot-content {\n        position: relative;\n      }\n    }\n    .header {\n      height: 43px;\n      line-height: 43px;\n      background-color: $newGreyColor3;\n      border-bottom: 1px solid $borderInlineColor;\n      padding: 0 20px;\n      position: relative;\n      span {\n        position: absolute;\n        right: 10px;\n        font-size: 12px;\n        color: $newMainColor;\n        cursor: pointer;\n        &.disabled {\n          color: $newGreyColor;\n          cursor: not-allowed;\n        }\n      }\n    }\n    .empty {\n      width: 100%;\n      position: relative;\n      top: 40%;\n      text-align: center;\n      color: $newGreyColor;\n      cursor: default;\n    }\n    .content {\n      max-height: 82%;\n      overflow-y: auto;\n      position: relative;\n      padding: 0;\n      margin: 6px 0;\n      li {\n        display: flex;\n        align-items: center;\n        height: 40px;\n        line-height: 40px;\n        padding: 0 16px;\n        list-style: none;\n        cursor: pointer;\n        position: relative;\n        &:hover {\n          background-color: #eef6fe;\n          color: $newMainColor;\n        }\n        &.is-disabled {\n          cursor: not-allowed;\n          color: $newGreyColor;\n          background-color: #fff;\n        }\n        .content-text {\n          flex: 1;\n          overflow: hidden;\n          text-overflow: ellipsis;\n          white-space: nowrap;\n        }\n        .icon-wrapper {\n          flex: 22px 0 0;\n          display: none;\n          &.hover {\n            display: inline-block;\n          }\n        }\n      }\n      &::-webkit-scrollbar {\n        width: 4px;\n        background-color: color(transparent lightness(80%));\n      }\n      &::-webkit-scrollbar-thumb {\n        height: 5px;\n        border-radius: 2px;\n        background-color: #e6e9ea;\n      }\n      .bk-icon {\n        font-size: $iconNormalSize;\n      }\n    }\n  }\n  .target-list {\n    margin-left: 33px;\n  }\n\n  .transfer-search-input {\n    border-bottom: 1px solid #f0f1f5;\n    margin-top: 6px;\n\n    .bk-form-input {\n      height: 36px;\n      line-height: 34px;\n      border: none;\n    }\n  }\n}\n"]}