bkui-vue 2.0.1-beta.40 → 2.0.1-beta.42
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.cjs.js +63 -63
- package/dist/index.esm.js +16459 -16370
- package/dist/index.umd.js +63 -63
- package/dist/style.css +1 -1
- package/dist/style.variable.css +1 -1
- package/lib/checkbox/index.js +2 -1
- package/lib/index.js +1 -1
- package/lib/scrollbar/{scrollbar.css → css/scrollbar.css} +90 -75
- package/lib/scrollbar/css/scrollbar.less +139 -0
- package/lib/scrollbar/{scrollbar.variable.css → css/scrollbar.variable.css} +89 -74
- package/lib/scrollbar/handlers/click-rail.d.ts +2 -0
- package/lib/scrollbar/handlers/drag-thumb.d.ts +1 -0
- package/lib/scrollbar/handlers/keyboard.d.ts +2 -0
- package/lib/scrollbar/handlers/mouse-wheel.d.ts +2 -0
- package/lib/scrollbar/handlers/touch.d.ts +4 -0
- package/lib/scrollbar/helper/class-names.d.ts +21 -0
- package/lib/scrollbar/helper/css.d.ts +3 -0
- package/lib/scrollbar/helper/dom.d.ts +4 -0
- package/lib/scrollbar/helper/event-manager.d.ts +20 -0
- package/lib/scrollbar/helper/util.d.ts +11 -0
- package/lib/scrollbar/index.d.ts +133 -13
- package/lib/scrollbar/index.js +1331 -18489
- package/lib/scrollbar/process-scroll-diff.d.ts +1 -0
- package/lib/scrollbar/update-geometry.d.ts +8 -0
- package/lib/search-select/index.d.ts +12 -6
- package/lib/search-select/index.js +33 -10
- package/lib/search-select/input.d.ts +2 -1
- package/lib/search-select/search-select.d.ts +4 -2
- package/lib/search-select/selected.d.ts +4 -2
- package/lib/styles/index.d.ts +1 -0
- package/lib/table/components/table-cell.d.ts +11 -0
- package/lib/table/hooks/use-columns.d.ts +4 -1
- package/lib/table/hooks/use-layout.d.ts +1 -0
- package/lib/table/hooks/use-settings.d.ts +2 -2
- package/lib/table/index.d.ts +23 -0
- package/lib/table/index.js +233 -77
- package/lib/table/props.d.ts +9 -1
- package/lib/table/table.css +126 -109
- package/lib/table/table.d.ts +11 -0
- package/lib/table/table.less +49 -30
- package/lib/table/table.variable.css +126 -109
- package/lib/table/utils.d.ts +15 -15
- package/lib/table-column/index.js +8 -0
- package/lib/tree/index.d.ts +3 -3
- package/lib/tree/tree.css +90 -83
- package/lib/tree/tree.d.ts +1 -1
- package/lib/tree/tree.variable.css +90 -83
- package/lib/virtual-render/index.d.ts +0 -23
- package/lib/virtual-render/index.js +54 -106
- package/lib/virtual-render/props.d.ts +0 -6
- package/lib/virtual-render/use-scrollbar.d.ts +3 -17
- package/lib/virtual-render/virtual-render.css +89 -82
- package/lib/virtual-render/virtual-render.d.ts +0 -11
- package/lib/virtual-render/virtual-render.less +2 -11
- package/lib/virtual-render/virtual-render.variable.css +89 -82
- package/package.json +1 -1
- package/lib/scrollbar/scrollbar-core/can-use-dom.d.ts +0 -2
- package/lib/scrollbar/scrollbar-core/helpers.d.ts +0 -5
- package/lib/scrollbar/scrollbar-core/index.d.ts +0 -242
- package/lib/scrollbar/scrollbar-core/mouse-wheel.d.ts +0 -5
- package/lib/scrollbar/scrollbar-core/scrollbar-width.d.ts +0 -1
- package/lib/scrollbar/scrollbar.less +0 -119
    
        package/lib/tree/tree.css
    CHANGED
    
    | @@ -145,111 +145,118 @@ | |
| 145 145 | 
             
            .bk-F-scroll-y::-webkit-scrollbar-thumb {
         | 
| 146 146 | 
             
              border-radius: 4px;
         | 
| 147 147 | 
             
            }
         | 
| 148 | 
            -
            .bk-scrollbar | 
| 149 | 
            -
               | 
| 150 | 
            -
              overflow:  | 
| 151 | 
            -
             | 
| 152 | 
            -
             | 
