bkui-vue 0.0.1-beta.414 → 0.0.1-beta.416

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/index.cjs.js +47 -47
  2. package/dist/index.esm.js +87 -39
  3. package/dist/index.umd.js +48 -48
  4. package/dist/style.css +1 -1
  5. package/dist/style.variable.css +1 -1
  6. package/lib/directives/index.js +1 -1
  7. package/lib/plugin-popover/index.js +1 -1
  8. package/lib/popover/index.d.ts +33 -1
  9. package/lib/popover/index.js +1 -1
  10. package/lib/popover/popover.d.ts +14 -0
  11. package/lib/popover/props.d.ts +5 -0
  12. package/lib/radio/index.js +1 -1
  13. package/lib/radio/radio.css +120 -0
  14. package/lib/radio/radio.less +161 -0
  15. package/lib/radio/radio.variable.css +120 -0
  16. package/lib/select/index.d.ts +15 -0
  17. package/lib/select/select.d.ts +5 -0
  18. package/lib/styles/index.d.ts +0 -1
  19. package/lib/table/components/table-column.d.ts +46 -1
  20. package/lib/table/index.d.ts +138 -3
  21. package/lib/table/index.js +1 -1
  22. package/lib/table/plugins/settings.css +2 -0
  23. package/lib/table/plugins/settings.less +2 -0
  24. package/lib/table/plugins/settings.variable.css +2 -0
  25. package/lib/table/table.css +2 -0
  26. package/lib/table/table.variable.css +2 -0
  27. package/lib/table/use-column.d.ts +1 -1
  28. package/lib/table-column/index.d.ts +138 -3
  29. package/lib/table-column/index.js +1 -1
  30. package/lib/tag-input/index.d.ts +20 -0
  31. package/lib/tag-input/tag-input.d.ts +10 -0
  32. package/lib/tag-input/tag-props.d.ts +5 -0
  33. package/package.json +1 -1
  34. package/lib/radio/radio-button.css +0 -118
  35. package/lib/radio/radio-button.less +0 -161
  36. package/lib/radio/radio-button.variable.css +0 -238
