bkui-vue 0.0.1-beta.123 → 0.0.1-beta.126

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 (105) hide show
  1. package/dist/index.cjs.js +145 -31
  2. package/dist/index.esm.js +3460 -450
  3. package/dist/index.umd.js +145 -31
  4. package/dist/style.css +1 -1
  5. package/dist/style.variable.css +1 -0
  6. package/lib/affix/affix.variable.css +2 -2
  7. package/lib/alert/alert.variable.css +2 -2
  8. package/lib/backtop/backtop.variable.css +2 -2
  9. package/lib/badge/badge.variable.css +2 -2
  10. package/lib/breadcrumb/breadcrumb.css +43 -0
  11. package/lib/breadcrumb/breadcrumb.variable.css +45 -2
  12. package/lib/button/button.css +4 -0
  13. package/lib/button/button.less +13 -7
  14. package/lib/button/button.variable.css +6 -2
  15. package/lib/card/card.css +43 -0
  16. package/lib/card/card.variable.css +45 -2
  17. package/lib/cascader/cascader.variable.css +2 -2
  18. package/lib/checkbox/checkbox.css +16 -4
  19. package/lib/checkbox/checkbox.d.ts +11 -3
  20. package/lib/checkbox/checkbox.less +22 -4
  21. package/lib/checkbox/checkbox.variable.css +18 -6
  22. package/lib/checkbox/index.d.ts +19 -5
  23. package/lib/checkbox/index.js +1 -1
  24. package/lib/code-diff/code-diff.variable.css +2 -2
  25. package/lib/collapse/collapse.variable.css +2 -2
  26. package/lib/components.d.ts +1 -0
  27. package/lib/components.js +1 -1
  28. package/lib/container/container.css +43 -0
  29. package/lib/container/container.variable.css +45 -2
  30. package/lib/date-picker/date-picker.variable.css +2 -2
  31. package/lib/directives/index.js +1 -1
  32. package/lib/directives/tooltips.d.ts +0 -1
  33. package/lib/divider/divider.variable.css +2 -2
  34. package/lib/dropdown/dropdown.variable.css +2 -2
  35. package/lib/exception/exception.variable.css +2 -2
  36. package/lib/fixed-navbar/fixed-navbar.variable.css +2 -2
  37. package/lib/form/form.variable.css +2 -2
  38. package/lib/input/index.js +1 -1
  39. package/lib/input/input.css +56 -5
  40. package/lib/input/input.less +12 -2
  41. package/lib/input/input.variable.css +55 -4
  42. package/lib/link/link.variable.css +2 -2
  43. package/lib/loading/loading.css +43 -2
  44. package/lib/loading/loading.less +2 -2
  45. package/lib/loading/loading.variable.css +45 -4
  46. package/lib/menu/menu.css +43 -0
  47. package/lib/menu/menu.variable.css +45 -2
  48. package/lib/menu/submenu.variable.css +2 -2
  49. package/lib/message/message.variable.css +2 -2
  50. package/lib/navigation/navigation.variable.css +2 -2
  51. package/lib/notify/notify.variable.css +2 -2
  52. package/lib/pagination/pagination.variable.css +2 -2
  53. package/lib/popover/popover.variable.css +2 -2
  54. package/lib/popover2/popover2.variable.css +2 -2
  55. package/lib/process/process.variable.css +2 -2
  56. package/lib/progress/progress.css +43 -0
  57. package/lib/progress/progress.variable.css +45 -2
  58. package/lib/radio/radio.variable.css +2 -2
  59. package/lib/resize-layout/resize-layout.variable.css +2 -2
  60. package/lib/select/select.variable.css +2 -2
  61. package/lib/sideslider/sideslider.variable.css +2 -2
  62. package/lib/slider/slider.variable.css +2 -2
  63. package/lib/steps/steps.variable.css +2 -2
  64. package/lib/styles/mixins/mixins.css +43 -0
  65. package/lib/styles/mixins/mixins.less +1 -0
  66. package/lib/styles/mixins/mixins.variable.css +43 -0
  67. package/lib/styles/mixins/scroll.css +17 -0
  68. package/lib/styles/mixins/scroll.less +22 -0
  69. package/lib/styles/mixins/scroll.variable.css +119 -0
  70. package/lib/styles/themes/themes.less +2 -2
  71. package/lib/switcher/switcher.css +43 -0
  72. package/lib/switcher/switcher.variable.css +45 -2
  73. package/lib/tab/tab.variable.css +2 -2
  74. package/lib/table/index.d.ts +11 -11
  75. package/lib/table/index.js +1 -1
  76. package/lib/table/plugins/head-filter.less +1 -1
  77. package/lib/table/plugins/head-filter.variable.css +2 -2
  78. package/lib/table/plugins/head-sort.less +1 -1
  79. package/lib/table/plugins/head-sort.variable.css +2 -2
  80. package/lib/table/plugins/settings.css +23 -4
  81. package/lib/table/plugins/settings.less +26 -5
  82. package/lib/table/plugins/settings.variable.css +25 -6
  83. package/lib/table/props.d.ts +3 -2
  84. package/lib/table/table.css +665 -4
  85. package/lib/table/table.d.ts +5 -5
  86. package/lib/table/table.less +6 -0
  87. package/lib/table/table.variable.css +667 -6
  88. package/lib/tag/tag.variable.css +2 -2
  89. package/lib/tag-input/tag-input.variable.css +2 -2
  90. package/lib/timeline/timeline.variable.css +2 -2
  91. package/lib/transfer/transfer.variable.css +2 -2
  92. package/lib/tree/constant.d.ts +3 -1
  93. package/lib/tree/index.d.ts +54 -2
  94. package/lib/tree/index.js +1 -1
  95. package/lib/tree/props.d.ts +16 -0
  96. package/lib/tree/tree.css +124 -0
  97. package/lib/tree/tree.d.ts +24 -0
  98. package/lib/tree/tree.less +24 -0
  99. package/lib/tree/tree.variable.css +126 -2
  100. package/lib/tree/use-node-action.d.ts +2 -1
  101. package/lib/tree/use-node-attribute.d.ts +2 -0
  102. package/lib/upload/upload.css +43 -0
  103. package/lib/upload/upload.variable.css +45 -2
  104. package/lib/virtual-render/virtual-render.variable.css +2 -2
  105. package/package.json +2 -2