| 153 | 
            -
             | 
| 154 | 
            -
             | 
| 155 | 
            -
               | 
| 148 | 
            +
            .bk-scrollbar {
         | 
| 149 | 
            +
              overflow: hidden !important;
         | 
| 150 | 
            +
              overflow-anchor: none;
         | 
| 151 | 
            +
              touch-action: auto;
         | 
| 152 | 
            +
              /*
         | 
| 153 | 
            +
             * Scrollbar rail styles
         | 
| 154 | 
            +
             */
         | 
| 155 | 
            +
              /*
         | 
| 156 | 
            +
             * Scrollbar thumb styles
         | 
| 157 | 
            +
             */
         | 
| 158 | 
            +
            }
         | 
| 159 | 
            +
            .bk-scrollbar.bk--active-x > .bk__rail-x,
         | 
| 160 | 
            +
            .bk-scrollbar.bk--active-y > .bk__rail-y {
         | 
| 161 | 
            +
              display: block;
         | 
| 162 | 
            +
            }
         | 
| 163 | 
            +
            .bk-scrollbar .bk__rail-x:hover,
         | 
| 164 | 
            +
            .bk-scrollbar .bk__rail-y:hover,
         | 
| 165 | 
            +
            .bk-scrollbar .bk__rail-x:focus,
         | 
| 166 | 
            +
            .bk-scrollbar .bk__rail-y:focus,
         | 
| 167 | 
            +
            .bk-scrollbar .bk__rail-x.bk--clicking,
         | 
| 168 | 
            +
            .bk-scrollbar .bk__rail-y.bk--clicking {
         | 
| 169 | 
            +
              background-color: #f0f1f5;
         | 
| 156 170 | 
             
            }
         | 
| 157 | 
            -
            .bk-scrollbar | 
| 158 | 
            -
               | 
| 171 | 
            +
            .bk-scrollbar .bk__rail-x {
         | 
| 172 | 
            +
              display: none;
         | 
| 173 | 
            +
              opacity: 0;
         | 
| 174 | 
            +
              transition: background-color 0.2s linear, opacity 0.2s linear;
         | 
| 175 | 
            +
              height: 10px;
         | 
| 176 | 
            +
              bottom: 0px;
         | 
| 159 177 | 
             
              position: absolute;
         | 
| 160 | 
            -
              right: 0;
         | 
| 161 | 
            -
              bottom: 0;
         | 
| 162 | 
            -
              pointer-events: none;
         | 
| 163 | 
            -
              overflow: hidden;
         | 
| 164 | 
            -
            }
         | 
| 165 | 
            -
            .bk-scrollbar-wrapper .bk-scrollbar-track.track-small.bk-scrollbar-vertical {
         | 
| 166 | 
            -
              width: 6px;
         | 
| 167 | 
            -
            }
         | 
| 168 | 
            -
            .bk-scrollbar-wrapper .bk-scrollbar-track.track-small.bk-scrollbar-vertical.bk-scrollbar-hover {
         | 
| 169 | 
            -
              width: 8px;
         | 
| 170 178 | 
             
            }
         | 
| 171 | 
            -
            .bk-scrollbar | 
| 172 | 
            -
              height: 6px;
         | 
| 173 | 
            -
            }
         | 