package/lib/radio/radio-button.variable.css DELETED
@@ -1,238 +0,0 @@
1
- :root {
2
- --bk-prefix: bk;
3
- --popover-max-height: 216px;
4
- --primary-color: #3a84ff;
5
- --success-color: #2dcb56;
6
- --warning-color: #ff9c01;
7
- --danger-color: #ea3636;
8
- --default-color: #63656e;
9
- --gray-color: #979ba5;
10
- --light-gray: #c4c6cc;
11
- --white-color: white;
12
- --whitesmoke-color: #fafbfd;
13
- --disable-color: #dcdee5;
14
- --font-size-base: 12px;
15
- --font-size-medium: 14px;
16
- --font-size-large: 16px;
17
- --line-height-base: 16px;
18
- --line-height-medium: 16px;
19
- --line-height-large: 18px;
20
- --component-size-small: 26px;
21
- --component-size-base: 32px;
22
- --component-size-large: 40px;
23
- --border-width-base: 1px;
24
- --border-style-base: solid;
25
- --border-radius-base: 2px;
26
- --border-style-color: var(--light-gray);
27
- --input-disabled-bg: #fafbfd;
28
- --input-disabled-border: var(--disable-color);
29
- --input-height-base: var(--component-size-base);
30
- --input-color: var(--default-color);
31
- --input-bg: white;
32
- --input-border-color: var(--light-gray);
33
- --input-broder-radius: 3px;
34
- --input-shadow-color: #a3c5fd;
35
- --input-horizontal-padding: 10px;
36
- --input-block-color: #f5f7fa;
37
- --input-block-hover-color: #eaebf0;
38
- --input-icon-size: var(--font-size-medium);
39
- --input-maxlength-color: #979ba5;
40
- --button-primary-hover-color: #5594fa;
41
- --button-danger-hover-color: #ff5656;
42
- --button-success-hover-color: #45e35f;
43
- --button-warning-hover-color: #ffb848;
44
- --button-default-hover-border-color: #979ba5;
45
- --button-primary-active-color: #2c77f4;
46
- --button-danger-active-color: #db2626;
47
- --button-success-active-color: #1ab943;
48
- --button-warning-active-color: #eb9000;
49
- --button-selected-bg-color: #e1ecff;
50
- --button-disabled-selected-bg-color: #f0f1f5;
51
- --radio-font-color: #63656e;
52
- --radio-active-color: #5594fa;
53
- --radio-hover-border-color: #979ba5;
54
- --radio-disabled-border: #dcdee5;
55
- --radio-disabled-font-color: #c4c6cc;
56
- --radio-distable-checked-bg: #fafbfd;
57
- --radio-button-checked-bg: #e1ecff;
58
- --fixed-navbar-background: #fff;
59
- --fixed-navbar-boxshadow-color: rgba(0, 0, 0, 0.1);
60
- --switch-default-color: #fff;
61
- --switch-grey-color: #c4c6cc;
62
- --breadcrumb-black-color: #979ba5;
63
- --breadcrumb-primary-hover-color: #0082ff;
64
- --breadcrumb-fn-main-color: #63656e;
65
- --link-default-hover-color: #979ba5;
66
- --link-primary-hover-color: #699df4;
67
- --link-success-hover-color: #45e35f;
68
- --link-warning-hover-color: #ffb848;
69
- --link-danger-hover-color: #ff5656;
70
- --link-default-disabled-color: #dcdee5;
71
- --link-primary-disabled-color: #a3c5fd;
72
- --link-success-disabled-color: #94f5a4;
73
- --link-warning-disabled-color: #ffd695;
74
- --link-danger-disabled-color: #fd9c9c;
75
- --message-color: var(--default-color);
76
- --message-primary-bg-color: #f0f8ff;
77
- --message-primary-border-color: #e1ecff;
78
- --message-primary-shadow-color: #e1e8f4;
79
- --message-warning-bg-color: #fff4e2;
80
- --message-warning-border-color: #ffe8c3;
81
- --message-warning-shadow-color: #ede6db;
82
- --message-success-bg-color: #f2fff4;
83
- --message-success-border-color: #dcffe2;
84
- --message-success-shadow-color: #cef0d7;
85
- --message-danger-bg-color: #ffeded;
86
- --message-danger-border-color: #ffdddd;
87
- --message-danger-shadow-color: #f6dada;
88
- --slider-default-bg: #dcdee5;
89
- --slider-disable-bar-bg: #979ba5;
90
- --menu-bg-color: #182132;
91
- --submenu-bg-color: #151d2c;
92
- --menu-active-bg-color: linear-gradient(90deg, #3f87ff 0%, #3a84ff 100%);
93
- --menu-color: #96a2b9;
94
- --menu-group-color: var(--default-color);
95
- --menu-width: 260px;
96
- --menu-collapse-width: 60px;
97
- --menu-active-color: white;
98
- --nav-header-bg-color: #182132;
99
- --nav-bg-color: #182132;
100
- --date-picker-disabled-bg: #fafbfd;
101
- --date-picker-dropdown-mb: 4px;
102
- --date-picker-dropdown-bg: #fff;
103
- --table-bg-color: var(--white-color);
104
- --table-border-color: #dcdee5;
105
- --table-head-bg-color: #fafbfd;
106
- --table-head-font-color: #313238;
107
- --table-body-font-color: #575961;
108
- --table-row-hover-bg-color: #f5f7fa;
109
- --table-row-active-bg-color: #f0f1f5;
110
- --cascader-panel-border-color: #dcdee5;
111
- --cascader-panel-hover: #f5f7fa;
112
- --cascader-panel-active: #e1ecff;
113
- --cascader-panel-disabled-bg: #fff;
114
- --search-select-focus-border-color: var(--primary-color);
115
- --search-select-focus-color: #3c96ff;
116
- --search-select-font-color: var(--default-color);
117
- --search-select-placeholder-color: var(--light-gray);
118
- --search-select-message-color: var(--danger-color);
119
- --search-select-menu-border-color: var(--disable-color);
120
- }
121
- .bk-radio-item {
122
- position: relative;
123
- z-index: 1;
124
- display: inline-flex;
125
- font-weight: normal;
126
- letter-spacing: normal;
127
- color: var(--radio-font-color);
128
- white-space: nowrap;
129
- cursor: pointer;
130
- outline: none;
131
- opacity: 1;
132
- user-select: none;
133
- }
134
- .bk-radio-item-input {
135
- position: absolute;
136
- z-index: -1;
137
- width: 100%;
138
- height: 100%;
139
- outline: none;
140
- opacity: 0;
141
- }
142
- .bk-radio-item .bk-radio-item-label {
143
- width: 100%;
144
- padding: 0 18px;
145
- font-size: 12px;
146
- font-style: normal;
147
- font-weight: normal;
148
- line-height: var(--component-size-base);
149
- color: var(--default-color);
150
- text-align: center;
151
- vertical-align: middle;
152
- cursor: pointer;
153
- transition: all 0.3s;
154
- }
155
- .bk-radio-item.is-checked {
156
- z-index: 2;
157
- }
158
- .bk-radio-item.is-checked .bk-radio-item-label {
159
- color: var(--radio-active-color);
160
- }
161
- .bk-radio-item.is-disabled {
162
- z-index: 0;
163
- color: var(--radio-disabled-font-color);
164
- cursor: not-allowed;
165
- }
166
- .bk-radio-item.is-disabled .bk-radio-item-label {
167
- cursor: not-allowed;
168
- }
169
- .bk-radio-capsule {
170
- padding: 4px;
171
- background: #f0f1f5;
172
- border-radius: 2px;
173
- }
174
- .bk-radio-capsule .bk-radio-item {
175
- border-radius: 2px;
176
- }
177
- .bk-radio-capsule .bk-radio-item:before {
178
- position: absolute;
179
- top: 50%;
180
- right: -1px;
181
- display: block;
182
- width: 1px;
183
- height: 12px;
184
- margin-top: -6px;
185
- background: #dcdee5;
186
- content: '';
187
- }
188
- .bk-radio-capsule .bk-radio-item:last-of-type .bk-radio-capsule .bk-radio-item:before {
189
- display: none;
190
- }
191
- .bk-radio-capsule .bk-radio-item-label {
192
- position: relative;
193
- height: 24px;
194
- padding: 0 12px;
195
- line-height: 24px;
196
- }
197
- .bk-radio-capsule .is-checked {
198
- background: #fff;
199
- }
200
- .bk-radio-capsule .is-checked:before {
201
- display: none;
202
- }
203
- .bk-radio-button .bk-radio-item {
204
- overflow: hidden;
205
- }
206
- .bk-radio-button .bk-radio-item:nth-child(n+2) {
207
- margin-left: -1px;
208
- }
209
- .bk-radio-button .bk-radio-item:first-child .bk-radio-item-label {
210
- border-bottom-left-radius: var(--border-radius-base);
211
- border-top-left-radius: var(--border-radius-base);
212
- }
213
- .bk-radio-button .bk-radio-item:last-child .bk-radio-item-label {
214
- border-top-right-radius: var(--border-radius-base);
215
- border-bottom-right-radius: var(--border-radius-base);
216
- }
217
- .bk-radio-button .bk-radio-item.is-checked {
218
- z-index: 2;
219
- }
220
- .bk-radio-button .bk-radio-item.is-checked .bk-radio-item-label {
221
- background: var(--radio-button-checked-bg);
222
- border-color: var(--radio-active-color);
223
- }
224
- .bk-radio-button .bk-radio-item.is-disabled .bk-radio-item-label {
225
- background: var(--radio-distable-checked-bg);
226
- border-color: var(--radio-disabled-border);
227
- }
228
- .bk-radio-button .bk-radio-item.is-focused .bk-radio-item-label {
229
- border-color: var(--radio-active-color);
230
- }
231
- .bk-radio-button .bk-radio-item-label {
232
- height: var(--component-size-base);
233
- border: var(--border-width-base) var(--border-style-base) var(--light-gray);
234
- transition: all 0.3s;
235
- }
236
- .bk-radio-button .bk-radio-item-label:hover {
237
- border-color: var(--radio-hover-border-color);
238
- }