bkui-vue 1.0.3-beta.60 → 1.0.3-beta.60.scrollbar.3

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.
Files changed (206) hide show
  1. package/dist/index.cjs.js +52 -50
  2. package/dist/index.esm.js +14664 -13976
  3. package/dist/index.umd.js +52 -50
  4. package/dist/style.css +1 -1
  5. package/dist/style.variable.css +1 -1
  6. package/lib/affix/index.js +1 -1
  7. package/lib/alert/index.js +1 -1
  8. package/lib/animate-number/index.js +7 -8
  9. package/lib/badge/index.js +1 -1
  10. package/lib/breadcrumb/index.js +1 -1
  11. package/lib/button/index.js +1 -1
  12. package/lib/card/index.js +1 -1
  13. package/lib/cascader/index.js +38 -42
  14. package/lib/checkbox/index.js +6 -7
  15. package/lib/collapse/index.js +11 -12
  16. package/lib/collapse-transition/index.js +3 -4
  17. package/lib/color-picker/index.js +10 -13
  18. package/lib/components.d.ts +0 -1
  19. package/lib/components.js +1 -2
  20. package/lib/config-provider/index.js +1 -1
  21. package/lib/container/index.js +10 -12
  22. package/lib/date-picker/index.js +2 -2
  23. package/lib/dialog/dialog.css +9 -7
  24. package/lib/dialog/dialog.variable.css +9 -7
  25. package/lib/dialog/index.js +4 -4
  26. package/lib/directives/index.js +1 -1
  27. package/lib/divider/index.js +2 -3
  28. package/lib/dropdown/index.js +6 -8
  29. package/lib/exception/index.js +1 -1
  30. package/lib/fixed-navbar/index.js +2 -3
  31. package/lib/form/index.js +1 -1
  32. package/lib/icon/angle-double-down-line.js +1 -1
  33. package/lib/icon/angle-double-left-line.js +1 -1
  34. package/lib/icon/angle-double-left.js +1 -1
  35. package/lib/icon/angle-double-right-line.js +1 -1
  36. package/lib/icon/angle-double-right.js +1 -1
  37. package/lib/icon/angle-double-up-line.js +1 -1
  38. package/lib/icon/angle-down-fill.js +1 -1
  39. package/lib/icon/angle-down-line.js +1 -1
  40. package/lib/icon/angle-down.js +1 -1
  41. package/lib/icon/angle-left.js +1 -1
  42. package/lib/icon/angle-right.js +1 -1
  43. package/lib/icon/angle-up-fill.js +1 -1
  44. package/lib/icon/angle-up.js +1 -1
  45. package/lib/icon/archive-fill.js +1 -1
  46. package/lib/icon/arrows-left.js +1 -1
  47. package/lib/icon/arrows-right.js +1 -1
  48. package/lib/icon/assistant.js +1 -1
  49. package/lib/icon/audio-fill.js +1 -1
  50. package/lib/icon/bk.js +1 -1
  51. package/lib/icon/circle.js +1 -1
  52. package/lib/icon/close-line.js +1 -1
  53. package/lib/icon/close.js +1 -1
  54. package/lib/icon/code.js +1 -1
  55. package/lib/icon/cog-shape.js +1 -1
  56. package/lib/icon/collapse-left.js +1 -1
  57. package/lib/icon/copy-shape.js +1 -1
  58. package/lib/icon/copy.js +1 -1
  59. package/lib/icon/data-shape.js +1 -1
  60. package/lib/icon/del.js +1 -1
  61. package/lib/icon/doc-fill.js +1 -1
  62. package/lib/icon/done.js +1 -1
  63. package/lib/icon/down-shape.js +1 -1
  64. package/lib/icon/down-small.js +1 -1
  65. package/lib/icon/edit-line.js +1 -1
  66. package/lib/icon/ellipsis.js +1 -1
  67. package/lib/icon/enlarge-line.js +1 -1
  68. package/lib/icon/error.js +1 -1
  69. package/lib/icon/excel-fill.js +1 -1
  70. package/lib/icon/exclamation-circle-shape.js +1 -1
  71. package/lib/icon/eye.js +1 -1
  72. package/lib/icon/filliscreen-line.js +1 -1
  73. package/lib/icon/fix-line.js +1 -1
  74. package/lib/icon/fix-shape.js +1 -1
  75. package/lib/icon/folder-open.js +1 -1
  76. package/lib/icon/folder-shape-open.js +1 -1
  77. package/lib/icon/folder-shape.js +1 -1
  78. package/lib/icon/folder.js +1 -1
  79. package/lib/icon/funnel.js +1 -1
  80. package/lib/icon/grag-fill.js +1 -1
  81. package/lib/icon/help-document-fill.js +1 -1
  82. package/lib/icon/help-fill.js +1 -1
  83. package/lib/icon/help.js +1 -1
  84. package/lib/icon/image-fill.js +1 -1
  85. package/lib/icon/img-error.js +1 -1
  86. package/lib/icon/img-placehoulder.js +1 -1
  87. package/lib/icon/info-line.js +1 -1
  88. package/lib/icon/info.js +1 -1
  89. package/lib/icon/left-shape.js +1 -1
  90. package/lib/icon/left-turn-line.js +1 -1
  91. package/lib/icon/loading.js +1 -1
  92. package/lib/icon/narrow-line.js +1 -1
  93. package/lib/icon/original.js +1 -1
  94. package/lib/icon/pdf-fill.js +1 -1
  95. package/lib/icon/play-shape.js +1 -1
  96. package/lib/icon/plus.js +1 -1
  97. package/lib/icon/ppt-fill.js +1 -1
  98. package/lib/icon/qq.js +1 -1
  99. package/lib/icon/right-shape.js +1 -1
  100. package/lib/icon/right-turn-line.js +1 -1
  101. package/lib/icon/search.js +1 -1
  102. package/lib/icon/share.js +1 -1
  103. package/lib/icon/spinner.js +1 -1
  104. package/lib/icon/success.js +1 -1
  105. package/lib/icon/switcher-loading.js +1 -1
  106. package/lib/icon/text-all.js +1 -1
  107. package/lib/icon/text-file.js +1 -1
  108. package/lib/icon/text-fill.js +1 -1
  109. package/lib/icon/transfer.js +1 -1
  110. package/lib/icon/tree-application-shape.js +1 -1
  111. package/lib/icon/unfull-screen.js +1 -1
  112. package/lib/icon/unvisible.js +1 -1
  113. package/lib/icon/up-shape.js +1 -1
  114. package/lib/icon/upload.js +1 -1
  115. package/lib/icon/video-fill.js +1 -1
  116. package/lib/icon/warn.js +1 -1
  117. package/lib/icon/weixin-pro.js +1 -1
  118. package/lib/icon/weixin.js +1 -1
  119. package/lib/image/index.js +10 -11
  120. package/lib/info-box/index.js +4 -5
  121. package/lib/input/index.js +4 -4
  122. package/lib/link/index.js +2 -2
  123. package/lib/loading/index.js +11 -12
  124. package/lib/menu/index.js +2 -3
  125. package/lib/message/index.js +1 -1
  126. package/lib/modal/hooks.d.ts +1 -1
  127. package/lib/modal/index.d.ts +0 -3
  128. package/lib/modal/index.js +26 -25
  129. package/lib/modal/modal.css +9 -7
  130. package/lib/modal/modal.d.ts +0 -1
  131. package/lib/modal/modal.less +18 -11
  132. package/lib/modal/modal.variable.css +9 -7
  133. package/lib/navigation/index.js +7 -9
  134. package/lib/notify/index.js +1 -1
  135. package/lib/overflow-title/index.js +9 -10
  136. package/lib/pagination/index.js +1 -1
  137. package/lib/plugin-popover/index.js +26 -30
  138. package/lib/pop-confirm/index.js +4 -5
  139. package/lib/popover/index.js +26 -30
  140. package/lib/popover2/index.js +2 -2
  141. package/lib/process/index.js +4 -4
  142. package/lib/progress/index.js +5 -6
  143. package/lib/radio/index.js +6 -7
  144. package/lib/rate/index.js +1 -1
  145. package/lib/resize-layout/index.js +1 -1
  146. package/lib/search-select/index.d.ts +12 -327
  147. package/lib/search-select/index.js +350 -633
  148. package/lib/search-select/input.d.ts +1 -6
  149. package/lib/search-select/search-select.css +6 -20
  150. package/lib/search-select/search-select.d.ts +4 -109
  151. package/lib/search-select/search-select.less +12 -16
  152. package/lib/search-select/search-select.variable.css +6 -20
  153. package/lib/search-select/selected.d.ts +5 -107
  154. package/lib/search-select/utils.d.ts +1 -13
  155. package/lib/select/index.d.ts +0 -23
  156. package/lib/select/index.js +5 -8
  157. package/lib/select/select.d.ts +0 -11
  158. package/lib/shared/index.js +5 -8
  159. package/lib/sideslider/index.js +4 -4
  160. package/lib/sideslider/sideslider.css +5 -0
  161. package/lib/sideslider/sideslider.less +14 -8
  162. package/lib/sideslider/sideslider.variable.css +5 -0
  163. package/lib/slider/index.js +19 -20
  164. package/lib/steps/index.js +4 -4
  165. package/lib/swiper/index.js +1 -1
  166. package/lib/switcher/index.js +1 -1
  167. package/lib/tab/index.js +3 -4
  168. package/lib/table/const.d.ts +1 -1
  169. package/lib/table/index.js +24 -26
  170. package/lib/table/plugins/use-fixed-column.d.ts +1 -1
  171. package/lib/table/table.css +96 -42
  172. package/lib/table/table.less +41 -56
  173. package/lib/table/table.variable.css +96 -42
  174. package/lib/table/use-render.d.ts +1 -1
  175. package/lib/table-column/index.js +2 -2
  176. package/lib/tag/index.js +1 -1
  177. package/lib/tag-input/index.js +3 -4
  178. package/lib/timeline/index.js +0 -1
  179. package/lib/tree/index.js +10 -12
  180. package/lib/tree/tree.css +75 -2
  181. package/lib/tree/tree.variable.css +75 -2
  182. package/lib/upload/index.d.ts +0 -12
  183. package/lib/upload/index.js +34 -25
  184. package/lib/upload/props.d.ts +0 -3
  185. package/lib/upload/upload-trigger.d.ts +0 -6
  186. package/lib/upload/upload.d.ts +0 -6
  187. package/lib/virtual-render/bk-scrollbar.css +74 -0
  188. package/lib/virtual-render/bk-scrollbar.d.ts +10 -0
  189. package/lib/virtual-render/bk-scrollbar.less +93 -0
  190. package/lib/virtual-render/bk-scrollbar.variable.css +203 -0
  191. package/lib/virtual-render/index.d.ts +4 -0
  192. package/lib/virtual-render/index.js +2346 -233
  193. package/lib/virtual-render/props.d.ts +7 -0
  194. package/lib/virtual-render/scrollbar-core/can-use-dom.d.ts +2 -0
  195. package/lib/virtual-render/scrollbar-core/helpers.d.ts +5 -0
  196. package/lib/virtual-render/scrollbar-core/index.d.ts +213 -0
  197. package/lib/virtual-render/scrollbar-core/mouse-wheel.d.ts +5 -0
  198. package/lib/virtual-render/scrollbar-core/scrollbar-width.d.ts +1 -0
  199. package/lib/virtual-render/use-fix-top.d.ts +2 -7
  200. package/lib/virtual-render/use-scrollbar.d.ts +23 -0
  201. package/lib/virtual-render/v-virtual-render.d.ts +2 -1
  202. package/lib/virtual-render/virtual-render.css +75 -2
  203. package/lib/virtual-render/virtual-render.d.ts +2 -0
  204. package/lib/virtual-render/virtual-render.less +2 -2
  205. package/lib/virtual-render/virtual-render.variable.css +75 -2
  206. package/package.json +4 -1
