bkui-vue 0.0.1-beta.25 → 0.0.1-beta.26

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 (36) hide show
  1. package/dist/bkui-vue.cjs.js +395 -268
  2. package/dist/bkui-vue.esm.js +396 -269
  3. package/dist/bkui-vue.umd.js +395 -268
  4. package/dist/style.css +365 -66
  5. package/lib/popover/index.js +1 -1
  6. package/lib/resize-layout/index.d.ts +336 -0
  7. package/lib/resize-layout/index.js +1 -0
  8. package/lib/resize-layout/resize-layout.css +189 -0
  9. package/lib/resize-layout/resize-layout.d.ts +127 -0
  10. package/lib/resize-layout/resize-layout.less +233 -0
  11. package/lib/resize-layout/resize-layout.variable.css +282 -0
  12. package/lib/select/common.d.ts +23 -27
  13. package/lib/select/index.d.ts +530 -145
  14. package/lib/select/index.js +12 -12
  15. package/lib/select/optionGroup.d.ts +0 -76
  16. package/lib/select/select.css +154 -44
  17. package/lib/select/select.d.ts +150 -39
  18. package/lib/select/select.less +131 -75
  19. package/lib/select/select.variable.css +154 -44
  20. package/lib/select/type.d.ts +31 -0
  21. package/lib/styles/index.d.ts +1 -0
  22. package/lib/styles/index.js +1 -1
  23. package/lib/swiper/index.js +1 -1
  24. package/lib/swiper/swiper.css +14 -14
  25. package/lib/swiper/swiper.less +93 -77
  26. package/lib/swiper/swiper.variable.css +14 -14
  27. package/lib/table/table.css +1 -1
  28. package/lib/table/table.less +1 -1
  29. package/lib/table/table.variable.css +1 -1
  30. package/lib/tag/tag.css +1 -1
  31. package/lib/tag/tag.less +1 -1
  32. package/lib/tag/tag.variable.css +1 -1
  33. package/lib/tree/tree.css +6 -6
  34. package/lib/tree/tree.less +7 -6
  35. package/lib/tree/tree.variable.css +6 -6
  36. package/package.json +3 -3
package/lib/swiper/swiper.variable.css CHANGED
@@ -6,8 +6,8 @@
6
6
  display: block;
7
7
  }
8
8
  .bk-swiper-main {
9
- height: 100%;
10
9
  display: flex;
10
+ height: 100%;
11
11
  overflow: hidden;
12
12
  }
13
13
  .bk-swiper-main.bk-transition {
@@ -15,53 +15,53 @@
15
15
  }
16
16
  .bk-swiper-main .bk-swiper-card {
17
17
  height: 100%;
18
- margin: 0;
19
18
  padding: 0;
19
+ margin: 0;
20
20
  }
21
21
  .bk-swiper-main .bk-swiper-img {
22
22
  display: inline-block;
23
- height: 100%;
24
23
  width: 100%;
24
+ height: 100%;
25
25
  margin: 0;
26
- background-size: cover;
27
- background-repeat: no-repeat;
28
26
  background-position: center;
27
+ background-repeat: no-repeat;
28
+ background-size: cover;
29
29
  }
30
30
  .bk-swiper-main .bk-swiper-link {
31
31
  cursor: pointer;
32
32
  }
33
33
  .bk-swiper-index {
34
34
  position: absolute;
35
+ right: 0;
35
36
  bottom: 10px;
36
37
  left: 0;
37
- right: 0;
38
38
  display: flex;
39
- justify-content: center;
40
- margin: 0;
41
39
  padding: 0;
40
+ margin: 0;
41
+ justify-content: center;
42
42
  }
43
43
  .bk-swiper-index li {
44
44
  width: 11px;
45
45
  height: 4px;
46
46
  margin: 0 3px;
47
+ list-style-type: none;
47
48
  background: #63656e;
48
49
  border-radius: 2px;
49
50
  transition: width 0.525s;
50
- list-style-type: none;
51
51
  }
52
52
  .bk-swiper-index li.bk-current-index {
53
53
  width: 17px;
54
54
  background: #c5c7d1;
55
55
  }
56
56
  .bk-swiper-nav {
57
- cursor: pointer;
58
57
  position: absolute;
59
- border-radius: 50%;
58
+ top: calc(50% - 15px);
59
+ display: none;
60
60
  width: 30px;
61
61
  height: 30px;
62
+ cursor: pointer;
62
63
  background: rgba(31, 45, 61, 0.4);
63
- top: calc(50% - 15px);
64
- display: none;
64
+ border-radius: 50%;
65
65
  }