package/lib/table/plugins/head-filter.less CHANGED
@@ -1,4 +1,4 @@
1
- @import '../styles/themes/themes.less';
1
+ @import '../../styles/themes/themes.less';
2
2
  .@{bk-prefix}-table-head-action {
3
3
  display: flex;
4
4
  width: 32px;
package/lib/table/plugins/head-filter.variable.css CHANGED
@@ -19,7 +19,7 @@
19
19
  --line-height-large: 18px;
20
20
  --component-size-small: 26px;
21
21
  --component-size-base: 32px;
22
- --component-size-large: 38px;
22
+ --component-size-large: 40px;
23
23
  --border-width-base: 1px;
24
24
  --border-style-base: solid;
25
25
  --border-radius-base: 2px;
@@ -34,7 +34,7 @@
34
34
  --input-horizontal-padding: 10px;
35
35
  --input-block-color: #f5f7fa;
36
36
  --input-block-hover-color: #eaebf0;
37
- --input-icon-size: var(--font-size-large);
37
+ --input-icon-size: var(--font-size-medium);
38
38
  --input-maxlength-color: #979ba5;
39
39
  --button-primary-hover-color: #5594fa;
40
40
  --button-danger-hover-color: #ff5656;
package/lib/table/plugins/head-sort.less CHANGED
@@ -1,4 +1,4 @@
1
- @import '../styles/themes/themes.less';
1
+ @import '../../styles/themes/themes.less';
2
2
 
3
3
  .@{bk-prefix}-head-cell-sort {
4
4
  display: flex;
package/lib/table/plugins/head-sort.variable.css CHANGED
@@ -19,7 +19,7 @@
19
19
  --line-height-large: 18px;
20
20
  --component-size-small: 26px;
21
21
  --component-size-base: 32px;
22
- --component-size-large: 38px;
22
+ --component-size-large: 40px;
23
23
  --border-width-base: 1px;
24
24
  --border-style-base: solid;
25
25
  --border-radius-base: 2px;
@@ -34,7 +34,7 @@
34
34
  --input-horizontal-padding: 10px;
35
35
  --input-block-color: #f5f7fa;
36
36
  --input-block-hover-color: #eaebf0;
37
- --input-icon-size: var(--font-size-large);
37
+ --input-icon-size: var(--font-size-medium);
38
38
  --input-maxlength-color: #979ba5;
39
39
  --button-primary-hover-color: #5594fa;
40
40
  --button-danger-hover-color: #ff5656;
package/lib/table/plugins/settings.css CHANGED
@@ -23,6 +23,14 @@
23
23
  right: 15px;
24
24
  cursor: pointer;
25
25
  }
26
+ .bk-table-settings[data-bk-table-settings-theme='true'] .setting-content .setting-head .head-title {
27
+ display: inline-block;
28
+ height: 26px;
29
+ margin: 24px 0;
30
+ font-size: 20px;
31
+ line-height: 26px;
32
+ color: #313238;
33
+ }
26
34
  .bk-table-settings[data-bk-table-settings-theme='true'] .setting-content .setting-body {
27
35
  padding: 0 24px;
28
36
  }
@@ -33,6 +41,13 @@
33
41
  color: #63656e;
34
42
  justify-content: space-between;
35
43
  }
