bk-magic-vue 2.4.8 → 2.4.9

package/lib/ui/pagination.css

@@ -110,6 +110,16 @@
             font-weight:bold;
         }
 
+.bk-page .bk-page-jumper{
+        margin-left:18px;
+        display:inline-block;
+    }
+
+.bk-page .bk-page-jumper > span{
+            font-size:14px;
+            color:#63656e;
+        }
+
 .bk-page.bk-page-align-left{
             text-align:left;
         }
@@ -132,6 +142,10 @@
                 line-height:30px;
             }
 
+.bk-page.bk-page-small .bk-page-jumper{
+            font-size:14px;
+        }
+
 .bk-page.bk-page-small .bk-page-total-count,
         .bk-page.bk-page-small .bk-page-selection-count{
             line-height:32px;

package/lib/ui/pagination.min.css

@@ -1,2 +1,2 @@
-.bk-page{overflow:hidden;white-space:normal}.bk-page .icon-angle-left,.bk-page .icon-angle-right{line-height:36px;font-size:22px}.bk-page a{text-decoration:none}.bk-page .bk-page-count{font-size:12px;margin-top:2px}.bk-page .bk-page-count-left{float:left}.bk-page .bk-page-count-right{float:right;margin-left:12px}.bk-page .bk-page-count-small{line-height:34px;height:34px}.bk-page .bk-page-count>span{display:inline-block;vertical-align:middle}.bk-page .bk-page-count .bk-select{min-width:60px;display:inline-block;vertical-align:middle;text-align:left;margin:0 4px}.bk-page .bk-page-count .bk-select .bk-selected{padding:0 22px 0 10px}.bk-page .bk-page-count .bk-total-page{display:inline-block;margin-right:20px}.bk-page .bk-page-count .page-select-small{border:1px solid #f0f1f5;background:#f0f1f5;border-radius:2px;-webkit-box-shadow:none;box-shadow:none}.bk-page .bk-page-count .page-select-small:hover{background:#e1ecff}.bk-page .bk-page-total-count{font-size:12px;line-height:36px;color:#989dab}.bk-page .bk-page-total-count-right{float:right;margin-left:12px}.bk-page .bk-page-total-count-left{float:left;margin-right:12px}.bk-page .bk-page-total-count .stress{padding:0 2px;color:#3f4046}.bk-page .bk-page-total-small{line-height:26px;margin-top:2px}.bk-page .bk-page-selection-count{font-size:12px;line-height:36px}.bk-page .bk-page-selection-count-right{float:right}.bk-page .bk-page-selection-count-left{float:left;margin-left:12px}.bk-page .bk-page-selection-count .count{padding:0 2px;font-weight:700}.bk-page.bk-page-align-left{text-align:left}.bk-page.bk-page-align-center{text-align:center}.bk-page.bk-page-align-right{text-align:right}.bk-page.bk-page-small .bk-page-count{margin-top:0}.bk-page.bk-page-small .page-item .page-button{min-width:32px;height:32px;line-height:30px}.bk-page.bk-page-small .bk-page-selection-count,.bk-page.bk-page-small .bk-page-total-count{line-height:32px}.bk-page.bk-page-small .icon-angle-left,.bk-page.bk-page-small .icon-angle-right{line-height:30px;font-size:20px}.bk-page.bk-page-compact .page-item{margin-right:-1px;border-radius:0}.bk-page.bk-page-compact .page-item:hover{position:relative;z-index:1}.bk-page.bk-page-compact .page-item.disabled:hover{z-index:0}.bk-page.bk-page-compact .page-item:first-child{border-radius:2px 0 0 2px}.bk-page.bk-page-compact .page-item:last-child{border-radius:0 2px 2px 0}.bk-page.bk-page-compact .page-item.cur-page{position:relative;z-index:1}.bk-page .bk-page-list{margin:0;padding:0;font-size:0}.bk-page .bk-page-list,.bk-page .page-item{overflow:hidden;display:inline-block;vertical-align:middle}.bk-page .page-item{text-align:center;font-size:12px;margin-right:4px;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:2px}.bk-page .page-item.page-omit{border:none;min-width:auto}.bk-page .page-item.page-omit>span{display:inline-block}.bk-page .page-item .page-button{display:block;min-width:36px;height:36px;padding:0 4px;line-height:34px;border:1px solid #c4c6cc;color:#63656e;background:#fff;cursor:pointer}.bk-page .page-item .page-button:hover{color:#3a84ff;border-color:#3a84ff}.bk-page .page-item.cur-page .page-button{border-color:#3a84ff;color:#3a84ff}.bk-page .page-item.disabled .page-button{border-color:#dcdee5;cursor:not-allowed;color:#c4c6cc;background-color:#fafbfd}.bk-page .page-item.disabled .page-button:hover{color:#c4c6cc}.bk-page .page-item:last-child{margin-right:0}.bk-page .bk-page-small-jump{line-height:34px;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:#63656e}.bk-page .bk-page-small-jump .btn-next,.bk-page .bk-page-small-jump .btn-pre{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:24px;height:24px;font-size:14px;cursor:pointer;-webkit-transition:all .15s;transition:all .15s;color:#979ba5}.bk-page .bk-page-small-jump .btn-next:hover,.bk-page .bk-page-small-jump .btn-pre:hover{color:#3a84ff}.bk-page .bk-page-small-jump .btn-next.disable,.bk-page .bk-page-small-jump .btn-pre.disable{color:#dcdee5;cursor:not-allowed}.bk-page .bk-page-small-jump .btn-next .bk-icon,.bk-page .bk-page-small-jump .btn-pre .bk-icon{line-height:1}.bk-page .bk-page-small-jump .jump-input-wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:#f0f1f5;padding:0 8px;border-radius:2px;cursor:pointer;border:1px solid #f0f1f5;height:24px}.bk-page .bk-page-small-jump .jump-input-wrapper:hover{background-color:#e1ecff}.bk-page .bk-page-small-jump .jump-input-wrapper.focus{background-color:#fff;border:1px solid #3a84ff;-webkit-box-shadow:0 0 4px rgba(58,132,255,.4);box-shadow:0 0 4px rgba(58,132,255,.4)}.bk-page .bk-page-small-jump .jump-input{min-width:22px;height:16px;font-size:14px;line-height:16px;text-align:center;border:0;border-radius:2px;background-color:transparent;-webkit-transition:all .15s;transition:all .15s}.bk-page .bk-page-small-jump .jump-input:focus,.bk-page .bk-page-small-jump .jump-input:hover{border-color:#3a84ff}.bk-page .bk-page-small-jump .page-total{min-width:28px;font-size:14px;vertical-align:top;text-align:center;line-height:16px;margin-left:2px}.bk-page .bk-page-small-jump .page-total.focus{color:#c4c6cc}.small-jump-options{margin:0;overflow-y:auto;list-style:none;padding:6px 0;max-height:204px;min-width:68px}.small-jump-options::-webkit-scrollbar{width:6px;height:6px}.small-jump-options::-webkit-scrollbar-thumb{min-height:24px;border-radius:3px;background-color:#dcdee5}.small-jump-options .small-jump-option{padding:0 16px;line-height:32px;cursor:pointer}.small-jump-options .small-jump-option:hover{background-color:#eaf3ff;color:#3a84ff}.small-jump-options .small-jump-option.is-selected{background-color:#eaf3ff;color:#3a84ff}
+.bk-page{overflow:hidden;white-space:normal}.bk-page .icon-angle-left,.bk-page .icon-angle-right{line-height:36px;font-size:22px}.bk-page a{text-decoration:none}.bk-page .bk-page-count{font-size:12px;margin-top:2px}.bk-page .bk-page-count-left{float:left}.bk-page .bk-page-count-right{float:right;margin-left:12px}.bk-page .bk-page-count-small{line-height:34px;height:34px}.bk-page .bk-page-count>span{display:inline-block;vertical-align:middle}.bk-page .bk-page-count .bk-select{min-width:60px;display:inline-block;vertical-align:middle;text-align:left;margin:0 4px}.bk-page .bk-page-count .bk-select .bk-selected{padding:0 22px 0 10px}.bk-page .bk-page-count .bk-total-page{display:inline-block;margin-right:20px}.bk-page .bk-page-count .page-select-small{border:1px solid #f0f1f5;background:#f0f1f5;border-radius:2px;-webkit-box-shadow:none;box-shadow:none}.bk-page .bk-page-count .page-select-small:hover{background:#e1ecff}.bk-page .bk-page-total-count{font-size:12px;line-height:36px;color:#989dab}.bk-page .bk-page-total-count-right{float:right;margin-left:12px}.bk-page .bk-page-total-count-left{float:left;margin-right:12px}.bk-page .bk-page-total-count .stress{padding:0 2px;color:#3f4046}.bk-page .bk-page-total-small{line-height:26px;margin-top:2px}.bk-page .bk-page-selection-count{font-size:12px;line-height:36px}.bk-page .bk-page-selection-count-right{float:right}.bk-page .bk-page-selection-count-left{float:left;margin-left:12px}.bk-page .bk-page-selection-count .count{padding:0 2px;font-weight:700}.bk-page .bk-page-jumper{margin-left:18px;display:inline-block}.bk-page .bk-page-jumper>span{font-size:14px;color:#63656e}.bk-page.bk-page-align-left{text-align:left}.bk-page.bk-page-align-center{text-align:center}.bk-page.bk-page-align-right{text-align:right}.bk-page.bk-page-small .bk-page-count{margin-top:0}.bk-page.bk-page-small .page-item .page-button{min-width:32px;height:32px;line-height:30px}.bk-page.bk-page-small .bk-page-jumper{font-size:14px}.bk-page.bk-page-small .bk-page-selection-count,.bk-page.bk-page-small .bk-page-total-count{line-height:32px}.bk-page.bk-page-small .icon-angle-left,.bk-page.bk-page-small .icon-angle-right{line-height:30px;font-size:20px}.bk-page.bk-page-compact .page-item{margin-right:-1px;border-radius:0}.bk-page.bk-page-compact .page-item:hover{position:relative;z-index:1}.bk-page.bk-page-compact .page-item.disabled:hover{z-index:0}.bk-page.bk-page-compact .page-item:first-child{border-radius:2px 0 0 2px}.bk-page.bk-page-compact .page-item:last-child{border-radius:0 2px 2px 0}.bk-page.bk-page-compact .page-item.cur-page{position:relative;z-index:1}.bk-page .bk-page-list{margin:0;padding:0;font-size:0}.bk-page .bk-page-list,.bk-page .page-item{overflow:hidden;display:inline-block;vertical-align:middle}.bk-page .page-item{text-align:center;font-size:12px;margin-right:4px;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:2px}.bk-page .page-item.page-omit{border:none;min-width:auto}.bk-page .page-item.page-omit>span{display:inline-block}.bk-page .page-item .page-button{display:block;min-width:36px;height:36px;padding:0 4px;line-height:34px;border:1px solid #c4c6cc;color:#63656e;background:#fff;cursor:pointer}.bk-page .page-item .page-button:hover{color:#3a84ff;border-color:#3a84ff}.bk-page .page-item.cur-page .page-button{border-color:#3a84ff;color:#3a84ff}.bk-page .page-item.disabled .page-button{border-color:#dcdee5;cursor:not-allowed;color:#c4c6cc;background-color:#fafbfd}.bk-page .page-item.disabled .page-button:hover{color:#c4c6cc}.bk-page .page-item:last-child{margin-right:0}.bk-page .bk-page-small-jump{line-height:34px;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:#63656e}.bk-page .bk-page-small-jump .btn-next,.bk-page .bk-page-small-jump .btn-pre{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:24px;height:24px;font-size:14px;cursor:pointer;-webkit-transition:all .15s;transition:all .15s;color:#979ba5}.bk-page .bk-page-small-jump .btn-next:hover,.bk-page .bk-page-small-jump .btn-pre:hover{color:#3a84ff}.bk-page .bk-page-small-jump .btn-next.disable,.bk-page .bk-page-small-jump .btn-pre.disable{color:#dcdee5;cursor:not-allowed}.bk-page .bk-page-small-jump .btn-next .bk-icon,.bk-page .bk-page-small-jump .btn-pre .bk-icon{line-height:1}.bk-page .bk-page-small-jump .jump-input-wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:#f0f1f5;padding:0 8px;border-radius:2px;cursor:pointer;border:1px solid #f0f1f5;height:24px}.bk-page .bk-page-small-jump .jump-input-wrapper:hover{background-color:#e1ecff}.bk-page .bk-page-small-jump .jump-input-wrapper.focus{background-color:#fff;border:1px solid #3a84ff;-webkit-box-shadow:0 0 4px rgba(58,132,255,.4);box-shadow:0 0 4px rgba(58,132,255,.4)}.bk-page .bk-page-small-jump .jump-input{min-width:22px;height:16px;font-size:14px;line-height:16px;text-align:center;border:0;border-radius:2px;background-color:transparent;-webkit-transition:all .15s;transition:all .15s}.bk-page .bk-page-small-jump .jump-input:focus,.bk-page .bk-page-small-jump .jump-input:hover{border-color:#3a84ff}.bk-page .bk-page-small-jump .page-total{min-width:28px;font-size:14px;vertical-align:top;text-align:center;line-height:16px;margin-left:2px}.bk-page .bk-page-small-jump .page-total.focus{color:#c4c6cc}.small-jump-options{margin:0;overflow-y:auto;list-style:none;padding:6px 0;max-height:204px;min-width:68px}.small-jump-options::-webkit-scrollbar{width:6px;height:6px}.small-jump-options::-webkit-scrollbar-thumb{min-height:24px;border-radius:3px;background-color:#dcdee5}.small-jump-options .small-jump-option{padding:0 16px;line-height:32px;cursor:pointer}.small-jump-options .small-jump-option:hover{background-color:#eaf3ff;color:#3a84ff}.small-jump-options .small-jump-option.is-selected{background-color:#eaf3ff;color:#3a84ff}
 /*# sourceMappingURL=pagination.min.css.map */

package/lib/ui/pagination.min.css.map

@@ -1 +1 @@
-{"version":3,"sources":["pagination.css","mixins/scroller.css"],"names":[],"mappings":"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","file":"pagination.min.css","sourcesContent":["@import './variable.css';\n@import './mixins/scroller';\n\n$hoverBackground: #eaf3ff;\n\n.bk-page {\n    overflow: hidden;\n    white-space: normal;\n    .icon-angle-right, .icon-angle-left {\n        line-height: 36px;\n        font-size: $iconNormalSize;\n    }\n    a {\n        text-decoration: none;\n    }\n    .bk-page-count {\n        font-size: 12px;\n        margin-top: 2px;\n        &-left {\n            float: left;\n        }\n        &-right {\n            float: right;\n            margin-left: 12px;\n        }\n        &-small {\n            line-height: 34px;\n            height: 34px;\n        }\n        > span {\n            display: inline-block;\n            vertical-align: middle;\n        }\n        .bk-select {\n            min-width: 60px;\n            display: inline-block;\n            vertical-align: middle;\n            text-align: left;\n            margin: 0 4px;\n            .bk-selected {\n                padding: 0 22px 0 10px;\n            }\n        }\n        .bk-total-page {\n            display: inline-block;\n            margin-right: 20px;\n        }\n        .page-select-small {\n            border: 1px solid #f0f1f5;\n            background: #f0f1f5;\n            border-radius: 2px;\n            box-shadow: none;\n            &:hover {\n                background: #e1ecff;\n            }\n        }\n    }\n    .bk-page-total-count {\n        font-size: 12px;\n        line-height: 36px;\n        color: #989dab;\n        &-right {\n            float: right;\n            margin-left: 12px;\n        }\n        &-left {\n            float: left;\n            margin-right: 12px;\n        }\n        .stress {\n            padding: 0 2px;\n            color: #3f4046;\n        }\n    }\n    .bk-page-total-small {\n        line-height: 26px;\n        margin-top: 2px;\n    }\n    .bk-page-selection-count {\n        font-size: 12px;\n        line-height: 36px;\n        &-right {\n            float: right;\n        }\n        &-left {\n            float: left;\n            margin-left: 12px;\n        }\n        .count {\n            padding: 0 2px;\n            font-weight: bold;\n        }\n    }\n    &.bk-page-align {\n        &-left {\n            text-align: left;\n        }\n        &-center {\n            text-align: center;\n        }\n        &-right {\n            text-align: right;\n        }\n    }\n    &.bk-page-small {\n        .bk-page-count {\n            margin-top: 0;\n        }\n        .page-item {\n            .page-button {\n                min-width: 32px;\n                height: 32px;\n                line-height: 30px;\n            }\n        }\n        .bk-page-total-count,\n        .bk-page-selection-count {\n            line-height: 32px;\n        }\n        .icon-angle-right, .icon-angle-left {\n            line-height: 30px;\n            font-size: $iconSmallSize;\n        }\n    }\n    &.bk-page-compact {\n        .page-item {\n            margin-right: -1px;\n            border-radius: 0;\n            &:hover {\n                position: relative;\n                z-index: 1;\n            }\n            &.disabled {\n                &:hover {\n                    z-index: 0;\n                }\n            }\n            &:first-child {\n                border-radius: 2px 0 0 2px;\n            }\n            &:last-child {\n                border-radius: 0 2px 2px 0;\n            }\n            &.cur-page {\n                position: relative;\n                z-index: 1;\n            }\n        }\n    }\n    .bk-page-list {\n        margin: 0;\n        padding: 0;\n        overflow: hidden;\n        font-size: 0;\n        display: inline-block;\n        vertical-align: middle;\n    }\n    .page-item {\n        text-align: center;\n        display: inline-block;\n        vertical-align: middle;\n        font-size: 12px;\n        margin-right: 4px;\n        box-sizing: border-box;\n        border-radius: 2px;\n        overflow: hidden;\n        &.page-omit {\n            border: none;\n            min-width: auto;\n            > span {\n                display: inline-block;\n            }\n        }\n        .page-button {\n            display: block;\n            min-width: 36px;\n            height: 36px;\n            padding: 0 4px;\n            line-height: 34px;\n            border: 1px solid $newGreyColor;\n            color: $fnMainColor;\n            background: #fff;\n            cursor: pointer;\n            &:hover {\n                color: $newMainColor;\n                border-color: $newMainColor;\n            }\n        }\n\n        &.cur-page {\n            .page-button {\n                border-color: $newMainColor;\n                color: $newMainColor;\n            }\n        }\n        &.disabled {\n            .page-button {\n                border-color: $newGreyColor1;\n                cursor: not-allowed;\n                color: $newGreyColor;\n                background-color: $newGreyColor3;\n                &:hover {\n                    color: $newGreyColor;\n                }\n            }\n        }\n        &:last-child {\n            margin-right: 0;\n        }\n    }\n    .bk-page-small-jump {\n        line-height: 34px;\n        display: inline-flex;\n        align-items: center;\n        color: #63656E;\n        .btn-pre,\n        .btn-next{\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            width: 24px;\n            height: 24px;\n            font-size: 14px;\n            cursor: pointer;\n            transition: all .15s;\n            color: $newBlackColor3;\n            &:hover{\n                color: #3A84FF;\n            }\n            &.disable{\n                color: #DCDEE5;\n                cursor: not-allowed;\n            }\n            .bk-icon{\n                line-height: 1;\n            }\n        }\n        .jump-input-wrapper {\n            display: flex;\n            align-items: center;\n            background-color: #f0f1f5;\n            padding: 0 8px;\n            border-radius: 2px;\n            cursor: pointer;\n            border: 1px solid #f0f1f5;\n            height: 24px;\n            &:hover {\n                background-color: #e1ecff;\n            }\n            &.focus {\n                background-color: $defaultColor;\n                border: 1px solid $newMainColor;\n                box-shadow: 0px 0px 4px rgba(58, 132, 255, 0.4);\n            }\n        }\n        .jump-input{\n            min-width: 22px;\n            height: 16px;\n            font-size: 14px;\n            line-height: 16px;\n            text-align: center;\n            border: 0;\n            border-radius: 2px;\n            background-color: transparent;\n            transition: all .15s;\n            &:hover,\n            &:focus{\n                border-color: #3A84FF;\n            }\n        }\n        .page-total{\n            min-width: 28px;\n            font-size: 14px;\n            vertical-align: top;\n            text-align: center;\n            line-height: 16px;\n            margin-left: 2px;\n            &.focus {\n                color: $newGreyColor;\n            }\n        }\n    }\n}\n\n.small-jump-options {\n  padding: 0;\n  margin: 0;\n  overflow-y: auto;\n  list-style: none;\n  padding: 6px 0;\n  max-height: 204px;\n  min-width: 68px;\n  @mixin scroller;\n\n  .small-jump-option {\n      padding: 0 16px;\n      line-height: 32px;\n      cursor: pointer;\n      &:hover {\n          background-color: $hoverBackground;\n          color: $newMainColor;\n      }\n      &.is-selected {\n          background-color: $hoverBackground;\n          color: $newMainColor;\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"]}
+{"version":3,"sources":["pagination.css","mixins/scroller.css"],"names":[],"mappings":"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","file":"pagination.min.css","sourcesContent":["@import './variable.css';\n@import './mixins/scroller';\n\n$hoverBackground: #eaf3ff;\n\n.bk-page {\n    overflow: hidden;\n    white-space: normal;\n    .icon-angle-right, .icon-angle-left {\n        line-height: 36px;\n        font-size: $iconNormalSize;\n    }\n    a {\n        text-decoration: none;\n    }\n    .bk-page-count {\n        font-size: 12px;\n        margin-top: 2px;\n        &-left {\n            float: left;\n        }\n        &-right {\n            float: right;\n            margin-left: 12px;\n        }\n        &-small {\n            line-height: 34px;\n            height: 34px;\n        }\n        > span {\n            display: inline-block;\n            vertical-align: middle;\n        }\n        .bk-select {\n            min-width: 60px;\n            display: inline-block;\n            vertical-align: middle;\n            text-align: left;\n            margin: 0 4px;\n            .bk-selected {\n                padding: 0 22px 0 10px;\n            }\n        }\n        .bk-total-page {\n            display: inline-block;\n            margin-right: 20px;\n        }\n        .page-select-small {\n            border: 1px solid #f0f1f5;\n            background: #f0f1f5;\n            border-radius: 2px;\n            box-shadow: none;\n            &:hover {\n                background: #e1ecff;\n            }\n        }\n    }\n    .bk-page-total-count {\n        font-size: 12px;\n        line-height: 36px;\n        color: #989dab;\n        &-right {\n            float: right;\n            margin-left: 12px;\n        }\n        &-left {\n            float: left;\n            margin-right: 12px;\n        }\n        .stress {\n            padding: 0 2px;\n            color: #3f4046;\n        }\n    }\n    .bk-page-total-small {\n        line-height: 26px;\n        margin-top: 2px;\n    }\n    .bk-page-selection-count {\n        font-size: 12px;\n        line-height: 36px;\n        &-right {\n            float: right;\n        }\n        &-left {\n            float: left;\n            margin-left: 12px;\n        }\n        .count {\n            padding: 0 2px;\n            font-weight: bold;\n        }\n    }\n    .bk-page-jumper {\n        margin-left: 18px;\n        display: inline-block;\n        > span {\n            font-size: 14px;\n            color: #63656e;\n        }\n    }\n    &.bk-page-align {\n        &-left {\n            text-align: left;\n        }\n        &-center {\n            text-align: center;\n        }\n        &-right {\n            text-align: right;\n        }\n    }\n    &.bk-page-small {\n        .bk-page-count {\n            margin-top: 0;\n        }\n        .page-item {\n            .page-button {\n                min-width: 32px;\n                height: 32px;\n                line-height: 30px;\n            }\n        }\n        .bk-page-jumper {\n            font-size: 14px;\n        }\n        .bk-page-total-count,\n        .bk-page-selection-count {\n            line-height: 32px;\n        }\n        .icon-angle-right, .icon-angle-left {\n            line-height: 30px;\n            font-size: $iconSmallSize;\n        }\n    }\n    &.bk-page-compact {\n        .page-item {\n            margin-right: -1px;\n            border-radius: 0;\n            &:hover {\n                position: relative;\n                z-index: 1;\n            }\n            &.disabled {\n                &:hover {\n                    z-index: 0;\n                }\n            }\n            &:first-child {\n                border-radius: 2px 0 0 2px;\n            }\n            &:last-child {\n                border-radius: 0 2px 2px 0;\n            }\n            &.cur-page {\n                position: relative;\n                z-index: 1;\n            }\n        }\n    }\n    .bk-page-list {\n        margin: 0;\n        padding: 0;\n        overflow: hidden;\n        font-size: 0;\n        display: inline-block;\n        vertical-align: middle;\n    }\n    .page-item {\n        text-align: center;\n        display: inline-block;\n        vertical-align: middle;\n        font-size: 12px;\n        margin-right: 4px;\n        box-sizing: border-box;\n        border-radius: 2px;\n        overflow: hidden;\n        &.page-omit {\n            border: none;\n            min-width: auto;\n            > span {\n                display: inline-block;\n            }\n        }\n        .page-button {\n            display: block;\n            min-width: 36px;\n            height: 36px;\n            padding: 0 4px;\n            line-height: 34px;\n            border: 1px solid $newGreyColor;\n            color: $fnMainColor;\n            background: #fff;\n            cursor: pointer;\n            &:hover {\n                color: $newMainColor;\n                border-color: $newMainColor;\n            }\n        }\n\n        &.cur-page {\n            .page-button {\n                border-color: $newMainColor;\n                color: $newMainColor;\n            }\n        }\n        &.disabled {\n            .page-button {\n                border-color: $newGreyColor1;\n                cursor: not-allowed;\n                color: $newGreyColor;\n                background-color: $newGreyColor3;\n                &:hover {\n                    color: $newGreyColor;\n                }\n            }\n        }\n        &:last-child {\n            margin-right: 0;\n        }\n    }\n    .bk-page-small-jump {\n        line-height: 34px;\n        display: inline-flex;\n        align-items: center;\n        color: #63656E;\n        .btn-pre,\n        .btn-next{\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            width: 24px;\n            height: 24px;\n            font-size: 14px;\n            cursor: pointer;\n            transition: all .15s;\n            color: $newBlackColor3;\n            &:hover{\n                color: #3A84FF;\n            }\n            &.disable{\n                color: #DCDEE5;\n                cursor: not-allowed;\n            }\n            .bk-icon{\n                line-height: 1;\n            }\n        }\n        .jump-input-wrapper {\n            display: flex;\n            align-items: center;\n            background-color: #f0f1f5;\n            padding: 0 8px;\n            border-radius: 2px;\n            cursor: pointer;\n            border: 1px solid #f0f1f5;\n            height: 24px;\n            &:hover {\n                background-color: #e1ecff;\n            }\n            &.focus {\n                background-color: $defaultColor;\n                border: 1px solid $newMainColor;\n                box-shadow: 0px 0px 4px rgba(58, 132, 255, 0.4);\n            }\n        }\n        .jump-input{\n            min-width: 22px;\n            height: 16px;\n            font-size: 14px;\n            line-height: 16px;\n            text-align: center;\n            border: 0;\n            border-radius: 2px;\n            background-color: transparent;\n            transition: all .15s;\n            &:hover,\n            &:focus{\n                border-color: #3A84FF;\n            }\n        }\n        .page-total{\n            min-width: 28px;\n            font-size: 14px;\n            vertical-align: top;\n            text-align: center;\n            line-height: 16px;\n            margin-left: 2px;\n            &.focus {\n                color: $newGreyColor;\n            }\n        }\n    }\n}\n\n.small-jump-options {\n  padding: 0;\n  margin: 0;\n  overflow-y: auto;\n  list-style: none;\n  padding: 6px 0;\n  max-height: 204px;\n  min-width: 68px;\n  @mixin scroller;\n\n  .small-jump-option {\n      padding: 0 16px;\n      line-height: 32px;\n      cursor: pointer;\n      &:hover {\n          background-color: $hoverBackground;\n          color: $newMainColor;\n      }\n      &.is-selected {\n          background-color: $hoverBackground;\n          color: $newMainColor;\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"]}

package/lib/ui/select.css

@@ -102,6 +102,10 @@
         border-color:#dcdee5;
     }
 
+.bk-select.is-disabled .bk-select-angle{
+            color:#c4c6cc;
+        }
+
 .bk-select.is-readonly,
     .bk-select.is-loading{
         background-color:#fafafa;

package/lib/ui/select.min.css

@@ -1,2 +1,2 @@
-:root{--font-size:12px;--icon-size:14px;--extension-size:16px}:root .medium-font{--font-size:14px;--icon-size:16px;--extension-size:20px}:root .large-font{--font-size:16px;--icon-size:20px;--extension-size:22px}:root .bk-select-large,:root .bk-select-popover-large{--font-size:14px}:root .bk-select-popover-small,:root .bk-select-small{--font-size:12px}.bk-select{position:relative;border:1px solid #c4c6cc;border-radius:2px;line-height:30px;color:#63656e;cursor:pointer;font-size:12px;font-size:var(--font-size)}.bk-select:focus{border-color:#3a84ff}.bk-select.only-bottom-border{border-color:transparent transparent #c4c6cc}.bk-select.only-bottom-border.is-focus{border-color:transparent transparent #3a84ff;-webkit-box-shadow:none;box-shadow:none}.bk-select.only-bottom-border.is-disabled,.bk-select.only-bottom-border.is-loading,.bk-select.only-bottom-border.is-readonly{border-color:transparent transparent #dcdee5}.bk-select.is-default-trigger.is-unselected:before{position:absolute;height:100%;content:attr(data-placeholder);left:10px;top:0;color:#c3cdd7;pointer-events:none}.bk-select.is-default-trigger.is-unselected.is-disabled:before,.bk-select.is-default-trigger.is-unselected.is-readonly:before{color:#c4c6cc}.bk-select.has-prefix-icon.is-default-trigger.is-unselected:before{left:24px}.bk-select.has-prefix-icon .bk-select-name{padding-left:24px}.bk-select.is-focus{border-color:#3a84ff;-webkit-box-shadow:0 0 4px rgba(58,132,255,.4);box-shadow:0 0 4px rgba(58,132,255,.4)}.bk-select.is-focus .bk-select-angle{-webkit-transform:rotate(-180deg);transform:rotate(-180deg)}.bk-select.is-disabled{background-color:#fafbfd;cursor:not-allowed;border-color:#dcdee5}.bk-select.is-loading,.bk-select.is-readonly{background-color:#fafafa;cursor:default;border:1px solid #dcdee5}.bk-select:hover .bk-select-clear{display:block}.bk-select:hover .bk-select-clear+.bk-select-angle{display:none}.bk-select .bk-select-loading{position:absolute;right:9px;top:8px;width:18px;height:18px}.bk-select .bk-select-angle{position:absolute;right:2px;top:4px;color:#979ba5;font-size:22px;-webkit-transition:-webkit-transform .3s cubic-bezier(.4,0,.2,1);transition:-webkit-transform .3s cubic-bezier(.4,0,.2,1);transition:transform .3s cubic-bezier(.4,0,.2,1);transition:transform .3s cubic-bezier(.4,0,.2,1),-webkit-transform .3s cubic-bezier(.4,0,.2,1);pointer-events:none}.bk-select .bk-select-clear{display:none;position:absolute;right:6px;top:8px;text-align:center;font-size:14px;z-index:100;color:#c4c6cc}.bk-select .bk-select-clear:hover{color:#979ba5}.bk-select .bk-select-prefix-icon{position:absolute;left:6px;top:calc(50% - 6px);font-size:14px;font-size:var(--icon-size)}.bk-select .bk-select-name{width:100%;height:30px;padding:0 36px 0 10px;display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.bk-select .bk-select-name,.bk-select .bk-select-name:active,.bk-select .bk-select-name:hover{outline:none}.bk-select .bk-tooltip.bk-select-dropdown{display:block}.bk-select .bk-tooltip.bk-select-dropdown>.bk-tooltip-ref{display:block}.bk-select-dropdown-content{border:1px solid #dcdee5;border-radius:2px;line-height:32px;background:#fff;color:#63656e;overflow:hidden}.bk-select-search-wrapper{position:relative;padding:0 5px}.bk-select-search-wrapper .left-icon{position:absolute;font-size:16px;color:#979ba5;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);left:10px}.bk-select-search-input{width:100%;height:32px;padding:0 10px 0 30px;border:none;border-bottom:1px solid #dcdee5;font-size:12px;font-size:var(--font-size);outline:0;cursor:text}.bk-select-search-input::-webkit-input-placeholder{color:#c3cdd7}.bk-options{padding:0;margin:0;overflow-y:auto;list-style:none}.bk-options::-webkit-scrollbar{width:6px;height:6px}.bk-options::-webkit-scrollbar-thumb{min-height:24px;border-radius:3px;background-color:#dcdee5}.bk-options.bk-options-single .bk-option.is-selected{background-color:#f4f6fa}.bk-options.bk-options-single .bk-option.is-highlight,.bk-options.bk-options-single .bk-option:hover{background-color:#eaf3ff}.bk-options .bk-option-group .bk-option-group-name{margin:0 16px;font-size:12px;font-size:var(--font-size);border-bottom:1px solid #dcdee5;color:#979ba5;position:relative}.bk-options .bk-option-group .bk-option-group-name.is-collapse{cursor:pointer;margin:0 15px}.bk-options .bk-option-group .bk-option-group-name .bk-option-group-prefix{width:10px;display:inline-block;text-align:center;line-height:30px}.bk-options .bk-option-group .bk-option-group-name .bk-option-group-prefix.readonly{cursor:not-allowed}.bk-options .bk-option-group .bk-option-group-name .btn-check-all{position:absolute;disabled:inline-block;right:14px;top:2px}.bk-options .bk-option-group .bk-option-group-name .btn-check-all .bk-form-checkbox{margin-right:0!important}.bk-options .bk-group-options{margin:0;padding:0;list-style:none}.bk-options .bk-group-options .bk-option{padding:0 12px}.bk-options .bk-option{position:relative;cursor:pointer}.bk-options .bk-option.is-selected{color:#3a84ff;background-color:#f4f6fa}.bk-options .bk-option.is-highlight,.bk-options .bk-option:hover{color:#3a84ff;background-color:#eaf3ff}.bk-options .bk-option.is-disabled{cursor:not-allowed}.bk-options .bk-option.is-disabled,.bk-options .bk-option.is-selected.is-disabled{color:#c4c6cc;background-color:#fff}.bk-options .bk-option.is-selected.is-disabled .bk-option-icon{color:#c4c6cc}.bk-options .bk-option:first-child{margin-top:6px}.bk-options .bk-option:last-child{margin-bottom:6px}.bk-options .bk-option.bk-virtual-option{margin:0}.bk-options .bk-virtual-select .bk-min-nav-slide{width:6px;border-radius:3px;background-color:#dcdee5}.bk-options .bk-option-content{position:relative;padding:0 16px}.bk-options .bk-option-content .bk-option-content-default{font-size:0}.bk-options .bk-option-content .bk-option-icon{position:absolute;right:12px;top:4px;color:#3a84ff;font-size:26px;font-weight:400}.bk-options .bk-option-content .bk-option-icon~.bk-option-name{padding-right:20px}.bk-options .bk-option-content .bk-option-name{vertical-align:middle;font-size:12px;font-size:var(--font-size);display:inline-block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bk-select-empty{padding:0 10px;text-align:center}.bk-select-empty,.bk-select-extension{font-size:12px;font-size:var(--font-size)}.bk-select-extension{padding:0 16px;border-radius:0 0 1px 1px;border-top:1px solid #dcdee5;background:#fafbfd}.bk-select-extension i{font-size:16px;font-size:var(--extension-size)}.bk-select-extension:hover{background-color:#f0f1f5}.tippy-tooltip.bk-select-dropdown-theme[data-size=small]{padding:0;-webkit-box-shadow:0 3px 9px 0 rgba(0,0,0,.1);box-shadow:0 3px 9px 0 rgba(0,0,0,.1)}.tippy-tooltip.bk-select-dropdown-theme[data-size=small] .tippy-arrow{display:none}.bk-select-large{line-height:36px}.bk-select-large .bk-select-angle{top:7px}.bk-select-large .bk-select-clear{top:11px}.bk-select-large .bk-select-name{height:36px}.bk-select-small{line-height:24px}.bk-select-small .bk-select-angle{top:1px}.bk-select-small .bk-select-clear{top:5px}.bk-select-small .bk-select-name{height:24px}.bk-select-popover-large .bk-options .bk-option-content .bk-option-name{font-size:12px;font-size:var(--font-size)}.bk-select-tag-container{height:auto;min-height:30px;padding:0 30px 0 10px;overflow:hidden}.bk-select-tag-container.is-fixed-height{height:30px}.bk-select-tag-container.is-focus{height:auto!important;overflow:auto}.bk-select-tag-container.is-large-size{min-height:34px}.bk-select-tag-container.is-large-size.is-fixed-height{height:34px}.bk-select-tag-container.is-large-size .bk-select-tag{height:24px}.bk-select-tag-container.is-large-size .bk-select-overflow-tag{min-height:24px;line-height:24px}.bk-select-tag-container.is-small-size{min-height:24px}.bk-select-tag-container.is-small-size.is-fixed-height{height:24px}.bk-select-tag-container.is-small-size .bk-select-tag{height:20px}.bk-select-tag-container.is-small-size .bk-select-overflow-tag{min-height:20px;line-height:20px}.bk-select-tag-container.is-available .bk-select-tag:hover{background-color:#dcdee5}.bk-select-tag-container.is-available .icon-close:hover{color:#63656e}.bk-select-tag-container.has-prefix-icon{padding-left:24px}.bk-select-tag-container .bk-select-tag{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;height:22px;line-height:22px;margin:0 6px 0 0;padding:0 2px 0 5px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background:#f0f1f5;border-radius:2px;font-size:12px;font-size:var(--font-size)}.bk-select-tag-container .bk-select-tag .icon-close{margin-left:5px;-webkit-box-flex:18px;-ms-flex:18px 0 0px;flex:18px 0 0;font-size:18px;color:#979ba5}.bk-select-tag-container .bk-select-tag.width-limit-tag{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;max-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bk-select-tag-container .bk-select-tag.width-limit-tag span{display:inline-block;max-width:130px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;height:100%}.bk-select-tag-container .bk-select-overflow-tag{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;padding:0 5px;margin:0 6px 0 0;min-width:22px;line-height:22px;font-size:12px;font-size:var(--font-size);text-align:center;background:#f0f1f5}.bk-select-tag-container .bk-select-overflow-tag~.bk-select-tag{visibility:hidden;pointer-events:none}.bk-select-bottom-loading{position:relative;text-align:center;bottom:0;height:32px;line-height:25px;width:100%;z-index:777}
+:root{--font-size:12px;--icon-size:14px;--extension-size:16px}:root .medium-font{--font-size:14px;--icon-size:16px;--extension-size:20px}:root .large-font{--font-size:16px;--icon-size:20px;--extension-size:22px}:root .bk-select-large,:root .bk-select-popover-large{--font-size:14px}:root .bk-select-popover-small,:root .bk-select-small{--font-size:12px}.bk-select{position:relative;border:1px solid #c4c6cc;border-radius:2px;line-height:30px;color:#63656e;cursor:pointer;font-size:12px;font-size:var(--font-size)}.bk-select:focus{border-color:#3a84ff}.bk-select.only-bottom-border{border-color:transparent transparent #c4c6cc}.bk-select.only-bottom-border.is-focus{border-color:transparent transparent #3a84ff;-webkit-box-shadow:none;box-shadow:none}.bk-select.only-bottom-border.is-disabled,.bk-select.only-bottom-border.is-loading,.bk-select.only-bottom-border.is-readonly{border-color:transparent transparent #dcdee5}.bk-select.is-default-trigger.is-unselected:before{position:absolute;height:100%;content:attr(data-placeholder);left:10px;top:0;color:#c3cdd7;pointer-events:none}.bk-select.is-default-trigger.is-unselected.is-disabled:before,.bk-select.is-default-trigger.is-unselected.is-readonly:before{color:#c4c6cc}.bk-select.has-prefix-icon.is-default-trigger.is-unselected:before{left:24px}.bk-select.has-prefix-icon .bk-select-name{padding-left:24px}.bk-select.is-focus{border-color:#3a84ff;-webkit-box-shadow:0 0 4px rgba(58,132,255,.4);box-shadow:0 0 4px rgba(58,132,255,.4)}.bk-select.is-focus .bk-select-angle{-webkit-transform:rotate(-180deg);transform:rotate(-180deg)}.bk-select.is-disabled{background-color:#fafbfd;cursor:not-allowed;border-color:#dcdee5}.bk-select.is-disabled .bk-select-angle{color:#c4c6cc}.bk-select.is-loading,.bk-select.is-readonly{background-color:#fafafa;cursor:default;border:1px solid #dcdee5}.bk-select:hover .bk-select-clear{display:block}.bk-select:hover .bk-select-clear+.bk-select-angle{display:none}.bk-select .bk-select-loading{position:absolute;right:9px;top:8px;width:18px;height:18px}.bk-select .bk-select-angle{position:absolute;right:2px;top:4px;color:#979ba5;font-size:22px;-webkit-transition:-webkit-transform .3s cubic-bezier(.4,0,.2,1);transition:-webkit-transform .3s cubic-bezier(.4,0,.2,1);transition:transform .3s cubic-bezier(.4,0,.2,1);transition:transform .3s cubic-bezier(.4,0,.2,1),-webkit-transform .3s cubic-bezier(.4,0,.2,1);pointer-events:none}.bk-select .bk-select-clear{display:none;position:absolute;right:6px;top:8px;text-align:center;font-size:14px;z-index:100;color:#c4c6cc}.bk-select .bk-select-clear:hover{color:#979ba5}.bk-select .bk-select-prefix-icon{position:absolute;left:6px;top:calc(50% - 6px);font-size:14px;font-size:var(--icon-size)}.bk-select .bk-select-name{width:100%;height:30px;padding:0 36px 0 10px;display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.bk-select .bk-select-name,.bk-select .bk-select-name:active,.bk-select .bk-select-name:hover{outline:none}.bk-select .bk-tooltip.bk-select-dropdown{display:block}.bk-select .bk-tooltip.bk-select-dropdown>.bk-tooltip-ref{display:block}.bk-select-dropdown-content{border:1px solid #dcdee5;border-radius:2px;line-height:32px;background:#fff;color:#63656e;overflow:hidden}.bk-select-search-wrapper{position:relative;padding:0 5px}.bk-select-search-wrapper .left-icon{position:absolute;font-size:16px;color:#979ba5;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);left:10px}.bk-select-search-input{width:100%;height:32px;padding:0 10px 0 30px;border:none;border-bottom:1px solid #dcdee5;font-size:12px;font-size:var(--font-size);outline:0;cursor:text}.bk-select-search-input::-webkit-input-placeholder{color:#c3cdd7}.bk-options{padding:0;margin:0;overflow-y:auto;list-style:none}.bk-options::-webkit-scrollbar{width:6px;height:6px}.bk-options::-webkit-scrollbar-thumb{min-height:24px;border-radius:3px;background-color:#dcdee5}.bk-options.bk-options-single .bk-option.is-selected{background-color:#f4f6fa}.bk-options.bk-options-single .bk-option.is-highlight,.bk-options.bk-options-single .bk-option:hover{background-color:#eaf3ff}.bk-options .bk-option-group .bk-option-group-name{margin:0 16px;font-size:12px;font-size:var(--font-size);border-bottom:1px solid #dcdee5;color:#979ba5;position:relative}.bk-options .bk-option-group .bk-option-group-name.is-collapse{cursor:pointer;margin:0 15px}.bk-options .bk-option-group .bk-option-group-name .bk-option-group-prefix{width:10px;display:inline-block;text-align:center;line-height:30px}.bk-options .bk-option-group .bk-option-group-name .bk-option-group-prefix.readonly{cursor:not-allowed}.bk-options .bk-option-group .bk-option-group-name .btn-check-all{position:absolute;disabled:inline-block;right:14px;top:2px}.bk-options .bk-option-group .bk-option-group-name .btn-check-all .bk-form-checkbox{margin-right:0!important}.bk-options .bk-group-options{margin:0;padding:0;list-style:none}.bk-options .bk-group-options .bk-option{padding:0 12px}.bk-options .bk-option{position:relative;cursor:pointer}.bk-options .bk-option.is-selected{color:#3a84ff;background-color:#f4f6fa}.bk-options .bk-option.is-highlight,.bk-options .bk-option:hover{color:#3a84ff;background-color:#eaf3ff}.bk-options .bk-option.is-disabled{cursor:not-allowed}.bk-options .bk-option.is-disabled,.bk-options .bk-option.is-selected.is-disabled{color:#c4c6cc;background-color:#fff}.bk-options .bk-option.is-selected.is-disabled .bk-option-icon{color:#c4c6cc}.bk-options .bk-option:first-child{margin-top:6px}.bk-options .bk-option:last-child{margin-bottom:6px}.bk-options .bk-option.bk-virtual-option{margin:0}.bk-options .bk-virtual-select .bk-min-nav-slide{width:6px;border-radius:3px;background-color:#dcdee5}.bk-options .bk-option-content{position:relative;padding:0 16px}.bk-options .bk-option-content .bk-option-content-default{font-size:0}.bk-options .bk-option-content .bk-option-icon{position:absolute;right:12px;top:4px;color:#3a84ff;font-size:26px;font-weight:400}.bk-options .bk-option-content .bk-option-icon~.bk-option-name{padding-right:20px}.bk-options .bk-option-content .bk-option-name{vertical-align:middle;font-size:12px;font-size:var(--font-size);display:inline-block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bk-select-empty{padding:0 10px;text-align:center}.bk-select-empty,.bk-select-extension{font-size:12px;font-size:var(--font-size)}.bk-select-extension{padding:0 16px;border-radius:0 0 1px 1px;border-top:1px solid #dcdee5;background:#fafbfd}.bk-select-extension i{font-size:16px;font-size:var(--extension-size)}.bk-select-extension:hover{background-color:#f0f1f5}.tippy-tooltip.bk-select-dropdown-theme[data-size=small]{padding:0;-webkit-box-shadow:0 3px 9px 0 rgba(0,0,0,.1);box-shadow:0 3px 9px 0 rgba(0,0,0,.1)}.tippy-tooltip.bk-select-dropdown-theme[data-size=small] .tippy-arrow{display:none}.bk-select-large{line-height:36px}.bk-select-large .bk-select-angle{top:7px}.bk-select-large .bk-select-clear{top:11px}.bk-select-large .bk-select-name{height:36px}.bk-select-small{line-height:24px}.bk-select-small .bk-select-angle{top:1px}.bk-select-small .bk-select-clear{top:5px}.bk-select-small .bk-select-name{height:24px}.bk-select-popover-large .bk-options .bk-option-content .bk-option-name{font-size:12px;font-size:var(--font-size)}.bk-select-tag-container{height:auto;min-height:30px;padding:0 30px 0 10px;overflow:hidden}.bk-select-tag-container.is-fixed-height{height:30px}.bk-select-tag-container.is-focus{height:auto!important;overflow:auto}.bk-select-tag-container.is-large-size{min-height:34px}.bk-select-tag-container.is-large-size.is-fixed-height{height:34px}.bk-select-tag-container.is-large-size .bk-select-tag{height:24px}.bk-select-tag-container.is-large-size .bk-select-overflow-tag{min-height:24px;line-height:24px}.bk-select-tag-container.is-small-size{min-height:24px}.bk-select-tag-container.is-small-size.is-fixed-height{height:24px}.bk-select-tag-container.is-small-size .bk-select-tag{height:20px}.bk-select-tag-container.is-small-size .bk-select-overflow-tag{min-height:20px;line-height:20px}.bk-select-tag-container.is-available .bk-select-tag:hover{background-color:#dcdee5}.bk-select-tag-container.is-available .icon-close:hover{color:#63656e}.bk-select-tag-container.has-prefix-icon{padding-left:24px}.bk-select-tag-container .bk-select-tag{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;height:22px;line-height:22px;margin:0 6px 0 0;padding:0 2px 0 5px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background:#f0f1f5;border-radius:2px;font-size:12px;font-size:var(--font-size)}.bk-select-tag-container .bk-select-tag .icon-close{margin-left:5px;-webkit-box-flex:18px;-ms-flex:18px 0 0px;flex:18px 0 0;font-size:18px;color:#979ba5}.bk-select-tag-container .bk-select-tag.width-limit-tag{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;max-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bk-select-tag-container .bk-select-tag.width-limit-tag span{display:inline-block;max-width:130px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;height:100%}.bk-select-tag-container .bk-select-overflow-tag{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;padding:0 5px;margin:0 6px 0 0;min-width:22px;line-height:22px;font-size:12px;font-size:var(--font-size);text-align:center;background:#f0f1f5}.bk-select-tag-container .bk-select-overflow-tag~.bk-select-tag{visibility:hidden;pointer-events:none}.bk-select-bottom-loading{position:relative;text-align:center;bottom:0;height:32px;line-height:25px;width:100%;z-index:777}
 /*# sourceMappingURL=select.min.css.map */

package/lib/ui/select.min.css.map

@@ -1 +1 @@
-{"version":3,"sources":["select.css","mixins/ellipsis.css","mixins/scroller.css"],"names":[],"mappings":"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","file":"select.min.css","sourcesContent":["@import \"./variable.css\";\n@import \"./mixins/ellipsis\";\n@import \"./mixins/scroller\";\n\n$selectedBackground: #f4f6fa;\n$hoverBackground: #eaf3ff;\n$disabledBackground: #fff;\n$singleSelectedBackground: #eaf3ff;\n$disabledColor: #c4c6cc;\n\n:root {\n    --font-size: 12px;\n    --icon-size: $iconSmallestSize;\n    --extension-size: $iconSmallerSize;\n\n    .medium-font {\n        --font-size: 14px;\n        --icon-size: $iconSmallerSize;\n        --extension-size: $iconSmallSize;\n    }\n\n    .large-font {\n        --font-size: 16px;\n        --icon-size: $iconSmallSize;\n        --extension-size: $iconNormalSize;\n    }\n\n    .bk-select-large,\n    .bk-select-popover-large {\n        --font-size: 14px;\n    }\n    .bk-select-small,\n    .bk-select-popover-small {\n        --font-size: 12px;\n    }\n}\n\n.bk-select {\n    position: relative;\n    border: 1px solid $newGreyColor;\n    border-radius: 2px;\n    line-height: 30px;\n    color: $newBlackColor2;\n    cursor: pointer;\n\n    font-size: var(--font-size);\n    &:focus {\n        border-color: #3a84ff;\n    }\n    &.only-bottom-border {\n        border-color: transparent transparent $newGreyColor transparent;\n        &.is-focus {\n            border-color: transparent transparent $newMainColor transparent;\n            box-shadow: none;\n        }\n        &.is-disabled {\n            border-color: transparent transparent #dcdee5 transparent;\n        }\n        &.is-readonly,\n        &.is-loading {\n            border-color: transparent transparent $newGreyColor1 transparent;\n        }\n    }\n    &.is-default-trigger.is-unselected:before {\n        position: absolute;\n        height: 100%;\n        content: attr(data-placeholder);\n        left: 10px;\n        top: 0;\n        color: $fnMinorColor;\n        pointer-events: none;\n    }\n    &.is-default-trigger.is-unselected {\n        &.is-disabled:before,\n        &.is-readonly:before {\n            color: $formBorderColor;\n        }\n    }\n    &.has-prefix-icon {\n        &.is-default-trigger.is-unselected:before {\n            left: 24px;\n        }\n        .bk-select-name {\n            padding-left: 24px;\n        }\n    }\n    &.is-focus {\n        border-color: $newMainColor;\n        box-shadow:0px 0px 4px rgba(58, 132, 255, 0.4);\n        .bk-select-angle {\n            transform: rotate(-180deg);\n        }\n    }\n    &.is-disabled {\n        background-color: #fafbfd;\n        /* color: #c4c6cc; */\n        cursor: not-allowed;\n        border-color: #dcdee5;\n    }\n    &.is-readonly,\n    &.is-loading {\n        background-color: #fafafa;\n        cursor: default;\n        border: 1px solid $newGreyColor1;\n    }\n    &:hover {\n        .bk-select-clear {\n            display: block;\n\n            & + .bk-select-angle {\n                display: none;\n            }\n        }\n    }\n    .bk-select-loading {\n        position: absolute;\n        right: 9px;\n        top: 8px;\n        width: 18px;\n        height: 18px;\n    }\n    .bk-select-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    }\n    .bk-select-clear {\n        display: none;\n        position: absolute;\n        right: 6px;\n        top: 8px;\n        text-align: center;\n        font-size: $iconSmallestSize;\n        z-index: 100;\n        color: #c4c6cc;\n        &:hover {\n            color: #979ba5;\n        }\n    }\n    .bk-select-prefix-icon {\n        position: absolute;\n        left: 6px;\n        top: calc((100% - 12px) / 2);\n        font-size: var(--icon-size);\n    }\n    .bk-select-name {\n        width: 100%;\n        height: 30px;\n        padding: 0 36px 0 10px;\n        @mixin ellipsis 100%, block;\n        border: none;\n        appearance: none;\n        &,&:hover,&:active{\n           outline: none;\n        }\n    }\n    .bk-tooltip.bk-select-dropdown {\n        display: block;\n        & > .bk-tooltip-ref {\n            display: block;\n        }\n    }\n}\n.bk-select-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-select-search-wrapper {\n    position: relative;\n    padding: 0 5px;\n    .left-icon {\n        position: absolute;\n        font-size: 16px;\n        color: $newBlackColor3;\n        top: 50%;\n        transform: translateY(-50%);\n        left: 10px;\n    }\n}\n.bk-select-search-input {\n    width: 100%;\n    height: 32px;\n    padding: 0 10px 0 30px;\n    border: none;\n    border-bottom: 1px solid $newGreyColor1;\n    font-size: var(--font-size);\n    outline: 0;\n    cursor: text;\n    &::-webkit-input-placeholder {\n      color: $fnMinorColor;\n    }\n}\n.bk-options {\n    padding: 0;\n    margin: 0;\n    overflow-y: auto;\n    list-style: none;\n    @mixin scroller;\n\n    &.bk-options-single {\n        .bk-option {\n            &.is-selected {\n                background-color: $selectedBackground;\n            }\n            &:hover,\n            &.is-highlight {\n                background-color: $hoverBackground;\n            }\n        }\n    }\n    .bk-option-group {\n        .bk-option-group-name {\n            margin: 0 16px;\n            font-size: var(--font-size);\n            border-bottom: 1px solid $newGreyColor1;\n            color: $newBlackColor3;\n            position: relative;\n\n            &.is-collapse {\n                cursor: pointer;\n                margin: 0 15px;\n            }\n\n            .bk-option-group-prefix {\n                width: 10px;\n                display: inline-block;\n                text-align: center;\n                line-height: 30px;\n\n                &.readonly {\n                    cursor: not-allowed;\n                }\n            }\n\n            .btn-check-all {\n                position: absolute;\n                disabled: inline-block;\n                right: 14px;\n                top: 2px;\n                .bk-form-checkbox {\n                    margin-right: 0!important;\n                }\n            }\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        &.is-selected {\n            color: $newMainColor;\n            background-color: $selectedBackground;\n        }\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.is-disabled {\n            background-color: $disabledBackground;\n            color: $disabledColor;\n            .bk-option-icon {\n                color: $disabledColor;\n            }\n        }\n        &:first-child {\n            margin-top: 6px;\n        }\n        &:last-child {\n            margin-bottom: 6px;\n        }\n        &.bk-virtual-option {\n            margin: 0;\n        }\n    }\n    .bk-virtual-select .bk-min-nav-slide {\n        width: 6px;\n        border-radius: 3px;\n        background-color: #dcdee5;\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-icon {\n            position: absolute;\n            right: 12px;\n            top: 4px;\n            color: $newMainColor;\n            font-size: $iconLargerSize;\n            font-weight: normal;\n            ~ .bk-option-name {\n                padding-right: 20px;\n            }\n        }\n        .bk-option-name {\n            vertical-align: middle;\n            font-size: var(--font-size);\n            @mixin ellipsis 100%, inline-block;\n        }\n    }\n}\n\n.bk-select-empty {\n    padding: 0 10px;\n    text-align: center;\n    font-size: var(--font-size);\n}\n\n.bk-select-extension {\n    font-size: var(--font-size);\n    padding: 0 16px;\n    border-radius: 0px 0px 1px 1px;\n    border-top: 1px solid $newGreyColor1;\n    background: $newGreyColor3;\n    i {\n        font-size: var(--extension-size);\n    }\n    &:hover {\n        background-color: #f0f1f5;\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/* size */\n.bk-select-large {\n    line-height: 36px;\n    .bk-select-angle {\n        top: 7px;\n    }\n    .bk-select-clear {\n        top: 11px;\n    }\n    .bk-select-name {\n        height: 36px;\n    }\n}\n\n.bk-select-small {\n    line-height: 24px;\n    .bk-select-angle {\n        top: 1px;\n    }\n    .bk-select-clear {\n        top: 5px;\n    }\n    .bk-select-name {\n        height: 24px;\n    }\n}\n\n.bk-select-popover-large {\n    .bk-options {\n        .bk-option-content {\n            .bk-option-name {\n                font-size: var(--font-size);\n            }\n        }\n    }\n}\n\n.bk-select-tag-container {\n    height: auto;\n    min-height: 30px;\n    padding: 0 30px 0 10px;\n    overflow: hidden;\n    &.is-fixed-height {\n        height: 30px;\n    }\n    &.is-focus {\n        height: auto !important;\n        overflow: auto;\n    }\n    &.is-large-size {\n        min-height: 34px;\n        &.is-fixed-height {\n            height: 34px;\n        }\n        .bk-select-tag {\n            height: 24px;\n        }\n        .bk-select-overflow-tag {\n            min-height: 24px;\n            line-height: 24px;\n        }\n    }\n    &.is-small-size {\n        min-height: 24px;\n        &.is-fixed-height {\n            height: 24px;\n        }\n        .bk-select-tag {\n            height: 20px;\n        }\n        .bk-select-overflow-tag {\n            min-height: 20px;\n            line-height: 20px;\n        }\n    }\n    &.is-available {\n        .bk-select-tag:hover {\n            background-color: #DCDEE5;\n        }\n        .icon-close:hover {\n            color: #63656E;\n        }\n    }\n    &.has-prefix-icon {\n        padding-left: 24px;\n    }\n    .bk-select-tag {\n        display: inline-flex;\n        height: 22px;\n        line-height: 22px;\n        margin: 0 6px 0 0;\n        padding: 0 2px 0 5px;\n        align-items: center;\n        background: #f0f1f5;\n        border-radius: 2px;\n        font-size: var(--font-size);\n        .icon-close {\n            margin-left: 5px;\n            flex: 18px 0 0;\n            font-size: 18px;\n            color: #979BA5;\n        }\n        &.width-limit-tag {\n            @mixin ellipsis 140px, inline-flex;\n            span {\n                @mixin ellipsis 130px, inline-block;\n                height: 100%;\n            }\n        }\n    }\n    .bk-select-overflow-tag {\n        display: inline-flex;\n        padding: 0 5px;\n        margin: 0 6px 0 0;\n        min-width: 22px;\n        line-height: 22px;\n        font-size: var(--font-size);\n        text-align: center;\n        background: #f0f1f5;\n        & ~ .bk-select-tag {\n            visibility: hidden;\n            pointer-events: none;\n        }\n    }\n}\n\n.bk-select-bottom-loading {\n    position: relative;\n    text-align: center;\n    bottom: 0;\n    height: 32px;\n    line-height: 25px;\n    width: 100%;\n    z-index: 777;\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"]}
+{"version":3,"sources":["select.css","mixins/ellipsis.css","mixins/scroller.css"],"names":[],"mappings":"AAUA,MACI,gBAAiB,CACjB,gBAA8B,CAC9B,qBAsBJ,CApBI,mBACI,gBAAiB,CACjB,gBAA6B,CAC7B,qBACJ,CAEA,kBACI,gBAAiB,CACjB,gBAA2B,CAC3B,qBACJ,CAEA,sDAEI,gBACJ,CACA,sDAEI,gBACJ,CAGJ,WACI,iBAAkB,CAClB,wBAA+B,CAC/B,iBAAkB,CAClB,gBAAiB,CACjB,aAAsB,CACtB,cAAe,CAEf,cAA2B,CAA3B,0BA4HJ,CA3HI,iBACI,oBACJ,CACA,8BACI,4CAYJ,CAXI,uCACI,4CAA+D,CAC/D,uBAAgB,CAAhB,eACJ,CAIA,6HAEI,4CACJ,CAEJ,mDACI,iBAAkB,CAClB,WAAY,CACZ,8BAA+B,CAC/B,SAAU,CACV,KAAM,CACN,aAAoB,CACpB,mBACJ,CAEI,8HAEI,aACJ,CAGA,mEACI,SACJ,CACA,2CACI,iBACJ,CAEJ,oBACI,oBAA2B,CAC3B,8CAA8C,CAA9C,sCAIJ,CAHI,qCACI,iCAA0B,CAA1B,yBACJ,CAEJ,uBACI,wBAAyB,CAEzB,kBAAmB,CACnB,oBAIJ,CAHI,wCACI,aACJ,CAEJ,6CAEI,wBAAyB,CACzB,cAAe,CACf,wBACJ,CAEI,kCACI,aAKJ,CAHI,mDACI,YACJ,CAGR,8BACI,iBAAkB,CAClB,SAAU,CACV,OAAQ,CACR,UAAW,CACX,WACJ,CACA,4BACI,iBAAkB,CAClB,SAAU,CACV,OAAQ,CACR,aAAc,CACd,cAA0B,CAC1B,gEAAsD,CAAtD,wDAAsD,CAAtD,gDAAsD,CAAtD,8FAAsD,CACtD,mBACJ,CACA,4BACI,YAAa,CACb,iBAAkB,CAClB,SAAU,CACV,OAAQ,CACR,iBAAkB,CAClB,cAA4B,CAC5B,WAAY,CACZ,aAIJ,CAHI,kCACI,aACJ,CAEJ,kCACI,iBAAkB,CAClB,QAAS,CACT,mBAA4B,CAC5B,cAA2B,CAA3B,0BACJ,CACA,2BACI,UAAW,CACX,WAAY,CACZ,qBAAsB,CCnJ1B,aAAiB,CACjB,cAAoB,CACpB,eAAgB,CAChB,sBAAuB,CACvB,kBAAmB,CDiJf,WAAY,CACZ,uBAAgB,CAAhB,oBAAgB,CAAhB,eAIJ,CAHI,8FACG,YACH,CAEJ,0CACI,aAIJ,CAHI,0DACI,aACJ,CAGR,4BACI,wBAAgC,CAChC,iBAAkB,CAClB,gBAAiB,CACjB,eAAgB,CAChB,aAAmB,CACnB,eACJ,CACA,0BACI,iBAAkB,CAClB,aASJ,CARI,qCACI,iBAAkB,CAClB,cAAe,CACf,aAAsB,CACtB,OAAQ,CACR,kCAA2B,CAA3B,0BAA2B,CAC3B,SACJ,CAEJ,wBACI,UAAW,CACX,WAAY,CACZ,qBAAsB,CAEtB,WAAuC,CAAvC,+BAAuC,CACvC,cAA2B,CAA3B,0BAA2B,CAC3B,SAAU,CACV,WAIJ,CAHI,mDACE,aACF,CAEJ,YACI,SAAU,CACV,QAAS,CACT,eAAgB,CAChB,eAuHJ,CE5TI,+BACI,SAAU,CACV,UACJ,CACA,qCACI,eAAgB,CAChB,iBAAkB,CAClB,wBACJ,CFkMQ,qDACI,wBACJ,CACA,qGAEI,wBACJ,CAIJ,mDACI,aAAc,CACd,cAA2B,CAA3B,0BAA2B,CAC3B,+BAAuC,CACvC,aAAsB,CACtB,iBA2BJ,CAzBI,+DACI,cAAe,CACf,aACJ,CAEA,2EACI,UAAW,CACX,oBAAqB,CACrB,iBAAkB,CAClB,gBAKJ,CAHI,oFACI,kBACJ,CAGJ,kEACI,iBAAkB,CAClB,qBAAsB,CACtB,UAAW,CACX,OAIJ,CAHI,oFACI,wBACJ,CAIZ,8BACI,QAAS,CACT,SAAU,CACV,eAIJ,CAHI,yCACI,cACJ,CAEJ,uBACI,iBAAkB,CAClB,cA+BJ,CA9BI,mCACI,aAAoB,CACpB,wBACJ,CACA,iEAEI,aAAoB,CACpB,wBACJ,CACA,mCAEI,kBAEJ,CACA,kFAJI,aAAc,CAEd,qBAQJ,CAHI,+DACI,aACJ,CAEJ,mCACI,cACJ,CACA,kCACI,iBACJ,CACA,yCACI,QACJ,CAEJ,iDACI,SAAU,CACV,iBAAkB,CAClB,wBACJ,CACA,+BACI,iBAAkB,CAClB,cAoBJ,CAnBI,0DACI,WACJ,CACA,+CACI,iBAAkB,CAClB,UAAW,CACX,OAAQ,CACR,aAAoB,CACpB,cAA0B,CAC1B,eAIJ,CAHI,+DACI,kBACJ,CAEJ,+CACI,qBAAsB,CACtB,cAA2B,CAA3B,0BAA2B,CC1TnC,oBAAiB,CACjB,cAAoB,CACpB,eAAgB,CAChB,sBAAuB,CACvB,kBDwTI,CAIR,iBACI,cAAe,CACf,iBAEJ,CAEA,sCAHI,cAA2B,CAA3B,0BAeJ,CAZA,qBAEI,cAAe,CACf,yBAA8B,CAC9B,4BAAoC,CACpC,kBAOJ,CANI,uBACI,cAAgC,CAAhC,+BACJ,CACA,2BACI,wBACJ,CAGJ,yDACI,SAAU,CACV,6CAAsC,CAAtC,qCAIJ,CAHI,sEACI,YACJ,CAGJ,iBACI,gBAUJ,CATI,kCACI,OACJ,CACA,kCACI,QACJ,CACA,iCACI,WACJ,CAGJ,iBACI,gBAUJ,CATI,kCACI,OACJ,CACA,kCACI,OACJ,CACA,iCACI,WACJ,CAMQ,wEACI,cAA2B,CAA3B,0BACJ,CAKZ,yBACI,WAAY,CACZ,eAAgB,CAChB,qBAAsB,CACtB,eAmFJ,CAlFI,yCACI,WACJ,CACA,kCACI,qBAAuB,CACvB,aACJ,CACA,uCACI,eAWJ,CAVI,uDACI,WACJ,CACA,sDACI,WACJ,CACA,+DACI,eAAgB,CAChB,gBACJ,CAEJ,uCACI,eAWJ,CAVI,uDACI,WACJ,CACA,sDACI,WACJ,CACA,+DACI,eAAgB,CAChB,gBACJ,CAGA,2DACI,wBACJ,CACA,wDACI,aACJ,CAEJ,yCACI,iBACJ,CACA,wCACI,0BAAoB,CAApB,0BAAoB,CAApB,mBAAoB,CACpB,WAAY,CACZ,gBAAiB,CACjB,gBAAiB,CACjB,mBAAoB,CACpB,wBAAmB,CAAnB,qBAAmB,CAAnB,kBAAmB,CACnB,kBAAmB,CACnB,iBAAkB,CAClB,cAA2B,CAA3B,0BAcJ,CAbI,oDACI,eAAgB,CAChB,qBAAc,CAAd,mBAAc,CAAd,aAAc,CACd,cAAe,CACf,aACJ,CACA,wDCjcJ,0BAAiB,CAAjB,0BAAiB,CAAjB,mBAAiB,CACjB,eAAoB,CACpB,eAAgB,CAChB,sBAAuB,CACvB,kBDmcI,CAJI,6DCncR,oBAAiB,CACjB,eAAoB,CACpB,eAAgB,CAChB,sBAAuB,CACvB,kBAAmB,CDicP,WACJ,CAGR,iDACI,0BAAoB,CAApB,0BAAoB,CAApB,mBAAoB,CACpB,aAAc,CACd,gBAAiB,CACjB,cAAe,CACf,gBAAiB,CACjB,cAA2B,CAA3B,0BAA2B,CAC3B,iBAAkB,CAClB,kBAKJ,CAJI,gEACI,iBAAkB,CAClB,mBACJ,CAIR,0BACI,iBAAkB,CAClB,iBAAkB,CAClB,QAAS,CACT,WAAY,CACZ,gBAAiB,CACjB,UAAW,CACX,WACJ","file":"select.min.css","sourcesContent":["@import \"./variable.css\";\n@import \"./mixins/ellipsis\";\n@import \"./mixins/scroller\";\n\n$selectedBackground: #f4f6fa;\n$hoverBackground: #eaf3ff;\n$disabledBackground: #fff;\n$singleSelectedBackground: #eaf3ff;\n$disabledColor: #c4c6cc;\n\n:root {\n    --font-size: 12px;\n    --icon-size: $iconSmallestSize;\n    --extension-size: $iconSmallerSize;\n\n    .medium-font {\n        --font-size: 14px;\n        --icon-size: $iconSmallerSize;\n        --extension-size: $iconSmallSize;\n    }\n\n    .large-font {\n        --font-size: 16px;\n        --icon-size: $iconSmallSize;\n        --extension-size: $iconNormalSize;\n    }\n\n    .bk-select-large,\n    .bk-select-popover-large {\n        --font-size: 14px;\n    }\n    .bk-select-small,\n    .bk-select-popover-small {\n        --font-size: 12px;\n    }\n}\n\n.bk-select {\n    position: relative;\n    border: 1px solid $newGreyColor;\n    border-radius: 2px;\n    line-height: 30px;\n    color: $newBlackColor2;\n    cursor: pointer;\n\n    font-size: var(--font-size);\n    &:focus {\n        border-color: #3a84ff;\n    }\n    &.only-bottom-border {\n        border-color: transparent transparent $newGreyColor transparent;\n        &.is-focus {\n            border-color: transparent transparent $newMainColor transparent;\n            box-shadow: none;\n        }\n        &.is-disabled {\n            border-color: transparent transparent #dcdee5 transparent;\n        }\n        &.is-readonly,\n        &.is-loading {\n            border-color: transparent transparent $newGreyColor1 transparent;\n        }\n    }\n    &.is-default-trigger.is-unselected:before {\n        position: absolute;\n        height: 100%;\n        content: attr(data-placeholder);\n        left: 10px;\n        top: 0;\n        color: $fnMinorColor;\n        pointer-events: none;\n    }\n    &.is-default-trigger.is-unselected {\n        &.is-disabled:before,\n        &.is-readonly:before {\n            color: $formBorderColor;\n        }\n    }\n    &.has-prefix-icon {\n        &.is-default-trigger.is-unselected:before {\n            left: 24px;\n        }\n        .bk-select-name {\n            padding-left: 24px;\n        }\n    }\n    &.is-focus {\n        border-color: $newMainColor;\n        box-shadow:0px 0px 4px rgba(58, 132, 255, 0.4);\n        .bk-select-angle {\n            transform: rotate(-180deg);\n        }\n    }\n    &.is-disabled {\n        background-color: #fafbfd;\n        /* color: #c4c6cc; */\n        cursor: not-allowed;\n        border-color: #dcdee5;\n        .bk-select-angle {\n            color: #c4c6cc;\n        }\n    }\n    &.is-readonly,\n    &.is-loading {\n        background-color: #fafafa;\n        cursor: default;\n        border: 1px solid $newGreyColor1;\n    }\n    &:hover {\n        .bk-select-clear {\n            display: block;\n\n            & + .bk-select-angle {\n                display: none;\n            }\n        }\n    }\n    .bk-select-loading {\n        position: absolute;\n        right: 9px;\n        top: 8px;\n        width: 18px;\n        height: 18px;\n    }\n    .bk-select-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    }\n    .bk-select-clear {\n        display: none;\n        position: absolute;\n        right: 6px;\n        top: 8px;\n        text-align: center;\n        font-size: $iconSmallestSize;\n        z-index: 100;\n        color: #c4c6cc;\n        &:hover {\n            color: #979ba5;\n        }\n    }\n    .bk-select-prefix-icon {\n        position: absolute;\n        left: 6px;\n        top: calc((100% - 12px) / 2);\n        font-size: var(--icon-size);\n    }\n    .bk-select-name {\n        width: 100%;\n        height: 30px;\n        padding: 0 36px 0 10px;\n        @mixin ellipsis 100%, block;\n        border: none;\n        appearance: none;\n        &,&:hover,&:active{\n           outline: none;\n        }\n    }\n    .bk-tooltip.bk-select-dropdown {\n        display: block;\n        & > .bk-tooltip-ref {\n            display: block;\n        }\n    }\n}\n.bk-select-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-select-search-wrapper {\n    position: relative;\n    padding: 0 5px;\n    .left-icon {\n        position: absolute;\n        font-size: 16px;\n        color: $newBlackColor3;\n        top: 50%;\n        transform: translateY(-50%);\n        left: 10px;\n    }\n}\n.bk-select-search-input {\n    width: 100%;\n    height: 32px;\n    padding: 0 10px 0 30px;\n    border: none;\n    border-bottom: 1px solid $newGreyColor1;\n    font-size: var(--font-size);\n    outline: 0;\n    cursor: text;\n    &::-webkit-input-placeholder {\n      color: $fnMinorColor;\n    }\n}\n.bk-options {\n    padding: 0;\n    margin: 0;\n    overflow-y: auto;\n    list-style: none;\n    @mixin scroller;\n\n    &.bk-options-single {\n        .bk-option {\n            &.is-selected {\n                background-color: $selectedBackground;\n            }\n            &:hover,\n            &.is-highlight {\n                background-color: $hoverBackground;\n            }\n        }\n    }\n    .bk-option-group {\n        .bk-option-group-name {\n            margin: 0 16px;\n            font-size: var(--font-size);\n            border-bottom: 1px solid $newGreyColor1;\n            color: $newBlackColor3;\n            position: relative;\n\n            &.is-collapse {\n                cursor: pointer;\n                margin: 0 15px;\n            }\n\n            .bk-option-group-prefix {\n                width: 10px;\n                display: inline-block;\n                text-align: center;\n                line-height: 30px;\n\n                &.readonly {\n                    cursor: not-allowed;\n                }\n            }\n\n            .btn-check-all {\n                position: absolute;\n                disabled: inline-block;\n                right: 14px;\n                top: 2px;\n                .bk-form-checkbox {\n                    margin-right: 0!important;\n                }\n            }\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        &.is-selected {\n            color: $newMainColor;\n            background-color: $selectedBackground;\n        }\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.is-disabled {\n            background-color: $disabledBackground;\n            color: $disabledColor;\n            .bk-option-icon {\n                color: $disabledColor;\n            }\n        }\n        &:first-child {\n            margin-top: 6px;\n        }\n        &:last-child {\n            margin-bottom: 6px;\n        }\n        &.bk-virtual-option {\n            margin: 0;\n        }\n    }\n    .bk-virtual-select .bk-min-nav-slide {\n        width: 6px;\n        border-radius: 3px;\n        background-color: #dcdee5;\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-icon {\n            position: absolute;\n            right: 12px;\n            top: 4px;\n            color: $newMainColor;\n            font-size: $iconLargerSize;\n            font-weight: normal;\n            ~ .bk-option-name {\n                padding-right: 20px;\n            }\n        }\n        .bk-option-name {\n            vertical-align: middle;\n            font-size: var(--font-size);\n            @mixin ellipsis 100%, inline-block;\n        }\n    }\n}\n\n.bk-select-empty {\n    padding: 0 10px;\n    text-align: center;\n    font-size: var(--font-size);\n}\n\n.bk-select-extension {\n    font-size: var(--font-size);\n    padding: 0 16px;\n    border-radius: 0px 0px 1px 1px;\n    border-top: 1px solid $newGreyColor1;\n    background: $newGreyColor3;\n    i {\n        font-size: var(--extension-size);\n    }\n    &:hover {\n        background-color: #f0f1f5;\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/* size */\n.bk-select-large {\n    line-height: 36px;\n    .bk-select-angle {\n        top: 7px;\n    }\n    .bk-select-clear {\n        top: 11px;\n    }\n    .bk-select-name {\n        height: 36px;\n    }\n}\n\n.bk-select-small {\n    line-height: 24px;\n    .bk-select-angle {\n        top: 1px;\n    }\n    .bk-select-clear {\n        top: 5px;\n    }\n    .bk-select-name {\n        height: 24px;\n    }\n}\n\n.bk-select-popover-large {\n    .bk-options {\n        .bk-option-content {\n            .bk-option-name {\n                font-size: var(--font-size);\n            }\n        }\n    }\n}\n\n.bk-select-tag-container {\n    height: auto;\n    min-height: 30px;\n    padding: 0 30px 0 10px;\n    overflow: hidden;\n    &.is-fixed-height {\n        height: 30px;\n    }\n    &.is-focus {\n        height: auto !important;\n        overflow: auto;\n    }\n    &.is-large-size {\n        min-height: 34px;\n        &.is-fixed-height {\n            height: 34px;\n        }\n        .bk-select-tag {\n            height: 24px;\n        }\n        .bk-select-overflow-tag {\n            min-height: 24px;\n            line-height: 24px;\n        }\n    }\n    &.is-small-size {\n        min-height: 24px;\n        &.is-fixed-height {\n            height: 24px;\n        }\n        .bk-select-tag {\n            height: 20px;\n        }\n        .bk-select-overflow-tag {\n            min-height: 20px;\n            line-height: 20px;\n        }\n    }\n    &.is-available {\n        .bk-select-tag:hover {\n            background-color: #DCDEE5;\n        }\n        .icon-close:hover {\n            color: #63656E;\n        }\n    }\n    &.has-prefix-icon {\n        padding-left: 24px;\n    }\n    .bk-select-tag {\n        display: inline-flex;\n        height: 22px;\n        line-height: 22px;\n        margin: 0 6px 0 0;\n        padding: 0 2px 0 5px;\n        align-items: center;\n        background: #f0f1f5;\n        border-radius: 2px;\n        font-size: var(--font-size);\n        .icon-close {\n            margin-left: 5px;\n            flex: 18px 0 0;\n            font-size: 18px;\n            color: #979BA5;\n        }\n        &.width-limit-tag {\n            @mixin ellipsis 140px, inline-flex;\n            span {\n                @mixin ellipsis 130px, inline-block;\n                height: 100%;\n            }\n        }\n    }\n    .bk-select-overflow-tag {\n        display: inline-flex;\n        padding: 0 5px;\n        margin: 0 6px 0 0;\n        min-width: 22px;\n        line-height: 22px;\n        font-size: var(--font-size);\n        text-align: center;\n        background: #f0f1f5;\n        & ~ .bk-select-tag {\n            visibility: hidden;\n            pointer-events: none;\n        }\n    }\n}\n\n.bk-select-bottom-loading {\n    position: relative;\n    text-align: center;\n    bottom: 0;\n    height: 32px;\n    line-height: 25px;\n    width: 100%;\n    z-index: 777;\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"]}

package/lib/ui/spin.css

@@ -30,6 +30,11 @@
                     animation-direction:normal;
         }
 
+.bk-spin .bk-spin-rotation.bk-spin-rotation-default .rotate{
+                -webkit-animation-name:fadeDefault;
+                        animation-name:fadeDefault;
+            }
+
 .bk-spin .bk-spin-rotation.bk-spin-rotation-primary .rotate{
                 -webkit-animation-name:fadePrimary;
                         animation-name:fadePrimary;
@@ -55,6 +60,10 @@
                         animation-name:fadeInfo;
             }
 
+.bk-spin .bk-spin-rotation.bk-spin-rotation-default-wait .rotate{
+                background-color:#c4c6cc;
+            }
+
 .bk-spin .bk-spin-rotation.bk-spin-rotation-primary-wait .rotate{
                 background-color:#3c96ff;
             }
@@ -204,23 +213,27 @@
 
 .bk-spin .bk-spin-icon-wait{
         -webkit-animation:none;
-                animation:none
+                animation:none;
+    }
+
+.bk-spin .bk-spin-icon-default{
+        color:#c4c6cc;
     }
 
 .bk-spin .bk-spin-icon-primary{
-        color:#3c96ff
+        color:#3c96ff;
     }
 
 .bk-spin .bk-spin-icon-success{
-        color:#2dcb56
+        color:#2dcb56;
     }
 
 .bk-spin .bk-spin-icon-warning{
-        color:#ffb848
+        color:#ffb848;
     }
 
 .bk-spin .bk-spin-icon-danger{
-        color:#ff5656
+        color:#ff5656;
     }
 
 .bk-spin .bk-spin-icon-info{
@@ -286,6 +299,26 @@
                 align-items:center;
     }
 
+@-webkit-keyframes fadeDefault{
+    0%{
+        background-color:#c4c6cc;
+    }
+
+    100%{
+        background-color:none;
+    }
+}
+
+@keyframes fadeDefault{
+    0%{
+        background-color:#c4c6cc;
+    }
+
+    100%{
+        background-color:none;
+    }
+}
+
 @-webkit-keyframes fadePrimary{
     0%{
         background-color:#3c96ff;

package/lib/ui/spin.min.css

@@ -1,2 +1,2 @@
-.bk-spin{display:inline-block;text-align:center;vertical-align:middle}.bk-spin,.bk-spin .bk-spin-rotation{position:relative}.bk-spin .bk-spin-rotation .rotate{position:absolute;top:77%;right:43%;width:6px;height:8px;-webkit-transform-origin:50% -10px;transform-origin:50% -10px;border-radius:8px;-webkit-transform:scale(.4);transform:scale(.4);-webkit-animation-name:fadePrimary;animation-name:fadePrimary;-webkit-animation-duration:1.2s;animation-duration:1.2s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-direction:normal;animation-direction:normal}.bk-spin .bk-spin-rotation.bk-spin-rotation-primary .rotate{-webkit-animation-name:fadePrimary;animation-name:fadePrimary}.bk-spin .bk-spin-rotation.bk-spin-rotation-success .rotate{-webkit-animation-name:fadeSuccess;animation-name:fadeSuccess}.bk-spin .bk-spin-rotation.bk-spin-rotation-danger .rotate{-webkit-animation-name:fadeDanger;animation-name:fadeDanger}.bk-spin .bk-spin-rotation.bk-spin-rotation-warning .rotate{-webkit-animation-name:fadeWarning;animation-name:fadeWarning}.bk-spin .bk-spin-rotation.bk-spin-rotation-info .rotate{-webkit-animation-name:fadeInfo;animation-name:fadeInfo}.bk-spin .bk-spin-rotation.bk-spin-rotation-primary-wait .rotate{background-color:#3c96ff}.bk-spin .bk-spin-rotation.bk-spin-rotation-success-wait .rotate{background-color:#2dcb56}.bk-spin .bk-spin-rotation.bk-spin-rotation-danger-wait .rotate{background-color:#ff5656}.bk-spin .bk-spin-rotation.bk-spin-rotation-warning-wait .rotate{background-color:#ffb848}.bk-spin .bk-spin-rotation.bk-spin-rotation-info-wait .rotate{background-color:#63656e}.bk-spin .bk-spin-rotation .rotate1{-webkit-animation-delay:.45s;animation-delay:.45s;-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}.bk-spin .bk-spin-rotation .rotate2{-webkit-animation-delay:.6s;animation-delay:.6s;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.bk-spin .bk-spin-rotation .rotate3{-webkit-animation-delay:.75s;animation-delay:.75s;-webkit-transform:rotate(0deg);transform:rotate(0deg)}.bk-spin .bk-spin-rotation .rotate4{-webkit-animation-delay:.9s;animation-delay:.9s;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.bk-spin .bk-spin-rotation .rotate5{-webkit-animation-delay:1.05s;animation-delay:1.05s;-webkit-transform:rotate(90deg);transform:rotate(90deg)}.bk-spin .bk-spin-rotation .rotate6{-webkit-animation-delay:1.2s;animation-delay:1.2s;-webkit-transform:rotate(135deg);transform:rotate(135deg)}.bk-spin .bk-spin-rotation .rotate7{-webkit-animation-delay:1.35s;animation-delay:1.35s;-webkit-transform:rotate(180deg);transform:rotate(180deg)}.bk-spin .bk-spin-rotation .rotate8{-webkit-animation-delay:1.5s;animation-delay:1.5s;-webkit-transform:rotate(-135deg);transform:rotate(-135deg)}.bk-spin .bk-spin-rotation-flex{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-negative:0;flex-shrink:0}.bk-spin .bk-spin-rotation-margin{margin:0 auto}.bk-spin .bk-spin-rotation-large{width:69px;height:69px}.bk-spin .bk-spin-rotation-large .rotate{width:10px;height:14px;-webkit-transform-origin:50% -18px;transform-origin:50% -18px}.bk-spin .bk-spin-rotation-normal{width:49px;height:49px}.bk-spin .bk-spin-rotation-normal .rotate{width:6px;height:9px;-webkit-transform-origin:50% -13px;transform-origin:50% -13px}.bk-spin .bk-spin-rotation-small{width:27px;height:27px}.bk-spin .bk-spin-rotation-small .rotate{width:4px;height:5px;-webkit-transform-origin:50% -7px;transform-origin:50% -7px}.bk-spin .bk-spin-rotation-mini{width:16px;height:16px}.bk-spin .bk-spin-rotation-mini .rotate{width:2px;height:3px;-webkit-transform-origin:50% -4px;transform-origin:50% -4px}.bk-spin .bk-spin-icon{color:#3c96ff;font-size:16px;-webkit-animation:icon-loading 1.2s linear infinite;animation:icon-loading 1.2s linear infinite}.bk-spin .bk-spin-icon i{vertical-align:middle}.bk-spin .bk-spin-icon-wait{-webkit-animation:none;animation:none}.bk-spin .bk-spin-icon-primary{color:#3c96ff}.bk-spin .bk-spin-icon-success{color:#2dcb56}.bk-spin .bk-spin-icon-warning{color:#ffb848}.bk-spin .bk-spin-icon-danger{color:#ff5656}.bk-spin .bk-spin-icon-info{color:#979ba5}.bk-spin .bk-spin-icon-large i{font-size:69px}.bk-spin .bk-spin-icon-normal i{font-size:49px}.bk-spin .bk-spin-icon-small i{font-size:27px}.bk-spin .bk-spin-icon-nimi i{font-size:16px}.bk-spin .bk-spin-title{text-align:center;font-size:14px;color:#63656e;line-height:normal;max-width:100%}.bk-spin .bk-spin-title-right{display:inline-block;padding-left:8px}.bk-spin .bk-spin-title-bottom{margin-top:8px}.bk-spin .bk-spin-title-large{height:69px}.bk-spin .bk-spin-title-normal{height:49px}.bk-spin .bk-spin-title-small{height:27px}.bk-spin .bk-spin-title-mini{height:16px}.bk-spin .bk-display-flex{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}@-webkit-keyframes fadePrimary{0%{background-color:#3c96ff}to{background-color:none}}@keyframes fadePrimary{0%{background-color:#3c96ff}to{background-color:none}}@-webkit-keyframes fadeSuccess{0%{background-color:#2dcb56}to{background-color:none}}@keyframes fadeSuccess{0%{background-color:#2dcb56}to{background-color:none}}@-webkit-keyframes fadeDanger{0%{background-color:#ff5656}to{background-color:none}}@keyframes fadeDanger{0%{background-color:#ff5656}to{background-color:none}}@-webkit-keyframes fadeWarning{0%{background-color:#ffb848}to{background-color:none}}@keyframes fadeWarning{0%{background-color:#ffb848}to{background-color:none}}@-webkit-keyframes fadeInfo{0%{background-color:#979ba5}to{background-color:none}}@keyframes fadeInfo{0%{background-color:#979ba5}to{background-color:none}}@-webkit-keyframes icon-loading{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes icon-loading{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}
+.bk-spin{display:inline-block;text-align:center;vertical-align:middle}.bk-spin,.bk-spin .bk-spin-rotation{position:relative}.bk-spin .bk-spin-rotation .rotate{position:absolute;top:77%;right:43%;width:6px;height:8px;-webkit-transform-origin:50% -10px;transform-origin:50% -10px;border-radius:8px;-webkit-transform:scale(.4);transform:scale(.4);-webkit-animation-name:fadePrimary;animation-name:fadePrimary;-webkit-animation-duration:1.2s;animation-duration:1.2s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-direction:normal;animation-direction:normal}.bk-spin .bk-spin-rotation.bk-spin-rotation-default .rotate{-webkit-animation-name:fadeDefault;animation-name:fadeDefault}.bk-spin .bk-spin-rotation.bk-spin-rotation-primary .rotate{-webkit-animation-name:fadePrimary;animation-name:fadePrimary}.bk-spin .bk-spin-rotation.bk-spin-rotation-success .rotate{-webkit-animation-name:fadeSuccess;animation-name:fadeSuccess}.bk-spin .bk-spin-rotation.bk-spin-rotation-danger .rotate{-webkit-animation-name:fadeDanger;animation-name:fadeDanger}.bk-spin .bk-spin-rotation.bk-spin-rotation-warning .rotate{-webkit-animation-name:fadeWarning;animation-name:fadeWarning}.bk-spin .bk-spin-rotation.bk-spin-rotation-info .rotate{-webkit-animation-name:fadeInfo;animation-name:fadeInfo}.bk-spin .bk-spin-rotation.bk-spin-rotation-default-wait .rotate{background-color:#c4c6cc}.bk-spin .bk-spin-rotation.bk-spin-rotation-primary-wait .rotate{background-color:#3c96ff}.bk-spin .bk-spin-rotation.bk-spin-rotation-success-wait .rotate{background-color:#2dcb56}.bk-spin .bk-spin-rotation.bk-spin-rotation-danger-wait .rotate{background-color:#ff5656}.bk-spin .bk-spin-rotation.bk-spin-rotation-warning-wait .rotate{background-color:#ffb848}.bk-spin .bk-spin-rotation.bk-spin-rotation-info-wait .rotate{background-color:#63656e}.bk-spin .bk-spin-rotation .rotate1{-webkit-animation-delay:.45s;animation-delay:.45s;-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}.bk-spin .bk-spin-rotation .rotate2{-webkit-animation-delay:.6s;animation-delay:.6s;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.bk-spin .bk-spin-rotation .rotate3{-webkit-animation-delay:.75s;animation-delay:.75s;-webkit-transform:rotate(0deg);transform:rotate(0deg)}.bk-spin .bk-spin-rotation .rotate4{-webkit-animation-delay:.9s;animation-delay:.9s;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.bk-spin .bk-spin-rotation .rotate5{-webkit-animation-delay:1.05s;animation-delay:1.05s;-webkit-transform:rotate(90deg);transform:rotate(90deg)}.bk-spin .bk-spin-rotation .rotate6{-webkit-animation-delay:1.2s;animation-delay:1.2s;-webkit-transform:rotate(135deg);transform:rotate(135deg)}.bk-spin .bk-spin-rotation .rotate7{-webkit-animation-delay:1.35s;animation-delay:1.35s;-webkit-transform:rotate(180deg);transform:rotate(180deg)}.bk-spin .bk-spin-rotation .rotate8{-webkit-animation-delay:1.5s;animation-delay:1.5s;-webkit-transform:rotate(-135deg);transform:rotate(-135deg)}.bk-spin .bk-spin-rotation-flex{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-negative:0;flex-shrink:0}.bk-spin .bk-spin-rotation-margin{margin:0 auto}.bk-spin .bk-spin-rotation-large{width:69px;height:69px}.bk-spin .bk-spin-rotation-large .rotate{width:10px;height:14px;-webkit-transform-origin:50% -18px;transform-origin:50% -18px}.bk-spin .bk-spin-rotation-normal{width:49px;height:49px}.bk-spin .bk-spin-rotation-normal .rotate{width:6px;height:9px;-webkit-transform-origin:50% -13px;transform-origin:50% -13px}.bk-spin .bk-spin-rotation-small{width:27px;height:27px}.bk-spin .bk-spin-rotation-small .rotate{width:4px;height:5px;-webkit-transform-origin:50% -7px;transform-origin:50% -7px}.bk-spin .bk-spin-rotation-mini{width:16px;height:16px}.bk-spin .bk-spin-rotation-mini .rotate{width:2px;height:3px;-webkit-transform-origin:50% -4px;transform-origin:50% -4px}.bk-spin .bk-spin-icon{color:#3c96ff;font-size:16px;-webkit-animation:icon-loading 1.2s linear infinite;animation:icon-loading 1.2s linear infinite}.bk-spin .bk-spin-icon i{vertical-align:middle}.bk-spin .bk-spin-icon-wait{-webkit-animation:none;animation:none}.bk-spin .bk-spin-icon-default{color:#c4c6cc}.bk-spin .bk-spin-icon-primary{color:#3c96ff}.bk-spin .bk-spin-icon-success{color:#2dcb56}.bk-spin .bk-spin-icon-warning{color:#ffb848}.bk-spin .bk-spin-icon-danger{color:#ff5656}.bk-spin .bk-spin-icon-info{color:#979ba5}.bk-spin .bk-spin-icon-large i{font-size:69px}.bk-spin .bk-spin-icon-normal i{font-size:49px}.bk-spin .bk-spin-icon-small i{font-size:27px}.bk-spin .bk-spin-icon-nimi i{font-size:16px}.bk-spin .bk-spin-title{text-align:center;font-size:14px;color:#63656e;line-height:normal;max-width:100%}.bk-spin .bk-spin-title-right{display:inline-block;padding-left:8px}.bk-spin .bk-spin-title-bottom{margin-top:8px}.bk-spin .bk-spin-title-large{height:69px}.bk-spin .bk-spin-title-normal{height:49px}.bk-spin .bk-spin-title-small{height:27px}.bk-spin .bk-spin-title-mini{height:16px}.bk-spin .bk-display-flex{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}@-webkit-keyframes fadeDefault{0%{background-color:#c4c6cc}to{background-color:none}}@keyframes fadeDefault{0%{background-color:#c4c6cc}to{background-color:none}}@-webkit-keyframes fadePrimary{0%{background-color:#3c96ff}to{background-color:none}}@keyframes fadePrimary{0%{background-color:#3c96ff}to{background-color:none}}@-webkit-keyframes fadeSuccess{0%{background-color:#2dcb56}to{background-color:none}}@keyframes fadeSuccess{0%{background-color:#2dcb56}to{background-color:none}}@-webkit-keyframes fadeDanger{0%{background-color:#ff5656}to{background-color:none}}@keyframes fadeDanger{0%{background-color:#ff5656}to{background-color:none}}@-webkit-keyframes fadeWarning{0%{background-color:#ffb848}to{background-color:none}}@keyframes fadeWarning{0%{background-color:#ffb848}to{background-color:none}}@-webkit-keyframes fadeInfo{0%{background-color:#979ba5}to{background-color:none}}@keyframes fadeInfo{0%{background-color:#979ba5}to{background-color:none}}@-webkit-keyframes icon-loading{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes icon-loading{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}
 /*# sourceMappingURL=spin.min.css.map */

package/lib/ui/spin.min.css.map

@@ -1 +1 @@
-{"version":3,"sources":["spin.css"],"names":[],"mappings":"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","file":"spin.min.css","sourcesContent":["@import './variable.css';\n\n.bk-spin {\n    display: inline-block;\n    position: relative;\n    text-align: center;\n    vertical-align: middle;\n    .bk-spin-rotation {\n        position: relative;\n        .rotate {\n            position: absolute;\n            top: 77%;\n            right: 43%;\n            width: 6px;\n            height: 8px;\n            transform-origin: 50% -10px;\n            border-radius: 8px;\n            transform: scale(0.4);\n            animation-name: fadePrimary;\n            animation-duration: 1.2s;\n            animation-iteration-count: infinite;\n            animation-direction: normal;\n        }\n        &.bk-spin-rotation-primary {\n            .rotate {\n                animation-name: fadePrimary;\n            }\n        }\n        &.bk-spin-rotation-success {\n            .rotate {\n                animation-name: fadeSuccess;\n            }\n        }\n        &.bk-spin-rotation-danger {\n            .rotate {\n                animation-name: fadeDanger;\n            }\n        }\n        &.bk-spin-rotation-warning {\n            .rotate {\n                animation-name: fadeWarning;\n            }\n        }\n        &.bk-spin-rotation-info {\n            .rotate {\n                animation-name: fadeInfo;\n            }\n        }\n        &.bk-spin-rotation-primary-wait {\n            .rotate {\n                background-color: $primaryColor;\n            }\n        }\n        &.bk-spin-rotation-success-wait {\n            .rotate {\n                background-color: $successColor;\n            }\n        }\n        &.bk-spin-rotation-danger-wait {\n            .rotate {\n                background-color: $dangerColor;\n            }\n        }\n        &.bk-spin-rotation-warning-wait {\n            .rotate {\n                background-color: $warningColor;\n            }\n        }\n        &.bk-spin-rotation-info-wait {\n            .rotate {\n                background-color: #63656e;\n            }\n        }\n        .rotate1 {\n            animation-delay: 0.45s;\n            transform: rotate(-90deg);\n        }\n        .rotate2 {\n            animation-delay: 0.6s;\n            transform: rotate(-45deg);\n        }\n        .rotate3 {\n            animation-delay: 0.75s;\n            transform: rotate(0deg);\n        }\n        .rotate4 {\n            animation-delay: 0.9s;\n            transform: rotate(45deg);\n        }\n        .rotate5 {\n            animation-delay: 1.05s;\n            transform: rotate(90deg);\n        }\n        .rotate6 {\n            animation-delay: 1.2s;\n            transform: rotate(135deg);\n        }\n        .rotate7 {\n            animation-delay: 1.35s;\n            transform: rotate(180deg);\n        }\n        .rotate8 {\n            animation-delay: 1.5s;\n            transform: rotate(-135deg);\n        }\n    }\n    .bk-spin-rotation-flex {\n        display: flex;\n        flex-shrink: 0;\n    }\n    .bk-spin-rotation-margin {\n        margin: 0 auto;\n    }\n    .bk-spin-rotation-large {\n        width: 69px;\n        height: 69px;\n        .rotate {\n            width: 10px;\n            height: 14px;\n            transform-origin: 50% -18px;\n        }\n    }\n    .bk-spin-rotation-normal {\n        width: 49px;\n        height: 49px;\n        .rotate {\n            width: 6px;\n            height: 9px;\n            transform-origin: 50% -13px;\n        }\n    }\n    .bk-spin-rotation-small {\n        width: 27px;\n        height: 27px;\n        .rotate {\n            width: 4px;\n            height: 5px;\n            transform-origin: 50% -7px;\n        }\n    }\n    .bk-spin-rotation-mini {\n        width: 16px;\n        height: 16px;\n        .rotate {\n            width: 2px;\n            height: 3px;\n            transform-origin: 50% -4px;\n        }\n    }\n    .bk-spin-icon {\n        color: $primaryColor;\n        font-size: 16px;\n        animation: icon-loading 1.2s linear infinite;\n        i {\n            vertical-align: middle\n        }\n    }\n    .bk-spin-icon-wait {\n        animation: none\n    }\n    .bk-spin-icon-primary {\n        color: $primaryColor\n    }\n    .bk-spin-icon-success {\n        color: $successColor\n    }\n    .bk-spin-icon-warning {\n        color: $warningColor\n    }\n    .bk-spin-icon-danger {\n        color: $dangerColor\n    }\n    .bk-spin-icon-info {\n    \tcolor: #979ba5;\n    }\n    .bk-spin-icon-large {\n        i {\n            font-size: 69px;\n        }\n    }\n    .bk-spin-icon-normal {\n        i {\n            font-size: 49px;\n        }\n    }\n    .bk-spin-icon-small {\n        i {\n            font-size: 27px;\n        }\n    }\n    .bk-spin-icon-nimi {\n        i {\n            font-size: 16px;\n        }\n    }\n    .bk-spin-title {\n        text-align: center;\n        font-size: 14px;\n        color: $fnMainColor;\n        line-height: initial;\n        max-width: 100%;\n    }\n    .bk-spin-title-right {\n        display: inline-block;\n        padding-left: 8px;\n    }\n    .bk-spin-title-bottom {\n        margin-top: 8px;\n    }\n    .bk-spin-title-large {\n        height: 69px;\n    }\n    .bk-spin-title-normal {\n        height: 49px;\n    }\n    .bk-spin-title-small {\n        height: 27px;\n    }\n    .bk-spin-title-mini {\n        height: 16px;\n    }\n    .bk-display-flex {\n        display: flex;\n        align-items: center;\n    }\n}\n\n@keyframes fadePrimary {\n    0% {\n        background-color: $primaryColor;\n    }\n\n    100% {\n        background-color: none;\n    }\n}\n\n@keyframes fadeSuccess {\n    0% {\n        background-color: $successColor;\n    }\n\n    100% {\n        background-color: none;\n    }\n}\n\n@keyframes fadeDanger {\n    0% {\n        background-color: $dangerColor;\n    }\n\n    100% {\n        background-color: none;\n    }\n}\n\n@keyframes fadeWarning {\n    0% {\n        background-color: $warningColor;\n    }\n\n    100% {\n        background-color: none;\n    }\n}\n\n@keyframes fadeInfo {\n    0% {\n        background-color: #979ba5;\n    }\n\n    100% {\n        background-color: none;\n    }\n}\n\n@keyframes icon-loading {\n    0% {\n        transform: rotate(0deg);\n    }\n    100% {\n        transform: rotate(360deg);\n    }\n}"]}
+{"version":3,"sources":["spin.css"],"names":[],"mappings":"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","file":"spin.min.css","sourcesContent":["@import './variable.css';\n\n.bk-spin {\n    display: inline-block;\n    position: relative;\n    text-align: center;\n    vertical-align: middle;\n    .bk-spin-rotation {\n        position: relative;\n        .rotate {\n            position: absolute;\n            top: 77%;\n            right: 43%;\n            width: 6px;\n            height: 8px;\n            transform-origin: 50% -10px;\n            border-radius: 8px;\n            transform: scale(0.4);\n            animation-name: fadePrimary;\n            animation-duration: 1.2s;\n            animation-iteration-count: infinite;\n            animation-direction: normal;\n        }\n        &.bk-spin-rotation-default {\n            .rotate {\n                animation-name: fadeDefault;\n            }\n        }\n        &.bk-spin-rotation-primary {\n            .rotate {\n                animation-name: fadePrimary;\n            }\n        }\n        &.bk-spin-rotation-success {\n            .rotate {\n                animation-name: fadeSuccess;\n            }\n        }\n        &.bk-spin-rotation-danger {\n            .rotate {\n                animation-name: fadeDanger;\n            }\n        }\n        &.bk-spin-rotation-warning {\n            .rotate {\n                animation-name: fadeWarning;\n            }\n        }\n        &.bk-spin-rotation-info {\n            .rotate {\n                animation-name: fadeInfo;\n            }\n        }\n        &.bk-spin-rotation-default-wait {\n            .rotate {\n                background-color: $newGreyColor;\n            }\n        }\n        &.bk-spin-rotation-primary-wait {\n            .rotate {\n                background-color: $primaryColor;\n            }\n        }\n        &.bk-spin-rotation-success-wait {\n            .rotate {\n                background-color: $successColor;\n            }\n        }\n        &.bk-spin-rotation-danger-wait {\n            .rotate {\n                background-color: $dangerColor;\n            }\n        }\n        &.bk-spin-rotation-warning-wait {\n            .rotate {\n                background-color: $warningColor;\n            }\n        }\n        &.bk-spin-rotation-info-wait {\n            .rotate {\n                background-color: #63656e;\n            }\n        }\n        .rotate1 {\n            animation-delay: 0.45s;\n            transform: rotate(-90deg);\n        }\n        .rotate2 {\n            animation-delay: 0.6s;\n            transform: rotate(-45deg);\n        }\n        .rotate3 {\n            animation-delay: 0.75s;\n            transform: rotate(0deg);\n        }\n        .rotate4 {\n            animation-delay: 0.9s;\n            transform: rotate(45deg);\n        }\n        .rotate5 {\n            animation-delay: 1.05s;\n            transform: rotate(90deg);\n        }\n        .rotate6 {\n            animation-delay: 1.2s;\n            transform: rotate(135deg);\n        }\n        .rotate7 {\n            animation-delay: 1.35s;\n            transform: rotate(180deg);\n        }\n        .rotate8 {\n            animation-delay: 1.5s;\n            transform: rotate(-135deg);\n        }\n    }\n    .bk-spin-rotation-flex {\n        display: flex;\n        flex-shrink: 0;\n    }\n    .bk-spin-rotation-margin {\n        margin: 0 auto;\n    }\n    .bk-spin-rotation-large {\n        width: 69px;\n        height: 69px;\n        .rotate {\n            width: 10px;\n            height: 14px;\n            transform-origin: 50% -18px;\n        }\n    }\n    .bk-spin-rotation-normal {\n        width: 49px;\n        height: 49px;\n        .rotate {\n            width: 6px;\n            height: 9px;\n            transform-origin: 50% -13px;\n        }\n    }\n    .bk-spin-rotation-small {\n        width: 27px;\n        height: 27px;\n        .rotate {\n            width: 4px;\n            height: 5px;\n            transform-origin: 50% -7px;\n        }\n    }\n    .bk-spin-rotation-mini {\n        width: 16px;\n        height: 16px;\n        .rotate {\n            width: 2px;\n            height: 3px;\n            transform-origin: 50% -4px;\n        }\n    }\n    .bk-spin-icon {\n        color: $primaryColor;\n        font-size: 16px;\n        animation: icon-loading 1.2s linear infinite;\n        i {\n            vertical-align: middle\n        }\n    }\n    .bk-spin-icon-wait {\n        animation: none;\n    }\n    .bk-spin-icon-default {\n        color: $newGreyColor;\n    }\n    .bk-spin-icon-primary {\n        color: $primaryColor;\n    }\n    .bk-spin-icon-success {\n        color: $successColor;\n    }\n    .bk-spin-icon-warning {\n        color: $warningColor;\n    }\n    .bk-spin-icon-danger {\n        color: $dangerColor;\n    }\n    .bk-spin-icon-info {\n    \tcolor: #979ba5;\n    }\n    .bk-spin-icon-large {\n        i {\n            font-size: 69px;\n        }\n    }\n    .bk-spin-icon-normal {\n        i {\n            font-size: 49px;\n        }\n    }\n    .bk-spin-icon-small {\n        i {\n            font-size: 27px;\n        }\n    }\n    .bk-spin-icon-nimi {\n        i {\n            font-size: 16px;\n        }\n    }\n    .bk-spin-title {\n        text-align: center;\n        font-size: 14px;\n        color: $fnMainColor;\n        line-height: initial;\n        max-width: 100%;\n    }\n    .bk-spin-title-right {\n        display: inline-block;\n        padding-left: 8px;\n    }\n    .bk-spin-title-bottom {\n        margin-top: 8px;\n    }\n    .bk-spin-title-large {\n        height: 69px;\n    }\n    .bk-spin-title-normal {\n        height: 49px;\n    }\n    .bk-spin-title-small {\n        height: 27px;\n    }\n    .bk-spin-title-mini {\n        height: 16px;\n    }\n    .bk-display-flex {\n        display: flex;\n        align-items: center;\n    }\n}\n\n@keyframes fadeDefault{\n    0% {\n        background-color: $newGreyColor;\n    }\n\n    100% {\n        background-color: none;\n    }\n}\n\n@keyframes fadePrimary {\n    0% {\n        background-color: $primaryColor;\n    }\n\n    100% {\n        background-color: none;\n    }\n}\n\n@keyframes fadeSuccess {\n    0% {\n        background-color: $successColor;\n    }\n\n    100% {\n        background-color: none;\n    }\n}\n\n@keyframes fadeDanger {\n    0% {\n        background-color: $dangerColor;\n    }\n\n    100% {\n        background-color: none;\n    }\n}\n\n@keyframes fadeWarning {\n    0% {\n        background-color: $warningColor;\n    }\n\n    100% {\n        background-color: none;\n    }\n}\n\n@keyframes fadeInfo {\n    0% {\n        background-color: #979ba5;\n    }\n\n    100% {\n        background-color: none;\n    }\n}\n\n@keyframes icon-loading {\n    0% {\n        transform: rotate(0deg);\n    }\n    100% {\n        transform: rotate(360deg);\n    }\n}"]}

package/lib/ui/tab.css

@@ -43,7 +43,7 @@
                 border-right:none;
             }
 
-.bk-tab.bk-tab-card .bk-tab-add-controller{
+.bk-tab.bk-tab-card .bk-tab-extension-controller, .bk-tab.bk-tab-card .bk-tab-add-controller{
         border-top:1px solid #dcdee5;
         background-color:#fff;
     }
@@ -77,7 +77,12 @@
                 border-left:none;
             }
 
-.bk-tab.bk-tab-unborder-card .bk-tab-label-wrapper .bk-tab-add-controller,
+.bk-tab.bk-tab-unborder-card .bk-tab-label-wrapper.has-scroller.has-add .bk-tab-extension-controller{
+                border-left:none;
+            }
+
+.bk-tab.bk-tab-unborder-card .bk-tab-label-wrapper .bk-tab-extension-controller,
+        .bk-tab.bk-tab-unborder-card .bk-tab-label-wrapper .bk-tab-add-controller,
         .bk-tab.bk-tab-unborder-card .bk-tab-label-wrapper .bk-tab-scroll-controller{
             border:none;
             border-bottom:1px solid #dcdee5;
@@ -175,6 +180,10 @@
                 border-left:none;
             }
 
+.position-left .bk-tab-label-wrapper.has-scroller.has-add ..bk-tab-extension-controller, .position-right .bk-tab-label-wrapper.has-scroller.has-add ..bk-tab-extension-controller{
+                border-left:none;
+            }
+
 .position-left .bk-tab-label-wrapper .bk-tab-label-list, .position-right .bk-tab-label-wrapper .bk-tab-label-list{
             display:-webkit-box;
             display:-ms-flexbox;
@@ -261,6 +270,21 @@
                 border-right:0;
             }
 
+.bk-tab-label-wrapper.has-scroller.has-add.has-extension .bk-tab-extension-controller{
+                position:absolute;
+                top:0;
+                right:42px;
+                border-left:1px solid #dcdee5;
+            }
+
+.bk-tab-label-wrapper.has-scroller.has-add.has-extension .bk-tab-add-controller{
+                border-left-width:0;
+            }
+
+.bk-tab-label-wrapper.has-scroller.has-add.has-extension .bk-tab-scroll-controller.next{
+                right:84px !important;
+            }
+
 .bk-tab-label-wrapper.has-scroller.has-add .bk-tab-scroll-controller.next{
             right:42px;
         }
@@ -279,7 +303,19 @@
                         box-shadow:-10px 0 10px rgba(0, 0, 0, .05);
             }
 
-.bk-tab-label-wrapper .bk-tab-add-controller{
+.bk-tab-label-wrapper.has-scroller.has-extension:not(.has-add) .bk-tab-extension-controller{
+            position:absolute;
+            top:0;
+            right:0;
+            border-bottom:1px solid #dcdee5;
+            border-left:1px solid #dcdee5;
+        }
+
+.bk-tab-label-wrapper.has-scroller.has-extension:not(.has-add) .bk-tab-scroll-controller.next{
+            right:42px;
+        }
+
+.bk-tab-label-wrapper .bk-tab-extension-controller, .bk-tab-label-wrapper .bk-tab-add-controller{
         display:inline-block;
         vertical-align:middle;
         width:42px;
@@ -294,11 +330,11 @@
         z-index:2
     }
 
-.bk-tab-label-wrapper .bk-tab-add-controller:hover{
+.bk-tab-label-wrapper .bk-tab-extension-controller:hover, .bk-tab-label-wrapper .bk-tab-add-controller:hover{
             color:#3a84ff;
         }
 
-.bk-tab-label-wrapper .bk-tab-add-controller.left-border{
+.bk-tab-label-wrapper .bk-tab-extension-controller.left-border, .bk-tab-label-wrapper .bk-tab-add-controller.left-border{
             border-left:1px solid #dcdee5;
         }
 

package/lib/ui/tab.min.css

@@ -1,2 +1,2 @@
-.bk-tab{border-radius:2px}.bk-tab.bk-tab-border-card>.bk-tab-header{height:43px;border:1px solid #dcdee5;border-bottom:none;background-color:#fafbfd;border-radius:2px 2px 0 0}.bk-tab.bk-tab-border-card>.bk-tab-header>.bk-tab-label-wrapper>.bk-tab-label-list>.bk-tab-label-item.active{background-color:#fff}.bk-tab.bk-tab-card .bk-tab-label-wrapper.has-add .bk-tab-label-list{border-radius:2px 0 0 0}.bk-tab.bk-tab-card .bk-tab-label-wrapper.has-scroller .bk-tab-label-list{border-radius:0}.bk-tab.bk-tab-card .bk-tab-label-list{border-top:1px solid #dcdee5;border-radius:2px 2px 0 0}.bk-tab.bk-tab-card .bk-tab-label-list .bk-tab-label-item.is-first{border-left:1px solid #dcdee5}.bk-tab.bk-tab-card .bk-tab-scroll-controller{border-top:1px solid #dcdee5}.bk-tab.bk-tab-card .bk-tab-scroll-controller.prev{border-left:1px solid #dcdee5}.bk-tab.bk-tab-card .bk-tab-scroll-controller.prev.disabled{border-right:none}.bk-tab.bk-tab-card .bk-tab-add-controller{border-top:1px solid #dcdee5;background-color:#fff}.bk-tab.bk-tab-card>.bk-tab-header>.bk-tab-label-wrapper>.bk-tab-label-list>.bk-tab-label-item.active{background-color:#fff}.bk-tab-label-list-has-bar:after{content:"";position:absolute;bottom:var(--activeBarBottom);top:var(----activeBarTop);left:var(--activeBarLeft);height:var(--activeBarHeight);width:var(--activeBarWidth);-webkit-transform:var(--activeBarTransform);transform:var(--activeBarTransform);background:#3a84ff;-webkit-transition:-webkit-transform .3s cubic-bezier(.645,.045,.355,1);transition:-webkit-transform .3s cubic-bezier(.645,.045,.355,1);transition:transform .3s cubic-bezier(.645,.045,.355,1);transition:transform .3s cubic-bezier(.645,.045,.355,1),-webkit-transform .3s cubic-bezier(.645,.045,.355,1)}.bk-tab.bk-tab-unborder-card .bk-tab-label-list{border-top:none}.bk-tab.bk-tab-unborder-card .bk-tab-label-wrapper.has-scroller.has-add .bk-tab-add-controller{border-left:none}.bk-tab.bk-tab-unborder-card .bk-tab-label-wrapper .bk-tab-add-controller,.bk-tab.bk-tab-unborder-card .bk-tab-label-wrapper .bk-tab-scroll-controller{border:none;border-bottom:1px solid #dcdee5;background-color:#fff}.bk-tab.bk-tab-unborder-card .bk-tab-label-wrapper .bk-tab-label-list .bk-tab-label-item{border:none!important}.bk-tab.bk-tab-unborder-card .bk-tab-section{border:none}.position-left,.position-right{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;min-height:225px}.position-left.position-right,.position-right.position-right{-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}.position-left.position-right .bk-tab-header,.position-right.position-right .bk-tab-header{border-right:none;right:0}.position-left.position-right .bk-tab-header:after,.position-left.position-right .bk-tab-header:before,.position-right.position-right .bk-tab-header:after,.position-right.position-right .bk-tab-header:before{left:0;right:calc(100% - 1px)}.position-left.position-right .bk-tab-label-wrapper:after,.position-right.position-right .bk-tab-label-wrapper:after{border-right:none;border-left:1px solid #dcdee5}.position-left.position-right .bk-tab-label-wrapper .bk-tab-label-list .bk-tab-label-item,.position-right.position-right .bk-tab-label-wrapper .bk-tab-label-list .bk-tab-label-item{text-align:left;border-right:none;border-left:1px solid #dcdee5}.position-left .bk-tab-header,.position-right .bk-tab-header{height:auto;background:#fff;padding:10px 0}.position-left .bk-tab-header:after,.position-left .bk-tab-header:before,.position-right .bk-tab-header:after,.position-right .bk-tab-header:before{content:"";position:absolute;height:10px;width:1px;right:0;top:0;background:#dcdee5}.position-left .bk-tab-header:after,.position-right .bk-tab-header:after{top:calc(100% - 10px);bottom:0}.position-left .bk-tab-label-wrapper,.position-right .bk-tab-label-wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;overflow-y:auto;overflow-y:overlay}.position-left .bk-tab-label-wrapper:after,.position-right .bk-tab-label-wrapper:after{content:"";-webkit-box-flex:1;-ms-flex:1;flex:1;border-right:1px solid #dcdee5}.position-left .bk-tab-label-wrapper.has-scroller.has-add .bk-tab-add-controller,.position-right .bk-tab-label-wrapper.has-scroller.has-add .bk-tab-add-controller{border-left:none}.position-left .bk-tab-label-wrapper .bk-tab-label-list,.position-right .bk-tab-label-wrapper .bk-tab-label-list{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;height:auto}.position-left .bk-tab-label-wrapper .bk-tab-label-list .bk-tab-label-item,.position-right .bk-tab-label-wrapper .bk-tab-label-list .bk-tab-label-item{border-right:1px solid #dcdee5;padding:0 12px;margin:0;text-align:right;position:relative}.position-left .bk-tab-section,.position-right .bk-tab-section{border:none;padding:10px 20px;-webkit-box-flex:1;-ms-flex:1;flex:1}.position-left .bk-tab-section .bk-tab-content,.position-right .bk-tab-section .bk-tab-content{word-break:break-all}.bk-tab-header{position:relative;height:42px;color:#63656e;background-image:linear-gradient(transparent 41px,#dcdee5 0)}.bk-tab-label-wrapper{position:relative;height:100%;font-size:0;overflow:hidden}.bk-tab-label-wrapper.has-add .bk-tab-label-list .bk-tab-label-item.has-close{-webkit-transition:color .3s cubic-bezier(.645,.045,.355,1),padding .3s cubic-bezier(.645,.045,.355,1);transition:color .3s cubic-bezier(.645,.045,.355,1),padding .3s cubic-bezier(.645,.045,.355,1)}.bk-tab-label-wrapper.has-add .bk-tab-label-list .bk-tab-label-item.has-close:hover{padding:0 11px}.bk-tab-label-wrapper.has-add .bk-tab-label-list .bk-tab-label-item.has-close .bk-tab-close-controller{-webkit-transition:all .3s cubic-bezier(.645,.045,.355,1);transition:all .3s cubic-bezier(.645,.045,.355,1)}.bk-tab-label-wrapper.has-scroller{padding:0 24px}.bk-tab-label-wrapper.has-scroller .bk-tab-label-list .bk-tab-label-item.is-last{border-right:none}.bk-tab-label-wrapper.has-scroller.has-add{padding:0 66px 0 24px}.bk-tab-label-wrapper.has-scroller.has-add .bk-tab-add-controller{position:absolute;top:0;right:0;border-bottom:1px solid #dcdee5;border-left:1px solid #dcdee5}.bk-tab-label-wrapper.has-scroller.has-add .bk-tab-add-controller.next-right{right:24px;-webkit-box-shadow:-10px 0 10px rgba(0,0,0,.05);box-shadow:-10px 0 10px rgba(0,0,0,.05);border-right:0}.bk-tab-label-wrapper.has-scroller.has-add .bk-tab-scroll-controller.next{right:42px}.bk-tab-label-wrapper.has-scroller.has-add .bk-tab-add-custom{position:absolute;top:0;right:0;border-left:1px solid #dcdee5}.bk-tab-label-wrapper.has-scroller.has-add .bk-tab-add-custom.next-right{right:24px;border-left:1px solid #dcdee5;-webkit-box-shadow:-10px 0 10px rgba(0,0,0,.05);box-shadow:-10px 0 10px rgba(0,0,0,.05)}.bk-tab-label-wrapper .bk-tab-add-controller{display:inline-block;vertical-align:middle;width:42px;height:42px;border-right:1px solid #dcdee5;border-bottom:1px solid #dcdee5;line-height:41px;text-align:center;font-size:22px;background-color:#fafbfd;cursor:pointer;z-index:2}.bk-tab-label-wrapper .bk-tab-add-controller:hover{color:#3a84ff}.bk-tab-label-wrapper .bk-tab-add-controller.left-border{border-left:1px solid #dcdee5}.bk-tab-label-wrapper .bk-tab-add-custom{display:inline-block;position:relative;font-size:22px;z-index:2;vertical-align:middle;opacity:1;background-color:#fafbfd;border-bottom:1px solid #dcdee5}.bk-tab-label-wrapper .bk-tab-scroll-controller{position:absolute;top:0;width:24px;height:42px;border-bottom:1px solid #dcdee5;line-height:41px;text-align:center;font-size:22px;background-color:#fafbfd;-webkit-box-shadow:0 0 20px rgba(0,0,0,.2);box-shadow:0 0 20px rgba(0,0,0,.2);cursor:pointer;z-index:1}.bk-tab-label-wrapper .bk-tab-scroll-controller.prev{left:0;border-right:1px solid #dcdee5;border-radius:2px 0 0 0}.bk-tab-label-wrapper .bk-tab-scroll-controller.next{right:0;border-left:1px solid #dcdee5}.bk-tab-label-wrapper .bk-tab-scroll-controller.add{width:42px;right:24px;-webkit-box-shadow:none;box-shadow:none;border-right:1px solid #dcdee5;border-left:1px solid #dcdee5}.bk-tab-label-wrapper .bk-tab-scroll-controller:hover{color:#3a84ff}.bk-tab-label-wrapper .bk-tab-scroll-controller.disabled{-webkit-box-shadow:none;box-shadow:none;cursor:not-allowed;color:#c4c6cc}.bk-tab-label-wrapper .bk-tab-label-list{display:inline-block;height:42px;vertical-align:middle;padding:0;margin:0;font-size:0;list-style:none;white-space:nowrap;-webkit-transition:-webkit-transform .3s;transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s,-webkit-transform .3s}.bk-tab-label-wrapper .bk-tab-label-list .bk-tab-label-item{position:relative;display:inline-block;vertical-align:middle;min-width:100px;padding:0 18px;border-right:1px solid #dcdee5;text-align:center;line-height:42px;cursor:pointer}.bk-tab-label-wrapper .bk-tab-label-list .bk-tab-label-item:not(.is-disabled):hover{color:#3a84ff}.bk-tab-label-wrapper .bk-tab-label-list .bk-tab-label-item.simulate-border-bottom{padding:0 10px}.bk-tab-label-wrapper .bk-tab-label-list .bk-tab-label-item.simulate-border-bottom .bk-tab-label{-webkit-box-shadow:inset 0 -4px 0 -2px #3a84ff!important;box-shadow:inset 0 -4px 0 -2px #3a84ff!important;padding:0 8px}.bk-tab-label-wrapper .bk-tab-label-list .bk-tab-label-item.simulate-border-right{border-right:2px solid #3a84ff;padding-right:11px}.bk-tab-label-wrapper .bk-tab-label-list .bk-tab-label-item.active{color:#3a84ff;cursor:default}.bk-tab-label-wrapper .bk-tab-label-list .bk-tab-label-item.is-disabled{color:#c4c6cc;cursor:not-allowed}.bk-tab-label-wrapper .bk-tab-label-list .bk-tab-label-item.is-dragging{cursor:move;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.bk-tab-label-wrapper .bk-tab-label-list .bk-tab-label-item.is-dragenter{background:#f0f1f5}.bk-tab-label-wrapper .bk-tab-label-list .bk-tab-label-item.is-unsortable{cursor:not-allowed;background:none}.bk-tab-label-wrapper .bk-tab-label-list .bk-tab-label-item.has-close:hover{padding:0 10px}.bk-tab-label-wrapper .bk-tab-label-list .bk-tab-label-item.has-close:hover .bk-tab-close-controller{margin:0 0 0 6px;width:14px}.bk-tab-label-wrapper .bk-tab-label-list .bk-tab-label-item .bk-tab-label{font-size:14px;display:inline-block;vertical-align:middle}.bk-tab-label-wrapper .bk-tab-label-list .bk-tab-label-item .bk-tab-close-controller{position:relative;display:inline-block;vertical-align:middle;width:0;height:14px;border-radius:50%;background-color:#c4c6cc;overflow:hidden;cursor:pointer}.bk-tab-label-wrapper .bk-tab-label-list .bk-tab-label-item .bk-tab-close-controller:after,.bk-tab-label-wrapper .bk-tab-label-list .bk-tab-label-item .bk-tab-close-controller:before{content:"";position:absolute;top:6px;left:3px;width:8px;height:1px;background-color:#fff}.bk-tab-label-wrapper .bk-tab-label-list .bk-tab-label-item .bk-tab-close-controller:before{-webkit-transform:translateY(.5px) rotate(45deg);transform:translateY(.5px) rotate(45deg)}.bk-tab-label-wrapper .bk-tab-label-list .bk-tab-label-item .bk-tab-close-controller:after{-webkit-transform:translateY(.5px) rotate(-45deg);transform:translateY(.5px) rotate(-45deg)}.bk-tab-label-wrapper .bk-tab-label-list .bk-tab-label-item .bk-tab-close-controller:hover{background-color:#979ba5}.bk-tab-header-setting{float:right;height:42px;line-height:42px}.bk-tab-section{padding:20px;border:1px solid #dcdee5;border-top:none;border-radius:0 0 2px 2px}
+.bk-tab{border-radius:2px}.bk-tab.bk-tab-border-card>.bk-tab-header{height:43px;border:1px solid #dcdee5;border-bottom:none;background-color:#fafbfd;border-radius:2px 2px 0 0}.bk-tab.bk-tab-border-card>.bk-tab-header>.bk-tab-label-wrapper>.bk-tab-label-list>.bk-tab-label-item.active{background-color:#fff}.bk-tab.bk-tab-card .bk-tab-label-wrapper.has-add .bk-tab-label-list{border-radius:2px 0 0 0}.bk-tab.bk-tab-card .bk-tab-label-wrapper.has-scroller .bk-tab-label-list{border-radius:0}.bk-tab.bk-tab-card .bk-tab-label-list{border-top:1px solid #dcdee5;border-radius:2px 2px 0 0}.bk-tab.bk-tab-card .bk-tab-label-list .bk-tab-label-item.is-first{border-left:1px solid #dcdee5}.bk-tab.bk-tab-card .bk-tab-scroll-controller{border-top:1px solid #dcdee5}.bk-tab.bk-tab-card .bk-tab-scroll-controller.prev{border-left:1px solid #dcdee5}.bk-tab.bk-tab-card .bk-tab-scroll-controller.prev.disabled{border-right:none}.bk-tab.bk-tab-card .bk-tab-add-controller,.bk-tab.bk-tab-card .bk-tab-extension-controller{border-top:1px solid #dcdee5;background-color:#fff}.bk-tab.bk-tab-card>.bk-tab-header>.bk-tab-label-wrapper>.bk-tab-label-list>.bk-tab-label-item.active{background-color:#fff}.bk-tab-label-list-has-bar:after{content:"";position:absolute;bottom:var(--activeBarBottom);top:var(----activeBarTop);left:var(--activeBarLeft);height:var(--activeBarHeight);width:var(--activeBarWidth);-webkit-transform:var(--activeBarTransform);transform:var(--activeBarTransform);background:#3a84ff;-webkit-transition:-webkit-transform .3s cubic-bezier(.645,.045,.355,1);transition:-webkit-transform .3s cubic-bezier(.645,.045,.355,1);transition:transform .3s cubic-bezier(.645,.045,.355,1);transition:transform .3s cubic-bezier(.645,.045,.355,1),-webkit-transform .3s cubic-bezier(.645,.045,.355,1)}.bk-tab.bk-tab-unborder-card .bk-tab-label-list{border-top:none}.bk-tab.bk-tab-unborder-card .bk-tab-label-wrapper.has-scroller.has-add .bk-tab-add-controller,.bk-tab.bk-tab-unborder-card .bk-tab-label-wrapper.has-scroller.has-add .bk-tab-extension-controller{border-left:none}.bk-tab.bk-tab-unborder-card .bk-tab-label-wrapper .bk-tab-add-controller,.bk-tab.bk-tab-unborder-card .bk-tab-label-wrapper .bk-tab-extension-controller,.bk-tab.bk-tab-unborder-card .bk-tab-label-wrapper .bk-tab-scroll-controller{border:none;border-bottom:1px solid #dcdee5;background-color:#fff}.bk-tab.bk-tab-unborder-card .bk-tab-label-wrapper .bk-tab-label-list .bk-tab-label-item{border:none!important}.bk-tab.bk-tab-unborder-card .bk-tab-section{border:none}.position-left,.position-right{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;min-height:225px}.position-left.position-right,.position-right.position-right{-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}.position-left.position-right .bk-tab-header,.position-right.position-right .bk-tab-header{border-right:none;right:0}.position-left.position-right .bk-tab-header:after,.position-left.position-right .bk-tab-header:before,.position-right.position-right .bk-tab-header:after,.position-right.position-right .bk-tab-header:before{left:0;right:calc(100% - 1px)}.position-left.position-right .bk-tab-label-wrapper:after,.position-right.position-right .bk-tab-label-wrapper:after{border-right:none;border-left:1px solid #dcdee5}.position-left.position-right .bk-tab-label-wrapper .bk-tab-label-list .bk-tab-label-item,.position-right.position-right .bk-tab-label-wrapper .bk-tab-label-list .bk-tab-label-item{text-align:left;border-right:none;border-left:1px solid #dcdee5}.position-left .bk-tab-header,.position-right .bk-tab-header{height:auto;background:#fff;padding:10px 0}.position-left .bk-tab-header:after,.position-left .bk-tab-header:before,.position-right .bk-tab-header:after,.position-right .bk-tab-header:before{content:"";position:absolute;height:10px;width:1px;right:0;top:0;background:#dcdee5}.position-left .bk-tab-header:after,.position-right .bk-tab-header:after{top:calc(100% - 10px);bottom:0}.position-left .bk-tab-label-wrapper,.position-right .bk-tab-label-wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;overflow-y:auto;overflow-y:overlay}.position-left .bk-tab-label-wrapper:after,.position-right .bk-tab-label-wrapper:after{content:"";-webkit-box-flex:1;-ms-flex:1;flex:1;border-right:1px solid #dcdee5}.position-left .bk-tab-label-wrapper.has-scroller.has-add ..bk-tab-extension-controller,.position-left .bk-tab-label-wrapper.has-scroller.has-add .bk-tab-add-controller,.position-right .bk-tab-label-wrapper.has-scroller.has-add ..bk-tab-extension-controller,.position-right .bk-tab-label-wrapper.has-scroller.has-add .bk-tab-add-controller{border-left:none}.position-left .bk-tab-label-wrapper .bk-tab-label-list,.position-right .bk-tab-label-wrapper .bk-tab-label-list{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;height:auto}.position-left .bk-tab-label-wrapper .bk-tab-label-list .bk-tab-label-item,.position-right .bk-tab-label-wrapper .bk-tab-label-list .bk-tab-label-item{border-right:1px solid #dcdee5;padding:0 12px;margin:0;text-align:right;position:relative}.position-left .bk-tab-section,.position-right .bk-tab-section{border:none;padding:10px 20px;-webkit-box-flex:1;-ms-flex:1;flex:1}.position-left .bk-tab-section .bk-tab-content,.position-right .bk-tab-section .bk-tab-content{word-break:break-all}.bk-tab-header{position:relative;height:42px;color:#63656e;background-image:linear-gradient(transparent 41px,#dcdee5 0)}.bk-tab-label-wrapper{position:relative;height:100%;font-size:0;overflow:hidden}.bk-tab-label-wrapper.has-add .bk-tab-label-list .bk-tab-label-item.has-close{-webkit-transition:color .3s cubic-bezier(.645,.045,.355,1),padding .3s cubic-bezier(.645,.045,.355,1);transition:color .3s cubic-bezier(.645,.045,.355,1),padding .3s cubic-bezier(.645,.045,.355,1)}.bk-tab-label-wrapper.has-add .bk-tab-label-list .bk-tab-label-item.has-close:hover{padding:0 11px}.bk-tab-label-wrapper.has-add .bk-tab-label-list .bk-tab-label-item.has-close .bk-tab-close-controller{-webkit-transition:all .3s cubic-bezier(.645,.045,.355,1);transition:all .3s cubic-bezier(.645,.045,.355,1)}.bk-tab-label-wrapper.has-scroller{padding:0 24px}.bk-tab-label-wrapper.has-scroller .bk-tab-label-list .bk-tab-label-item.is-last{border-right:none}.bk-tab-label-wrapper.has-scroller.has-add{padding:0 66px 0 24px}.bk-tab-label-wrapper.has-scroller.has-add .bk-tab-add-controller{position:absolute;top:0;right:0;border-bottom:1px solid #dcdee5;border-left:1px solid #dcdee5}.bk-tab-label-wrapper.has-scroller.has-add .bk-tab-add-controller.next-right{right:24px;-webkit-box-shadow:-10px 0 10px rgba(0,0,0,.05);box-shadow:-10px 0 10px rgba(0,0,0,.05);border-right:0}.bk-tab-label-wrapper.has-scroller.has-add.has-extension .bk-tab-extension-controller{position:absolute;top:0;right:42px;border-left:1px solid #dcdee5}.bk-tab-label-wrapper.has-scroller.has-add.has-extension .bk-tab-add-controller{border-left-width:0}.bk-tab-label-wrapper.has-scroller.has-add.has-extension .bk-tab-scroll-controller.next{right:84px!important}.bk-tab-label-wrapper.has-scroller.has-add .bk-tab-scroll-controller.next{right:42px}.bk-tab-label-wrapper.has-scroller.has-add .bk-tab-add-custom{position:absolute;top:0;right:0;border-left:1px solid #dcdee5}.bk-tab-label-wrapper.has-scroller.has-add .bk-tab-add-custom.next-right{right:24px;border-left:1px solid #dcdee5;-webkit-box-shadow:-10px 0 10px rgba(0,0,0,.05);box-shadow:-10px 0 10px rgba(0,0,0,.05)}.bk-tab-label-wrapper.has-scroller.has-extension:not(.has-add) .bk-tab-extension-controller{position:absolute;top:0;right:0;border-bottom:1px solid #dcdee5;border-left:1px solid #dcdee5}.bk-tab-label-wrapper.has-scroller.has-extension:not(.has-add) .bk-tab-scroll-controller.next{right:42px}.bk-tab-label-wrapper .bk-tab-add-controller,.bk-tab-label-wrapper .bk-tab-extension-controller{display:inline-block;vertical-align:middle;width:42px;height:42px;border-right:1px solid #dcdee5;border-bottom:1px solid #dcdee5;line-height:41px;text-align:center;font-size:22px;background-color:#fafbfd;cursor:pointer;z-index:2}.bk-tab-label-wrapper .bk-tab-add-controller:hover,.bk-tab-label-wrapper .bk-tab-extension-controller:hover{color:#3a84ff}.bk-tab-label-wrapper .bk-tab-add-controller.left-border,.bk-tab-label-wrapper .bk-tab-extension-controller.left-border{border-left:1px solid #dcdee5}.bk-tab-label-wrapper .bk-tab-add-custom{display:inline-block;position:relative;font-size:22px;z-index:2;vertical-align:middle;opacity:1;background-color:#fafbfd;border-bottom:1px solid #dcdee5}.bk-tab-label-wrapper .bk-tab-scroll-controller{position:absolute;top:0;width:24px;height:42px;border-bottom:1px solid #dcdee5;line-height:41px;text-align:center;font-size:22px;background-color:#fafbfd;-webkit-box-shadow:0 0 20px rgba(0,0,0,.2);box-shadow:0 0 20px rgba(0,0,0,.2);cursor:pointer;z-index:1}.bk-tab-label-wrapper .bk-tab-scroll-controller.prev{left:0;border-right:1px solid #dcdee5;border-radius:2px 0 0 0}.bk-tab-label-wrapper .bk-tab-scroll-controller.next{right:0;border-left:1px solid #dcdee5}.bk-tab-label-wrapper .bk-tab-scroll-controller.add{width:42px;right:24px;-webkit-box-shadow:none;box-shadow:none;border-right:1px solid #dcdee5;border-left:1px solid #dcdee5}.bk-tab-label-wrapper .bk-tab-scroll-controller:hover{color:#3a84ff}.bk-tab-label-wrapper .bk-tab-scroll-controller.disabled{-webkit-box-shadow:none;box-shadow:none;cursor:not-allowed;color:#c4c6cc}.bk-tab-label-wrapper .bk-tab-label-list{display:inline-block;height:42px;vertical-align:middle;padding:0;margin:0;font-size:0;list-style:none;white-space:nowrap;-webkit-transition:-webkit-transform .3s;transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s,-webkit-transform .3s}.bk-tab-label-wrapper .bk-tab-label-list .bk-tab-label-item{position:relative;display:inline-block;vertical-align:middle;min-width:100px;padding:0 18px;border-right:1px solid #dcdee5;text-align:center;line-height:42px;cursor:pointer}.bk-tab-label-wrapper .bk-tab-label-list .bk-tab-label-item:not(.is-disabled):hover{color:#3a84ff}.bk-tab-label-wrapper .bk-tab-label-list .bk-tab-label-item.simulate-border-bottom{padding:0 10px}.bk-tab-label-wrapper .bk-tab-label-list .bk-tab-label-item.simulate-border-bottom .bk-tab-label{-webkit-box-shadow:inset 0 -4px 0 -2px #3a84ff!important;box-shadow:inset 0 -4px 0 -2px #3a84ff!important;padding:0 8px}.bk-tab-label-wrapper .bk-tab-label-list .bk-tab-label-item.simulate-border-right{border-right:2px solid #3a84ff;padding-right:11px}.bk-tab-label-wrapper .bk-tab-label-list .bk-tab-label-item.active{color:#3a84ff;cursor:default}.bk-tab-label-wrapper .bk-tab-label-list .bk-tab-label-item.is-disabled{color:#c4c6cc;cursor:not-allowed}.bk-tab-label-wrapper .bk-tab-label-list .bk-tab-label-item.is-dragging{cursor:move;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.bk-tab-label-wrapper .bk-tab-label-list .bk-tab-label-item.is-dragenter{background:#f0f1f5}.bk-tab-label-wrapper .bk-tab-label-list .bk-tab-label-item.is-unsortable{cursor:not-allowed;background:none}.bk-tab-label-wrapper .bk-tab-label-list .bk-tab-label-item.has-close:hover{padding:0 10px}.bk-tab-label-wrapper .bk-tab-label-list .bk-tab-label-item.has-close:hover .bk-tab-close-controller{margin:0 0 0 6px;width:14px}.bk-tab-label-wrapper .bk-tab-label-list .bk-tab-label-item .bk-tab-label{font-size:14px;display:inline-block;vertical-align:middle}.bk-tab-label-wrapper .bk-tab-label-list .bk-tab-label-item .bk-tab-close-controller{position:relative;display:inline-block;vertical-align:middle;width:0;height:14px;border-radius:50%;background-color:#c4c6cc;overflow:hidden;cursor:pointer}.bk-tab-label-wrapper .bk-tab-label-list .bk-tab-label-item .bk-tab-close-controller:after,.bk-tab-label-wrapper .bk-tab-label-list .bk-tab-label-item .bk-tab-close-controller:before{content:"";position:absolute;top:6px;left:3px;width:8px;height:1px;background-color:#fff}.bk-tab-label-wrapper .bk-tab-label-list .bk-tab-label-item .bk-tab-close-controller:before{-webkit-transform:translateY(.5px) rotate(45deg);transform:translateY(.5px) rotate(45deg)}.bk-tab-label-wrapper .bk-tab-label-list .bk-tab-label-item .bk-tab-close-controller:after{-webkit-transform:translateY(.5px) rotate(-45deg);transform:translateY(.5px) rotate(-45deg)}.bk-tab-label-wrapper .bk-tab-label-list .bk-tab-label-item .bk-tab-close-controller:hover{background-color:#979ba5}.bk-tab-header-setting{float:right;height:42px;line-height:42px}.bk-tab-section{padding:20px;border:1px solid #dcdee5;border-top:none;border-radius:0 0 2px 2px}
 /*# sourceMappingURL=tab.min.css.map */