bkui-vue 0.0.2-beta.6 → 0.0.2-beta.8

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 (17) hide show
  1. package/dist/index.cjs.js +1 -1
  2. package/dist/index.esm.js +7 -3
  3. package/dist/index.umd.js +1 -1
  4. package/dist/style.css +1 -1
  5. package/dist/style.variable.css +1 -1
  6. package/lib/alert/alert.css +1 -0
  7. package/lib/alert/alert.less +119 -119
  8. package/lib/alert/alert.variable.css +1 -0
  9. package/lib/table/index.d.ts +18 -0
  10. package/lib/table/index.js +1 -1
  11. package/lib/table/props.d.ts +8 -0
  12. package/lib/table/table.css +3 -0
  13. package/lib/table/table.d.ts +11 -0
  14. package/lib/table/table.less +4 -0
  15. package/lib/table/table.variable.css +3 -0
  16. package/lib/table-column/index.js +1 -1
  17. package/package.json +1 -1
package/lib/alert/alert.css CHANGED
@@ -9,6 +9,7 @@
9
9
  }
10
10
  .bk-alert .bk-alert-icon-info {
11
11
  display: flex;
12
+ height: 16px;
12
13
  margin-right: 8px;
13
14
  font-size: 16px;
14
15
  line-height: 1;
package/lib/alert/alert.less CHANGED
@@ -1,119 +1,119 @@
1
- @import '../styles/themes/themes.less';
2
-
3
- @info-border-color: #c5daff;
4
- @info-background-color: #f0f8ff;
5
- @info-icon-color: #3a84ff;
6
-
7
- @success-border-color: #94f5a4;
8
- @success-background-color: #f2fff4;
9
- @success-icon-color: #2dcb56;
10
-
11
- @warning-border-color: #ffdfac;
12
- @warning-background-color: #fff4e2;
13
- @warning-icon-color: #ff9c01;
14
-
15
- @error-border-color: #ffd2d2;
16
- @error-background-color: #ffeded;
17
- @error-icon-color: #ea3636;
18
-
19
- .@{bk-prefix}-alert {
20
- position: relative;
21
- font-size: @font-size-base;
22
- color: #63656e;
23
- text-align: left;
24
- word-wrap: break-word;
25
- border: @border-width-base @border-style-base;
26
- border-radius: @border-radius-base;
27
-
28
- .@{bk-prefix}-alert-icon-info {
29
- display: flex; // 修复 svg 对不齐的问题（svg 是一个 inline 元素）
30
- margin-right: 8px;
31
- font-size: 16px;
32
- line-height: 1;
33
- }
34
-
35
-
36
- }
37
-
38
- .@{bk-prefix}-alert-wraper {
39
- display: flex;
40
- padding: 8px 10px;
41
- }
42
-
43
- .@{bk-prefix}-alert-info {
44
- background-color: @info-background-color;
45
- border-color: @info-border-color;
46
-
47
- .@{bk-prefix}-alert-icon-info {
48
- color: @info-icon-color;
49
- }
50
- }
51
-
52
- .@{bk-prefix}-alert-success {
53
- background-color: @success-background-color;
54
- border-color: @success-border-color;
55
-
56
- .@{bk-prefix}-alert-icon-info {
57
- color: @success-icon-color;
58
- }
59
- }
60
-
61
- .@{bk-prefix}-alert-warning {
62
- background-color: @warning-background-color;
63
- border-color: @warning-border-color;
64
-
65
- .@{bk-prefix}-alert-icon-info {
66
- color: @warning-icon-color;
67
- }
68
- }
69
-
70
- .@{bk-prefix}-alert-error {
71
- background-color: @error-background-color;
72
- border-color: @error-border-color;
73
-
74
- .@{bk-prefix}-alert-icon-info {
75
- color: @error-icon-color;
76
- }
77
- }
78
-
79
- .@{bk-prefix}-alert-content {
80
- display: flex;
81
- flex: 1;
82
- flex-direction: column;
83
- overflow: hidden;
84
- }
85
-
86
- .@{bk-prefix}-alert-title {
87
- line-height: 16px;
88
- }
89
-
90
- .@{bk-prefix}-alert-close {
91
- padding: 8px 12px 0 6px;
92
- margin-top: -8px;
93
- margin-right: -10px;
94
- font-size: 12px;
95
- color: #c4c6cc;
96
- white-space: nowrap;
97
- cursor: pointer;
98
-
99
- &:hover {
100
- color: #979ba5;
101
- }
102
- }
103
-
104
- .@{bk-prefix}-alert-close-icon {
105
- line-height: 1;
106
- }
107
-
108
- .@{bk-prefix}-alert-leave-leave {
109
- opacity: 1;
110
- }
111
-
112
- .@{bk-prefix}-alert-leave-leave-active {
113
- overflow: hidden;
114
- transition: opacity .15s, height .2s;
115
- }
116
-
117
- .@{bk-prefix}-alert-leave-leave-to {
118
- opacity: 0;
119
- }
1
+ @import '../styles/themes/themes.less';
2
+
3
+ @info-border-color: #c5daff;
4
+ @info-background-color: #f0f8ff;
5
+ @info-icon-color: #3a84ff;
6
+
7
+ @success-border-color: #94f5a4;
8
+ @success-background-color: #f2fff4;
9
+ @success-icon-color: #2dcb56;
10
+
11
+ @warning-border-color: #ffdfac;
12
+ @warning-background-color: #fff4e2;
13
+ @warning-icon-color: #ff9c01;
14
+
15
+ @error-border-color: #ffd2d2;
16
+ @error-background-color: #ffeded;
17
+ @error-icon-color: #ea3636;
18
+
19
+ .@{bk-prefix}-alert {
20
+ position: relative;
21
+ font-size: @font-size-base;
22
+ color: #63656e;
23
+ text-align: left;
24
+ word-wrap: break-word;
25
+ border: @border-width-base @border-style-base;
26
+ border-radius: @border-radius-base;
27
+
28
+ .@{bk-prefix}-alert-icon-info {
29
+ display: flex; // 修复 svg 对不齐的问题（svg 是一个 inline 元素）
30
+ height: 16px;
31
+ margin-right: 8px;
32
+ font-size: 16px;
33
+ line-height: 1;
34
+ }
35
+
36
+ }
37
+
38
+ .@{bk-prefix}-alert-wraper {
39
+ display: flex;
40
+ padding: 8px 10px;
41
+ }
42
+
43
+ .@{bk-prefix}-alert-info {
44
+ background-color: @info-background-color;
45
+ border-color: @info-border-color;
46
+
47
+ .@{bk-prefix}-alert-icon-info {
48
+ color: @info-icon-color;
49
+ }
50
+ }
51
+
52
+ .@{bk-prefix}-alert-success {
53
+ background-color: @success-background-color;
54
+ border-color: @success-border-color;
55
+
56
+ .@{bk-prefix}-alert-icon-info {
57
+ color: @success-icon-color;
58
+ }
59
+ }
60
+
61
+ .@{bk-prefix}-alert-warning {
62
+ background-color: @warning-background-color;
63
+ border-color: @warning-border-color;
64
+
65
+ .@{bk-prefix}-alert-icon-info {
66
+ color: @warning-icon-color;
67
+ }
68
+ }
69
+
70
+ .@{bk-prefix}-alert-error {
71
+ background-color: @error-background-color;
72
+ border-color: @error-border-color;
73
+
74
+ .@{bk-prefix}-alert-icon-info {
75
+ color: @error-icon-color;
76
+ }
77
+ }
78
+
79
+ .@{bk-prefix}-alert-content {
80
+ display: flex;
81
+ flex: 1;
82
+ flex-direction: column;
83
+ overflow: hidden;
84
+ }
85
+
86
+ .@{bk-prefix}-alert-title {
87
+ line-height: 16px;
88
+ }
89
+
90
+ .@{bk-prefix}-alert-close {
91
+ padding: 8px 12px 0 6px;
92
+ margin-top: -8px;
93
+ margin-right: -10px;
94
+ font-size: 12px;
95
+ color: #c4c6cc;
96
+ white-space: nowrap;
97
+ cursor: pointer;
98
+
99
+ &:hover {
100
+ color: #979ba5;
101
+ }
102
+ }
103
+
104
+ .@{bk-prefix}-alert-close-icon {
105
+ line-height: 1;
106
+ }
107
+
108
+ .@{bk-prefix}-alert-leave-leave {
109
+ opacity: 1;
110
+ }
111
+
112
+ .@{bk-prefix}-alert-leave-leave-active {
113
+ overflow: hidden;
114
+ transition: opacity .15s, height .2s;
115
+ }
116
+
117
+ .@{bk-prefix}-alert-leave-leave-to {
118
+ opacity: 0;
119
+ }
package/lib/alert/alert.variable.css CHANGED
@@ -131,6 +131,7 @@
131
131
  }