44
+ .bk-table-settings[data-bk-table-settings-theme='true'] .setting-content .setting-body .setting-body-title .field-setting-label {
45
+ height: 22px;
46
+ font-size: 14px;
47
+ line-height: 22px;
48
+ color: #313238;
49
+ text-align: left;
50
+ }
36
51
  .bk-table-settings[data-bk-table-settings-theme='true'] .setting-content .setting-body .setting-body-title .limit {
37
52
  color: #c4c6cc;
38
53
  }
@@ -45,11 +60,13 @@
45
60
  max-height: 150px;
46
61
  align-items: flex-start;
47
62
  flex-wrap: wrap;
63
+ margin-bottom: 16px;
48
64
  }
49
65
  .bk-table-settings[data-bk-table-settings-theme='true'] .setting-content .setting-body .setting-body-fields .field-item {
50
66
  width: 150px;
51
- height: 42px;
52
- line-height: 42px;
67
+ height: 16px;
68
+ margin-top: 16px;
69
+ line-height: 16px;
53
70
  }
54
71
  .bk-table-settings[data-bk-table-settings-theme='true'] .setting-content .setting-body .setting-body-fields .field-item > label {
55
72
  overflow: hidden;
@@ -102,9 +119,11 @@
102
119
  }
103
120
  .bk-table-settings[data-bk-table-settings-theme='true'] .setting-content .setting-footer {
104
121
  display: flex;
105
- height: 56px;
122
+ height: 50px;
106
123
  padding: 0 24px;
107
- background-color: #fafbfd;
124
+ background: #fafbfd;
125
+ border: 1px solid #dcdee5;
126
+ border-radius: 0px 0px 2px 2px;
108
127
  justify-content: flex-end;
109
128
  align-items: center;
110
129
  }
package/lib/table/plugins/settings.less CHANGED
@@ -1,4 +1,4 @@
1
- @import '../styles/themes/themes.less';
1
+ @import '../../styles/themes/themes.less';
2
2
 
3
3
  .@{bk-prefix}-table-settings {
4
4
  &[data-bk-table-settings-theme='true'] {
@@ -26,6 +26,15 @@
26
26
  right: 15px;
27
27
  cursor: pointer;
28
28
  }
29
+
30
+ .head-title {
31
+ display: inline-block;
32
+ height: 26px;
33
+ margin: 24px 0;
34
+ font-size: 20px;
35
+ line-height: 26px;
36
+ color: #313238;
37
+ }
29
38
  }
30
39
 