66
66
  .bk-swiper-nav .bk-swiper-nav-icon {
67
67
  position: absolute;
@@ -69,8 +69,8 @@
69
69
  left: 11px;
70
70
  width: 10px;
71
71
  height: 10px;
72
- border-left: 2px solid #fff;
73
72
  border-bottom: 2px solid #fff;
73
+ border-left: 2px solid #fff;
74
74
  }
75
75
  .bk-swiper-nav.bk-nav-prev {
76
76
  left: 14px;
package/lib/table/table.css CHANGED
@@ -1,6 +1,6 @@
1
1
  .bk-table {
2
- overflow: hidden;
3
2
  height: 100%;
3
+ overflow: hidden;
4
4
  border-top: 1px solid #dcdee5;
5
5
  border-bottom: 1px solid #dcdee5;
6
6
  }
package/lib/table/table.less CHANGED
@@ -1,8 +1,8 @@
1
1
  @import '../styles/themes/themes.less';
2
2
 
3
3
  .@{bk-prefix}-table {
4
- overflow: hidden;
5
4
  height: 100%;
5
+ overflow: hidden;
6
6
  border-top: 1px solid @table-border-color;
7
7
  border-bottom: 1px solid @table-border-color;
8
8
  .@{bk-prefix}-table-body {
package/lib/table/table.variable.css CHANGED
@@ -92,8 +92,8 @@
92
92
  --table-row-hover-bg-color: #f5f7fa;
93
93
  }
94
94
  .bk-table {
95
- overflow: hidden;
96
95
  height: 100%;
96
+ overflow: hidden;
97
97
  border-top: 1px solid var(--table-border-color);
98
98
  border-bottom: 1px solid var(--table-border-color);
99
99
  }
package/lib/tag/tag.css CHANGED
@@ -2,7 +2,7 @@
2
2
  display: inline-block;
3
3
  height: 22px;
4
4
  padding: 0 10px;
5
- margin: 2px 0 2px 6px;
5
+ margin: 2px 6px 2px 0px;
6
6
  font-size: 12px;
7
7
  line-height: 22px;
8
8
  color: #63656e;
package/lib/tag/tag.less CHANGED
@@ -25,7 +25,7 @@
25
25
  display: inline-block;
26
26
  height: 22px;
27
27
  padding: 0 10px;
28
- margin: 2px 0 2px 6px;
28
+ margin: 2px 6px 2px 0px;
29
29
  font-size: 12px;
30
30
  line-height: 22px;
31
31
  color: @default-color;
package/lib/tag/tag.variable.css CHANGED
@@ -95,7 +95,7 @@
95
95
  display: inline-block;
96
96
  height: 22px;
97
97
  padding: 0 10px;
98
- margin: 2px 0 2px 6px;
98
+ margin: 2px 6px 2px 0px;
99
99
  font-size: 12px;
100
100
  line-height: 22px;
101
101
  color: var(--default-color);
package/lib/tree/tree.css CHANGED
@@ -2,15 +2,15 @@
2
2
  padding-left: calc(var(--offset-left));
3
3
  }
4
4
  .bk-tree .bk-node-row.is-checked {
5
- background-color: #EBF2FF;
5
+ background-color: #ebf2ff;
6
6
  }
7
7
  .bk-tree .bk-tree-node {
8
8
  position: relative;
9
+ display: flex;
9
10
  height: var(--lineHeight);
10
11
  padding-left: 0;
11
12
  line-height: var(--lineHeight);
12
13
  cursor: pointer;
13
- display: flex;
14
14
  align-items: center;
15
15
  }
16
16
  .bk-tree .bk-tree-node:not(.is-root) {
@@ -28,11 +28,11 @@
28
28
  content: '';
29
29
  }
30
30
  .bk-tree .bk-tree-node .node-virtual-line {
31
- display: inline-block;
32
31
  position: absolute;
33
- left: calc(var(--depth) * var(--indent) * -1 + 6px);
34
32
  top: -12px;
35
33
  bottom: 50%;
34
+ left: calc(var(--depth) * var(--indent) * -1 + 6px);
35
+ display: inline-block;
36
36
  width: 0;
37
37
  border-left: var(--level-line);
38
38
  }
@@ -44,7 +44,7 @@
44
44
  align-items: center;
45
45
  }
46
46
  .bk-tree .bk-tree-node .bk-node-content .bk-node-text {
47
- white-space: nowrap;
48
- text-overflow: ellipsis;
49
47
  overflow: hidden;
48
+ text-overflow: ellipsis;
49
+ white-space: nowrap;
50
50
  }