@@ -144,11 +144,84 @@
144
144
  .bk-F-scroll-y::-webkit-scrollbar-thumb {
145
145
  border-radius: 4px;
146
146
  }
147
+ .bk-scrollbar-wrapper {
148
+ position: relative;
149
+ overflow: hidden;
150
+ }
151
+ .bk-scrollbar-wrapper .bk-scroll-content-el {
152
+ display: inline-flex;
153
+ flex-direction: column;
154
+ }
155
+ .bk-scrollbar-wrapper .bk-scrollbar-track {
156
+ z-index: 1;
157
+ position: absolute;
158
+ right: 0;
159
+ bottom: 0;
160
+ pointer-events: none;
161
+ overflow: hidden;
162
+ }
163
+ .bk-scrollbar-wrapper .bk-scrollbar-track.bk-scrollbar-hover {
164
+ background-color: #F0F1F5;
165
+ cursor: pointer;
166
+ }
167
+ .bk-scrollbar-wrapper .bk-scrollbar-track.bk-scrollbar-hover .bk-scrollbar::before {
168
+ background-color: #979BA5;
169
+ }
170
+ .bk-scrollbar-wrapper .bk-scrollbar-track.bk-scrollbar-vertical {
171
+ top: 0;
172
+ width: 11px;
173
+ transform: translate(var(--scroll-offset-x), var(--scroll-offset-y));
174
+ }
175
+ .bk-scrollbar-wrapper .bk-scrollbar-track.bk-scrollbar-horizontal {
176
+ left: 0;
177
+ height: 11px;
178
+ transform: translate(var(--scroll-offset-x), var(--scroll-offset-y));
179
+ }
180
+ .bk-scrollbar-wrapper .bk-scrollbar-track.bk-scrollbar-horizontal.bk-scrollbar {
181
+ right: auto;
182
+ left: 0;
183
+ top: 0;
184
+ bottom: 0;
185
+ min-height: 0;
186
+ min-width: 10px;
187
+ width: auto;
188
+ }
189
+ .bk-scrollbar-wrapper .bk-scrollbar-dragging {
190
+ pointer-events: none;
191
+ -webkit-touch-callout: none;
192
+ -webkit-user-select: none;
193
+ -khtml-user-select: none;
194
+ -moz-user-select: none;
195
+ -ms-user-select: none;
196
+ user-select: none;
197
+ }
198
+ .bk-scrollbar-wrapper .bk-scrollbar {
199
+ position: absolute;
200
+ left: 0;
201
+ right: 0;
202
+ min-height: 10px;
203
+ }
204
+ .bk-scrollbar-wrapper .bk-scrollbar::before {
205
+ position: absolute;
206
+ content: '';
207
+ background: #DcDEE5;
208
+ border-radius: 7px;
209
+ left: 2px;
210
+ right: 2px;
211
+ top: 2px;
212
+ bottom: 2px;
213
+ opacity: 0;
214
+ transition: opacity 0.2s 0.5s linear;
215
+ }
216
+ .bk-scrollbar-wrapper .bk-scrollbar.bk-scrollbar-visible::before {
217
+ opacity: 0.5;
218
+ transition-delay: 0s;
219
+ transition-duration: 0s;
220
+ }
147
221
  .bk-virtual-render {
148
222
  position: relative;
149
223
  }
