bk-magic-vue 2.4.4 → 2.4.7

package/lib/ui/image-viewer.css

@@ -39,6 +39,7 @@
             -ms-flex-align:center;
                 align-items:center;
         color:#c4c6cc;
+        background:rgba(0,0,0,0.70);
     }
 
 .bk-image-viewer-header > div{
@@ -62,7 +63,10 @@
             -webkit-box-pack:end;
                 -ms-flex-pack:end;
                     justify-content:flex-end;
-            height:100%;
+        }
+
+.bk-image-viewer-header .quit-tips{
+            font-size:14px;
             color:#979ba5;
         }
 
@@ -96,15 +100,18 @@
         }
 
 .bk-image-viewer-close{
-        width:80px;
-        height:80px;
-        line-height:80px;
+        height:52px;
+        line-height:48px;
         text-align:center;
-        font-size:50px;
-        color:#fff;
-        cursor:pointer;
+        font-size:32px;
+        color:#C4C6CC;
+        cursor:pointer
     }
 
+.bk-image-viewer-close:hover{
+            color:#fff;
+        }
+
 .bk-image-viewer-canvas{
         width:100%;
         height:100%;
@@ -183,7 +190,6 @@
         height:80px;
         font-size:40px;
         cursor:pointer;
-    //background:rgb(76,76,76);
     }
 
 .bk-image-viewer-prev{

package/lib/ui/image-viewer.min.css

@@ -1,2 +1,2 @@
-.bk-image-viewer-wrapper{position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,.6);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.bk-image-viewer-mask{position:absolute;top:0;right:0;bottom:0;left:0}.bk-image-viewer-header{position:absolute;top:0;left:0;z-index:9;width:100%;height:52px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:#c4c6cc}.bk-image-viewer-header>div{-webkit-box-flex:1;-ms-flex:1;flex:1;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:14px;padding:0 25px}.bk-image-viewer-header .quit-box{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;height:100%;color:#979ba5}.bk-image-viewer-btn,.bk-image-viewer-header .quit-box{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.bk-image-viewer-btn{position:absolute;z-index:1;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;border-radius:50%;opacity:.8;-webkit-box-sizing:border-box;box-sizing:border-box;background-color:rgba(0,0,0,.3);color:#dcdee5;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.bk-image-viewer-btn:hover{background-color:rgba(0,0,0,.4);color:#fff}.bk-image-viewer-close{width:80px;height:80px;line-height:80px;text-align:center;font-size:50px;color:#fff;cursor:pointer}.bk-image-viewer-canvas{width:100%;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.bk-image-viewer-has-header{padding-top:52px}.bk-image-viewer-error{text-align:center;font-size:14px;color:#313238}.bk-image-viewer-error .bk-icon{font-size:85px;line-height:1;margin-bottom:15px}.bk-image-viewer-actions{left:50%;bottom:30px;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:282px;height:44px;padding:0 23px;background-color:rgba(0,0,0,.4);border-color:#fff;border-radius:22px}.bk-image-viewer-actions:hover{background:rgba(0,0,0,.5)}.bk-image-viewer-actions-inner{width:100%;height:100%;text-align:justify;font-size:23px;color:#c4c6cc;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-pack:distribute;justify-content:space-around}.bk-image-viewer-actions-inner .bk-icon{cursor:pointer}.bk-image-viewer-actions-inner .bk-icon:hover{color:#fff}.bk-image-viewer-next,.bk-image-viewer-prev{top:50%;width:80px;height:80px;font-size:40px;cursor:pointer;//background:#4c4c4c}.bk-image-viewer-prev{left:40px}.bk-image-viewer-next,.bk-image-viewer-prev{-webkit-transform:translateY(-50%);transform:translateY(-50%)}.bk-image-viewer-next{right:40px;text-indent:2px}
+.bk-image-viewer-wrapper{position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,.6);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.bk-image-viewer-mask{position:absolute;top:0;right:0;bottom:0;left:0}.bk-image-viewer-header{position:absolute;top:0;left:0;z-index:9;width:100%;height:52px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:#c4c6cc;background:rgba(0,0,0,.7)}.bk-image-viewer-header>div{-webkit-box-flex:1;-ms-flex:1;flex:1;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:14px;padding:0 25px}.bk-image-viewer-header .quit-box{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.bk-image-viewer-header .quit-tips{font-size:14px;color:#979ba5}.bk-image-viewer-btn{position:absolute;z-index:1;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;border-radius:50%;opacity:.8;-webkit-box-sizing:border-box;box-sizing:border-box;background-color:rgba(0,0,0,.3);color:#dcdee5;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.bk-image-viewer-btn:hover{background-color:rgba(0,0,0,.4);color:#fff}.bk-image-viewer-close{height:52px;line-height:48px;text-align:center;font-size:32px;color:#c4c6cc;cursor:pointer}.bk-image-viewer-close:hover{color:#fff}.bk-image-viewer-canvas{width:100%;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.bk-image-viewer-has-header{padding-top:52px}.bk-image-viewer-error{text-align:center;font-size:14px;color:#313238}.bk-image-viewer-error .bk-icon{font-size:85px;line-height:1;margin-bottom:15px}.bk-image-viewer-actions{left:50%;bottom:30px;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:282px;height:44px;padding:0 23px;background-color:rgba(0,0,0,.4);border-color:#fff;border-radius:22px}.bk-image-viewer-actions:hover{background:rgba(0,0,0,.5)}.bk-image-viewer-actions-inner{width:100%;height:100%;text-align:justify;font-size:23px;color:#c4c6cc;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-pack:distribute;justify-content:space-around}.bk-image-viewer-actions-inner .bk-icon{cursor:pointer}.bk-image-viewer-actions-inner .bk-icon:hover{color:#fff}.bk-image-viewer-next,.bk-image-viewer-prev{top:50%;width:80px;height:80px;font-size:40px;cursor:pointer}.bk-image-viewer-prev{left:40px}.bk-image-viewer-next,.bk-image-viewer-prev{-webkit-transform:translateY(-50%);transform:translateY(-50%)}.bk-image-viewer-next{right:40px;text-indent:2px}
 /*# sourceMappingURL=image-viewer.min.css.map */

package/lib/ui/image-viewer.min.css.map

@@ -1 +1 @@
-{"version":3,"sources":["image-viewer.css"],"names":[],"mappings":"AAOI,yBACI,cAAe,CACf,KAAM,CACN,OAAQ,CACR,QAAS,CACT,MAAO,CACP,yBAA6B,CAC7B,mBAAa,CAAb,mBAAa,CAAb,YAAa,CACb,2BAAsB,CAAtB,4BAAsB,CAAtB,yBAAsB,CAAtB,qBACJ,CACA,sBACI,iBAAkB,CAClB,KAAM,CACN,OAAQ,CACR,QAAS,CACT,MACJ,CAEA,wBACI,iBAAkB,CAClB,KAAM,CACN,MAAO,CACP,SAAU,CACV,UAAW,CACX,WAAY,CACZ,mBAAa,CAAb,mBAAa,CAAb,YAAa,CACb,wBAA8B,CAA9B,qBAA8B,CAA9B,6BAA8B,CAC9B,wBAAmB,CAAnB,qBAAmB,CAAnB,kBAAmB,CACnB,aAkBJ,CAhBI,4BACI,kBAAO,CAAP,UAAO,CAAP,MAAO,CACP,eAAgB,CAChB,kBAAmB,CACnB,sBAAuB,CACvB,cAAe,CACf,cACJ,CAEA,kCAGI,oBAAyB,CAAzB,iBAAyB,CAAzB,wBAAyB,CACzB,WAAY,CACZ,aACJ,CAGJ,uDARQ,mBAAa,CAAb,mBAAa,CAAb,YAAa,CACb,wBAAmB,CAAnB,qBAAmB,CAAnB,kBAwBR,CAjBA,qBACI,iBAAkB,CAClB,SAAU,CAGV,uBAAuB,CAAvB,oBAAuB,CAAvB,sBAAuB,CACvB,iBAAkB,CAClB,UAAW,CACX,6BAAsB,CAAtB,qBAAsB,CACtB,+BAAmC,CACnC,aAAc,CACd,wBAAiB,CAAjB,qBAAiB,CAAjB,oBAAiB,CAAjB,gBAMJ,CAJI,2BACI,+BAAmC,CACnC,UACJ,CAGJ,uBACI,UAAW,CACX,WAAY,CACZ,gBAAiB,CACjB,iBAAkB,CAClB,cAAe,CACf,UAAyB,CACzB,cACJ,CAEA,wBACI,UAAW,CACX,WAAY,CACZ,mBAAa,CAAb,mBAAa,CAAb,YAAa,CACb,uBAAuB,CAAvB,oBAAuB,CAAvB,sBAAuB,CACvB,wBAAkB,CAAlB,qBAAkB,CAAlB,kBACJ,CAEA,4BACI,gBACJ,CAEA,uBACI,iBAAkB,CAClB,cAAe,CACf,aAOJ,CALI,gCACI,cAAe,CACf,aAAc,CACd,kBACJ,CAGJ,yBACI,QAAS,CACT,WAAY,CACZ,kCAA2B,CAA3B,0BAA2B,CAC3B,WAAY,CACZ,WAAY,CACZ,cAAe,CACf,+BAAiC,CACjC,iBAAgC,CAChC,kBAwBJ,CAvBI,+BACI,yBACJ,CAEA,+BACI,UAAW,CACX,WAAY,CACZ,kBAAmB,CACnB,cAAe,CACf,aAAwB,CACxB,mBAAa,CAAb,mBAAa,CAAb,YAAa,CACb,wBAAmB,CAAnB,qBAAmB,CAAnB,kBAAmB,CACnB,wBAA6B,CAA7B,4BAUJ,CARI,wCACI,cAKJ,CAHI,8CACI,UACJ,CAMZ,4CACI,OAAQ,CACR,UAAW,CACX,WAAY,CACZ,cAAe,CACf,cAAe,CACnB,oBACA,CAEA,sBAGI,SACJ,CAEA,4CALI,kCAAmC,CACnC,0BASJ,CALA,sBAGI,UAAW,CACX,eACJ","file":"image-viewer.min.css","sourcesContent":["@import './variable.css';\n\n$imgWrapTextColor:$newGreyColor;\n$tipsColor:$newBlackColor3;\n\n\n.bk-image-viewer {\n    &-wrapper {\n        position: fixed;\n        top: 0;\n        right: 0;\n        bottom: 0;\n        left: 0;\n        background: rgba(0, 0, 0, .6);\n        display: flex;\n        flex-direction: column;\n    }\n    &-mask{\n        position: absolute;\n        top: 0;\n        right: 0;\n        bottom: 0;\n        left: 0;\n    }\n\n    &-header {\n        position: absolute;\n        top: 0;\n        left: 0;\n        z-index: 9;\n        width: 100%;\n        height: 52px;\n        display: flex;\n        justify-content: space-between;\n        align-items: center;\n        color: $imgWrapTextColor;\n\n        > div {\n            flex: 1;\n            overflow: hidden;\n            white-space: nowrap;\n            text-overflow: ellipsis;\n            font-size: 14px;\n            padding: 0 25px;\n        }\n\n        .quit-box {\n            display: flex;\n            align-items: center;\n            justify-content: flex-end;\n            height: 100%;\n            color: $tipsColor;\n        }\n    }\n\n    &-btn {\n        position: absolute;\n        z-index: 1;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        border-radius: 50%;\n        opacity: .8;\n        box-sizing: border-box;\n        background-color: rgba(0, 0, 0, .3);\n        color: #DCDEE5;\n        user-select: none;\n\n        &:hover {\n            background-color: rgba(0, 0, 0, .4);\n            color: $defaultColor;\n        }\n    }\n\n    &-close {\n        width: 80px;\n        height: 80px;\n        line-height: 80px;\n        text-align: center;\n        font-size: 50px;\n        color: $defaultLightColor;\n        cursor: pointer;\n    }\n\n    &-canvas {\n        width: 100%;\n        height: 100%;\n        display: flex;\n        justify-content: center;\n        align-items: center\n    }\n\n    &-has-header {\n        padding-top: 52px;\n    }\n\n    &-error {\n        text-align: center;\n        font-size: 14px;\n        color: $newBlackColor1;\n\n        .bk-icon {\n            font-size: 85px;\n            line-height: 1;\n            margin-bottom: 15px;\n        }\n    }\n\n    &-actions {\n        left: 50%;\n        bottom: 30px;\n        transform: translateX(-50%);\n        width: 282px;\n        height: 44px;\n        padding: 0 23px;\n        background-color: $newBlackColor4;\n        border-color: $defaultLightColor;\n        border-radius: 22px;\n        &:hover{\n            background: rgba(0,0,0,.5);\n        }\n\n        &-inner {\n            width: 100%;\n            height: 100%;\n            text-align: justify;\n            font-size: 23px;\n            color: $imgWrapTextColor;\n            display: flex;\n            align-items: center;\n            justify-content: space-around;\n\n            .bk-icon {\n                cursor: pointer;\n\n                &:hover {\n                    color: $defaultLightColor;\n                }\n            }\n\n        }\n    }\n\n    &-next, &-prev {\n        top: 50%;\n        width: 80px;\n        height: 80px;\n        font-size: 40px;\n        cursor: pointer;\n    //background: rgb(76,76,76);\n    }\n\n    &-prev {\n        -webkit-transform: translateY(-50%);\n        transform: translateY(-50%);\n        left: 40px\n    }\n\n    &-next {\n        -webkit-transform: translateY(-50%);\n        transform: translateY(-50%);\n        right: 40px;\n        text-indent: 2px\n    }\n}\n"]}
+{"version":3,"sources":["image-viewer.css"],"names":[],"mappings":"AAOI,yBACI,cAAe,CACf,KAAM,CACN,OAAQ,CACR,QAAS,CACT,MAAO,CACP,yBAA6B,CAC7B,mBAAa,CAAb,mBAAa,CAAb,YAAa,CACb,2BAAsB,CAAtB,4BAAsB,CAAtB,yBAAsB,CAAtB,qBACJ,CACA,sBACI,iBAAkB,CAClB,KAAM,CACN,OAAQ,CACR,QAAS,CACT,MACJ,CAEA,wBACI,iBAAkB,CAClB,KAAM,CACN,MAAO,CACP,SAAU,CACV,UAAW,CACX,WAAY,CACZ,mBAAa,CAAb,mBAAa,CAAb,YAAa,CACb,wBAA8B,CAA9B,qBAA8B,CAA9B,6BAA8B,CAC9B,wBAAmB,CAAnB,qBAAmB,CAAnB,kBAAmB,CACnB,aAAwB,CACxB,yBAmBJ,CAlBI,4BACI,kBAAO,CAAP,UAAO,CAAP,MAAO,CACP,eAAgB,CAChB,kBAAmB,CACnB,sBAAuB,CACvB,cAAe,CACf,cACJ,CAEA,kCACI,mBAAa,CAAb,mBAAa,CAAb,YAAa,CACb,wBAAmB,CAAnB,qBAAmB,CAAnB,kBAAmB,CACnB,oBAAyB,CAAzB,iBAAyB,CAAzB,wBACJ,CACA,mCACI,cAAe,CACf,aACJ,CAGJ,qBACI,iBAAkB,CAClB,SAAU,CACV,mBAAa,CAAb,mBAAa,CAAb,YAAa,CACb,wBAAmB,CAAnB,qBAAmB,CAAnB,kBAAmB,CACnB,uBAAuB,CAAvB,oBAAuB,CAAvB,sBAAuB,CACvB,iBAAkB,CAClB,UAAW,CACX,6BAAsB,CAAtB,qBAAsB,CACtB,+BAAmC,CACnC,aAAc,CACd,wBAAiB,CAAjB,qBAAiB,CAAjB,oBAAiB,CAAjB,gBAMJ,CAJI,2BACI,+BAAmC,CACnC,UACJ,CAGJ,uBACI,WAAY,CACZ,gBAAiB,CACjB,iBAAkB,CAClB,cAAe,CACf,aAAc,CACd,cAIJ,CAHI,6BACI,UACJ,CAGJ,wBACI,UAAW,CACX,WAAY,CACZ,mBAAa,CAAb,mBAAa,CAAb,YAAa,CACb,uBAAuB,CAAvB,oBAAuB,CAAvB,sBAAuB,CACvB,wBAAkB,CAAlB,qBAAkB,CAAlB,kBACJ,CAEA,4BACI,gBACJ,CAEA,uBACI,iBAAkB,CAClB,cAAe,CACf,aAOJ,CALI,gCACI,cAAe,CACf,aAAc,CACd,kBACJ,CAGJ,yBACI,QAAS,CACT,WAAY,CACZ,kCAA2B,CAA3B,0BAA2B,CAC3B,WAAY,CACZ,WAAY,CACZ,cAAe,CACf,+BAAiC,CACjC,iBAAgC,CAChC,kBAwBJ,CAvBI,+BACI,yBACJ,CAEA,+BACI,UAAW,CACX,WAAY,CACZ,kBAAmB,CACnB,cAAe,CACf,aAAwB,CACxB,mBAAa,CAAb,mBAAa,CAAb,YAAa,CACb,wBAAmB,CAAnB,qBAAmB,CAAnB,kBAAmB,CACnB,wBAA6B,CAA7B,4BAUJ,CARI,wCACI,cAKJ,CAHI,8CACI,UACJ,CAMZ,4CACI,OAAQ,CACR,UAAW,CACX,WAAY,CACZ,cAAe,CACf,cACJ,CAEA,sBAGI,SACJ,CAEA,4CALI,kCAAmC,CACnC,0BASJ,CALA,sBAGI,UAAW,CACX,eACJ","file":"image-viewer.min.css","sourcesContent":["@import './variable.css';\n\n$imgWrapTextColor:$newGreyColor;\n$tipsColor:$newBlackColor3;\n\n\n.bk-image-viewer {\n    &-wrapper {\n        position: fixed;\n        top: 0;\n        right: 0;\n        bottom: 0;\n        left: 0;\n        background: rgba(0, 0, 0, .6);\n        display: flex;\n        flex-direction: column;\n    }\n    &-mask{\n        position: absolute;\n        top: 0;\n        right: 0;\n        bottom: 0;\n        left: 0;\n    }\n\n    &-header {\n        position: absolute;\n        top: 0;\n        left: 0;\n        z-index: 9;\n        width: 100%;\n        height: 52px;\n        display: flex;\n        justify-content: space-between;\n        align-items: center;\n        color: $imgWrapTextColor;\n        background: rgba(0,0,0,0.70);\n        > div {\n            flex: 1;\n            overflow: hidden;\n            white-space: nowrap;\n            text-overflow: ellipsis;\n            font-size: 14px;\n            padding: 0 25px;\n        }\n\n        .quit-box {\n            display: flex;\n            align-items: center;\n            justify-content: flex-end;\n        }\n        .quit-tips{\n            font-size: 14px;\n            color: $tipsColor;\n        }\n    }\n\n    &-btn {\n        position: absolute;\n        z-index: 1;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        border-radius: 50%;\n        opacity: .8;\n        box-sizing: border-box;\n        background-color: rgba(0, 0, 0, .3);\n        color: #DCDEE5;\n        user-select: none;\n\n        &:hover {\n            background-color: rgba(0, 0, 0, .4);\n            color: $defaultColor;\n        }\n    }\n\n    &-close {\n        height: 52px;\n        line-height: 48px;\n        text-align: center;\n        font-size: 32px;\n        color: #C4C6CC;\n        cursor: pointer;\n        &:hover{\n            color: #fff;\n        }\n    }\n\n    &-canvas {\n        width: 100%;\n        height: 100%;\n        display: flex;\n        justify-content: center;\n        align-items: center\n    }\n\n    &-has-header {\n        padding-top: 52px;\n    }\n\n    &-error {\n        text-align: center;\n        font-size: 14px;\n        color: $newBlackColor1;\n\n        .bk-icon {\n            font-size: 85px;\n            line-height: 1;\n            margin-bottom: 15px;\n        }\n    }\n\n    &-actions {\n        left: 50%;\n        bottom: 30px;\n        transform: translateX(-50%);\n        width: 282px;\n        height: 44px;\n        padding: 0 23px;\n        background-color: $newBlackColor4;\n        border-color: $defaultLightColor;\n        border-radius: 22px;\n        &:hover{\n            background: rgba(0,0,0,.5);\n        }\n\n        &-inner {\n            width: 100%;\n            height: 100%;\n            text-align: justify;\n            font-size: 23px;\n            color: $imgWrapTextColor;\n            display: flex;\n            align-items: center;\n            justify-content: space-around;\n\n            .bk-icon {\n                cursor: pointer;\n\n                &:hover {\n                    color: $defaultLightColor;\n                }\n            }\n\n        }\n    }\n\n    &-next, &-prev {\n        top: 50%;\n        width: 80px;\n        height: 80px;\n        font-size: 40px;\n        cursor: pointer;\n    }\n\n    &-prev {\n        -webkit-transform: translateY(-50%);\n        transform: translateY(-50%);\n        left: 40px\n    }\n\n    &-next {\n        -webkit-transform: translateY(-50%);\n        transform: translateY(-50%);\n        right: 40px;\n        text-indent: 2px\n    }\n}\n"]}

package/lib/ui/pagination.css

@@ -1,5 +1,6 @@
 .bk-page{
     overflow:hidden;
+    white-space:normal;
 }
 
 .bk-page .icon-angle-right, .bk-page .icon-angle-left{

package/lib/ui/pagination.min.css

@@ -1,2 +1,2 @@
-.bk-page{overflow:hidden}.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-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}
 /*# 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    .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-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"]}

package/lib/ui/select.css

@@ -162,6 +162,7 @@
     }
 
 .bk-select .bk-select-name{
+        width:100%;
         height:30px;
         padding:0 36px 0 10px;
         display:block;
@@ -169,8 +170,16 @@
         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:hover,.bk-select .bk-select-name:active{
+           outline:none;
+        }
+
 .bk-select .bk-tooltip.bk-select-dropdown{
         display:block
     }
@@ -571,3 +580,13 @@
             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;
+}

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{height:30px;padding:0 36px 0 10px;display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.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}
+: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}
 /*# 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        height: 30px;\n        padding: 0 36px 0 10px;\n        @mixin ellipsis 100%, block;\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\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 * @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":"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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"]}

package/lib/ui/table.css

@@ -1,4 +1,5 @@
 .bk-table{
+    white-space:normal;
     position:relative;
     overflow:hidden;
     -webkit-box-sizing:border-box;
@@ -105,6 +106,7 @@
 .bk-table th.is-leaf,
     .bk-table td{
         border-bottom:1px solid #dfe0e5;
+        height:43px;
     }
 
 .bk-table th.is-sortable{
@@ -273,6 +275,10 @@
         z-index:-1;
     }
 
+.bk-table-row-auto-height .cell{
+        display:block;
+    }
+
 .bk-table-group,
 .bk-table-border,
 .bk-table-outer-border{

package/lib/ui/table.min.css

@@ -1,2 +1,2 @@
-.bk-table{position:relative;overflow:hidden;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-box-flex:1;-ms-flex:1;flex:1;width:100%;max-width:100%;color:#575961}.bk-table,.bk-table .bk-button-text{font-size:12px}.bk-table:before{position:absolute;left:0;bottom:0;width:100%;height:1px;content:"";background-color:#dfe0e5;z-index:1}.bk-table thead{color:#63656e;font-weight:700}.bk-table thead.is-group th{background-color:#f5f7fa}.bk-table tr{background-color:#fff}.bk-table tr input[type=checkbox]{margin:0}.bk-table td,.bk-table th{height:42px;padding:0;min-width:0;-webkit-box-sizing:border-box;box-sizing:border-box;text-overflow:ellipsis;vertical-align:middle;position:relative;text-align:left}.bk-table td.is-center,.bk-table td.is-center .cell,.bk-table th.is-center,.bk-table th.is-center .cell{text-align:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.bk-table td.is-right,.bk-table td.is-right .cell,.bk-table th.is-right,.bk-table th.is-right .cell{text-align:right;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.bk-table td.gutter,.bk-table th.gutter{width:15px;border-right-width:0;border-bottom-width:0;padding:0}.bk-table td.is-hidden>*,.bk-table th.is-hidden>*{opacity:0;pointer-events:none}.bk-table td.is-prepend,.bk-table th.is-prepend{height:auto;background:transparent;font-weight:400}.bk-table td,.bk-table th.is-leaf{border-bottom:1px solid #dfe0e5}.bk-table th.is-sortable{cursor:pointer}.bk-table .cell{overflow:hidden;text-overflow:ellipsis;white-space:normal;word-break:break-all;padding-left:15px;padding-right:15px;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical}.bk-table .bk-form-checkbox{padding:0}.bk-table th{white-space:nowrap;overflow:hidden;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-color:#fafbfd}.bk-table th :hover{background-color:#f0f1f5}.bk-table th>.cell{position:relative;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-pack:left;-ms-flex-pack:left;justify-content:left;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100%;vertical-align:middle;overflow:hidden;height:42px;line-height:42px}.bk-table th.required>div:before{display:inline-block;content:"";width:8px;height:8px;border-radius:50%;background:#ff4d51;margin-right:5px;vertical-align:middle}.bk-table th .bk-table-header-label{overflow:hidden;white-space:nowrap;word-wrap:normal;text-overflow:ellipsis;font-weight:400;color:#313238}.bk-table th .bk-table-column-filter-trigger{-webkit-box-flex:20px;-ms-flex:20px 0 0px;flex:20px 0 0;height:20px;line-height:20px;font-size:14px;text-align:center;cursor:pointer;color:#c4c6cc}.bk-table th .bk-table-column-filter-trigger.is-open{color:#63656e}.bk-table th .bk-table-column-filter-trigger.is-filtered{color:#3a84ff}.bk-table th .bk-table-caret-wrapper{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:20px;-webkit-box-flex:20px;-ms-flex:20px 0 0px;flex:20px 0 0;vertical-align:middle;cursor:pointer;overflow:visible;overflow:initial;position:relative}.bk-table th .bk-table-sort-caret{width:0;height:0;border:5px solid transparent;position:absolute}.bk-table th .bk-table-sort-caret.ascending{border-bottom-color:#c0c4cc;top:-1px}.bk-table th .bk-table-sort-caret.descending{border-top-color:#c0c4cc;bottom:-1px}.bk-table th.ascending .bk-table-sort-caret.ascending{border-bottom-color:#3a84ff}.bk-table th.descending .bk-table-sort-caret.descending{border-top-color:#3a84ff}.bk-table td.gutter{width:0}.bk-table-medium td{height:54px}.bk-table-medium .cell{-webkit-line-clamp:2}.bk-table-large td{height:72px;padding:5px 0}.bk-table-large .cell{-webkit-line-clamp:3}.bk-table .hidden-columns{visibility:hidden;position:absolute;z-index:-1}.bk-table-border,.bk-table-group,.bk-table-outer-border{border:1px solid #dfe0e5;border-radius:2px}.bk-table-border:after,.bk-table-group:after,.bk-table-outer-border:after{position:absolute;top:0;right:0;width:1px;height:100%;content:"";background-color:#dfe0e5;z-index:9}.bk-table-linear:before{top:0;bottom:auto}.bk-table-border{border-right:none;border-bottom:none}.bk-table-border td,.bk-table-border th{border-right:1px solid #dfe0e5}.bk-table-border td:first-child .cell,.bk-table-border th:first-child .cell{padding-left:10px}.bk-table-border th{border-bottom:1px solid #dfe0e5}.bk-table-border th.gutter:last-of-type{border-bottom:1px solid #dfe0e5}.bk-table-hidden{visibility:hidden}.bk-table-fixed,.bk-table-fixed-right{position:absolute;top:0;left:0;overflow:hidden;-webkit-box-shadow:0 0 10px rgba(0,0,0,.12);box-shadow:0 0 10px rgba(0,0,0,.12);border-bottom:1px solid #dfe0e5}.bk-table-fixed-right tr.bk-table-row-last td.is-last,.bk-table-fixed tr.bk-table-row-last td.is-last{border-bottom:none}.bk-table-fixed-right{top:0;left:auto;right:1px}.bk-table-fixed-right-patch{position:absolute;top:0;right:0;background-color:#f5f7fa;border-bottom:1px solid #dfe0e5}.bk-table-fixed-right .bk-table-fixed-body-wrapper,.bk-table-fixed-right .bk-table-fixed-footer-wrapper,.bk-table-fixed-right .bk-table-fixed-header-wrapper{left:auto;right:0}.bk-table-fixed-body-wrapper,.bk-table-fixed-footer-wrapper,.bk-table-fixed-header-wrapper{width:auto}.bk-table-fixed-header-wrapper{position:absolute;left:0;top:0;z-index:3}.bk-table-fixed-footer-wrapper{position:absolute;left:0;bottom:0;z-index:3}.bk-table-fixed-footer-wrapper tbody td{border-top:1px solid #dfe0e5;background-color:#f5f7fa;color:#63656e}.bk-table-fixed-body-wrapper{position:absolute;left:0;top:37px;overflow:hidden;z-index:3}.bk-table-fixed-body-wrapper tr.is-expanded-row{visibility:hidden;pointer-events:none}.bk-table-footer-wrapper{margin-top:-1px}.bk-table-footer-wrapper td{border-top:1px solid #dfe0e5}.bk-table-body,.bk-table-footer,.bk-table-header{table-layout:fixed;border-collapse:separate}.bk-table-header th.has-border{border-right:1px solid #dfe0e5}.bk-table-footer-wrapper,.bk-table-header-wrapper{overflow:hidden}.bk-table-footer-wrapper tbody td,.bk-table-header-wrapper tbody td{background-color:#f5f7fa;color:#63656e}.bk-table-body-wrapper{overflow:hidden;position:relative}.bk-table-body-wrapper.is-scrolling-none~.bk-table-fixed,.bk-table-body-wrapper.is-scrolling-none~.bk-table-fixed-right{-webkit-box-shadow:none;box-shadow:none}.bk-table-body-wrapper.is-scrolling-left~.bk-table-fixed{-webkit-box-shadow:none;box-shadow:none}.bk-table-body-wrapper.is-scrolling-right~.bk-table-fixed-right{-webkit-box-shadow:none;box-shadow:none}.bk-table-body-wrapper .bk-table-border.is-scrolling-right~.bk-table-fixed-right{border-left:1px solid #dfe0e5}.bk-table-body-wrapper .bk-table-border.is-scrolling-left~.bk-table-fixed{border-right:1px solid #dfe0e5}.bk-table-fit{border-right:0;border-bottom:0}.bk-table-fit td.gutter,.bk-table-fit th.gutter{border-right-width:1px}.bk-table-scrollable-x .bk-table-body-wrapper{overflow-x:auto}.bk-table-scrollable-y .bk-table-body-wrapper{overflow-y:auto}.bk-table-striped .bk-table-body tr.bk-table-row-striped td{background-color:#fafafa}.bk-table-striped .bk-table-body tr.current-row td{background-color:#ecf5ff}.bk-table-body tr.bk-table-row.hover-row>td{background-color:#f5f7fa}.bk-table-body tr.bk-table-row.hover-row.bk-table-row-striped.current-row>td{background-color:#ecf5ff}.bk-table-body tr.bk-table-row.current-row>td{background-color:#ecf5ff}.bk-table-column-resize-proxy{position:absolute;left:200px;top:0;bottom:0;width:0;border-left:1px solid #dfe0e5;z-index:10}.bk-table-enable-row-transition .bk-table-body td{-webkit-transition:background-color .25s ease;transition:background-color .25s ease}.bk-table-fluid-height .bk-table-fixed-right,.bk-table-fluid-height .bk-tale-fixed{bottom:0;overflow:hidden}.bk-table-empty-block{min-height:60px;text-align:center;width:100%;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.bk-table-empty-text{padding:60px 0;width:50%;color:#63656e}.bk-table-empty-text .bk-table-empty-icon{font-size:65px;color:#c3cdd7}.bk-table-expand-column .cell{padding:0;text-align:center}.bk-table-expand-icon{position:relative;cursor:pointer;color:#c4c6cc;font-size:12px;height:20px}.bk-table-expand-icon-expanded>.bk-icon{-webkit-transform:rotate(90deg);transform:rotate(90deg)}.bk-table-expand-icon>.bk-icon{position:absolute;left:50%;top:50%;margin-left:-5px;margin-top:-5px;-webkit-transition:-webkit-transform .2s ease-in-out;transition:-webkit-transform .2s ease-in-out;transition:transform .2s ease-in-out;transition:transform .2s ease-in-out,-webkit-transform .2s ease-in-out}.bk-table .bk-table-body td.bk-table-expanded-cell{padding:0 30px;background-color:#fff}.bk-table .bk-table-body td.bk-table-expanded-cell:hover{background-color:#fff}.bk-table .bk-table-body td.bk-table-expanded-cell .bk-table:before{display:none}.bk-table .bk-table-body td.bk-table-expanded-cell .bk-table-row-last td{border-bottom:none}td.bk-table-column-expand,td.bk-table-column-selection,th.bk-table-column-expand,th.bk-table-column-selection{padding:0}td.bk-table-column-expand .cell,td.bk-table-column-selection .cell,th.bk-table-column-expand .cell,th.bk-table-column-selection .cell{padding:0;width:100%;height:100%}.bk-table-column-selection .bk-form-checkbox{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;height:100%;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.bk-table-column-selection .bk-form-checkbox .bk-checkbox{-webkit-box-flex:16px;-ms-flex:16px 0 0px;flex:16px 0 0}.bk-table-column-expand .bk-table-expand-icon{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;height:100%;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.bk-table-column-expand .bk-table-expand-icon .bk-icon{-webkit-box-flex:12px;-ms-flex:12px 0 0px;flex:12px 0 0}.bk-table-bottom-loading{position:relative;text-align:center;bottom:0;height:50px;line-height:45px;width:100%;z-index:777}.bk-table-bottom-loading .bk-table-bottom-loading-spin .bk-icon{font-size:15px}.bk-table-bottom-loading .bk-table-bottom-loading-spin .bk-spin-title{color:#979ba5;font-size:12px}.bk-table-pagination-wrapper{padding:15px;margin-top:-1px;position:relative;border-top:1px solid #dfe0e5}.bk-table-column-setting{border-left:1px solid #dfe0e5}.bk-table-column-setting .cell{padding:0}.bk-table-column-setting .bk-table-setting-icon{display:inline-block;vertical-align:middle;width:24px;height:24px;line-height:24px;font-size:14px;color:#979ba5;cursor:pointer}.bk-table-column-setting .bk-table-setting-icon:hover{color:#63656e}.bk-table-setting-popover-content-theme.tippy-tooltip{padding:15px 0 0}.bk-table-setting-content{width:400px}.bk-table-setting-content .content-scroller{max-height:317px;overflow-y:auto}.bk-table-setting-content .content-scroller::-webkit-scrollbar{width:6px;height:6px}.bk-table-setting-content .content-scroller::-webkit-scrollbar-thumb{min-height:24px;border-radius:3px;background-color:#dcdee5}.bk-table-setting-content .content-title{padding:0 24px;margin:0;line-height:32px;font-size:16px;font-weight:400;color:#313238}.bk-table-setting-content .setting-title{font-size:14px;padding:0;margin:0}.bk-table-setting-content .setting-title .setting-subtitle{display:inline-block;color:#979ba5;font-size:12px;text-indent:-8px}.bk-table-setting-content .setting-title .setting-subtitle.is-limit{color:#ff5656}.bk-table-setting-content .content-fields{margin:10px 24px 0}.bk-table-setting-content .fields-group .fields-checkbox-wrapper{display:inline-block;width:calc(33.33333% - 15px);margin:10px 15px 0 0}.bk-table-setting-content .fields-group .fields-checkbox{max-width:100%}.bk-table-setting-content .fields-group .fields-checkbox .bk-checkbox-text{display:inline-block;max-width:calc(100% - 22px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bk-table-setting-content .content-line-height{margin:25px 24px 0}.bk-table-setting-content .content-line-height .link-button-group{margin-top:10px;font-size:0}.bk-table-setting-content .content-line-height .link-button{min-width:auto}.bk-table-setting-content .content-options{padding:0 10px;margin:30px 0 0;height:51px;line-height:50px;font-size:0;text-align:right;background:#fafbfd;border-top:1px solid #dcdee5}.tippy-tooltip.bk-table-filter-panel-theme{padding:0}.bk-table-filter-panel{min-width:70px;background-color:#fff}.bk-table-filter-panel.multiple{min-width:100px}.bk-table-filter-panel .panel-search{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:middle;-ms-flex-align:middle;align-items:middle;border-bottom:1px solid #f0f1f5}.bk-table-filter-panel .panel-search .panel-search-icon{-webkit-box-flex:16px;-ms-flex:16px 0 0px;flex:16px 0 0;margin:0 5px 0 10px;font-size:16px;line-height:24px}.bk-table-filter-panel .panel-search .panel-search-input{-webkit-box-flex:1;-ms-flex:1;flex:1;height:24px;border:none;outline:none;font-size:12px}.bk-table-filter-panel .panel-list{padding:5px 0;margin:0;max-height:250px;list-style:none;overflow-y:auto}.bk-table-filter-panel .panel-list::-webkit-scrollbar{width:6px;height:6px}.bk-table-filter-panel .panel-list::-webkit-scrollbar-thumb{min-height:24px;border-radius:3px;background-color:#dcdee5}.bk-table-filter-panel .panel-list .panel-item{padding:0 10px;font-size:12px;line-height:26px;cursor:pointer}.bk-table-filter-panel .panel-list .panel-item:hover{background-color:#eaf3ff;color:#3a84ff}.bk-table-filter-panel .panel-list .panel-item.is-selected{background-color:#f4f6fa;color:#3a84ff}.bk-table-filter-panel .panel-list .panel-item.is-disabled{color:#c4c6cc}.bk-table-filter-panel .panel-list .panel-item.is-hidden{display:none}.bk-table-filter-panel .panel-checkbox-group{display:block;padding:10px 10px 0}.bk-table-filter-panel .panel-checkbox-group .panel-checkbox{display:block;line-height:16px;margin-bottom:10px}.bk-table-filter-panel .panel-checkbox-group .panel-checkbox .bk-checkbox-text{font-size:12px}.bk-table-filter-panel .panel-options{display:-webkit-box;display:-ms-flexbox;display:flex;height:31px;border-top:1px solid #f0f1f5;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.bk-table-filter-panel .panel-options .panel-options-link{-webkit-box-flex:1;-ms-flex:1;flex:1;white-space:nowrap;margin:0 15px}.bk-table-filter-panel .panel-options .panel-options-link .bk-link-text{font-size:12px}.bk-table-filter-panel .panel-options .panel-options-link~.panel-options-link{margin-left:0}.bk-table-filter-panel .panel-empty{display:-webkit-box;display:-ms-flexbox;display:flex;height:32px;margin:0;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;font-size:12px;font-weight:400}
+.bk-table{white-space:normal;position:relative;overflow:hidden;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-box-flex:1;-ms-flex:1;flex:1;width:100%;max-width:100%;color:#575961}.bk-table,.bk-table .bk-button-text{font-size:12px}.bk-table:before{position:absolute;left:0;bottom:0;width:100%;height:1px;content:"";background-color:#dfe0e5;z-index:1}.bk-table thead{color:#63656e;font-weight:700}.bk-table thead.is-group th{background-color:#f5f7fa}.bk-table tr{background-color:#fff}.bk-table tr input[type=checkbox]{margin:0}.bk-table td,.bk-table th{height:42px;padding:0;min-width:0;-webkit-box-sizing:border-box;box-sizing:border-box;text-overflow:ellipsis;vertical-align:middle;position:relative;text-align:left}.bk-table td.is-center,.bk-table td.is-center .cell,.bk-table th.is-center,.bk-table th.is-center .cell{text-align:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.bk-table td.is-right,.bk-table td.is-right .cell,.bk-table th.is-right,.bk-table th.is-right .cell{text-align:right;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.bk-table td.gutter,.bk-table th.gutter{width:15px;border-right-width:0;border-bottom-width:0;padding:0}.bk-table td.is-hidden>*,.bk-table th.is-hidden>*{opacity:0;pointer-events:none}.bk-table td.is-prepend,.bk-table th.is-prepend{height:auto;background:transparent;font-weight:400}.bk-table td,.bk-table th.is-leaf{border-bottom:1px solid #dfe0e5;height:43px}.bk-table th.is-sortable{cursor:pointer}.bk-table .cell{overflow:hidden;text-overflow:ellipsis;white-space:normal;word-break:break-all;padding-left:15px;padding-right:15px;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical}.bk-table .bk-form-checkbox{padding:0}.bk-table th{white-space:nowrap;overflow:hidden;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-color:#fafbfd}.bk-table th :hover{background-color:#f0f1f5}.bk-table th>.cell{position:relative;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-pack:left;-ms-flex-pack:left;justify-content:left;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100%;vertical-align:middle;overflow:hidden;height:42px;line-height:42px}.bk-table th.required>div:before{display:inline-block;content:"";width:8px;height:8px;border-radius:50%;background:#ff4d51;margin-right:5px;vertical-align:middle}.bk-table th .bk-table-header-label{overflow:hidden;white-space:nowrap;word-wrap:normal;text-overflow:ellipsis;font-weight:400;color:#313238}.bk-table th .bk-table-column-filter-trigger{-webkit-box-flex:20px;-ms-flex:20px 0 0px;flex:20px 0 0;height:20px;line-height:20px;font-size:14px;text-align:center;cursor:pointer;color:#c4c6cc}.bk-table th .bk-table-column-filter-trigger.is-open{color:#63656e}.bk-table th .bk-table-column-filter-trigger.is-filtered{color:#3a84ff}.bk-table th .bk-table-caret-wrapper{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:20px;-webkit-box-flex:20px;-ms-flex:20px 0 0px;flex:20px 0 0;vertical-align:middle;cursor:pointer;overflow:visible;overflow:initial;position:relative}.bk-table th .bk-table-sort-caret{width:0;height:0;border:5px solid transparent;position:absolute}.bk-table th .bk-table-sort-caret.ascending{border-bottom-color:#c0c4cc;top:-1px}.bk-table th .bk-table-sort-caret.descending{border-top-color:#c0c4cc;bottom:-1px}.bk-table th.ascending .bk-table-sort-caret.ascending{border-bottom-color:#3a84ff}.bk-table th.descending .bk-table-sort-caret.descending{border-top-color:#3a84ff}.bk-table td.gutter{width:0}.bk-table-medium td{height:54px}.bk-table-medium .cell{-webkit-line-clamp:2}.bk-table-large td{height:72px;padding:5px 0}.bk-table-large .cell{-webkit-line-clamp:3}.bk-table .hidden-columns{visibility:hidden;position:absolute;z-index:-1}.bk-table-row-auto-height .cell{display:block}.bk-table-border,.bk-table-group,.bk-table-outer-border{border:1px solid #dfe0e5;border-radius:2px}.bk-table-border:after,.bk-table-group:after,.bk-table-outer-border:after{position:absolute;top:0;right:0;width:1px;height:100%;content:"";background-color:#dfe0e5;z-index:9}.bk-table-linear:before{top:0;bottom:auto}.bk-table-border{border-right:none;border-bottom:none}.bk-table-border td,.bk-table-border th{border-right:1px solid #dfe0e5}.bk-table-border td:first-child .cell,.bk-table-border th:first-child .cell{padding-left:10px}.bk-table-border th{border-bottom:1px solid #dfe0e5}.bk-table-border th.gutter:last-of-type{border-bottom:1px solid #dfe0e5}.bk-table-hidden{visibility:hidden}.bk-table-fixed,.bk-table-fixed-right{position:absolute;top:0;left:0;overflow:hidden;-webkit-box-shadow:0 0 10px rgba(0,0,0,.12);box-shadow:0 0 10px rgba(0,0,0,.12);border-bottom:1px solid #dfe0e5}.bk-table-fixed-right tr.bk-table-row-last td.is-last,.bk-table-fixed tr.bk-table-row-last td.is-last{border-bottom:none}.bk-table-fixed-right{top:0;left:auto;right:1px}.bk-table-fixed-right-patch{position:absolute;top:0;right:0;background-color:#f5f7fa;border-bottom:1px solid #dfe0e5}.bk-table-fixed-right .bk-table-fixed-body-wrapper,.bk-table-fixed-right .bk-table-fixed-footer-wrapper,.bk-table-fixed-right .bk-table-fixed-header-wrapper{left:auto;right:0}.bk-table-fixed-body-wrapper,.bk-table-fixed-footer-wrapper,.bk-table-fixed-header-wrapper{width:auto}.bk-table-fixed-header-wrapper{position:absolute;left:0;top:0;z-index:3}.bk-table-fixed-footer-wrapper{position:absolute;left:0;bottom:0;z-index:3}.bk-table-fixed-footer-wrapper tbody td{border-top:1px solid #dfe0e5;background-color:#f5f7fa;color:#63656e}.bk-table-fixed-body-wrapper{position:absolute;left:0;top:37px;overflow:hidden;z-index:3}.bk-table-fixed-body-wrapper tr.is-expanded-row{visibility:hidden;pointer-events:none}.bk-table-footer-wrapper{margin-top:-1px}.bk-table-footer-wrapper td{border-top:1px solid #dfe0e5}.bk-table-body,.bk-table-footer,.bk-table-header{table-layout:fixed;border-collapse:separate}.bk-table-header th.has-border{border-right:1px solid #dfe0e5}.bk-table-footer-wrapper,.bk-table-header-wrapper{overflow:hidden}.bk-table-footer-wrapper tbody td,.bk-table-header-wrapper tbody td{background-color:#f5f7fa;color:#63656e}.bk-table-body-wrapper{overflow:hidden;position:relative}.bk-table-body-wrapper.is-scrolling-none~.bk-table-fixed,.bk-table-body-wrapper.is-scrolling-none~.bk-table-fixed-right{-webkit-box-shadow:none;box-shadow:none}.bk-table-body-wrapper.is-scrolling-left~.bk-table-fixed{-webkit-box-shadow:none;box-shadow:none}.bk-table-body-wrapper.is-scrolling-right~.bk-table-fixed-right{-webkit-box-shadow:none;box-shadow:none}.bk-table-body-wrapper .bk-table-border.is-scrolling-right~.bk-table-fixed-right{border-left:1px solid #dfe0e5}.bk-table-body-wrapper .bk-table-border.is-scrolling-left~.bk-table-fixed{border-right:1px solid #dfe0e5}.bk-table-fit{border-right:0;border-bottom:0}.bk-table-fit td.gutter,.bk-table-fit th.gutter{border-right-width:1px}.bk-table-scrollable-x .bk-table-body-wrapper{overflow-x:auto}.bk-table-scrollable-y .bk-table-body-wrapper{overflow-y:auto}.bk-table-striped .bk-table-body tr.bk-table-row-striped td{background-color:#fafafa}.bk-table-striped .bk-table-body tr.current-row td{background-color:#ecf5ff}.bk-table-body tr.bk-table-row.hover-row>td{background-color:#f5f7fa}.bk-table-body tr.bk-table-row.hover-row.bk-table-row-striped.current-row>td{background-color:#ecf5ff}.bk-table-body tr.bk-table-row.current-row>td{background-color:#ecf5ff}.bk-table-column-resize-proxy{position:absolute;left:200px;top:0;bottom:0;width:0;border-left:1px solid #dfe0e5;z-index:10}.bk-table-enable-row-transition .bk-table-body td{-webkit-transition:background-color .25s ease;transition:background-color .25s ease}.bk-table-fluid-height .bk-table-fixed-right,.bk-table-fluid-height .bk-tale-fixed{bottom:0;overflow:hidden}.bk-table-empty-block{min-height:60px;text-align:center;width:100%;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.bk-table-empty-text{padding:60px 0;width:50%;color:#63656e}.bk-table-empty-text .bk-table-empty-icon{font-size:65px;color:#c3cdd7}.bk-table-expand-column .cell{padding:0;text-align:center}.bk-table-expand-icon{position:relative;cursor:pointer;color:#c4c6cc;font-size:12px;height:20px}.bk-table-expand-icon-expanded>.bk-icon{-webkit-transform:rotate(90deg);transform:rotate(90deg)}.bk-table-expand-icon>.bk-icon{position:absolute;left:50%;top:50%;margin-left:-5px;margin-top:-5px;-webkit-transition:-webkit-transform .2s ease-in-out;transition:-webkit-transform .2s ease-in-out;transition:transform .2s ease-in-out;transition:transform .2s ease-in-out,-webkit-transform .2s ease-in-out}.bk-table .bk-table-body td.bk-table-expanded-cell{padding:0 30px;background-color:#fff}.bk-table .bk-table-body td.bk-table-expanded-cell:hover{background-color:#fff}.bk-table .bk-table-body td.bk-table-expanded-cell .bk-table:before{display:none}.bk-table .bk-table-body td.bk-table-expanded-cell .bk-table-row-last td{border-bottom:none}td.bk-table-column-expand,td.bk-table-column-selection,th.bk-table-column-expand,th.bk-table-column-selection{padding:0}td.bk-table-column-expand .cell,td.bk-table-column-selection .cell,th.bk-table-column-expand .cell,th.bk-table-column-selection .cell{padding:0;width:100%;height:100%}.bk-table-column-selection .bk-form-checkbox{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;height:100%;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.bk-table-column-selection .bk-form-checkbox .bk-checkbox{-webkit-box-flex:16px;-ms-flex:16px 0 0px;flex:16px 0 0}.bk-table-column-expand .bk-table-expand-icon{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;height:100%;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.bk-table-column-expand .bk-table-expand-icon .bk-icon{-webkit-box-flex:12px;-ms-flex:12px 0 0px;flex:12px 0 0}.bk-table-bottom-loading{position:relative;text-align:center;bottom:0;height:50px;line-height:45px;width:100%;z-index:777}.bk-table-bottom-loading .bk-table-bottom-loading-spin .bk-icon{font-size:15px}.bk-table-bottom-loading .bk-table-bottom-loading-spin .bk-spin-title{color:#979ba5;font-size:12px}.bk-table-pagination-wrapper{padding:15px;margin-top:-1px;position:relative;border-top:1px solid #dfe0e5}.bk-table-column-setting{border-left:1px solid #dfe0e5}.bk-table-column-setting .cell{padding:0}.bk-table-column-setting .bk-table-setting-icon{display:inline-block;vertical-align:middle;width:24px;height:24px;line-height:24px;font-size:14px;color:#979ba5;cursor:pointer}.bk-table-column-setting .bk-table-setting-icon:hover{color:#63656e}.bk-table-setting-popover-content-theme.tippy-tooltip{padding:15px 0 0}.bk-table-setting-content{width:400px}.bk-table-setting-content .content-scroller{max-height:317px;overflow-y:auto}.bk-table-setting-content .content-scroller::-webkit-scrollbar{width:6px;height:6px}.bk-table-setting-content .content-scroller::-webkit-scrollbar-thumb{min-height:24px;border-radius:3px;background-color:#dcdee5}.bk-table-setting-content .content-title{padding:0 24px;margin:0;line-height:32px;font-size:16px;font-weight:400;color:#313238}.bk-table-setting-content .setting-title{font-size:14px;padding:0;margin:0}.bk-table-setting-content .setting-title .setting-subtitle{display:inline-block;color:#979ba5;font-size:12px;text-indent:-8px}.bk-table-setting-content .setting-title .setting-subtitle.is-limit{color:#ff5656}.bk-table-setting-content .content-fields{margin:10px 24px 0}.bk-table-setting-content .fields-group .fields-checkbox-wrapper{display:inline-block;width:calc(33.33333% - 15px);margin:10px 15px 0 0}.bk-table-setting-content .fields-group .fields-checkbox{max-width:100%}.bk-table-setting-content .fields-group .fields-checkbox .bk-checkbox-text{display:inline-block;max-width:calc(100% - 22px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bk-table-setting-content .content-line-height{margin:25px 24px 0}.bk-table-setting-content .content-line-height .link-button-group{margin-top:10px;font-size:0}.bk-table-setting-content .content-line-height .link-button{min-width:auto}.bk-table-setting-content .content-options{padding:0 10px;margin:30px 0 0;height:51px;line-height:50px;font-size:0;text-align:right;background:#fafbfd;border-top:1px solid #dcdee5}.tippy-tooltip.bk-table-filter-panel-theme{padding:0}.bk-table-filter-panel{min-width:70px;background-color:#fff}.bk-table-filter-panel.multiple{min-width:100px}.bk-table-filter-panel .panel-search{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:middle;-ms-flex-align:middle;align-items:middle;border-bottom:1px solid #f0f1f5}.bk-table-filter-panel .panel-search .panel-search-icon{-webkit-box-flex:16px;-ms-flex:16px 0 0px;flex:16px 0 0;margin:0 5px 0 10px;font-size:16px;line-height:24px}.bk-table-filter-panel .panel-search .panel-search-input{-webkit-box-flex:1;-ms-flex:1;flex:1;height:24px;border:none;outline:none;font-size:12px}.bk-table-filter-panel .panel-list{padding:5px 0;margin:0;max-height:250px;list-style:none;overflow-y:auto}.bk-table-filter-panel .panel-list::-webkit-scrollbar{width:6px;height:6px}.bk-table-filter-panel .panel-list::-webkit-scrollbar-thumb{min-height:24px;border-radius:3px;background-color:#dcdee5}.bk-table-filter-panel .panel-list .panel-item{padding:0 10px;font-size:12px;line-height:26px;cursor:pointer}.bk-table-filter-panel .panel-list .panel-item:hover{background-color:#eaf3ff;color:#3a84ff}.bk-table-filter-panel .panel-list .panel-item.is-selected{background-color:#f4f6fa;color:#3a84ff}.bk-table-filter-panel .panel-list .panel-item.is-disabled{color:#c4c6cc}.bk-table-filter-panel .panel-list .panel-item.is-hidden{display:none}.bk-table-filter-panel .panel-checkbox-group{display:block;padding:10px 10px 0}.bk-table-filter-panel .panel-checkbox-group .panel-checkbox{display:block;line-height:16px;margin-bottom:10px}.bk-table-filter-panel .panel-checkbox-group .panel-checkbox .bk-checkbox-text{font-size:12px}.bk-table-filter-panel .panel-options{display:-webkit-box;display:-ms-flexbox;display:flex;height:31px;border-top:1px solid #f0f1f5;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.bk-table-filter-panel .panel-options .panel-options-link{-webkit-box-flex:1;-ms-flex:1;flex:1;white-space:nowrap;margin:0 15px}.bk-table-filter-panel .panel-options .panel-options-link .bk-link-text{font-size:12px}.bk-table-filter-panel .panel-options .panel-options-link~.panel-options-link{margin-left:0}.bk-table-filter-panel .panel-empty{display:-webkit-box;display:-ms-flexbox;display:flex;height:32px;margin:0;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;font-size:12px;font-weight:400}
 /*# sourceMappingURL=table.min.css.map */

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

@@ -1 +1 @@
-{"version":3,"sources":["table.css","mixins/scroller.css","mixins/ellipsis.css"],"names":[],"mappings":"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","file":"table.min.css","sourcesContent":["@import './variable.css';\n@import './mixins/clearfix.css';\n@import './mixins/ellipsis.css';\n@import './mixins/scroller.css';\n$baseBackgroundColor: #f5f7fa;\n$tableBorderColor: #dfe0e5;\n$tableBorder: 1px solid $tableBorderColor;\n$tableFixedBoxShadow: 0 0 10px rgba(0, 0, 0, .12);\n$tableBorderColorLighter: #ebeef5;\n$tableCaretColor: #c0c4cc;\n$tablePrimaryColor: #409eff;\n$tableCurrentRowBackground: #ecf5ff;\n$tableInfoColor: #909399;\n\n.bk-table {\n    position: relative;\n    overflow: hidden;\n    box-sizing: border-box;\n    flex: 1;\n    width: 100%;\n    max-width: 100%;\n    font-size: 12px;\n    /* color: $fnMainColor; */\n    color: #575961;\n    .bk-button-text {\n        font-size: 12px;\n    }\n    &:before {\n        position: absolute;\n        left: 0;\n        bottom: 0;\n        width: 100%;\n        height: 1px;\n        content: '';\n        background-color: $tableBorderColor;\n        z-index: 1;\n    }\n    thead {\n        color: $fnMainColor;\n        font-weight: bold;\n        &.is-group {\n            th {\n                background-color: $baseBackgroundColor;\n            }\n        }\n    }\n\n    tr {\n        background-color: #fff;\n        input[type=\"checkbox\"] {\n            margin: 0;\n        }\n    }\n\n    th, td {\n        height: 42px;\n        /* padding: 9px 0; */\n        padding: 0;\n        min-width: 0;\n        box-sizing: border-box;\n        text-overflow: ellipsis;\n        vertical-align: middle;\n        position: relative;\n        text-align: left;\n        &.is-center {\n            text-align: center;\n            justify-content: center;\n            .cell {\n                text-align: center;\n                justify-content: center\n            }\n        }\n        &.is-right {\n            text-align: right;\n            justify-content: flex-end;\n            .cell {\n                text-align: right;\n                justify-content: flex-end\n            }\n        }\n        &.gutter {\n            width: 15px;\n            border-right-width: 0;\n            border-bottom-width: 0;\n            padding: 0;\n        }\n        &.is-hidden > * {\n            opacity: 0;\n            pointer-events: none;\n        }\n        &.is-prepend {\n            height: auto;\n            background: transparent;\n            font-weight: normal;\n        }\n    }\n\n    th.is-leaf,\n    td {\n        border-bottom: $tableBorder;\n    }\n\n    th.is-sortable {\n        cursor: pointer;\n    }\n    .cell {\n        overflow: hidden;\n        text-overflow: ellipsis;\n        white-space: normal;\n        word-break: break-all;\n        padding-left: 15px;\n        padding-right: 15px;\n        display: -webkit-box;\n        -webkit-line-clamp: 1;\n        -webkit-box-orient: vertical;\n    }\n\n    .bk-form-checkbox {\n        padding: 0;\n    }\n\n    th {\n        white-space: nowrap;\n        overflow: hidden;\n        user-select: none;\n        /* background-color: $newGreyColor2; */\n        background-color: $newGreyColor3;\n        :hover {\n            background-color: $newGreyColor2;\n        }\n        >.cell {\n            position: relative;\n            display: inline-flex;\n            justify-content: left;\n            align-items: center;\n            width: 100%;\n            vertical-align: middle;\n            overflow: hidden;\n            height: 42px;\n            line-height: 42px;\n        }\n        &.required > div:before {\n            display: inline-block;\n            content: \"\";\n            width: 8px;\n            height: 8px;\n            border-radius: 50%;\n            background: #ff4d51;\n            margin-right: 5px;\n            vertical-align: middle;\n        }\n\n        .bk-table-header-label {\n            overflow: hidden;\n            white-space: nowrap;\n            word-wrap: normal;\n            text-overflow: ellipsis;\n            font-weight: normal;\n            color: #313238;\n        }\n        .bk-table-column-filter-trigger {\n            flex: 20px 0 0;\n            height: 20px;\n            line-height: 20px;\n            font-size: 14px;\n            text-align: center;\n            cursor: pointer;\n            color: #C4C6CC;\n            &.is-open {\n                color: #63656e;\n            }\n            &.is-filtered {\n                color: #3a84ff;\n            }\n        }\n        .bk-table-caret-wrapper {\n            display: inline-flex;\n            flex-direction: column;\n            align-items: center;\n            height: 20px;\n            flex: 20px 0 0;\n            vertical-align: middle;\n            cursor: pointer;\n            overflow: initial;\n            position: relative;\n        }\n        .bk-table-sort-caret {\n            width: 0;\n            height: 0;\n            border: solid 5px transparent;\n            position: absolute;\n            &.ascending {\n                border-bottom-color: $tableCaretColor;\n                top: -1px;\n            }\n\n            &.descending {\n                border-top-color: $tableCaretColor;\n                bottom: -1px;\n            }\n        }\n        &.ascending .bk-table-sort-caret.ascending {\n            border-bottom-color: #3a84ff;\n        }\n\n        &.descending .bk-table-sort-caret.descending {\n            border-top-color: #3a84ff;\n        }\n    }\n\n    td.gutter {\n        width: 0;\n    }\n\n    &-medium {\n        td {\n            height: 54px;\n        }\n        .cell {\n            -webkit-line-clamp: 2;\n        }\n    }\n\n    &-large {\n        td {\n            height: 72px;\n            padding: 5px 0;\n        }\n        .cell {\n            -webkit-line-clamp: 3;\n        }\n    }\n\n    .hidden-columns {\n        visibility: hidden;\n        position: absolute;\n        z-index: -1;\n    }\n}\n.bk-table-group,\n.bk-table-border,\n.bk-table-outer-border {\n    border: $tableBorder;\n    border-radius: 2px;\n    &:after {\n        position: absolute;\n        top: 0;\n        right: 0;\n        width: 1px;\n        height: 100%;\n        content: '';\n        background-color: $tableBorderColor;\n        z-index: 9;\n    }\n}\n\n.bk-table-linear {\n    &:before {\n        top: 0;\n        bottom: auto;\n    }\n}\n\n.bk-table-border {\n    border-right: none;\n    border-bottom: none;\n    th, td {\n        border-right: $tableBorder;\n        &:first-child .cell {\n            padding-left: 10px;\n        }\n    }\n    th {\n        border-bottom: $tableBorder;\n    }\n    th.gutter:last-of-type {\n        border-bottom: $tableBorder;\n    }\n}\n\n.bk-table-hidden {\n    visibility: hidden;\n}\n\n.bk-table-fixed,\n.bk-table-fixed-right {\n    position: absolute;\n    top: 0;\n    left: 0;\n    overflow: hidden;\n    box-shadow: $tableFixedBoxShadow;\n    border-bottom: 1px solid $tableBorderColor;\n    tr.bk-table-row-last {\n        td.is-last {\n            border-bottom: none;\n        }\n    }\n}\n\n.bk-table-fixed-right {\n    top: 0;\n    left: auto;\n    right: 1px;\n    &-patch {\n        position: absolute;\n        top: 0;\n        right: 0;\n        background-color: $baseBackgroundColor;\n        border-bottom: $tableBorder;\n    }\n    .bk-table-fixed-header-wrapper,\n    .bk-table-fixed-body-wrapper,\n    .bk-table-fixed-footer-wrapper {\n        left: auto;\n        right: 0;\n    }\n}\n\n.bk-table-fixed-header-wrapper,\n.bk-table-fixed-body-wrapper,\n.bk-table-fixed-footer-wrapper {\n    width: auto;\n}\n\n.bk-table-fixed-header-wrapper {\n    position: absolute;\n    left: 0;\n    top: 0;\n    z-index: 3;\n}\n\n.bk-table-fixed-footer-wrapper {\n    position: absolute;\n    left: 0;\n    bottom: 0;\n    z-index: 3;\n    tbody td {\n        border-top: $tableBorder;\n        background-color: $baseBackgroundColor;\n        color: $fnMainColor;\n    }\n}\n\n.bk-table-fixed-body-wrapper {\n    position: absolute;\n    left: 0;\n    top: 37px;\n    overflow: hidden;\n    z-index: 3;\n    tr.is-expanded-row {\n        visibility: hidden;\n        pointer-events: none;\n    }\n}\n\n.bk-table-footer-wrapper {\n    margin-top: -1px;\n    td {\n        border-top: $tableBorder;\n    }\n}\n\n.bk-table-header,\n.bk-table-body,\n.bk-table-footer {\n    table-layout: fixed;\n    border-collapse: separate;\n}\n\n.bk-table-header {\n    th.has-border {\n        border-right: $tableBorder;\n    }\n}\n\n.bk-table-header-wrapper,\n.bk-table-footer-wrapper {\n    overflow: hidden;\n    tbody td {\n        background-color: $baseBackgroundColor;\n        color: $fnMainColor;\n    }\n}\n\n.bk-table-body-wrapper {\n    overflow: hidden;\n    position: relative;\n    &.is-scrolling-none {\n        ~.bk-table-fixed,\n        ~.bk-table-fixed-right {\n            box-shadow: none;\n        }\n    }\n    &.is-scrolling-left {\n        ~.bk-table-fixed {\n            box-shadow: none;\n        }\n    }\n    &.is-scrolling-right {\n        ~.bk-table-fixed-right {\n            box-shadow: none;\n        }\n    }\n    .bk-table-border {\n        &.is-scrolling-right {\n            ~.bk-table-fixed-right {\n                border-left: $tableBorder;\n            }\n        }\n        &.is-scrolling-left {\n            ~.bk-table-fixed {\n                border-right: $tableBorder;\n            }\n        }\n    }\n}\n\n.bk-table-fit {\n    border-right: 0;\n    border-bottom: 0;\n    th.gutter,\n    td.gutter {\n        border-right-width: 1px;\n    }\n}\n\n.bk-table-scrollable {\n    &-x .bk-table-body-wrapper {\n        overflow-x: auto;\n    }\n    &-y .bk-table-body-wrapper {\n        overflow-y: auto;\n    }\n}\n\n.bk-table-striped {\n    .bk-table-body {\n        tr.bk-table-row-striped {\n            td {\n                background-color: #fafafa;\n            }\n        }\n        tr.current-row td {\n            background-color: $tableCurrentRowBackground;\n        }\n    }\n}\n\n.bk-table-body {\n    tr.bk-table-row.hover-row {\n        > td {\n            /* background-color: $newGreyColor2; */\n            background-color: #f5f7fa;\n        }\n        &.bk-table-row-striped {\n            &.current-row {\n                > td {\n                    background-color: $tableCurrentRowBackground;\n                }\n            }\n        }\n    }\n    tr.bk-table-row.current-row > td {\n        background-color: $tableCurrentRowBackground;\n    }\n}\n\n.bk-table-column-resize-proxy {\n    position: absolute;\n    left: 200px;\n    top: 0;\n    bottom: 0;\n    width: 0;\n    border-left: $tableBorder;\n    z-index: 10;\n}\n\n\n.bk-table-enable-row-transition {\n    .bk-table-body td {\n        transition: background-color .25s ease;\n    }\n}\n\n.bk-table-fluid-height {\n    .bk-tale-fixed,\n    .bk-table-fixed-right {\n        bottom: 0;\n        overflow: hidden;\n    }\n}\n\n.bk-table-empty-block {\n    min-height: 60px;\n    text-align: center;\n    width: 100%;\n    height: 100%;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n}\n.bk-table-empty-text {\n    padding: 60px 0;\n    width: 50%;\n    color: $fnMainColor;\n    .bk-table-empty-icon {\n        font-size: 65px;\n        color: $fnMinorColor;\n    }\n}\n\n.bk-table-expand-column {\n    .cell {\n        padding: 0;\n        text-align: center;\n    }\n}\n\n.bk-table-expand-icon {\n    position: relative;\n    cursor: pointer;\n    color: #c4c6cc;\n    font-size: 12px;\n    height: 20px;\n    &-expanded > .bk-icon {\n        transform: rotate(90deg);\n    }\n    > .bk-icon {\n        position: absolute;\n        left: 50%;\n        top: 50%;\n        margin-left: -5px;\n        margin-top: -5px;\n        transition: transform 0.2s ease-in-out;\n    }\n}\n\n.bk-table .bk-table-body td.bk-table-expanded-cell {\n    padding: 0 30px;\n    background-color: #fff;\n    &:hover {\n        background-color: #fff;\n    }\n    .bk-table:before {\n        display: none;\n    }\n    .bk-table-row-last td {\n        border-bottom: none;\n    }\n}\n\nth.bk-table-column-selection,\nth.bk-table-column-expand,\ntd.bk-table-column-selection,\ntd.bk-table-column-expand {\n    padding: 0;\n    .cell {\n        padding: 0;\n        width: 100%;\n        height: 100%;\n    }\n}\n.bk-table-column-selection {\n    .bk-form-checkbox {\n        display: flex;\n        width: 100%;\n        height: 100%;\n        align-items: center;\n        justify-content: center;\n        .bk-checkbox {\n            flex: 16px 0 0;\n        }\n    }\n}\n\n.bk-table-column-expand {\n    .bk-table-expand-icon {\n        display: flex;\n        width: 100%;\n        height: 100%;\n        align-items: center;\n        justify-content: center;\n        .bk-icon {\n            flex: 12px 0 0;\n        }\n    }\n}\n\n.bk-table-bottom-loading {\n    position: relative;\n    text-align: center;\n    bottom: 0;\n    height: 50px;\n    line-height: 45px;\n    width: 100%;\n    z-index: 777;\n    .bk-table-bottom-loading-spin {\n        .bk-icon {\n            font-size: 15px;\n        }\n        .bk-spin-title {\n            color: #979ba5;\n            font-size: 12px;\n        }\n    }\n}\n\n.bk-table-pagination-wrapper {\n    padding: 15px;\n    margin-top: -1px;\n    position: relative;\n    border-top: 1px solid $tableBorderColor;\n}\n\n.bk-table-column-setting {\n    border-left: 1px solid $tableBorderColor;\n    .cell {\n        padding: 0;\n    }\n    .bk-table-setting-icon {\n        display: inline-block;\n        vertical-align: middle;\n        width: 24px;\n        height: 24px;\n        line-height: 24px;\n        font-size: 14px;\n        color: #979BA5;\n        cursor: pointer;\n        &:hover {\n            color: #63656e;\n        }\n    }\n}\n.bk-table-setting-popover-content-theme.tippy-tooltip {\n    padding: 15px 0 0;\n}\n.bk-table-setting-content {\n    width: 400px;\n    .content-scroller {\n        max-height: 317px;\n        overflow-y: auto;\n        @mixin scroller;\n    }\n    .content-title {\n        padding: 0 24px;\n        margin: 0;\n        line-height: 32px;\n        font-size:16px;\n        font-weight: normal;\n        color: #313238;\n    }\n    .setting-title {\n        font-size: 14px;\n        padding: 0;\n        margin: 0;\n        .setting-subtitle {\n            display: inline-block;\n            color: #979BA5;\n            font-size: 12px;\n            text-indent: -8px;\n            &.is-limit {\n                color: $dangerColor;\n            }\n        }\n    }\n    .content-fields {\n        margin: 10px 24px 0;\n    }\n    .fields-group {\n        .fields-checkbox-wrapper {\n            display: inline-block;\n            width: calc(100% / 3 - 15px);\n            margin: 10px 15px 0 0;\n        }\n        .fields-checkbox {\n            max-width: 100%;\n            .bk-checkbox-text {\n                @mixin ellipsis calc(100% - 22px);\n            }\n        }\n    }\n    .content-line-height {\n        margin: 25px 24px 0;\n        .link-button-group {\n            margin-top: 10px;\n            font-size: 0;\n        }\n        .link-button {\n            min-width: auto;\n        }\n    }\n    .content-options {\n        padding: 0 10px;\n        margin: 30px 0 0;\n        height: 51px;\n        line-height: 50px;\n        font-size: 0;\n        text-align: right;\n        background: #FAFBFD;\n        border-top: 1px solid #DCDEE5;\n    }\n}\n\n.tippy-tooltip.bk-table-filter-panel-theme {\n    padding: 0;\n}\n.bk-table-filter-panel {\n    min-width: 70px;\n    background-color: #fff;\n    &.multiple {\n        min-width: 100px;\n    }\n    .panel-search {\n        display: flex;\n        align-items: middle;\n        border-bottom: 1px solid #F0F1F5;\n        .panel-search-icon {\n            flex: 16px 0 0;\n            margin: 0 5px 0 10px;\n            font-size: 16px;\n            line-height: 24px;\n        }\n        .panel-search-input {\n            flex: 1;\n            height: 24px;\n            border: none;\n            outline: none;\n            font-size: 12px;\n        }\n    }\n    .panel-list {\n        padding: 5px 0;\n        margin: 0;\n        max-height: 250px;\n        list-style: none;\n        overflow-y: auto;\n        @mixin scroller;\n        .panel-item {\n            padding: 0 10px;\n            font-size: 12px;\n            line-height: 26px;\n            cursor: pointer;\n            &:hover {\n                background-color: #eaf3ff;\n                color: #3a84ff;\n            }\n            &.is-selected {\n                background-color: #f4f6fa;\n                color: #3a84ff;\n            }\n            &.is-disabled {\n                color: #c4c6cc;\n            }\n            &.is-hidden {\n                display: none;\n            }\n        }\n    }\n    .panel-checkbox-group {\n        display: block;\n        padding: 10px 10px 0 10px;\n        .panel-checkbox {\n            display: block;\n            line-height: 16px;\n            margin-bottom: 10px;\n            .bk-checkbox-text {\n                font-size: 12px;\n            }\n        }\n    }\n    .panel-options {\n        display: flex;\n        height: 31px;\n        border-top: 1px solid #F0F1F5;\n        align-items: center;\n        justify-content: center;\n        .panel-options-link {\n            flex: 1;\n            white-space: nowrap;\n            margin: 0 15px;\n            .bk-link-text {\n                font-size: 12px;\n            }\n            & ~ .panel-options-link {\n                margin-left: 0;\n            }\n        }\n    }\n    .panel-empty {\n        display: flex;\n        height: 32px;\n        margin: 0;\n        align-items: center;\n        justify-content: center;\n        font-size: 12px;\n        font-weight: normal;\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","/**\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"]}
+{"version":3,"sources":["table.css","mixins/scroller.css","mixins/ellipsis.css"],"names":[],"mappings":"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","file":"table.min.css","sourcesContent":["@import './variable.css';\n@import './mixins/clearfix.css';\n@import './mixins/ellipsis.css';\n@import './mixins/scroller.css';\n$baseBackgroundColor: #f5f7fa;\n$tableBorderColor: #dfe0e5;\n$tableBorder: 1px solid $tableBorderColor;\n$tableFixedBoxShadow: 0 0 10px rgba(0, 0, 0, .12);\n$tableBorderColorLighter: #ebeef5;\n$tableCaretColor: #c0c4cc;\n$tablePrimaryColor: #409eff;\n$tableCurrentRowBackground: #ecf5ff;\n$tableInfoColor: #909399;\n\n.bk-table {\n    white-space: normal;\n    position: relative;\n    overflow: hidden;\n    box-sizing: border-box;\n    flex: 1;\n    width: 100%;\n    max-width: 100%;\n    font-size: 12px;\n    /* color: $fnMainColor; */\n    color: #575961;\n    .bk-button-text {\n        font-size: 12px;\n    }\n    &:before {\n        position: absolute;\n        left: 0;\n        bottom: 0;\n        width: 100%;\n        height: 1px;\n        content: '';\n        background-color: $tableBorderColor;\n        z-index: 1;\n    }\n    thead {\n        color: $fnMainColor;\n        font-weight: bold;\n        &.is-group {\n            th {\n                background-color: $baseBackgroundColor;\n            }\n        }\n    }\n\n    tr {\n        background-color: #fff;\n        input[type=\"checkbox\"] {\n            margin: 0;\n        }\n    }\n\n    th, td {\n        height: 42px;\n        /* padding: 9px 0; */\n        padding: 0;\n        min-width: 0;\n        box-sizing: border-box;\n        text-overflow: ellipsis;\n        vertical-align: middle;\n        position: relative;\n        text-align: left;\n        &.is-center {\n            text-align: center;\n            justify-content: center;\n            .cell {\n                text-align: center;\n                justify-content: center\n            }\n        }\n        &.is-right {\n            text-align: right;\n            justify-content: flex-end;\n            .cell {\n                text-align: right;\n                justify-content: flex-end\n            }\n        }\n        &.gutter {\n            width: 15px;\n            border-right-width: 0;\n            border-bottom-width: 0;\n            padding: 0;\n        }\n        &.is-hidden > * {\n            opacity: 0;\n            pointer-events: none;\n        }\n        &.is-prepend {\n            height: auto;\n            background: transparent;\n            font-weight: normal;\n        }\n    }\n\n    th.is-leaf,\n    td {\n        border-bottom: $tableBorder;\n        height: 43px;\n    }\n\n    th.is-sortable {\n        cursor: pointer;\n    }\n    .cell {\n        overflow: hidden;\n        text-overflow: ellipsis;\n        white-space: normal;\n        word-break: break-all;\n        padding-left: 15px;\n        padding-right: 15px;\n        display: -webkit-box;\n        -webkit-line-clamp: 1;\n        -webkit-box-orient: vertical;\n    }\n\n    .bk-form-checkbox {\n        padding: 0;\n    }\n\n    th {\n        white-space: nowrap;\n        overflow: hidden;\n        user-select: none;\n        /* background-color: $newGreyColor2; */\n        background-color: $newGreyColor3;\n        :hover {\n            background-color: $newGreyColor2;\n        }\n        >.cell {\n            position: relative;\n            display: inline-flex;\n            justify-content: left;\n            align-items: center;\n            width: 100%;\n            vertical-align: middle;\n            overflow: hidden;\n            height: 42px;\n            line-height: 42px;\n        }\n        &.required > div:before {\n            display: inline-block;\n            content: \"\";\n            width: 8px;\n            height: 8px;\n            border-radius: 50%;\n            background: #ff4d51;\n            margin-right: 5px;\n            vertical-align: middle;\n        }\n\n        .bk-table-header-label {\n            overflow: hidden;\n            white-space: nowrap;\n            word-wrap: normal;\n            text-overflow: ellipsis;\n            font-weight: normal;\n            color: #313238;\n        }\n        .bk-table-column-filter-trigger {\n            flex: 20px 0 0;\n            height: 20px;\n            line-height: 20px;\n            font-size: 14px;\n            text-align: center;\n            cursor: pointer;\n            color: #C4C6CC;\n            &.is-open {\n                color: #63656e;\n            }\n            &.is-filtered {\n                color: #3a84ff;\n            }\n        }\n        .bk-table-caret-wrapper {\n            display: inline-flex;\n            flex-direction: column;\n            align-items: center;\n            height: 20px;\n            flex: 20px 0 0;\n            vertical-align: middle;\n            cursor: pointer;\n            overflow: initial;\n            position: relative;\n        }\n        .bk-table-sort-caret {\n            width: 0;\n            height: 0;\n            border: solid 5px transparent;\n            position: absolute;\n            &.ascending {\n                border-bottom-color: $tableCaretColor;\n                top: -1px;\n            }\n\n            &.descending {\n                border-top-color: $tableCaretColor;\n                bottom: -1px;\n            }\n        }\n        &.ascending .bk-table-sort-caret.ascending {\n            border-bottom-color: #3a84ff;\n        }\n\n        &.descending .bk-table-sort-caret.descending {\n            border-top-color: #3a84ff;\n        }\n    }\n\n    td.gutter {\n        width: 0;\n    }\n\n    &-medium {\n        td {\n            height: 54px;\n        }\n        .cell {\n            -webkit-line-clamp: 2;\n        }\n    }\n\n    &-large {\n        td {\n            height: 72px;\n            padding: 5px 0;\n        }\n        .cell {\n            -webkit-line-clamp: 3;\n        }\n    }\n\n    .hidden-columns {\n        visibility: hidden;\n        position: absolute;\n        z-index: -1;\n    }\n}\n\n.bk-table-row-auto-height {\n    .cell {\n        display: block;\n    }\n}\n\n.bk-table-group,\n.bk-table-border,\n.bk-table-outer-border {\n    border: $tableBorder;\n    border-radius: 2px;\n    &:after {\n        position: absolute;\n        top: 0;\n        right: 0;\n        width: 1px;\n        height: 100%;\n        content: '';\n        background-color: $tableBorderColor;\n        z-index: 9;\n    }\n}\n\n.bk-table-linear {\n    &:before {\n        top: 0;\n        bottom: auto;\n    }\n}\n\n.bk-table-border {\n    border-right: none;\n    border-bottom: none;\n    th, td {\n        border-right: $tableBorder;\n        &:first-child .cell {\n            padding-left: 10px;\n        }\n    }\n    th {\n        border-bottom: $tableBorder;\n    }\n    th.gutter:last-of-type {\n        border-bottom: $tableBorder;\n    }\n}\n\n.bk-table-hidden {\n    visibility: hidden;\n}\n\n.bk-table-fixed,\n.bk-table-fixed-right {\n    position: absolute;\n    top: 0;\n    left: 0;\n    overflow: hidden;\n    box-shadow: $tableFixedBoxShadow;\n    border-bottom: 1px solid $tableBorderColor;\n    tr.bk-table-row-last {\n        td.is-last {\n            border-bottom: none;\n        }\n    }\n}\n\n.bk-table-fixed-right {\n    top: 0;\n    left: auto;\n    right: 1px;\n    &-patch {\n        position: absolute;\n        top: 0;\n        right: 0;\n        background-color: $baseBackgroundColor;\n        border-bottom: $tableBorder;\n    }\n    .bk-table-fixed-header-wrapper,\n    .bk-table-fixed-body-wrapper,\n    .bk-table-fixed-footer-wrapper {\n        left: auto;\n        right: 0;\n    }\n}\n\n.bk-table-fixed-header-wrapper,\n.bk-table-fixed-body-wrapper,\n.bk-table-fixed-footer-wrapper {\n    width: auto;\n}\n\n.bk-table-fixed-header-wrapper {\n    position: absolute;\n    left: 0;\n    top: 0;\n    z-index: 3;\n}\n\n.bk-table-fixed-footer-wrapper {\n    position: absolute;\n    left: 0;\n    bottom: 0;\n    z-index: 3;\n    tbody td {\n        border-top: $tableBorder;\n        background-color: $baseBackgroundColor;\n        color: $fnMainColor;\n    }\n}\n\n.bk-table-fixed-body-wrapper {\n    position: absolute;\n    left: 0;\n    top: 37px;\n    overflow: hidden;\n    z-index: 3;\n    tr.is-expanded-row {\n        visibility: hidden;\n        pointer-events: none;\n    }\n}\n\n.bk-table-footer-wrapper {\n    margin-top: -1px;\n    td {\n        border-top: $tableBorder;\n    }\n}\n\n.bk-table-header,\n.bk-table-body,\n.bk-table-footer {\n    table-layout: fixed;\n    border-collapse: separate;\n}\n\n.bk-table-header {\n    th.has-border {\n        border-right: $tableBorder;\n    }\n}\n\n.bk-table-header-wrapper,\n.bk-table-footer-wrapper {\n    overflow: hidden;\n    tbody td {\n        background-color: $baseBackgroundColor;\n        color: $fnMainColor;\n    }\n}\n\n.bk-table-body-wrapper {\n    overflow: hidden;\n    position: relative;\n    &.is-scrolling-none {\n        ~.bk-table-fixed,\n        ~.bk-table-fixed-right {\n            box-shadow: none;\n        }\n    }\n    &.is-scrolling-left {\n        ~.bk-table-fixed {\n            box-shadow: none;\n        }\n    }\n    &.is-scrolling-right {\n        ~.bk-table-fixed-right {\n            box-shadow: none;\n        }\n    }\n    .bk-table-border {\n        &.is-scrolling-right {\n            ~.bk-table-fixed-right {\n                border-left: $tableBorder;\n            }\n        }\n        &.is-scrolling-left {\n            ~.bk-table-fixed {\n                border-right: $tableBorder;\n            }\n        }\n    }\n}\n\n.bk-table-fit {\n    border-right: 0;\n    border-bottom: 0;\n    th.gutter,\n    td.gutter {\n        border-right-width: 1px;\n    }\n}\n\n.bk-table-scrollable {\n    &-x .bk-table-body-wrapper {\n        overflow-x: auto;\n    }\n    &-y .bk-table-body-wrapper {\n        overflow-y: auto;\n    }\n}\n\n.bk-table-striped {\n    .bk-table-body {\n        tr.bk-table-row-striped {\n            td {\n                background-color: #fafafa;\n            }\n        }\n        tr.current-row td {\n            background-color: $tableCurrentRowBackground;\n        }\n    }\n}\n\n.bk-table-body {\n    tr.bk-table-row.hover-row {\n        > td {\n            /* background-color: $newGreyColor2; */\n            background-color: #f5f7fa;\n        }\n        &.bk-table-row-striped {\n            &.current-row {\n                > td {\n                    background-color: $tableCurrentRowBackground;\n                }\n            }\n        }\n    }\n    tr.bk-table-row.current-row > td {\n        background-color: $tableCurrentRowBackground;\n    }\n}\n\n.bk-table-column-resize-proxy {\n    position: absolute;\n    left: 200px;\n    top: 0;\n    bottom: 0;\n    width: 0;\n    border-left: $tableBorder;\n    z-index: 10;\n}\n\n\n.bk-table-enable-row-transition {\n    .bk-table-body td {\n        transition: background-color .25s ease;\n    }\n}\n\n.bk-table-fluid-height {\n    .bk-tale-fixed,\n    .bk-table-fixed-right {\n        bottom: 0;\n        overflow: hidden;\n    }\n}\n\n.bk-table-empty-block {\n    min-height: 60px;\n    text-align: center;\n    width: 100%;\n    height: 100%;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n}\n.bk-table-empty-text {\n    padding: 60px 0;\n    width: 50%;\n    color: $fnMainColor;\n    .bk-table-empty-icon {\n        font-size: 65px;\n        color: $fnMinorColor;\n    }\n}\n\n.bk-table-expand-column {\n    .cell {\n        padding: 0;\n        text-align: center;\n    }\n}\n\n.bk-table-expand-icon {\n    position: relative;\n    cursor: pointer;\n    color: #c4c6cc;\n    font-size: 12px;\n    height: 20px;\n    &-expanded > .bk-icon {\n        transform: rotate(90deg);\n    }\n    > .bk-icon {\n        position: absolute;\n        left: 50%;\n        top: 50%;\n        margin-left: -5px;\n        margin-top: -5px;\n        transition: transform 0.2s ease-in-out;\n    }\n}\n\n.bk-table .bk-table-body td.bk-table-expanded-cell {\n    padding: 0 30px;\n    background-color: #fff;\n    &:hover {\n        background-color: #fff;\n    }\n    .bk-table:before {\n        display: none;\n    }\n    .bk-table-row-last td {\n        border-bottom: none;\n    }\n}\n\nth.bk-table-column-selection,\nth.bk-table-column-expand,\ntd.bk-table-column-selection,\ntd.bk-table-column-expand {\n    padding: 0;\n    .cell {\n        padding: 0;\n        width: 100%;\n        height: 100%;\n    }\n}\n.bk-table-column-selection {\n    .bk-form-checkbox {\n        display: flex;\n        width: 100%;\n        height: 100%;\n        align-items: center;\n        justify-content: center;\n        .bk-checkbox {\n            flex: 16px 0 0;\n        }\n    }\n}\n\n.bk-table-column-expand {\n    .bk-table-expand-icon {\n        display: flex;\n        width: 100%;\n        height: 100%;\n        align-items: center;\n        justify-content: center;\n        .bk-icon {\n            flex: 12px 0 0;\n        }\n    }\n}\n\n.bk-table-bottom-loading {\n    position: relative;\n    text-align: center;\n    bottom: 0;\n    height: 50px;\n    line-height: 45px;\n    width: 100%;\n    z-index: 777;\n    .bk-table-bottom-loading-spin {\n        .bk-icon {\n            font-size: 15px;\n        }\n        .bk-spin-title {\n            color: #979ba5;\n            font-size: 12px;\n        }\n    }\n}\n\n.bk-table-pagination-wrapper {\n    padding: 15px;\n    margin-top: -1px;\n    position: relative;\n    border-top: 1px solid $tableBorderColor;\n}\n\n.bk-table-column-setting {\n    border-left: 1px solid $tableBorderColor;\n    .cell {\n        padding: 0;\n    }\n    .bk-table-setting-icon {\n        display: inline-block;\n        vertical-align: middle;\n        width: 24px;\n        height: 24px;\n        line-height: 24px;\n        font-size: 14px;\n        color: #979BA5;\n        cursor: pointer;\n        &:hover {\n            color: #63656e;\n        }\n    }\n}\n.bk-table-setting-popover-content-theme.tippy-tooltip {\n    padding: 15px 0 0;\n}\n.bk-table-setting-content {\n    width: 400px;\n    .content-scroller {\n        max-height: 317px;\n        overflow-y: auto;\n        @mixin scroller;\n    }\n    .content-title {\n        padding: 0 24px;\n        margin: 0;\n        line-height: 32px;\n        font-size:16px;\n        font-weight: normal;\n        color: #313238;\n    }\n    .setting-title {\n        font-size: 14px;\n        padding: 0;\n        margin: 0;\n        .setting-subtitle {\n            display: inline-block;\n            color: #979BA5;\n            font-size: 12px;\n            text-indent: -8px;\n            &.is-limit {\n                color: $dangerColor;\n            }\n        }\n    }\n    .content-fields {\n        margin: 10px 24px 0;\n    }\n    .fields-group {\n        .fields-checkbox-wrapper {\n            display: inline-block;\n            width: calc(100% / 3 - 15px);\n            margin: 10px 15px 0 0;\n        }\n        .fields-checkbox {\n            max-width: 100%;\n            .bk-checkbox-text {\n                @mixin ellipsis calc(100% - 22px);\n            }\n        }\n    }\n    .content-line-height {\n        margin: 25px 24px 0;\n        .link-button-group {\n            margin-top: 10px;\n            font-size: 0;\n        }\n        .link-button {\n            min-width: auto;\n        }\n    }\n    .content-options {\n        padding: 0 10px;\n        margin: 30px 0 0;\n        height: 51px;\n        line-height: 50px;\n        font-size: 0;\n        text-align: right;\n        background: #FAFBFD;\n        border-top: 1px solid #DCDEE5;\n    }\n}\n\n.tippy-tooltip.bk-table-filter-panel-theme {\n    padding: 0;\n}\n.bk-table-filter-panel {\n    min-width: 70px;\n    background-color: #fff;\n    &.multiple {\n        min-width: 100px;\n    }\n    .panel-search {\n        display: flex;\n        align-items: middle;\n        border-bottom: 1px solid #F0F1F5;\n        .panel-search-icon {\n            flex: 16px 0 0;\n            margin: 0 5px 0 10px;\n            font-size: 16px;\n            line-height: 24px;\n        }\n        .panel-search-input {\n            flex: 1;\n            height: 24px;\n            border: none;\n            outline: none;\n            font-size: 12px;\n        }\n    }\n    .panel-list {\n        padding: 5px 0;\n        margin: 0;\n        max-height: 250px;\n        list-style: none;\n        overflow-y: auto;\n        @mixin scroller;\n        .panel-item {\n            padding: 0 10px;\n            font-size: 12px;\n            line-height: 26px;\n            cursor: pointer;\n            &:hover {\n                background-color: #eaf3ff;\n                color: #3a84ff;\n            }\n            &.is-selected {\n                background-color: #f4f6fa;\n                color: #3a84ff;\n            }\n            &.is-disabled {\n                color: #c4c6cc;\n            }\n            &.is-hidden {\n                display: none;\n            }\n        }\n    }\n    .panel-checkbox-group {\n        display: block;\n        padding: 10px 10px 0 10px;\n        .panel-checkbox {\n            display: block;\n            line-height: 16px;\n            margin-bottom: 10px;\n            .bk-checkbox-text {\n                font-size: 12px;\n            }\n        }\n    }\n    .panel-options {\n        display: flex;\n        height: 31px;\n        border-top: 1px solid #F0F1F5;\n        align-items: center;\n        justify-content: center;\n        .panel-options-link {\n            flex: 1;\n            white-space: nowrap;\n            margin: 0 15px;\n            .bk-link-text {\n                font-size: 12px;\n            }\n            & ~ .panel-options-link {\n                margin-left: 0;\n            }\n        }\n    }\n    .panel-empty {\n        display: flex;\n        height: 32px;\n        margin: 0;\n        align-items: center;\n        justify-content: center;\n        font-size: 12px;\n        font-weight: normal;\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","/**\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"]}

package/lib/ui/zoom-image.css

@@ -2,6 +2,7 @@
         width:100%;
         height:100%;
         cursor:pointer;
+        vertical-align:bottom;
     }
     .bk-zoom-image .bk-full-screen{
         position:fixed;

package/lib/ui/zoom-image.min.css

@@ -1,2 +1,2 @@
-.bk-zoom-image .bk-real-image{width:100%;height:100%;cursor:pointer}.bk-zoom-image .bk-full-screen{position:fixed;top:0;left:0;bottom:0;right:0;z-index:2;background:rgba(0,0,0,.6);cursor:pointer}.bk-zoom-image .bk-full-screen .bk-full-image{cursor:-webkit-grab;cursor:grab;position:relative}.bk-zoom-image .bk-full-screen .bk-zoom-init{max-width:50vw;max-height:50vh;height:auto!important;width:auto!important;top:50%!important;left:50%!important;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}
+.bk-zoom-image .bk-real-image{width:100%;height:100%;cursor:pointer;vertical-align:bottom}.bk-zoom-image .bk-full-screen{position:fixed;top:0;left:0;bottom:0;right:0;z-index:2;background:rgba(0,0,0,.6);cursor:pointer}.bk-zoom-image .bk-full-screen .bk-full-image{cursor:-webkit-grab;cursor:grab;position:relative}.bk-zoom-image .bk-full-screen .bk-zoom-init{max-width:50vw;max-height:50vh;height:auto!important;width:auto!important;top:50%!important;left:50%!important;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}
 /*# sourceMappingURL=zoom-image.min.css.map */

package/lib/ui/zoom-image.min.css.map

@@ -1 +1 @@
-{"version":3,"sources":["zoom-image.css"],"names":[],"mappings":"AACI,8BACI,UAAW,CACX,WAAY,CACZ,cACJ,CACA,+BACI,cAAe,CACf,KAAM,CACN,MAAO,CACP,QAAS,CACT,OAAQ,CACR,SAAU,CACV,yBAA8B,CAC9B,cAcJ,CAbI,8CACI,mBAAY,CAAZ,WAAY,CACZ,iBACJ,CACA,6CACI,cAAe,CACf,eAAgB,CAChB,qBAAsB,CACtB,oBAAqB,CACrB,iBAAkB,CAClB,kBAAmB,CACnB,sCAAgC,CAAhC,8BACJ","file":"zoom-image.min.css","sourcesContent":[".bk-zoom-image {\n    .bk-real-image {\n        width: 100%;\n        height: 100%;\n        cursor: pointer;\n    }\n    .bk-full-screen {\n        position: fixed;\n        top: 0;\n        left: 0;\n        bottom: 0;\n        right: 0;\n        z-index: 2;\n        background: rgba(0, 0, 0, 0.6);\n        cursor: pointer;\n        .bk-full-image {\n            cursor: grab;\n            position: relative;\n        }\n        .bk-zoom-init {\n            max-width: 50vw;\n            max-height: 50vh;\n            height: auto!important;\n            width: auto!important;\n            top: 50%!important;\n            left: 50%!important;\n            transform: translate(-50%, -50%);\n        }\n    }\n}\n"]}
+{"version":3,"sources":["zoom-image.css"],"names":[],"mappings":"AACI,8BACI,UAAW,CACX,WAAY,CACZ,cAAe,CACf,qBACJ,CACA,+BACI,cAAe,CACf,KAAM,CACN,MAAO,CACP,QAAS,CACT,OAAQ,CACR,SAAU,CACV,yBAA8B,CAC9B,cAcJ,CAbI,8CACI,mBAAY,CAAZ,WAAY,CACZ,iBACJ,CACA,6CACI,cAAe,CACf,eAAgB,CAChB,qBAAsB,CACtB,oBAAqB,CACrB,iBAAkB,CAClB,kBAAmB,CACnB,sCAAgC,CAAhC,8BACJ","file":"zoom-image.min.css","sourcesContent":[".bk-zoom-image {\n    .bk-real-image {\n        width: 100%;\n        height: 100%;\n        cursor: pointer;\n        vertical-align: bottom;\n    }\n    .bk-full-screen {\n        position: fixed;\n        top: 0;\n        left: 0;\n        bottom: 0;\n        right: 0;\n        z-index: 2;\n        background: rgba(0, 0, 0, 0.6);\n        cursor: pointer;\n        .bk-full-image {\n            cursor: grab;\n            position: relative;\n        }\n        .bk-zoom-init {\n            max-width: 50vw;\n            max-height: 50vh;\n            height: auto!important;\n            width: auto!important;\n            top: 50%!important;\n            left: 50%!important;\n            transform: translate(-50%, -50%);\n        }\n    }\n}\n"]}