bkui-vue 2.0.2-beta.12 → 2.0.2-beta.13

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/lib/tree/tree.css CHANGED
@@ -257,13 +257,33 @@
257
257
  }
258
258
  .bk-tree {
259
259
  font-size: 14px;
260
+ position: relative;
260
261
  }
261
262
  .bk-tree .bk-node-row {
262
263
  padding-left: calc(var(--offset-left));
264
+ position: relative;
263
265
  }
264
266
  .bk-tree .bk-node-row.is-selected {
265
267
  background-color: #ebf2ff;
266
268
  }
269
+ .bk-tree .bk-node-row.drop-before::before {
270
+ content: '';
271
+ position: absolute;
272
+ top: 0;
273
+ left: 0;
274
+ right: 0;
275
+ height: 1px;
276
+ background-color: #2196F3;
277
+ }
278
+ .bk-tree .bk-node-row.drop-after::before {
279
+ content: '';
280
+ position: absolute;
281
+ bottom: 0;
282
+ left: 0;
283
+ right: 0;
284
+ height: 1px;
285
+ background-color: #2196F3;
286
+ }
267
287
  .bk-tree-node {
268
288
  position: relative;
269
289
  display: flex;
@@ -358,3 +378,11 @@
358
378
  .bk-tree-drop-disabled .bk-tree-node {
359
379
  cursor: no-drop;
360
380
  }
381
+ .bk-tree .insert-line {
382
+ position: absolute;
383
+ height: 2px;
384
+ background: #2196F3;
385
+ display: none;
386
+ pointer-events: none;
387
+ z-index: 999;
388
+ }
@@ -5,13 +5,38 @@
5
5
 
6
6
  .@{bk-prefix}-tree {
7
7
  font-size: 14px;
8
+ position: relative;
8
9
 
9
10
  .@{bk-prefix}-node-row {
10
11
  padding-left: calc(var(--offset-left));
12
+ position: relative;
11
13
 
12
14
  &.is-selected {
13
15
  background-color: #ebf2ff;
14
16
  }
17
+
18
+ &.drop-before {
19
+ &::before {
20
+ content: '';
21
+ position: absolute;
22
+ top: 0;
23
+ left: 0;
24
+ right: 0;
25
+ height: 1px;
26
+ background-color: #2196F3;
27
+ }
28
+ }
29
+ &.drop-after {
30
+ &::before {
31
+ content: '';
32
+ position: absolute;
33
+ bottom: 0;
34
+ left: 0;
35
+ right: 0;
36
+ height: 1px;
37
+ background-color: #2196F3;
38
+ }
39
+ }
15
40
  }
16
41
 
17
42
  &-node {
@@ -66,6 +91,7 @@
66
91
  }
67
92
  }
68
93
 
94
+
69
95
  .node-virtual-line {
70
96
  position: absolute;
71
97
  top: -12px;
@@ -132,7 +158,12 @@
132
158
  }
133
159
  }
134
160
 
135
- &-drag-disabled {
136
-
161
+ .insert-line {
162
+ position: absolute;
163
+ height: 2px;
164
+ background: #2196F3;
165
+ display: none;
166
+ pointer-events: none;
167
+ z-index: 999;
137
168
  }
138
169
  }
@@ -387,13 +387,33 @@
387
387
  }
388
388
  .bk-tree {
389
389
  font-size: 14px;
390
+ position: relative;
390
391
  }
391
392
  .bk-tree .bk-node-row {
392
393
  padding-left: calc(var(--offset-left));
394
+ position: relative;
393
395
  }
394
396
  .bk-tree .bk-node-row.is-selected {
395
397
  background-color: #ebf2ff;
396
398
  }
399
+ .bk-tree .bk-node-row.drop-before::before {
400
+ content: '';
401
+ position: absolute;
402
+ top: 0;
403
+ left: 0;
404
+ right: 0;
405
+ height: 1px;
406
+ background-color: #2196F3;
407
+ }
408
+ .bk-tree .bk-node-row.drop-after::before {
409
+ content: '';
410
+ position: absolute;
411
+ bottom: 0;
412
+ left: 0;
413
+ right: 0;
414
+ height: 1px;
415
+ background-color: #2196F3;
416
+ }
397
417
  .bk-tree-node {
398
418
  position: relative;
399
419
  display: flex;
@@ -488,3 +508,11 @@
488
508
  .bk-tree-drop-disabled .bk-tree-node {
489
509
  cursor: no-drop;
490
510
  }
511
+ .bk-tree .insert-line {
512
+ position: absolute;
513
+ height: 2px;
514
+ background: #2196F3;
515
+ display: none;
516
+ pointer-events: none;
517
+ z-index: 999;
518
+ }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "bkui-vue",
3
- "version": "2.0.2-beta.12",
3
+ "version": "2.0.2-beta.13",
4
4
  "workspaces": [
5
5
  "packages/**",
6
6
  "scripts/cli",