150
- .bk-virtual-render .bk-virtual-content,
151
- .bk-virtual-render.bk-virtual-content {
224
+ .bk-virtual-render .bk-virtual-content {
152
225
  position: absolute;
153
226
  top: 0;
154
227
  bottom: 0;
@@ -1126,9 +1199,9 @@
1126
1199
  }
1127
1200
  .bk-table {
1128
1201
  position: relative;
1202
+ width: 100%;
1129
1203
  height: auto;
1130
1204
  overflow: hidden;
1131
- width: 100%;
1132
1205
  }
1133
1206
  .bk-table-flex {
1134
1207
  display: flex;
@@ -1144,19 +1217,9 @@
1144
1217
  }
1145
1218
  .bk-table .bk-table-body {
1146
1219
  position: relative;
1147
- overflow: auto;
1148
- scrollbar-gutter: stable;
1220
+ overflow: hidden;
1149
1221
  border-bottom: 1px solid #dcdee5;
1150
1222
  }
1151
- .bk-table .bk-table-body::-webkit-scrollbar {
1152
- width: 5px;
1153
- height: 6px;
1154
- }
1155
- .bk-table .bk-table-body::-webkit-scrollbar-thumb {
1156
- background: #dcdee5;
1157
- border-radius: 10px;
1158
- box-shadow: inset 0 0 6px rgba(204, 204, 204, 0.3);
1159
- }
1160
1223
  .bk-table .bk-table-body .prepend-row {
1161
1224
  transform: translateX(var(--prepend-left));
1162
1225
  }
@@ -1183,17 +1246,6 @@
1183
1246
  background: white;
1184
1247
  transform: translateZ(0);
1185
1248
  }