| 174 | 
            -
            .bk-scrollbar-wrapper .bk-scrollbar-track.track-small.bk-scrollbar-horizontal.bk-scrollbar-hover {
         | 
| 179 | 
            +
            .bk-scrollbar .bk__rail-x.bk-size-small {
         | 
| 175 180 | 
             
              height: 8px;
         | 
| 176 181 | 
             
            }
         | 
| 177 | 
            -
            .bk-scrollbar | 
| 178 | 
            -
               | 
| 179 | 
            -
              cursor: pointer;
         | 
| 182 | 
            +
            .bk-scrollbar .bk__rail-x.bk-size-small .bk__thumb-x {
         | 
| 183 | 
            +
              height: 6px;
         | 
| 180 184 | 
             
            }
         | 
| 181 | 
            -
            .bk-scrollbar | 
| 182 | 
            -
               | 
| 185 | 
            +
            .bk-scrollbar .bk__rail-y {
         | 
| 186 | 
            +
              display: none;
         | 
| 187 | 
            +
              opacity: 0;
         | 
| 188 | 
            +
              transition: background-color 0.2s linear, opacity 0.2s linear;
         | 
| 189 | 
            +
              width: 10px;
         | 
| 190 | 
            +
              right: 0px;
         | 
| 191 | 
            +
              position: absolute;
         | 
| 192 | 
            +
              margin-right: 2px;
         | 
| 183 193 | 
             
            }
         | 
| 184 | 
            -
            .bk-scrollbar | 
| 185 | 
            -
              top: 0;
         | 
| 194 | 
            +
            .bk-scrollbar .bk__rail-y.bk-size-small {
         | 
| 186 195 | 
             
              width: 8px;
         | 
| 187 | 
            -
              transform: translate(var(--scroll-offset-x), var(--scroll-offset-y));
         | 
| 188 196 | 
             
            }
         | 
| 189 | 
            -
            .bk-scrollbar | 
| 190 | 
            -
              width:  | 
| 197 | 
            +
            .bk-scrollbar .bk__rail-y.bk-size-small .bk__thumb-y {
         | 
| 198 | 
            +
              width: 6px;
         | 
| 191 199 | 
             
            }
         | 
| 192 | 
            -
            .bk-scrollbar | 
| 193 | 
            -
             | 
| 200 | 
            +
            .bk-scrollbar:hover > .bk__rail-x,
         | 
| 201 | 
            +
            .bk-scrollbar:hover > .bk__rail-y,
         | 
| 202 | 
            +
            .bk-scrollbar.bk--focus > .bk__rail-x,
         | 
| 203 | 
            +
            .bk-scrollbar.bk--focus > .bk__rail-y,
         | 
| 204 | 
            +
            .bk-scrollbar.bk--scrolling-x > .bk__rail-x,
         | 
| 205 | 
            +
            .bk-scrollbar.bk--scrolling-y > .bk__rail-y {
         | 
| 206 | 
            +
              opacity: 0.9;
         | 
| 207 | 
            +
            }
         | 
| 208 | 
            +
            .bk-scrollbar .bk__thumb-x {
         | 
| 209 | 
            +
              background-color: #dcdee5;
         | 
| 210 | 
            +
              border-radius: 8px;
         | 
| 211 | 
            +
              transition: background-color 0.2s linear, height 0.2s ease-in-out;
         | 
| 194 212 | 
             
              height: 8px;
         | 
| 195 | 
            -
               | 
| 213 | 
            +
              bottom: 0px;
         | 
| 214 | 
            +
              position: absolute;
         | 
| 196 215 | 
             
            }
         | 
| 197 | 
            -
            .bk-scrollbar | 
| 216 | 
            +
            .bk-scrollbar .bk__thumb-y {
         | 
| 217 | 
            +
              background-color: #dcdee5;
         | 
| 218 | 
            +
              border-radius: 8px;
         | 
| 219 | 
            +
              transition: background-color 0.2s linear, width 0.2s ease-in-out;
         | 
| 220 | 
            +
              width: 8px;
         | 
| 221 | 
            +
              right: 0px;
         | 
| 222 | 
            +
              position: absolute;
         | 
| 223 | 
            +
            }
         | 
| 224 | 
            +
            .bk-scrollbar .bk__rail-x:hover > .bk__thumb-x,
         | 
| 225 | 
            +
            .bk-scrollbar .bk__rail-x:focus > .bk__thumb-x,
         | 
| 226 | 
            +
            .bk-scrollbar .bk__rail-x.bk--clicking .bk__thumb-x {
         | 
| 227 | 
            +
              background-color: #979ba5;
         | 
| 198 228 | 
             
              height: 10px;
         | 
| 199 229 | 
             
            }
         | 
| 200 | 
            -
            .bk-scrollbar | 
| 201 | 
            -
             | 
| 202 | 
            -
             | 
| 203 | 
            -
               | 
| 204 | 
            -
               | 
| 205 | 
            -
              min-height: 0;
         | 
| 206 | 
            -
              min-width: 8px;
         | 
| 207 | 
            -
              width: auto;
         | 
| 230 | 
            +
            .bk-scrollbar .bk__rail-y:hover > .bk__thumb-y,
         | 
| 231 | 
            +
            .bk-scrollbar .bk__rail-y:focus > .bk__thumb-y,
         | 
| 232 | 
            +
            .bk-scrollbar .bk__rail-y.bk--clicking .bk__thumb-y {
         | 
| 233 | 
            +
              background-color: #979ba5;
         | 
| 234 | 
            +
              width: 10px;
         | 
| 208 235 | 
             
            }
         | 
| 209 | 
            -
            .bk-scrollbar | 
| 210 | 
            -
             | 
| 211 | 
            -
             | 
| 212 | 
            -
               | 
| 213 | 
            -
              -khtml-user-select: none;
         | 
| 214 | 
            -
              -moz-user-select: none;
         | 
| 215 | 
            -
              -ms-user-select: none;
         | 
| 216 | 
            -
              user-select: none;
         | 
| 236 | 
            +
            .bk-scrollbar .bk-size-small > .bk__thumb-x,
         | 
| 237 | 
            +
            .bk-scrollbar .bk-size-small > .bk__thumb-x,
         | 
| 238 | 
            +
            .bk-scrollbar .bk-size-small.bk--clicking .bk__thumb-x {
         | 
| 239 | 
            +
              height: 8px;
         | 
| 217 240 | 
             
            }
         | 
| 218 | 
            -
            .bk-scrollbar | 
| 219 | 
            -
             | 
| 220 | 
            -
             | 
| 221 | 
            -
               | 
| 222 | 
            -
              top: 0;
         | 
| 223 | 
            -
              bottom: 0;
         | 
| 241 | 
            +
            .bk-scrollbar .bk-size-small:hover > .bk__thumb-y,
         | 
| 242 | 
            +
            .bk-scrollbar .bk-size-small:focus > .bk__thumb-y,
         | 
| 243 | 
            +
            .bk-scrollbar .bk-size-small.bk--clicking .bk__thumb-y {
         | 
| 244 | 
            +
              width: 8px;
         | 
| 224 245 | 
             
            }
         | 
| 225 | 
            -
             | 
| 226 | 
            -
             | 
| 227 | 
            -
               | 
| 228 | 
            -
             | 
| 229 | 
            -
               | 
| 230 | 
            -
              left: 0;
         | 
| 231 | 
            -
              right: 0;
         | 
| 232 | 
            -
              top: 0;
         | 
| 233 | 
            -
              bottom: 0;
         | 
| 234 | 
            -
              opacity: 0;
         | 
| 235 | 
            -
              transition: opacity 0.2s 0.9s linear;
         | 
| 246 | 
            +
            /* MS supports */
         | 
| 247 | 
            +
            @supports (-ms-overflow-style: none) {
         | 
| 248 | 
            +
              .bk-scrollbar {
         | 
| 249 | 
            +
                overflow: auto !important;
         | 
| 250 | 
            +
              }
         | 
| 236 251 | 
             
            }
         | 
| 237 | 
            -
             | 
| 238 | 
            -
               | 
| 239 | 
            -
             | 
| 240 | 
            -
               | 
| 252 | 
            +
            @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
         | 
| 253 | 
            +
              .bk-scrollbar {
         | 
| 254 | 
            +
                overflow: auto !important;
         | 
| 255 | 
            +
              }
         | 
| 241 256 | 
             
            }
         | 