package/lib/tree/tree.less CHANGED
@@ -2,18 +2,19 @@
2
2
  .@{bk-prefix}-tree {
3
3
  .@{bk-prefix}-node-row {
4
4
  padding-left: calc(var(--offset-left));
5
+
5
6
  &.is-checked {
6
- background-color: #EBF2FF;
7
+ background-color: #ebf2ff;
7
8
  }
8
9
  }
9
10
 
10
11
  .@{bk-prefix}-tree-node {
11
12
  position: relative;
13
+ display: flex;
12
14
  height: var(--lineHeight);
13
15
  padding-left: 0;
14
16
  line-height: var(--lineHeight);
15
17
  cursor: pointer;
16
- display: flex;
17
18
  align-items: center;
18
19
 
19
20
  &:not(.is-root) {
@@ -35,11 +36,11 @@
35
36
  }
36
37
 
37
38
  .node-virtual-line {
38
- display: inline-block;
39
39
  position: absolute;
40
- left: calc(var(--depth) * var(--indent) * -1 + 6px);
41
40
  top: -12px;
42
41
  bottom: 50%;
42
+ left: calc(var(--depth) * var(--indent) * -1 + 6px);
43
+ display: inline-block;
43
44
  width: 0;
44
45
  border-left: var(--level-line);
45
46
  }
@@ -53,9 +54,9 @@
53
54
  align-items: center;
54
55
 
55
56
  .@{bk-prefix}-node-text {
56
- white-space: nowrap;
57
- text-overflow: ellipsis;
58
57
  overflow: hidden;
58
+ text-overflow: ellipsis;
59
+ white-space: nowrap;
59
60
  }
60
61
  }
61
62
  }
package/lib/tree/tree.variable.css CHANGED
@@ -95,15 +95,15 @@
95
95
  padding-left: calc(var(--offset-left));
96
96
  }
97
97
  .bk-tree .bk-node-row.is-checked {
98
- background-color: #EBF2FF;
98
+ background-color: #ebf2ff;
99
99
  }
100
100
  .bk-tree .bk-tree-node {
101
101
  position: relative;
102
+ display: flex;
102
103
  height: var(--lineHeight);
103
104
  padding-left: 0;
104
105
  line-height: var(--lineHeight);
105
106
  cursor: pointer;
106
- display: flex;
107
107
  align-items: center;
108
108
  }
109
109
  .bk-tree .bk-tree-node:not(.is-root) {
@@ -121,11 +121,11 @@
121
121
  content: '';
122
122
  }
123
123
  .bk-tree .bk-tree-node .node-virtual-line {
124
- display: inline-block;
125
124
  position: absolute;
126
- left: calc(var(--depth) * var(--indent) * -1 + 6px);
127
125
  top: -12px;
128
126
  bottom: 50%;
127
+ left: calc(var(--depth) * var(--indent) * -1 + 6px);
128
+ display: inline-block;
129
129
  width: 0;
130
130
  border-left: var(--level-line);
131
131
  }
@@ -137,7 +137,7 @@
137
137
  align-items: center;
138
138
  }
139
139
  .bk-tree .bk-tree-node .bk-node-content .bk-node-text {
140
- white-space: nowrap;
141
- text-overflow: ellipsis;
142
140
  overflow: hidden;
141
+ text-overflow: ellipsis;
142
+ white-space: nowrap;
143
143
  }
package/package.json CHANGED
@@ -1,15 +1,15 @@
1
1
  {
2
2
  "name": "bkui-vue",
3
- "version": "0.0.1-beta.25",
3
+ "version": "0.0.1-beta.26",
4
4
  "workspaces": {
5
5
  "packages": [
6
6
  "packages/!(**.bak)*"
7
7
  ]
8
8
  },
9
9
  "scripts": {
10
- "lint": "eslint --ext .js,.ts,.tsx ./packages ./site ",
10
+ "lint": "eslint --ext .js,.ts,.tsx,.vue ./packages ./site ",
11
11
  "lint:style": "stylelint --fix ./packages/**/*.{css,less} --custom-syntax",
12
- "lint:fix": "eslint --fix ./packages ./site ./scripts --ext .js,.ts,.tsx",
12
+ "lint:fix": "eslint --fix ./packages ./site ./scripts --ext .js,.ts,.tsx,.vue",
13
13
  "test:unit": "jest --passWithNoTests",
14
14
  "dev": "vite serve site",
15
15
  "build": "yarn build:library && yarn build:component",