1186
- .bk-table .bk-table-head::-webkit-scrollbar,
1187
- .bk-table .bk-table-body::-webkit-scrollbar {
1188
- width: 5px;
1189
- height: 5px;
1190
- }
1191
- .bk-table .bk-table-head::-webkit-scrollbar-thumb,
1192
- .bk-table .bk-table-body::-webkit-scrollbar-thumb {
1193
- background: #ddd;
1194
- border-radius: 20px;
1195
- box-shadow: inset 0 0 6px rgba(204, 204, 204, 0.3);
1196
- }
1197
1249
  .bk-table .bk-table-head.__is-empty,
1198
1250
  .bk-table .bk-table-body.__is-empty {
1199
1251
  display: flex;
@@ -1246,8 +1298,8 @@
1246
1298
  .bk-table .bk-table-body table th .cell .drag-cell,
1247
1299
  .bk-table .bk-table-head table td .cell .drag-cell,
1248
1300
  .bk-table .bk-table-body table td .cell .drag-cell {
1249
- font-size: 14px;
1250
1301
  height: 100%;
1302
+ font-size: 14px;
1251
1303
  }
1252
1304
  .bk-table .bk-table-head table th .cell.has-sort,
1253
1305
  .bk-table .bk-table-body table th .cell.has-sort,
@@ -1372,7 +1424,7 @@
1372
1424
  .bk-table .bk-table-body table thead th .cell {
1373
1425
  display: flex;
1374
1426
  align-items: center;
1375
- height: calc(var(--row-height) - 1px);
1427
+ height: calc(var(--row-height) - 2px);
1376
1428
  color: #313238;
1377
1429
  }
1378
1430
  .bk-table .bk-table-head table thead th.active,
@@ -1389,28 +1441,27 @@
1389
1441
  .bk-table .bk-table-head table tbody tr td,
1390
1442
  .bk-table .bk-table-body table tbody tr td {
1391
1443
  background-color: #fff;
1444
+ border-top: 1px solid transparent;
1445
+ border-bottom: 1px solid transparent;
1446
+ border-right: 1px solid transparent;
1447
+ box-sizing: border-box;
1392
1448
  }
1393
1449
  .bk-table .bk-table-head table tbody tr td.empty-cell,
1394
1450
  .bk-table .bk-table-body table tbody tr td.empty-cell {
1395
1451
  padding-bottom: 30px;
1396
1452
  }
1397
- .bk-table .bk-table-head table tbody tr td.is-last,
1398
- .bk-table .bk-table-body table tbody tr td.is-last {
1399
- border-bottom: none;
1400
- }
1401
1453
  .bk-table .bk-table-head table tbody tr td .cell,
1402
1454
  .bk-table .bk-table-body table tbody tr td .cell {
1403
1455
  display: block;
1404
1456
  width: 100%;
1405
- height: 100%;
1406
- line-height: calc(var(--row-height) - 1px);
1457
+ line-height: calc(var(--row-height) - 2px);
1407
1458
  box-sizing: border-box;
1408
1459
  align-items: center;
1409
1460
  }
1410
1461
  .bk-table .bk-table-head table tbody tr td .cell.drag,
1411
1462
  .bk-table .bk-table-body table tbody tr td .cell.drag {
1412
- cursor: move;
1413
1463
  text-align: center;
1464
+ cursor: move;
1414
1465
  }
1415
1466
  .bk-table .bk-table-head table tbody tr:hover.hover-highlight td:not(.empty-cell),
1416
1467
  .bk-table .bk-table-body table tbody tr:hover.hover-highlight td:not(.empty-cell) {
@@ -1423,7 +1474,6 @@
1423
1474
  .bk-table .bk-table-head {
1424
1475
  position: relative;
1425
1476
  z-index: 2;
1426
- scrollbar-gutter: stable;
1427
1477
  overflow: hidden;
1428
1478
  background-color: var(--background-color);
1429
1479
  }
@@ -1473,10 +1523,10 @@
1473
1523
  .bk-table.bordered-row .bk-table-head {
1474
1524
  border-bottom: 1px solid #dcdee5;
1475
1525
  }
1476
- .bk-table.bordered-row td {
1477
- border-bottom: 1px solid #dcdee5;
1526
+ .bk-table.bordered-row .bk-table-body tbody tr td {
1527
+ border-bottom-color: #dcdee5;
1478
1528
  }
1479
- .bk-table.bordered-row tr:last-child td {
1529
+ .bk-table.bordered-row .bk-table-body tbody tr:last-child td {
1480
1530
  border-bottom: none;
1481
1531
  }
1482
1532
  .bk-table.bordered-outer {
@@ -1497,14 +1547,18 @@
1497
1547
  .bk-table.bordered-horizontal .__is-empty .bk-table-body-content {
1498
1548
  border-bottom: 1px solid #dcdee5;
1499
1549
  }
1500
- .bk-table.bordered-col th,
1501
- .bk-table.bordered-col td {
1550
+ .bk-table.bordered-col th {
1502
1551
  border-right: 1px solid #dcdee5;
1503
1552
  }
1504
- .bk-table.bordered-col th:last-child,
1505
- .bk-table.bordered-col td:last-child {
1553
+ .bk-table.bordered-col th:last-child {
1506
1554
  border-right: none;
1507
1555
  }
1556
+ .bk-table.bordered-col .bk-table-body tbody tr td {
1557
+ border-right-color: #dcdee5;
1558
+ }
1559
+ .bk-table.bordered-col .bk-table-body tbody tr td:last-child {
1560
+ border-right-color: transparent;
1561
+ }
1508
1562
  .bk-table th,
1509
1563
  .bk-table td {
1510
1564
  border-right: 1px solid transparent;
@@ -1,7 +1,7 @@
1
1
  import { SetupContext } from 'vue';
2
2
  import { TablePropTypes } from './props';
3
3
  import { ITableResponse } from './use-attributes';
4
- declare const _default: (props: TablePropTypes, context: SetupContext<any>, tableResp: ITableResponse, styleRef: any, head: any, root: any, resetTableHeight: any) => {
4
+ declare const _default: (props: TablePropTypes, context: SetupContext<any>, tableResp: ITableResponse, head: any, root: any, resetTableHeight: any) => {
5
5
  renderTableHeadSchema: () => (string | JSX.Element)[];
6
6
  renderTableBodySchema: (rows: any[]) => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
7
7
  [key: string]: any;
@@ -62,7 +62,7 @@ function toPrimitive(t, r) {
62
62
 
63
63
  function toPropertyKey(t) {
64
64
  var i = toPrimitive(t, "string");
65
- return "symbol" == _typeof(i) ? i : String(i);
65
+ return "symbol" == _typeof(i) ? i : i + "";
66
66
  }
67
67
  ;// CONCATENATED MODULE: ../../node_modules/@babel/runtime/helpers/esm/defineProperty.js
68
68
 
@@ -256,7 +256,7 @@ var COLUMN_ATTRIBUTE = {
256
256
  /**
257
257
  * Y 轴滚动条宽度
258
258
  */
259
- var SCROLLY_WIDTH = 6;
259
+ var SCROLLY_WIDTH = 0;
260
260
  /**
261
261
  * 默认行高
262
262
  */
package/lib/tag/index.js CHANGED
@@ -65,7 +65,7 @@ function toPrimitive(t, r) {
65
65
 
66
66
  function toPropertyKey(t) {
67
67
  var i = toPrimitive(t, "string");
68
- return "symbol" == _typeof(i) ? i : String(i);
68
+ return "symbol" == _typeof(i) ? i : i + "";
69
69
  }
70
70
  ;// CONCATENATED MODULE: ../../node_modules/@babel/runtime/helpers/esm/defineProperty.js
71
71
 
@@ -17424,7 +17424,7 @@ function toPrimitive(t, r) {
17424
17424
 
17425
17425
  function toPropertyKey(t) {
17426
17426
  var i = toPrimitive(t, "string");
17427
- return "symbol" == _typeof(i) ? i : String(i);
17427
+ return "symbol" == _typeof(i) ? i : i + "";
17428
17428
  }
17429
17429
  ;// CONCATENATED MODULE: ../../node_modules/@babel/runtime/helpers/esm/defineProperty.js
17430
17430
 
@@ -17688,8 +17688,7 @@ var useTagsOverflow = function useTagsOverflow(tagInputRef, collapseTags, select
17688
17688
  */
17689
17689
 
17690
17690
 
17691
-
17692
- /* harmony default export */ const list_tag_render = ((0,external_vue_namespaceObject.defineComponent)({
17691
+ /* harmony default export */ const list_tag_render = (defineComponent({
17693
17692
  name: 'ListTagRender',
17694
17693
  props: {
17695
17694
  node: shared_namespaceObject.PropTypes.object,
@@ -17713,7 +17712,7 @@ var useTagsOverflow = function useTagsOverflow(tagInputRef, collapseTags, select
17713
17712
  return value;
17714
17713
  };
17715
17714
  if (this.tpl) {
17716
- return this.tpl(this.node, highlightKeyword, external_vue_namespaceObject.h, this);
17715
+ return this.tpl(this.node, highlightKeyword, h, this);
17717
17716
  }
17718
17717
  var displayText = this.node[this.displayKey];
17719
17718
  return (0,external_vue_namespaceObject.createVNode)("div", {
@@ -1,5 +1,4 @@
1
1
  import "../styles/reset.css";
2
- import "./timeline.less";
3
2
  import * as __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_shared_edbdfb03__ from "../shared";
4
3
  import * as __WEBPACK_EXTERNAL_MODULE_vue__ from "vue";
5
4
  import * as __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_config_provider_fe8577a3__ from "../config-provider";
package/lib/tree/index.js CHANGED
@@ -47,7 +47,7 @@ const shared_namespaceObject = x({ ["PropTypes"]: () => __WEBPACK_EXTERNAL_MODUL
47
47
  ;// CONCATENATED MODULE: external "vue"
48
48
  var external_vue_x = y => { var x = {}; __webpack_require__.d(x, y); return x; }
49
49
  var external_vue_y = x => () => x
50
- const external_vue_namespaceObject = external_vue_x({ ["computed"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.computed, ["createVNode"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.createVNode, ["defineComponent"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.defineComponent, ["h"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.h, ["nextTick"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.nextTick, ["onMounted"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.onMounted, ["onUnmounted"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.onUnmounted, ["reactive"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.reactive, ["ref"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.ref, ["toRef"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.toRef, ["watch"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.watch });
50
+ const external_vue_namespaceObject = external_vue_x({ ["computed"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.computed, ["createVNode"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.createVNode, ["onMounted"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.onMounted, ["onUnmounted"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.onUnmounted, ["reactive"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.reactive, ["toRef"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.toRef, ["watch"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.watch });
51
51
  ;// CONCATENATED MODULE: external "../config-provider"
52
52
  var config_provider_x = y => { var x = {}; __webpack_require__.d(x, y); return x; }
53
53
  var config_provider_y = x => () => x
@@ -87,7 +87,7 @@ function toPrimitive(t, r) {
87
87
 
88
88
  function toPropertyKey(t) {
89
89
  var i = toPrimitive(t, "string");
90
- return "symbol" == _typeof(i) ? i : String(i);
90
+ return "symbol" == _typeof(i) ? i : i + "";
91
91
  }
92
92
  ;// CONCATENATED MODULE: ../../node_modules/@babel/runtime/helpers/esm/defineProperty.js
93
93
 
@@ -1037,7 +1037,6 @@ var showCheckbox = function showCheckbox(props, node) {
1037
1037
 
1038
1038
 
1039
1039
  var use_node_action_this = undefined;
1040
-
1041
1040
  /*
1042
1041
  * Tencent is pleased to support the open source community by making
1043
1042
  * 蓝鲸智云PaaS平台社区版 (BlueKing PaaS Community Edition) available.
@@ -1128,7 +1127,7 @@ var use_node_action_this = undefined;
1128
1127
  className = val.className,
1129
1128
  text = val.text,
1130
1129
  style = val.style;
1131
- return (0,external_vue_namespaceObject.h)(node, {
1130
+ return h(node, {
1132
1131
  "class": className,
1133
1132
  style: style
1134
1133
  }, text);
@@ -1420,7 +1419,7 @@ var use_node_action_this = undefined;
1420
1419
  */
1421
1420
  if (getNodeAttr(resolvedItem, NODE_ATTRIBUTES.IS_ASYNC)) {
1422
1421
  asyncNodeClick(resolvedItem).then(function () {
1423
- (0,external_vue_namespaceObject.nextTick)(function () {
1422
+ nextTick(function () {
1424
1423
  nodeList.shift();
1425
1424
  setSelect(nodeList, selected, autoOpen);
1426
1425
  });
@@ -2372,8 +2371,7 @@ var use_tree_init_this = undefined;
2372
2371
 
2373
2372
 
2374
2373
 
2375
-
2376
- /* harmony default export */ const tree = ((0,external_vue_namespaceObject.defineComponent)({
2374
+ /* harmony default export */ const tree = (defineComponent({
2377
2375
  name: 'Tree',
2378
2376
  props: treeProps,
2379
2377
  emits: TreeEmitEventsType,
@@ -2398,7 +2396,7 @@ var use_tree_init_this = undefined;
2398
2396
  isSearchDisabled = _useSearch.isSearchDisabled,
2399
2397
  isTreeUI = _useSearch.isTreeUI,
2400
2398
  showChildNodes = _useSearch.showChildNodes;
2401
- var matchedNodePath = (0,external_vue_namespaceObject.reactive)([]);
2399
+ var matchedNodePath = reactive([]);
2402
2400
  var filterFn = function filterFn(item) {
2403
2401
  if (isSearchActive.value) {
2404
2402
  if (showChildNodes) {
@@ -2412,7 +2410,7 @@ var use_tree_init_this = undefined;
2412
2410
  return checkNodeIsOpen(item);
2413
2411
  };
2414
2412
  // 计算当前需要渲染的节点信息
2415
- var renderData = (0,external_vue_namespaceObject.computed)(function () {
2413
+ var renderData = computed(function () {
2416
2414
  return flatData.data.filter(function (item) {
2417
2415
  return filterFn(item);
2418
2416
  });
@@ -2439,14 +2437,14 @@ var use_tree_init_this = undefined;
2439
2437
  });
2440
2438
  });
2441
2439
  if (!isSearchDisabled) {
2442
- (0,external_vue_namespaceObject.watch)([refSearch], function () {
2440
+ watch([refSearch], function () {
2443
2441
  handleSearch();
2444
2442
  }, {
2445
2443
  deep: true,
2446
2444
  immediate: true
2447
2445
  });
2448
2446
  }
2449
- var root = (0,external_vue_namespaceObject.ref)();
2447
+ var root = ref();
2450
2448
  /**
2451
2449
  * 设置指定节点是否选中
2452
2450
  * @param item Node item | Node Id
@@ -2462,7 +2460,7 @@ var use_tree_init_this = undefined;
2462
2460
  var getData = function getData() {
2463
2461
  return flatData;
2464
2462
  };
2465
- (0,external_vue_namespaceObject.watch)(function () {
2463
+ watch(function () {
2466
2464
  return [props.checked];
2467
2465
  }, function () {
2468
2466
  setChecked(props.checked, true);
package/lib/tree/tree.css CHANGED
@@ -15,11 +15,84 @@
15
15
  .bk-F-scroll-y::-webkit-scrollbar-thumb {
16
16
  border-radius: 4px;
17
17
  }
18
+ .bk-scrollbar-wrapper {
19
+ position: relative;
20
+ overflow: hidden;
21
+ }
22
+ .bk-scrollbar-wrapper .bk-scroll-content-el {
23
+ display: inline-flex;
24
+ flex-direction: column;
25
+ }
26
+ .bk-scrollbar-wrapper .bk-scrollbar-track {
27
+ z-index: 1;
28
+ position: absolute;
29
+ right: 0;
30
+ bottom: 0;
31
+ pointer-events: none;
32
+ overflow: hidden;
33
+ }
34
+ .bk-scrollbar-wrapper .bk-scrollbar-track.bk-scrollbar-hover {
35
+ background-color: #F0F1F5;
36
+ cursor: pointer;
37
+ }
38
+ .bk-scrollbar-wrapper .bk-scrollbar-track.bk-scrollbar-hover .bk-scrollbar::before {
39
+ background-color: #979BA5;
40
+ }
41
+ .bk-scrollbar-wrapper .bk-scrollbar-track.bk-scrollbar-vertical {
42
+ top: 0;
43
+ width: 11px;
44
+ transform: translate(var(--scroll-offset-x), var(--scroll-offset-y));
45
+ }
46
+ .bk-scrollbar-wrapper .bk-scrollbar-track.bk-scrollbar-horizontal {
47
+ left: 0;
48
+ height: 11px;
49
+ transform: translate(var(--scroll-offset-x), var(--scroll-offset-y));
50
+ }
51
+ .bk-scrollbar-wrapper .bk-scrollbar-track.bk-scrollbar-horizontal.bk-scrollbar {
52
+ right: auto;
53
+ left: 0;
54
+ top: 0;
55
+ bottom: 0;
56
+ min-height: 0;
57
+ min-width: 10px;
58
+ width: auto;
59
+ }
60
+ .bk-scrollbar-wrapper .bk-scrollbar-dragging {
61
+ pointer-events: none;
62
+ -webkit-touch-callout: none;
63
+ -webkit-user-select: none;
64
+ -khtml-user-select: none;
65
+ -moz-user-select: none;
66
+ -ms-user-select: none;
67
+ user-select: none;
68
+ }
69
+ .bk-scrollbar-wrapper .bk-scrollbar {
70
+ position: absolute;
71
+ left: 0;
72
+ right: 0;
73
+ min-height: 10px;
74
+ }
75
+ .bk-scrollbar-wrapper .bk-scrollbar::before {
76
+ position: absolute;
77
+ content: '';
78
+ background: #DcDEE5;
79
+ border-radius: 7px;
80
+ left: 2px;
81
+ right: 2px;
82
+ top: 2px;
83
+ bottom: 2px;
84
+ opacity: 0;
85
+ transition: opacity 0.2s 0.5s linear;
86
+ }
87
+ .bk-scrollbar-wrapper .bk-scrollbar.bk-scrollbar-visible::before {
88
+ opacity: 0.5;
89
+ transition-delay: 0s;
90
+ transition-duration: 0s;
91
+ }
18
92
  .bk-virtual-render {
19
93
  position: relative;
20
94
  }
21
- .bk-virtual-render .bk-virtual-content,
22
- .bk-virtual-render.bk-virtual-content {
95
+ .bk-virtual-render .bk-virtual-content {
23
96
  position: absolute;
24
97
  top: 0;
25
98
  bottom: 0;
@@ -144,11 +144,84 @@
144
144
  .bk-F-scroll-y::-webkit-scrollbar-thumb {
145
145
  border-radius: 4px;
146
146
  }
147
+ .bk-scrollbar-wrapper {
148
+ position: relative;
149
+ overflow: hidden;
150
+ }
151
+ .bk-scrollbar-wrapper .bk-scroll-content-el {
152
+ display: inline-flex;
153
+ flex-direction: column;
154
+ }
155
+ .bk-scrollbar-wrapper .bk-scrollbar-track {
156
+ z-index: 1;
157
+ position: absolute;
158
+ right: 0;
159
+ bottom: 0;
160
+ pointer-events: none;
161
+ overflow: hidden;
162
+ }
163
+ .bk-scrollbar-wrapper .bk-scrollbar-track.bk-scrollbar-hover {
164
+ background-color: #F0F1F5;
165
+ cursor: pointer;
166
+ }
167
+ .bk-scrollbar-wrapper .bk-scrollbar-track.bk-scrollbar-hover .bk-scrollbar::before {
168
+ background-color: #979BA5;
169
+ }
170
+ .bk-scrollbar-wrapper .bk-scrollbar-track.bk-scrollbar-vertical {
171
+ top: 0;
172
+ width: 11px;
173
+ transform: translate(var(--scroll-offset-x), var(--scroll-offset-y));
174
+ }
175
+ .bk-scrollbar-wrapper .bk-scrollbar-track.bk-scrollbar-horizontal {
176
+ left: 0;
177
+ height: 11px;
178
+ transform: translate(var(--scroll-offset-x), var(--scroll-offset-y));
179
+ }
180
+ .bk-scrollbar-wrapper .bk-scrollbar-track.bk-scrollbar-horizontal.bk-scrollbar {
181
+ right: auto;
182
+ left: 0;
183
+ top: 0;
184
+ bottom: 0;
185
+ min-height: 0;
186
+ min-width: 10px;
187
+ width: auto;
188
+ }
189
+ .bk-scrollbar-wrapper .bk-scrollbar-dragging {
190
+ pointer-events: none;
191
+ -webkit-touch-callout: none;
192
+ -webkit-user-select: none;
193
+ -khtml-user-select: none;
194
+ -moz-user-select: none;
195
+ -ms-user-select: none;
196
+ user-select: none;
197
+ }
198
+ .bk-scrollbar-wrapper .bk-scrollbar {
199
+ position: absolute;
200
+ left: 0;
201
+ right: 0;
202
+ min-height: 10px;
203
+ }
204
+ .bk-scrollbar-wrapper .bk-scrollbar::before {
205
+ position: absolute;
206
+ content: '';
207
+ background: #DcDEE5;
208
+ border-radius: 7px;
209
+ left: 2px;
210
+ right: 2px;
211
+ top: 2px;
212
+ bottom: 2px;
213
+ opacity: 0;
214
+ transition: opacity 0.2s 0.5s linear;
215
+ }
216
+ .bk-scrollbar-wrapper .bk-scrollbar.bk-scrollbar-visible::before {
217
+ opacity: 0.5;
218
+ transition-delay: 0s;
219
+ transition-duration: 0s;
220
+ }
147
221
  .bk-virtual-render {
148
222
  position: relative;
149
223
  }
150
- .bk-virtual-render .bk-virtual-content,
151
- .bk-virtual-render.bk-virtual-content {
224
+ .bk-virtual-render .bk-virtual-content {
152
225
  position: absolute;
153
226
  top: 0;
154
227
  bottom: 0;
@@ -84,9 +84,6 @@ declare const Upload: {
84
84
  default: string;
85
85
  };
86
86
  customRequest: import("vue").PropType<import("./upload.type").UploadRequestHandler>;
87
- selectChange: {
88
- type: import("vue").PropType<(event: Event) => boolean | void>;
89
- };
90
87
  beforeUpload: {
91
88
  type: import("vue").PropType<(file: import("./upload.type").UploadRawFile) => boolean | Promise<boolean>>;
92
89
  };
@@ -201,9 +198,6 @@ declare const Upload: {
201
198
  default: string;
202
199
  };
203
200
  customRequest: import("vue").PropType<import("./upload.type").UploadRequestHandler>;
204
- selectChange: {
205
- type: import("vue").PropType<(event: Event) => boolean | void>;
206
- };
207
201
  beforeUpload: {
208
202
  type: import("vue").PropType<(file: import("./upload.type").UploadRawFile) => boolean | Promise<boolean>>;
209
203
  };
@@ -347,9 +341,6 @@ declare const Upload: {
347
341
  default: string;
348
342
  };
349
343
  customRequest: import("vue").PropType<import("./upload.type").UploadRequestHandler>;
350
- selectChange: {
351
- type: import("vue").PropType<(event: Event) => boolean | void>;
352
- };
353
344
  beforeUpload: {
354
345
  type: import("vue").PropType<(file: import("./upload.type").UploadRawFile) => boolean | Promise<boolean>>;
355
346
  };
@@ -490,9 +481,6 @@ declare const Upload: {
490
481
  default: string;
491
482
  };
492
483
  customRequest: import("vue").PropType<import("./upload.type").UploadRequestHandler>;
493
- selectChange: {
494
- type: import("vue").PropType<(event: Event) => boolean | void>;
495
- };
496
484
  beforeUpload: {
497
485
  type: import("vue").PropType<(file: import("./upload.type").UploadRawFile) => boolean | Promise<boolean>>;
498
486
  };