132
132
  .bk-alert .bk-alert-icon-info {
133
133
  display: flex;
134
+ height: 16px;
134
135
  margin-right: 8px;
135
136
  font-size: 16px;
136
137
  line-height: 1;
package/lib/table/index.d.ts CHANGED
@@ -27,6 +27,7 @@ declare const BkTable: {
27
27
  columnPick?: "disabled" | "single" | "multi";
28
28
  rowHeight?: any;
29
29
  showHead?: boolean;
30
+ stripe?: boolean;
30
31
  virtualEnabled?: boolean;
31
32
  paginationHeight?: number;
32
33
  remotePagination?: boolean;
@@ -166,6 +167,11 @@ declare const BkTable: {
166
167
  default: boolean;
167
168
  };
168
169
  thead: import("vue-types").VueTypeShape<import("./props").Thead>;
170
+ stripe: import("vue-types").VueTypeValidableDef<boolean> & {
171
+ default: boolean;
172
+ } & {
173
+ default: boolean;
174
+ };
169
175
  virtualEnabled: import("vue-types").VueTypeValidableDef<boolean> & {
170
176
  default: boolean;
171
177
  } & {
@@ -334,6 +340,7 @@ declare const BkTable: {
334
340
  columnPick: "disabled" | "single" | "multi";
335
341
  rowHeight: any;
336
342
  showHead: boolean;
343
+ stripe: boolean;
337
344
  virtualEnabled: boolean;
338
345
  paginationHeight: number;
339
346
  remotePagination: boolean;
@@ -412,6 +419,11 @@ declare const BkTable: {
412
419
  default: boolean;
413
420
  };
414
421
  thead: import("vue-types").VueTypeShape<import("./props").Thead>;
422
+ stripe: import("vue-types").VueTypeValidableDef<boolean> & {
423
+ default: boolean;
424
+ } & {
425
+ default: boolean;
426
+ };
415
427
  virtualEnabled: import("vue-types").VueTypeValidableDef<boolean> & {
416
428
  default: boolean;
417
429
  } & {
@@ -579,6 +591,11 @@ declare const BkTable: {
579
591
  default: boolean;
580
592
  };
581
593
  thead: import("vue-types").VueTypeShape<import("./props").Thead>;
594
+ stripe: import("vue-types").VueTypeValidableDef<boolean> & {
595
+ default: boolean;
596
+ } & {
597
+ default: boolean;
598
+ };
582
599
  virtualEnabled: import("vue-types").VueTypeValidableDef<boolean> & {
583
600
  default: boolean;
584
601
  } & {
@@ -747,6 +764,7 @@ declare const BkTable: {
747
764
  columnPick: "disabled" | "single" | "multi";
748
765
  rowHeight: any;
749
766
  showHead: boolean;
767
+ stripe: boolean;
750
768
  virtualEnabled: boolean;
751
769
  paginationHeight: number;
752
770
  remotePagination: boolean;