31
40
  .setting-body {
@@ -38,6 +47,14 @@
38
47
  color: #63656e;
39
48
  justify-content: space-between;
40
49
 
50
+ .field-setting-label {
51
+ height: 22px;
52
+ font-size: 14px;
53
+ line-height: 22px;
54
+ color: #313238;
55
+ text-align: left;
56
+ }
57
+
41
58
  .limit {
42
59
  color: #c4c6cc;
43
60
  }
@@ -53,11 +70,13 @@
53
70
  max-height: 150px;
54
71
  align-items: flex-start;
55
72
  flex-wrap: wrap;
73
+ margin-bottom: 16px;
56
74
 
57
75
  .field-item {
58
76
  width: 150px;
59
- height: 42px;
60
- line-height: 42px;
77
+ height: 16px;
78
+ margin-top: 16px;
79
+ line-height: 16px;
61
80
 
62
81
  > label {
63
82
  overflow: hidden;
@@ -125,9 +144,11 @@
125
144
 
126
145
  .setting-footer {
127
146
  display: flex;
128
- height: 56px;
147
+ height: 50px;
129
148
  padding: 0 24px;
130
- background-color: #fafbfd;
149
+ background: #fafbfd;
150
+ border: 1px solid #dcdee5;
151
+ border-radius: 0px 0px 2px 2px;
131
152
  justify-content: flex-end;
132
153
  align-items: center;
133
154
  }
package/lib/table/plugins/settings.variable.css CHANGED
@@ -19,7 +19,7 @@
19
19
  --line-height-large: 18px;
20
20
  --component-size-small: 26px;
21
21
  --component-size-base: 32px;
22
- --component-size-large: 38px;
22
+ --component-size-large: 40px;
23
23
  --border-width-base: 1px;
24
24
  --border-style-base: solid;
25
25
  --border-radius-base: 2px;
@@ -34,7 +34,7 @@
34
34
  --input-horizontal-padding: 10px;
35
35
  --input-block-color: #f5f7fa;
36
36
  --input-block-hover-color: #eaebf0;
37
- --input-icon-size: var(--font-size-large);
37
+ --input-icon-size: var(--font-size-medium);
38
38
  --input-maxlength-color: #979ba5;
39
39
  --button-primary-hover-color: #5594fa;
40
40
  --button-danger-hover-color: #ff5656;
@@ -125,6 +125,14 @@
125
125
  right: 15px;
126
126
  cursor: pointer;
127
127
  }
128
+ .bk-table-settings[data-bk-table-settings-theme='true'] .setting-content .setting-head .head-title {
129
+ display: inline-block;
130
+ height: 26px;
131
+ margin: 24px 0;
132
+ font-size: 20px;
133
+ line-height: 26px;
134
+ color: #313238;
135
+ }
128
136
  .bk-table-settings[data-bk-table-settings-theme='true'] .setting-content .setting-body {
129
137
  padding: 0 24px;
130
138
  }
@@ -135,6 +143,13 @@
135
143
  color: #63656e;
136
144
  justify-content: space-between;
137
145
  }
146
+ .bk-table-settings[data-bk-table-settings-theme='true'] .setting-content .setting-body .setting-body-title .field-setting-label {
147
+ height: 22px;
148
+ font-size: 14px;
149
+ line-height: 22px;
150
+ color: #313238;
151
+ text-align: left;
152
+ }
138
153
  .bk-table-settings[data-bk-table-settings-theme='true'] .setting-content .setting-body .setting-body-title .limit {
139
154
  color: #c4c6cc;
140
155
  }
@@ -147,11 +162,13 @@
147
162
  max-height: 150px;
148
163
  align-items: flex-start;
149
164
  flex-wrap: wrap;
165
+ margin-bottom: 16px;
150
166
  }
151
167
  .bk-table-settings[data-bk-table-settings-theme='true'] .setting-content .setting-body .setting-body-fields .field-item {
152
168
  width: 150px;
153
- height: 42px;
154
- line-height: 42px;
169
+ height: 16px;
170
+ margin-top: 16px;
171
+ line-height: 16px;
155
172
  }
156
173
  .bk-table-settings[data-bk-table-settings-theme='true'] .setting-content .setting-body .setting-body-fields .field-item > label {
157
174
  overflow: hidden;
@@ -204,9 +221,11 @@
204
221
  }
205
222
  .bk-table-settings[data-bk-table-settings-theme='true'] .setting-content .setting-footer {
206
223
  display: flex;
207
- height: 56px;
224
+ height: 50px;
208
225
  padding: 0 24px;
209
- background-color: #fafbfd;
226
+ background: #fafbfd;
227
+ border: 1px solid #dcdee5;
228
+ border-radius: 0px 0px 2px 2px;
210
229
  justify-content: flex-end;
211
230
  align-items: center;
212
231
  }
package/lib/table/props.d.ts CHANGED
@@ -129,8 +129,8 @@ export declare const tableProps: {
129
129
  /**
130
130
  * bk-table-setting-content
131
131
  */
132
- settings: import("vue-types").VueTypeDef<boolean | Settings> & {
133
- default: boolean | (() => Settings);
132
+ settings: import("vue-types").VueTypeDef<any> & {
133
+ default: any;
134
134
  };
135
135
  /**
136
136
  * 行的 class 的回调方法，也可以使用一个固定的 Object 为所有行设置一样的 Style
@@ -202,6 +202,7 @@ export declare type Settings = {
202
202
  export declare type Field = {
203
203
  label: string;
204
204
  field?: string;
205
+ disabled?: boolean;
205
206
  };
206
207
  export declare type Column = {
207
208
  label: Function | string;