| 242 257 | 
             
            .bk-virtual-render {
         | 
| 243 258 | 
             
              position: relative;
         | 
| 244 259 | 
             
            }
         | 
| 245 | 
            -
            .bk-virtual-render .bk-virtual-content {
         | 
| 246 | 
            -
              position: absolute;
         | 
| 247 | 
            -
              top: 0;
         | 
| 248 | 
            -
              bottom: 0;
         | 
| 249 | 
            -
              left: 0;
         | 
| 250 | 
            -
              width: 100%;
         | 
| 251 | 
            -
              height: 100%;
         | 
| 252 | 
            -
            }
         | 
| 253 260 | 
             
            .bk-virtual-render .bk-virtual-section {
         | 
| 254 261 | 
             
              width: 1px;
         | 
| 255 262 | 
             
              background: transparent;
         | 
    
        package/lib/tree/tree.d.ts
    CHANGED
    
    | @@ -289,6 +289,7 @@ declare const _default: import("vue").DefineComponent<{ | |
| 289 289 | 
             
                children: string;
         | 
| 290 290 | 
             
                lineHeight: number;
         | 
| 291 291 | 
             
                offsetLeft: number;
         | 
| 292 | 
            +
                intersectionObserver: boolean | import("./props").IIntersectionObserver;
         | 
| 292 293 | 
             
                nodeKey: string;
         | 
| 293 294 | 
             
                indent: number;
         | 
| 294 295 | 
             
                levelLine: any;
         | 
| @@ -306,6 +307,5 @@ declare const _default: import("vue").DefineComponent<{ | |
| 306 307 | 
             
                nodeContentAction: any;
         | 
| 307 308 | 
             
                keepSlotData: boolean;
         | 
| 308 309 | 
             
                checkStrictly: boolean;
         | 
| 309 | 
            -
                intersectionObserver: boolean | import("./props").IIntersectionObserver;
         | 
| 310 310 | 
             
            }, {}>;
         | 
| 311 311 | 
             
            export default _default;
         | 
| @@ -535,111 +535,118 @@ | |
| 535 535 | 
             
            .bk-F-scroll-y::-webkit-scrollbar-thumb {
         | 
| 536 536 | 
             
              border-radius: 4px;
         | 
| 537 537 | 
             
            }
         | 
| 538 | 
            -
            .bk-scrollbar | 
| 539 | 
            -
               | 
| 540 | 
            -
              overflow:  | 
| 541 | 
            -
             | 
| 542 | 
            -
             | 
| 543 | 
            -
             | 
| 544 | 
            -
             | 
| 545 | 
            -
               | 
| 538 | 
            +
            .bk-scrollbar {
         | 
| 539 | 
            +
              overflow: hidden !important;
         | 
| 540 | 
            +
              overflow-anchor: none;
         | 
| 541 | 
            +
              touch-action: auto;
         | 
| 542 | 
            +
              /*
         | 
| 543 | 
            +
             * Scrollbar rail styles
         | 
| 544 | 
            +
             */
         | 
| 545 | 
            +
              /*
         | 
| 546 | 
            +
             * Scrollbar thumb styles
         | 
| 547 | 
            +
             */
         | 
| 548 | 
            +
            }
         | 
| 549 | 
            +
            .bk-scrollbar.bk--active-x > .bk__rail-x,
         | 
| 550 | 
            +
            .bk-scrollbar.bk--active-y > .bk__rail-y {
         | 
| 551 | 
            +
              display: block;
         | 
| 552 | 
            +
            }
         | 
| 553 | 
            +
            .bk-scrollbar .bk__rail-x:hover,
         | 
| 554 | 
            +
            .bk-scrollbar .bk__rail-y:hover,
         | 
| 555 | 
            +
            .bk-scrollbar .bk__rail-x:focus,
         | 
| 556 | 
            +
            .bk-scrollbar .bk__rail-y:focus,
         | 
| 557 | 
            +
            .bk-scrollbar .bk__rail-x.bk--clicking,
         | 
| 558 | 
            +
            .bk-scrollbar .bk__rail-y.bk--clicking {
         | 
| 559 | 
            +
              background-color: #f0f1f5;
         | 
| 546 560 | 
             
            }
         | 
| 547 | 
            -
            .bk-scrollbar | 
| 548 | 
            -
               | 
| 561 | 
            +
            .bk-scrollbar .bk__rail-x {
         | 
| 562 | 
            +
              display: none;
         | 
| 563 | 
            +
              opacity: 0;
         | 
| 564 | 
            +
              transition: background-color 0.2s linear, opacity 0.2s linear;
         | 
| 565 | 
            +
              height: 10px;
         | 
| 566 | 
            +
              bottom: 0px;
         | 
| 549 567 | 
             
              position: absolute;
         | 
| 550 | 
            -
              right: 0;
         | 
| 551 | 
            -
              bottom: 0;
         | 
| 552 | 
            -
              pointer-events: none;
         | 
| 553 | 
            -
              overflow: hidden;
         | 
| 554 | 
            -
            }
         | 
| 555 | 
            -
            .bk-scrollbar-wrapper .bk-scrollbar-track.track-small.bk-scrollbar-vertical {
         | 
| 556 | 
            -
              width: 6px;
         | 
| 557 | 
            -
            }
         | 
| 558 | 
            -
            .bk-scrollbar-wrapper .bk-scrollbar-track.track-small.bk-scrollbar-vertical.bk-scrollbar-hover {
         | 
| 559 | 
            -
              width: 8px;
         | 
| 560 568 | 
             
            }
         | 
| 561 | 
            -
            .bk-scrollbar | 
| 562 | 
            -
              height: 6px;
         | 
| 563 | 
            -
            }
         | 
| 564 | 
            -
            .bk-scrollbar-wrapper .bk-scrollbar-track.track-small.bk-scrollbar-horizontal.bk-scrollbar-hover {
         | 
| 569 | 
            +
            .bk-scrollbar .bk__rail-x.bk-size-small {
         | 
| 565 570 | 
             
              height: 8px;
         | 
| 566 571 | 
             
            }
         | 
| 567 | 
            -
            .bk-scrollbar | 
| 568 | 
            -
               | 
| 569 | 
            -
              cursor: pointer;
         | 
| 572 | 
            +
            .bk-scrollbar .bk__rail-x.bk-size-small .bk__thumb-x {
         | 
| 573 | 
            +
              height: 6px;
         | 
| 570 574 | 
             
            }
         | 
| 571 | 
            -
            .bk-scrollbar | 
| 572 | 
            -
               | 
| 575 | 
            +
            .bk-scrollbar .bk__rail-y {
         | 
| 576 | 
            +
              display: none;
         | 
| 577 | 
            +
              opacity: 0;
         | 
| 578 | 
            +
              transition: background-color 0.2s linear, opacity 0.2s linear;
         | 
| 579 | 
            +
              width: 10px;
         | 
| 580 | 
            +
              right: 0px;
         | 
| 581 | 
            +
              position: absolute;
         | 
| 582 | 
            +
              margin-right: 2px;
         | 
| 573 583 | 
             
            }
         | 
| 574 | 
            -
            .bk-scrollbar | 
| 575 | 
            -
              top: 0;
         | 
| 584 | 
            +
            .bk-scrollbar .bk__rail-y.bk-size-small {
         | 
| 576 585 | 
             
              width: 8px;
         | 
| 577 | 
            -
              transform: translate(var(--scroll-offset-x), var(--scroll-offset-y));
         | 
| 578 586 | 
             
            }
         | 
| 579 | 
            -
            .bk-scrollbar | 
| 580 | 
            -
              width:  | 
| 587 | 
            +
            .bk-scrollbar .bk__rail-y.bk-size-small .bk__thumb-y {
         | 
| 588 | 
            +
              width: 6px;
         | 
| 581 589 | 
             
            }
         | 
| 582 | 
            -
            .bk-scrollbar | 
| 583 | 
            -
             | 
| 590 | 
            +
            .bk-scrollbar:hover > .bk__rail-x,
         | 
| 591 | 
            +
            .bk-scrollbar:hover > .bk__rail-y,
         | 
| 592 | 
            +
            .bk-scrollbar.bk--focus > .bk__rail-x,
         | 
| 593 | 
            +
            .bk-scrollbar.bk--focus > .bk__rail-y,
         | 
| 594 | 
            +
            .bk-scrollbar.bk--scrolling-x > .bk__rail-x,
         | 
| 595 | 
            +
            .bk-scrollbar.bk--scrolling-y > .bk__rail-y {
         | 
| 596 | 
            +
              opacity: 0.9;
         | 
| 597 | 
            +
            }
         | 
| 598 | 
            +
            .bk-scrollbar .bk__thumb-x {
         | 
| 599 | 
            +
              background-color: #dcdee5;
         | 
| 600 | 
            +
              border-radius: 8px;
         | 
| 601 | 
            +
              transition: background-color 0.2s linear, height 0.2s ease-in-out;
         | 
| 584 602 | 
             
              height: 8px;
         | 
| 585 | 
            -
               | 
| 603 | 
            +
              bottom: 0px;
         | 
| 604 | 
            +
              position: absolute;
         | 
| 586 605 | 
             
            }
         | 
| 587 | 
            -
            .bk-scrollbar | 
| 606 | 
            +
            .bk-scrollbar .bk__thumb-y {
         | 
| 607 | 
            +
              background-color: #dcdee5;
         | 
| 608 | 
            +
              border-radius: 8px;
         | 
| 609 | 
            +
              transition: background-color 0.2s linear, width 0.2s ease-in-out;
         | 
| 610 | 
            +
              width: 8px;
         | 
| 611 | 
            +
              right: 0px;
         | 
| 612 | 
            +
              position: absolute;
         | 
| 613 | 
            +
            }
         | 
| 614 | 
            +
            .bk-scrollbar .bk__rail-x:hover > .bk__thumb-x,
         | 
| 615 | 
            +
            .bk-scrollbar .bk__rail-x:focus > .bk__thumb-x,
         | 
| 616 | 
            +
            .bk-scrollbar .bk__rail-x.bk--clicking .bk__thumb-x {
         | 
| 617 | 
            +
              background-color: #979ba5;
         | 
| 588 618 | 
             
              height: 10px;
         | 
| 589 619 | 
             
            }
         | 
| 590 | 
            -
            .bk-scrollbar | 
| 591 | 
            -
             | 
| 592 | 
            -
             | 
| 593 | 
            -
               | 
| 594 | 
            -
               | 
| 595 | 
            -
              min-height: 0;
         | 
| 596 | 
            -
              min-width: 8px;
         | 
| 597 | 
            -
              width: auto;
         | 
| 620 | 
            +
            .bk-scrollbar .bk__rail-y:hover > .bk__thumb-y,
         | 
| 621 | 
            +
            .bk-scrollbar .bk__rail-y:focus > .bk__thumb-y,
         | 
| 622 | 
            +
            .bk-scrollbar .bk__rail-y.bk--clicking .bk__thumb-y {
         | 
| 623 | 
            +
              background-color: #979ba5;
         | 
| 624 | 
            +
              width: 10px;
         | 
| 598 625 | 
             
            }
         | 
| 599 | 
            -
            .bk-scrollbar | 
| 600 | 
            -
             | 
| 601 | 
            -
             | 
| 602 | 
            -
               | 
| 603 | 
            -
              -khtml-user-select: none;
         | 
| 604 | 
            -
              -moz-user-select: none;
         | 
| 605 | 
            -
              -ms-user-select: none;
         | 
| 606 | 
            -
              user-select: none;
         | 
| 626 | 
            +
            .bk-scrollbar .bk-size-small > .bk__thumb-x,
         | 
| 627 | 
            +
            .bk-scrollbar .bk-size-small > .bk__thumb-x,
         | 
| 628 | 
            +
            .bk-scrollbar .bk-size-small.bk--clicking .bk__thumb-x {
         | 
| 629 | 
            +
              height: 8px;
         | 
| 607 630 | 
             
            }
         | 
| 608 | 
            -
            .bk-scrollbar | 
| 609 | 
            -
             | 
| 610 | 
            -
             | 
| 611 | 
            -
               | 
| 612 | 
            -
              top: 0;
         | 
| 613 | 
            -
              bottom: 0;
         | 
| 631 | 
            +
            .bk-scrollbar .bk-size-small:hover > .bk__thumb-y,
         | 
| 632 | 
            +
            .bk-scrollbar .bk-size-small:focus > .bk__thumb-y,
         | 
| 633 | 
            +
            .bk-scrollbar .bk-size-small.bk--clicking .bk__thumb-y {
         | 
| 634 | 
            +
              width: 8px;
         | 
| 614 635 | 
             
            }
         | 
| 615 | 
            -
             | 
| 616 | 
            -
             | 
| 617 | 
            -
               | 
| 618 | 
            -
             | 
| 619 | 
            -
               | 
| 620 | 
            -
              left: 0;
         | 
| 621 | 
            -
              right: 0;
         | 
| 622 | 
            -
              top: 0;
         | 
| 623 | 
            -
              bottom: 0;
         | 
| 624 | 
            -
              opacity: 0;
         | 
| 625 | 
            -
              transition: opacity 0.2s 0.9s linear;
         | 
| 636 | 
            +
            /* MS supports */
         | 
| 637 | 
            +
            @supports (-ms-overflow-style: none) {
         | 
| 638 | 
            +
              .bk-scrollbar {
         | 
| 639 | 
            +
                overflow: auto !important;
         | 
| 640 | 
            +
              }
         | 
| 626 641 | 
             
            }
         | 
| 627 | 
            -
             | 
| 628 | 
            -
               | 
| 629 | 
            -
             | 
| 630 | 
            -
               | 
| 642 | 
            +
            @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
         | 
| 643 | 
            +
              .bk-scrollbar {
         | 
| 644 | 
            +
                overflow: auto !important;
         | 
| 645 | 
            +
              }
         | 
| 631 646 | 
             
            }
         | 
| 632 647 | 
             
            .bk-virtual-render {
         | 
| 633 648 | 
             
              position: relative;
         | 
| 634 649 | 
             
            }
         | 
| 635 | 
            -
            .bk-virtual-render .bk-virtual-content {
         | 
| 636 | 
            -
              position: absolute;
         | 
| 637 | 
            -
              top: 0;
         | 
| 638 | 
            -
              bottom: 0;
         | 
| 639 | 
            -
              left: 0;
         | 
| 640 | 
            -
              width: 100%;
         | 
| 641 | 
            -
              height: 100%;
         | 
| 642 | 
            -
            }
         | 
| 643 650 | 
             
            .bk-virtual-render .bk-virtual-section {
         | 
| 644 651 | 
             
              width: 1px;
         | 
| 645 652 | 
             
              background: transparent;
         | 
| @@ -89,11 +89,6 @@ declare const BkVirtualRender: { | |
| 89 89 | 
             
                    } & {
         | 
| 90 90 | 
             
                        default: string;
         | 
| 91 91 | 
             
                    };
         | 
| 92 | 
            -
                    contentAs: import("vue-types").VueTypeValidableDef<string> & {
         | 
| 93 | 
            -
                        default: string;
         | 
| 94 | 
            -
                    } & {
         | 
| 95 | 
            -
                        default: string;
         | 
| 96 | 
            -
                    };
         | 
| 97 92 | 
             
                    scrollOffsetTop: import("vue-types").VueTypeValidableDef<number> & {
         | 
| 98 93 | 
             
                        default: number;
         | 
| 99 94 | 
             
                    } & {
         | 
| @@ -230,11 +225,6 @@ declare const BkVirtualRender: { | |
| 230 225 | 
             
                    } & {
         | 
| 231 226 | 
             
                        default: string;
         | 
| 232 227 | 
             
                    };
         | 
| 233 | 
            -
                    contentAs: import("vue-types").VueTypeValidableDef<string> & {
         | 
| 234 | 
            -
                        default: string;
         | 
| 235 | 
            -
                    } & {
         | 
| 236 | 
            -
                        default: string;
         | 
| 237 | 
            -
                    };
         | 
| 238 228 | 
             
                    scrollOffsetTop: import("vue-types").VueTypeValidableDef<number> & {
         | 
| 239 229 | 
             
                        default: number;
         | 
| 240 230 | 
             
                    } & {
         | 
| @@ -302,7 +292,6 @@ declare const BkVirtualRender: { | |
| 302 292 | 
             
                    groupItemCount: number;
         | 
| 303 293 | 
             
                    preloadItemCount: number;
         | 
| 304 294 | 
             
                    renderAs: string;
         | 
| 305 | 
            -
                    contentAs: string;
         | 
| 306 295 | 
             
                    scrollOffsetTop: number;
         | 
| 307 296 | 
             
                    scrollPosition: string;
         | 
| 308 297 | 
             
                    abosuteHeight: string | number;
         | 
| @@ -413,11 +402,6 @@ declare const BkVirtualRender: { | |
| 413 402 | 
             
                    } & {
         | 
| 414 403 | 
             
                        default: string;
         | 
| 415 404 | 
             
                    };
         | 
| 416 | 
            -
                    contentAs: import("vue-types").VueTypeValidableDef<string> & {
         | 
| 417 | 
            -
                        default: string;
         | 
| 418 | 
            -
                    } & {
         | 
| 419 | 
            -
                        default: string;
         | 
| 420 | 
            -
                    };
         | 
| 421 405 | 
             
                    scrollOffsetTop: import("vue-types").VueTypeValidableDef<number> & {
         | 
| 422 406 | 
             
                        default: number;
         | 
| 423 407 | 
             
                    } & {
         | 
| @@ -487,7 +471,6 @@ declare const BkVirtualRender: { | |
| 487 471 | 
             
                    groupItemCount: number;
         | 
| 488 472 | 
             
                    preloadItemCount: number;
         | 
| 489 473 | 
             
                    renderAs: string;
         | 
| 490 | 
            -
                    contentAs: string;
         | 
| 491 474 | 
             
                    scrollOffsetTop: number;
         | 
| 492 475 | 
             
                    scrollPosition: string;
         | 
| 493 476 | 
             
                    abosuteHeight: string | number;
         | 
| @@ -590,11 +573,6 @@ declare const BkVirtualRender: { | |
| 590 573 | 
             
                } & {
         | 
| 591 574 | 
             
                    default: string;
         | 
| 592 575 | 
             
                };
         | 
| 593 | 
            -
                contentAs: import("vue-types").VueTypeValidableDef<string> & {
         | 
| 594 | 
            -
                    default: string;
         | 
| 595 | 
            -
                } & {
         | 
| 596 | 
            -
                    default: string;
         | 
| 597 | 
            -
                };
         | 
| 598 576 | 
             
                scrollOffsetTop: import("vue-types").VueTypeValidableDef<number> & {
         | 
| 599 577 | 
             
                    default: number;
         | 
| 600 578 | 
             
                } & {
         | 
| @@ -664,7 +642,6 @@ declare const BkVirtualRender: { | |
| 664 642 | 
             
                groupItemCount: number;
         | 
| 665 643 | 
             
                preloadItemCount: number;
         | 
| 666 644 | 
             
                renderAs: string;
         | 
| 667 | 
            -
                contentAs: string;
         | 
| 668 645 | 
             
                scrollOffsetTop: number;
         | 
| 669 646 | 
             
                scrollPosition: string;
         | 
| 670 647 | 
             
                abosuteHeight: string | number;
         |