bkui-vue 0.0.1-beta.48 → 0.0.1-beta.49
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/dist/index.cjs.js +19 -19
- package/dist/index.esm.js +23 -10
- package/dist/index.umd.js +19 -19
- package/dist/style.css +1 -1
- package/lib/button/button.css +31 -23
- package/lib/button/button.d.ts +13 -6
- package/lib/button/button.less +22 -18
- package/lib/button/button.variable.css +31 -23
- package/lib/button/index.d.ts +20 -9
- package/lib/button/index.js +1 -1
- package/lib/checkbox/index.js +1 -1
- package/lib/dialog/dialog.css +102 -0
- package/lib/dialog/dialog.less +86 -0
- package/lib/dialog/dialog.variable.css +102 -0
- package/lib/dropdown/dropdown.d.ts +3 -1
- package/lib/dropdown/index.d.ts +11 -3
- package/lib/dropdown/index.js +1 -1
- package/lib/loading/loading.css +1 -0
- package/lib/loading/loading.less +1 -0
- package/lib/loading/loading.variable.css +1 -0
- package/lib/shared/popover.d.ts +2 -2
- package/package.json +1 -1
package/lib/button/button.css
CHANGED
|
@@ -32,10 +32,6 @@
|
|
|
32
32
|
border-color: #2c77f4;
|
|
33
33
|
color: white;
|
|
34
34
|
}
|
|
35
|
-
.bk-button.bk-button-primary.is-disabled {
|
|
36
|
-
background-color: #dcdee5;
|
|
37
|
-
border-color: #dcdee5;
|
|
38
|
-
}
|
|
39
35
|
.bk-button.bk-button-primary.is-outline {
|
|
40
36
|
color: #3a84ff;
|
|
41
37
|
border-color: #3a84ff;
|
|
@@ -54,6 +50,12 @@
|
|
|
54
50
|
.bk-button.bk-button-primary.is-text:hover {
|
|
55
51
|
color: #5594fa;
|
|
56
52
|
}
|
|
53
|
+
.bk-button.bk-button-primary.is-disabled {
|
|
54
|
+
background-color: #dcdee5;
|
|
55
|
+
border-color: #dcdee5;
|
|
56
|
+
color: white;
|
|
57
|
+
cursor: not-allowed;
|
|
58
|
+
}
|
|
57
59
|
.bk-button.bk-button-hover-primary:hover {
|
|
58
60
|
background-color: #5594fa;
|
|
59
61
|
border-color: #5594fa;
|
|
@@ -73,10 +75,6 @@
|
|
|
73
75
|
border-color: #eb9000;
|
|
74
76
|
color: white;
|
|
75
77
|
}
|
|
76
|
-
.bk-button.bk-button-warning.is-disabled {
|
|
77
|
-
background-color: #dcdee5;
|
|
78
|
-
border-color: #dcdee5;
|
|
79
|
-
}
|
|
80
78
|
.bk-button.bk-button-warning.is-outline {
|
|
81
79
|
color: #ff9c01;
|
|
82
80
|
border-color: #ff9c01;
|
|
@@ -95,6 +93,12 @@
|
|
|
95
93
|
.bk-button.bk-button-warning.is-text:hover {
|
|
96
94
|
color: #ffb848;
|
|
97
95
|
}
|
|
96
|
+
.bk-button.bk-button-warning.is-disabled {
|
|
97
|
+
background-color: #dcdee5;
|
|
98
|
+
border-color: #dcdee5;
|
|
99
|
+
color: white;
|
|
100
|
+
cursor: not-allowed;
|
|
101
|
+
}
|
|
98
102
|
.bk-button.bk-button-hover-warning:hover {
|
|
99
103
|
background-color: #ffb848;
|
|
100
104
|
border-color: #ffb848;
|
|
@@ -114,10 +118,6 @@
|
|
|
114
118
|
border-color: #1ab943;
|
|
115
119
|
color: white;
|
|
116
120
|
}
|
|
117
|
-
.bk-button.bk-button-success.is-disabled {
|
|
118
|
-
background-color: #dcdee5;
|
|
119
|
-
border-color: #dcdee5;
|
|
120
|
-
}
|
|
121
121
|
.bk-button.bk-button-success.is-outline {
|
|
122
122
|
color: #2dcb56;
|
|
123
123
|
border-color: #2dcb56;
|
|
@@ -136,6 +136,12 @@
|
|
|
136
136
|
.bk-button.bk-button-success.is-text:hover {
|
|
137
137
|
color: #45e35f;
|
|
138
138
|
}
|
|
139
|
+
.bk-button.bk-button-success.is-disabled {
|
|
140
|
+
background-color: #dcdee5;
|
|
141
|
+
border-color: #dcdee5;
|
|
142
|
+
color: white;
|
|
143
|
+
cursor: not-allowed;
|
|
144
|
+
}
|
|
139
145
|
.bk-button.bk-button-hover-success:hover {
|
|
140
146
|
background-color: #45e35f;
|
|
141
147
|
border-color: #45e35f;
|
|
@@ -155,10 +161,6 @@
|
|
|
155
161
|
border-color: #db2626;
|
|
156
162
|
color: white;
|
|
157
163
|
}
|
|
158
|
-
.bk-button.bk-button-danger.is-disabled {
|
|
159
|
-
background-color: #dcdee5;
|
|
160
|
-
border-color: #dcdee5;
|
|
161
|
-
}
|
|
162
164
|
.bk-button.bk-button-danger.is-outline {
|
|
163
165
|
color: #ea3636;
|
|
164
166
|
border-color: #ea3636;
|
|
@@ -177,6 +179,12 @@
|
|
|
177
179
|
.bk-button.bk-button-danger.is-text:hover {
|
|
178
180
|
color: #ff5656;
|
|
179
181
|
}
|
|
182
|
+
.bk-button.bk-button-danger.is-disabled {
|
|
183
|
+
background-color: #dcdee5;
|
|
184
|
+
border-color: #dcdee5;
|
|
185
|
+
color: white;
|
|
186
|
+
cursor: not-allowed;
|
|
187
|
+
}
|
|
180
188
|
.bk-button.bk-button-hover-danger:hover {
|
|
181
189
|
background-color: #ff5656;
|
|
182
190
|
border-color: #ff5656;
|
|
@@ -194,8 +202,8 @@
|
|
|
194
202
|
line-height: 38px;
|
|
195
203
|
padding: 0 20px;
|
|
196
204
|
}
|
|
197
|
-
.bk-button .bk-button-loading:not(:last-child) {
|
|
198
|
-
margin-right:
|
|
205
|
+
.bk-button:not(.is-text) .bk-button-loading:not(:last-child) {
|
|
206
|
+
margin-right: 6px;
|
|
199
207
|
}
|
|
200
208
|
.bk-button:hover {
|
|
201
209
|
border-color: #979ba5;
|
|
@@ -204,11 +212,6 @@
|
|
|
204
212
|
color: #3a84ff;
|
|
205
213
|
border-color: #3a84ff;
|
|
206
214
|
}
|
|
207
|
-
.bk-button.is-disabled {
|
|
208
|
-
color: #dcdee5;
|
|
209
|
-
cursor: auto;
|
|
210
|
-
border-color: #dcdee5;
|
|
211
|
-
}
|
|
212
215
|
.bk-button.is-text {
|
|
213
216
|
height: auto;
|
|
214
217
|
font-size: 14px;
|
|
@@ -221,6 +224,11 @@
|
|
|
221
224
|
border: none;
|
|
222
225
|
outline: none;
|
|
223
226
|
}
|
|
227
|
+
.bk-button.is-disabled {
|
|
228
|
+
color: #dcdee5;
|
|
229
|
+
cursor: not-allowed;
|
|
230
|
+
border-color: #dcdee5;
|
|
231
|
+
}
|
|
224
232
|
.bk-button-group {
|
|
225
233
|
display: inline-block;
|
|
226
234
|
font-size: 0;
|
package/lib/button/button.d.ts
CHANGED
|
@@ -32,7 +32,9 @@ declare const buttonProps: {
|
|
|
32
32
|
hoverTheme: import("vue-types").VueTypeDef<string> & {
|
|
33
33
|
default: string;
|
|
34
34
|
};
|
|
35
|
-
size: import("vue-types").VueTypeDef<string
|
|
35
|
+
size: import("vue-types").VueTypeDef<string> & {
|
|
36
|
+
default: string;
|
|
37
|
+
};
|
|
36
38
|
title: import("vue-types").VueTypeValidableDef<string> & {
|
|
37
39
|
default: string;
|
|
38
40
|
};
|
|
@@ -48,7 +50,7 @@ declare const buttonProps: {
|
|
|
48
50
|
loading: import("vue-types").VueTypeValidableDef<boolean> & {
|
|
49
51
|
default: boolean;
|
|
50
52
|
};
|
|
51
|
-
|
|
53
|
+
loadingMode: import("vue-types").VueTypeDef<string>;
|
|
52
54
|
outline: import("vue-types").VueTypeValidableDef<boolean> & {
|
|
53
55
|
default: boolean;
|
|
54
56
|
};
|
|
@@ -67,7 +69,9 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
67
69
|
hoverTheme: import("vue-types").VueTypeDef<string> & {
|
|
68
70
|
default: string;
|
|
69
71
|
};
|
|
70
|
-
size: import("vue-types").VueTypeDef<string
|
|
72
|
+
size: import("vue-types").VueTypeDef<string> & {
|
|
73
|
+
default: string;
|
|
74
|
+
};
|
|
71
75
|
title: import("vue-types").VueTypeValidableDef<string> & {
|
|
72
76
|
default: string;
|
|
73
77
|
};
|
|
@@ -83,7 +87,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
83
87
|
loading: import("vue-types").VueTypeValidableDef<boolean> & {
|
|
84
88
|
default: boolean;
|
|
85
89
|
};
|
|
86
|
-
|
|
90
|
+
loadingMode: import("vue-types").VueTypeDef<string>;
|
|
87
91
|
outline: import("vue-types").VueTypeValidableDef<boolean> & {
|
|
88
92
|
default: boolean;
|
|
89
93
|
};
|
|
@@ -100,7 +104,9 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
100
104
|
hoverTheme: import("vue-types").VueTypeDef<string> & {
|
|
101
105
|
default: string;
|
|
102
106
|
};
|
|
103
|
-
size: import("vue-types").VueTypeDef<string
|
|
107
|
+
size: import("vue-types").VueTypeDef<string> & {
|
|
108
|
+
default: string;
|
|
109
|
+
};
|
|
104
110
|
title: import("vue-types").VueTypeValidableDef<string> & {
|
|
105
111
|
default: string;
|
|
106
112
|
};
|
|
@@ -116,7 +122,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
116
122
|
loading: import("vue-types").VueTypeValidableDef<boolean> & {
|
|
117
123
|
default: boolean;
|
|
118
124
|
};
|
|
119
|
-
|
|
125
|
+
loadingMode: import("vue-types").VueTypeDef<string>;
|
|
120
126
|
outline: import("vue-types").VueTypeValidableDef<boolean> & {
|
|
121
127
|
default: boolean;
|
|
122
128
|
};
|
|
@@ -133,6 +139,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
133
139
|
title: string;
|
|
134
140
|
text: boolean;
|
|
135
141
|
theme: string;
|
|
142
|
+
size: string;
|
|
136
143
|
icon: string;
|
|
137
144
|
outline: boolean;
|
|
138
145
|
disabled: boolean;
|
package/lib/button/button.less
CHANGED
|
@@ -56,10 +56,6 @@
|
|
|
56
56
|
color: @white-color;
|
|
57
57
|
}
|
|
58
58
|
|
|
59
|
-
&.is-disabled {
|
|
60
|
-
background-color: @disable-color;
|
|
61
|
-
border-color: @disable-color;
|
|
62
|
-
}
|
|
63
59
|
&.is-outline {
|
|
64
60
|
color: @@color;
|
|
65
61
|
border-color: @@color;
|
|
@@ -80,6 +76,12 @@
|
|
|
80
76
|
color: @@hoverColor;
|
|
81
77
|
}
|
|
82
78
|
}
|
|
79
|
+
&.is-disabled {
|
|
80
|
+
background-color: @disable-color;
|
|
81
|
+
border-color: @disable-color;
|
|
82
|
+
color: @white-color;
|
|
83
|
+
cursor: not-allowed;
|
|
84
|
+
}
|
|
83
85
|
}
|
|
84
86
|
|
|
85
87
|
&.@{bk-prefix}-button-hover-@{value} {
|
|
@@ -92,7 +94,7 @@
|
|
|
92
94
|
})
|
|
93
95
|
|
|
94
96
|
|
|
95
|
-
|
|
97
|
+
each(@sizeSelectors, {
|
|
96
98
|
@sizeBtnMinWidth: '@{value}BtnMinWidth';
|
|
97
99
|
@sizeBtnHeight: '@{value}BtnHeight';
|
|
98
100
|
@sizeBtnPadding: '@{value}BtnPadding';
|
|
@@ -102,12 +104,12 @@
|
|
|
102
104
|
line-height: @@sizeBtnHeight;
|
|
103
105
|
padding: 0 @@sizeBtnPadding;
|
|
104
106
|
}
|
|
105
|
-
})
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
|
|
107
|
+
});
|
|
108
|
+
&:not(.is-text) {
|
|
109
|
+
.@{bk-prefix}-button-loading {
|
|
110
|
+
&:not(:last-child) {
|
|
111
|
+
margin-right: 6px;
|
|
112
|
+
}
|
|
111
113
|
}
|
|
112
114
|
}
|
|
113
115
|
|
|
@@ -120,12 +122,6 @@
|
|
|
120
122
|
border-color: @primary-color;
|
|
121
123
|
}
|
|
122
124
|
|
|
123
|
-
&.is-disabled {
|
|
124
|
-
color: @disable-color;
|
|
125
|
-
cursor: auto;
|
|
126
|
-
border-color: @disable-color;
|
|
127
|
-
}
|
|
128
|
-
|
|
129
125
|
&.is-text {
|
|
130
126
|
height: auto;
|
|
131
127
|
font-size: @font-size-medium;
|
|
@@ -137,7 +133,15 @@
|
|
|
137
133
|
background: none;
|
|
138
134
|
border: none;
|
|
139
135
|
outline: none;
|
|
140
|
-
}
|
|
136
|
+
}
|
|
137
|
+
|
|
138
|
+
&.is-disabled {
|
|
139
|
+
color: @disable-color;
|
|
140
|
+
cursor: not-allowed;
|
|
141
|
+
border-color: @disable-color;
|
|
142
|
+
}
|
|
143
|
+
}
|
|
144
|
+
|
|
141
145
|
|
|
142
146
|
.@{bk-prefix}-button-group {
|
|
143
147
|
display: inline-block;
|
|
@@ -126,10 +126,6 @@
|
|
|
126
126
|
border-color: var(--button-primary-active-color);
|
|
127
127
|
color: var(--white-color);
|
|
128
128
|
}
|
|
129
|
-
.bk-button.bk-button-primary.is-disabled {
|
|
130
|
-
background-color: var(--disable-color);
|
|
131
|
-
border-color: var(--disable-color);
|
|
132
|
-
}
|
|
133
129
|
.bk-button.bk-button-primary.is-outline {
|
|
134
130
|
color: var(--primary-color);
|
|
135
131
|
border-color: var(--primary-color);
|
|
@@ -148,6 +144,12 @@
|
|
|
148
144
|
.bk-button.bk-button-primary.is-text:hover {
|
|
149
145
|
color: var(--button-primary-hover-color);
|
|
150
146
|
}
|
|
147
|
+
.bk-button.bk-button-primary.is-disabled {
|
|
148
|
+
background-color: var(--disable-color);
|
|
149
|
+
border-color: var(--disable-color);
|
|
150
|
+
color: var(--white-color);
|
|
151
|
+
cursor: not-allowed;
|
|
152
|
+
}
|
|
151
153
|
.bk-button.bk-button-hover-primary:hover {
|
|
152
154
|
background-color: var(--button-primary-hover-color);
|
|
153
155
|
border-color: var(--button-primary-hover-color);
|
|
@@ -167,10 +169,6 @@
|
|
|
167
169
|
border-color: var(--button-warning-active-color);
|
|
168
170
|
color: var(--white-color);
|
|
169
171
|
}
|
|
170
|
-
.bk-button.bk-button-warning.is-disabled {
|
|
171
|
-
background-color: var(--disable-color);
|
|
172
|
-
border-color: var(--disable-color);
|
|
173
|
-
}
|
|
174
172
|
.bk-button.bk-button-warning.is-outline {
|
|
175
173
|
color: var(--warning-color);
|
|
176
174
|
border-color: var(--warning-color);
|
|
@@ -189,6 +187,12 @@
|
|
|
189
187
|
.bk-button.bk-button-warning.is-text:hover {
|
|
190
188
|
color: var(--button-warning-hover-color);
|
|
191
189
|
}
|
|
190
|
+
.bk-button.bk-button-warning.is-disabled {
|
|
191
|
+
background-color: var(--disable-color);
|
|
192
|
+
border-color: var(--disable-color);
|
|
193
|
+
color: var(--white-color);
|
|
194
|
+
cursor: not-allowed;
|
|
195
|
+
}
|
|
192
196
|
.bk-button.bk-button-hover-warning:hover {
|
|
193
197
|
background-color: var(--button-warning-hover-color);
|
|
194
198
|
border-color: var(--button-warning-hover-color);
|
|
@@ -208,10 +212,6 @@
|
|
|
208
212
|
border-color: var(--button-success-active-color);
|
|
209
213
|
color: var(--white-color);
|
|
210
214
|
}
|
|
211
|
-
.bk-button.bk-button-success.is-disabled {
|
|
212
|
-
background-color: var(--disable-color);
|
|
213
|
-
border-color: var(--disable-color);
|
|
214
|
-
}
|
|
215
215
|
.bk-button.bk-button-success.is-outline {
|
|
216
216
|
color: var(--success-color);
|
|
217
217
|
border-color: var(--success-color);
|
|
@@ -230,6 +230,12 @@
|
|
|
230
230
|
.bk-button.bk-button-success.is-text:hover {
|
|
231
231
|
color: var(--button-success-hover-color);
|
|
232
232
|
}
|
|
233
|
+
.bk-button.bk-button-success.is-disabled {
|
|
234
|
+
background-color: var(--disable-color);
|
|
235
|
+
border-color: var(--disable-color);
|
|
236
|
+
color: var(--white-color);
|
|
237
|
+
cursor: not-allowed;
|
|
238
|
+
}
|
|
233
239
|
.bk-button.bk-button-hover-success:hover {
|
|
234
240
|
background-color: var(--button-success-hover-color);
|
|
235
241
|
border-color: var(--button-success-hover-color);
|
|
@@ -249,10 +255,6 @@
|
|
|
249
255
|
border-color: var(--button-danger-active-color);
|
|
250
256
|
color: var(--white-color);
|
|
251
257
|
}
|
|
252
|
-
.bk-button.bk-button-danger.is-disabled {
|
|
253
|
-
background-color: var(--disable-color);
|
|
254
|
-
border-color: var(--disable-color);
|
|
255
|
-
}
|
|
256
258
|
.bk-button.bk-button-danger.is-outline {
|
|
257
259
|
color: var(--danger-color);
|
|
258
260
|
border-color: var(--danger-color);
|
|
@@ -271,6 +273,12 @@
|
|
|
271
273
|
.bk-button.bk-button-danger.is-text:hover {
|
|
272
274
|
color: var(--button-danger-hover-color);
|
|
273
275
|
}
|
|
276
|
+
.bk-button.bk-button-danger.is-disabled {
|
|
277
|
+
background-color: var(--disable-color);
|
|
278
|
+
border-color: var(--disable-color);
|
|
279
|
+
color: var(--white-color);
|
|
280
|
+
cursor: not-allowed;
|
|
281
|
+
}
|
|
274
282
|
.bk-button.bk-button-hover-danger:hover {
|
|
275
283
|
background-color: var(--button-danger-hover-color);
|
|
276
284
|
border-color: var(--button-danger-hover-color);
|
|
@@ -288,8 +296,8 @@
|
|
|
288
296
|
line-height: 38px;
|
|
289
297
|
padding: 0 20px;
|
|
290
298
|
}
|
|
291
|
-
.bk-button .bk-button-loading:not(:last-child) {
|
|
292
|
-
margin-right:
|
|
299
|
+
.bk-button:not(.is-text) .bk-button-loading:not(:last-child) {
|
|
300
|
+
margin-right: 6px;
|
|
293
301
|
}
|
|
294
302
|
.bk-button:hover {
|
|
295
303
|
border-color: var(--button-default-hover-border-color);
|
|
@@ -298,11 +306,6 @@
|
|
|
298
306
|
color: var(--primary-color);
|
|
299
307
|
border-color: var(--primary-color);
|
|
300
308
|
}
|
|
301
|
-
.bk-button.is-disabled {
|
|
302
|
-
color: var(--disable-color);
|
|
303
|
-
cursor: auto;
|
|
304
|
-
border-color: var(--disable-color);
|
|
305
|
-
}
|
|
306
309
|
.bk-button.is-text {
|
|
307
310
|
height: auto;
|
|
308
311
|
font-size: var(--font-size-medium);
|
|
@@ -315,6 +318,11 @@
|
|
|
315
318
|
border: none;
|
|
316
319
|
outline: none;
|
|
317
320
|
}
|
|
321
|
+
.bk-button.is-disabled {
|
|
322
|
+
color: var(--disable-color);
|
|
323
|
+
cursor: not-allowed;
|
|
324
|
+
border-color: var(--disable-color);
|
|
325
|
+
}
|
|
318
326
|
.bk-button-group {
|
|
319
327
|
display: inline-block;
|
|
320
328
|
font-size: 0;
|
package/lib/button/index.d.ts
CHANGED
|
@@ -7,6 +7,7 @@ declare const BkButton: {
|
|
|
7
7
|
title: string;
|
|
8
8
|
text: boolean;
|
|
9
9
|
theme: string;
|
|
10
|
+
size: string;
|
|
10
11
|
icon: string;
|
|
11
12
|
outline: boolean;
|
|
12
13
|
disabled: boolean;
|
|
@@ -20,7 +21,9 @@ declare const BkButton: {
|
|
|
20
21
|
hoverTheme: import("vue-types").VueTypeDef<string> & {
|
|
21
22
|
default: string;
|
|
22
23
|
};
|
|
23
|
-
size: import("vue-types").VueTypeDef<string
|
|
24
|
+
size: import("vue-types").VueTypeDef<string> & {
|
|
25
|
+
default: string;
|
|
26
|
+
};
|
|
24
27
|
title: import("vue-types").VueTypeValidableDef<string> & {
|
|
25
28
|
default: string;
|
|
26
29
|
};
|
|
@@ -36,7 +39,7 @@ declare const BkButton: {
|
|
|
36
39
|
loading: import("vue-types").VueTypeValidableDef<boolean> & {
|
|
37
40
|
default: boolean;
|
|
38
41
|
};
|
|
39
|
-
|
|
42
|
+
loadingMode: import("vue-types").VueTypeDef<string>;
|
|
40
43
|
outline: import("vue-types").VueTypeValidableDef<boolean> & {
|
|
41
44
|
default: boolean;
|
|
42
45
|
};
|
|
@@ -49,7 +52,7 @@ declare const BkButton: {
|
|
|
49
52
|
}>> & {
|
|
50
53
|
onClick?: (...args: any[]) => any;
|
|
51
54
|
onMouseover?: (...args: any[]) => any;
|
|
52
|
-
} & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "title" | "text" | "theme" | "icon" | "outline" | "disabled" | "loading" | "hoverTheme" | "iconRight">;
|
|
55
|
+
} & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "title" | "text" | "theme" | "size" | "icon" | "outline" | "disabled" | "loading" | "hoverTheme" | "iconRight">;
|
|
53
56
|
$attrs: {
|
|
54
57
|
[x: string]: unknown;
|
|
55
58
|
};
|
|
@@ -70,7 +73,9 @@ declare const BkButton: {
|
|
|
70
73
|
hoverTheme: import("vue-types").VueTypeDef<string> & {
|
|
71
74
|
default: string;
|
|
72
75
|
};
|
|
73
|
-
size: import("vue-types").VueTypeDef<string
|
|
76
|
+
size: import("vue-types").VueTypeDef<string> & {
|
|
77
|
+
default: string;
|
|
78
|
+
};
|
|
74
79
|
title: import("vue-types").VueTypeValidableDef<string> & {
|
|
75
80
|
default: string;
|
|
76
81
|
};
|
|
@@ -86,7 +91,7 @@ declare const BkButton: {
|
|
|
86
91
|
loading: import("vue-types").VueTypeValidableDef<boolean> & {
|
|
87
92
|
default: boolean;
|
|
88
93
|
};
|
|
89
|
-
|
|
94
|
+
loadingMode: import("vue-types").VueTypeDef<string>;
|
|
90
95
|
outline: import("vue-types").VueTypeValidableDef<boolean> & {
|
|
91
96
|
default: boolean;
|
|
92
97
|
};
|
|
@@ -103,6 +108,7 @@ declare const BkButton: {
|
|
|
103
108
|
title: string;
|
|
104
109
|
text: boolean;
|
|
105
110
|
theme: string;
|
|
111
|
+
size: string;
|
|
106
112
|
icon: string;
|
|
107
113
|
outline: boolean;
|
|
108
114
|
disabled: boolean;
|
|
@@ -136,7 +142,9 @@ declare const BkButton: {
|
|
|
136
142
|
hoverTheme: import("vue-types").VueTypeDef<string> & {
|
|
137
143
|
default: string;
|
|
138
144
|
};
|
|
139
|
-
size: import("vue-types").VueTypeDef<string
|
|
145
|
+
size: import("vue-types").VueTypeDef<string> & {
|
|
146
|
+
default: string;
|
|
147
|
+
};
|
|
140
148
|
title: import("vue-types").VueTypeValidableDef<string> & {
|
|
141
149
|
default: string;
|
|
142
150
|
};
|
|
@@ -152,7 +160,7 @@ declare const BkButton: {
|
|
|
152
160
|
loading: import("vue-types").VueTypeValidableDef<boolean> & {
|
|
153
161
|
default: boolean;
|
|
154
162
|
};
|
|
155
|
-
|
|
163
|
+
loadingMode: import("vue-types").VueTypeDef<string>;
|
|
156
164
|
outline: import("vue-types").VueTypeValidableDef<boolean> & {
|
|
157
165
|
default: boolean;
|
|
158
166
|
};
|
|
@@ -176,7 +184,9 @@ declare const BkButton: {
|
|
|
176
184
|
hoverTheme: import("vue-types").VueTypeDef<string> & {
|
|
177
185
|
default: string;
|
|
178
186
|
};
|
|
179
|
-
size: import("vue-types").VueTypeDef<string
|
|
187
|
+
size: import("vue-types").VueTypeDef<string> & {
|
|
188
|
+
default: string;
|
|
189
|
+
};
|
|
180
190
|
title: import("vue-types").VueTypeValidableDef<string> & {
|
|
181
191
|
default: string;
|
|
182
192
|
};
|
|
@@ -192,7 +202,7 @@ declare const BkButton: {
|
|
|
192
202
|
loading: import("vue-types").VueTypeValidableDef<boolean> & {
|
|
193
203
|
default: boolean;
|
|
194
204
|
};
|
|
195
|
-
|
|
205
|
+
loadingMode: import("vue-types").VueTypeDef<string>;
|
|
196
206
|
outline: import("vue-types").VueTypeValidableDef<boolean> & {
|
|
197
207
|
default: boolean;
|
|
198
208
|
};
|
|
@@ -209,6 +219,7 @@ declare const BkButton: {
|
|
|
209
219
|
title: string;
|
|
210
220
|
text: boolean;
|
|
211
221
|
theme: string;
|
|
222
|
+
size: string;
|
|
212
223
|
icon: string;
|
|
213
224
|
outline: boolean;
|
|
214
225
|
disabled: boolean;
|
package/lib/button/index.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
!function(e,o){if("object"==typeof exports&&"object"==typeof module)module.exports=o(require("../shared"),require("vue"),require("../loading"));else if("function"==typeof define&&define.amd)define(["../shared","vue","../loading"],o);else{var t="object"==typeof exports?o(require("../shared"),require("vue"),require("../loading")):o(e["../shared"],e.vue,e["../loading"]);for(var r in t)("object"==typeof exports?exports:e)[r]=t[r]}}(self,((e,o,t)=>(()=>{"use strict";var r={4870:e=>{e.exports=t},4212:o=>{o.exports=e},748:e=>{e.exports=o}},n={};function i(e){var o=n[e];if(void 0!==o)return o.exports;var t=n[e]={exports:{}};return r[e](t,t.exports,i),t.exports}i.n=e=>{var o=e&&e.__esModule?()=>e.default:()=>e;return i.d(o,{a:o}),o},i.d=(e,o)=>{for(var t in o)i.o(o,t)&&!i.o(e,t)&&Object.defineProperty(e,t,{enumerable:!0,get:o[t]})},i.o=(e,o)=>Object.prototype.hasOwnProperty.call(e,o),i.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var a={};return(()=>{i.r(a),i.d(a,{BkButton:()=>
|
|
1
|
+
!function(e,o){if("object"==typeof exports&&"object"==typeof module)module.exports=o(require("../shared"),require("vue"),require("../loading"));else if("function"==typeof define&&define.amd)define(["../shared","vue","../loading"],o);else{var t="object"==typeof exports?o(require("../shared"),require("vue"),require("../loading")):o(e["../shared"],e.vue,e["../loading"]);for(var r in t)("object"==typeof exports?exports:e)[r]=t[r]}}(self,((e,o,t)=>(()=>{"use strict";var r={4870:e=>{e.exports=t},4212:o=>{o.exports=e},748:e=>{e.exports=o}},n={};function i(e){var o=n[e];if(void 0!==o)return o.exports;var t=n[e]={exports:{}};return r[e](t,t.exports,i),t.exports}i.n=e=>{var o=e&&e.__esModule?()=>e.default:()=>e;return i.d(o,{a:o}),o},i.d=(e,o)=>{for(var t in o)i.o(o,t)&&!i.o(e,t)&&Object.defineProperty(e,t,{enumerable:!0,get:o[t]})},i.o=(e,o)=>Object.prototype.hasOwnProperty.call(e,o),i.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var a={};return(()=>{i.r(a),i.d(a,{BkButton:()=>d,BkButtonGroup:()=>c,default:()=>p});var e=i(4212);function o(e,o,t){return o in e?Object.defineProperty(e,o,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[o]=t,e}var t=i(748),r=i(4870),n=i.n(r),u=["","small","large"],l={theme:e.PropTypes.theme().def(""),hoverTheme:e.PropTypes.theme(["primary","warning","success","danger"]).def(""),size:e.PropTypes.size(u).def(""),title:e.PropTypes.string,icon:e.PropTypes.string,iconRight:e.PropTypes.string,disabled:e.PropTypes.bool,loading:e.PropTypes.bool,loadingMode:e.PropTypes.commonType(Object.values(r.BkLoadingMode)),outline:e.PropTypes.bool,text:e.PropTypes.bool,nativeType:{type:String}};const s=(0,t.defineComponent)({name:"Button",props:l,emits:["click","mouseover"],setup:function(i,a){var l,s=a.slots,c=a.attrs,d=a.emit,p=(0,t.ref)(!1),v=null!==(l=s.default)&&void 0!==l&&l,f="bk-button",m=(0,t.computed)((function(){return i.text&&!i.hoverTheme})),b=(0,t.computed)((function(){var t,r=i.hoverTheme?"".concat(f,"-hover-").concat(i.hoverTheme):"",n=i.theme?"".concat(f,"-").concat(i.theme):"",a=i.hoverTheme?"":n;return(0,e.classes)((o(t={"is-disabled":i.disabled,"is-outline":i.outline,"is-text":m.value},"".concat(f,"-").concat(i.size),i.size&&u.includes(i.size)),o(t,"no-slot",!v),t),"".concat(a," ").concat(f," ").concat(r))}));console.log(b.value,i);var g=(0,t.computed)((function(){return i.text||i.outline||i.hoverTheme?p.value&&!i.text?"white":i.hoverTheme||i.theme:["","default"].includes(i.theme)?"":"white"})),y=(0,t.computed)((function(){return m.value||i.size===r.BkLoadingSize.Small?r.BkLoadingSize.Mini:r.BkLoadingSize.Small})),h=function(){i.loading||d("click")},T=function(){p.value=!0,d("mouseover")},P=function(){p.value=!1};return function(){var e;return(0,t.createVNode)("button",(0,t.mergeProps)({title:i.title,disabled:i.disabled,class:b.value,type:i.nativeType},c,{onClick:h,onMouseover:T,onMouseleave:P}),[i.loading&&(0,t.createVNode)(n(),{loading:!0,class:"".concat(f,"-loading"),mode:i.loadingMode,theme:g.value,size:y.value},null),s.default&&(0,t.createVNode)("span",{class:"".concat(f,"-text")},[null===(e=s.default)||void 0===e?void 0:e.call(s)])])}}}),c=(0,t.defineComponent)({name:"ButtonGroup",props:{size:e.PropTypes.size()},setup:function(r,n){var i=(0,t.computed)((function(){return(0,e.classes)(o({},"bk-button-group-".concat(r.size),!!r.size),"bk-button-group")}));return function(){var e,o;return(0,t.createVNode)("div",{class:i.value},[null===(o=(e=n.slots).default)||void 0===o?void 0:o.call(e)])}}});var d=(0,e.withInstallProps)(s,{ButtonGroup:c});const p=d})(),a})()));
|
package/lib/checkbox/index.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
!function(e,r){if("object"==typeof exports&&"object"==typeof module)module.exports=r(require("../shared"),require("vue"));else if("function"==typeof define&&define.amd)define(["../shared","vue"],r);else{var t="object"==typeof exports?r(require("../shared"),require("vue")):r(e["../shared"],e.vue);for(var o in t)("object"==typeof exports?exports:e)[o]=t[o]}}(self,((e,r)=>(()=>{"use strict";var t={4212:r=>{r.exports=e},748:e=>{e.exports=r}},o={};function n(e){var r=o[e];if(void 0!==r)return r.exports;var a=o[e]={exports:{}};return t[e](a,a.exports,n),a.exports}n.d=(e,r)=>{for(var t in r)n.o(r,t)&&!n.o(e,t)&&Object.defineProperty(e,t,{enumerable:!0,get:r[t]})},n.o=(e,r)=>Object.prototype.hasOwnProperty.call(e,r),n.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var a={};return(()=>{n.r(a),n.d(a,{BkCheckbox:()=>c,BkCheckboxGroup:()=>s,default:()=>d});var e=n(4212);function r(e,r){(null==r||r>e.length)&&(r=e.length);for(var t=0,o=new Array(r);t<r;t++)o[t]=e[t];return o}var t=n(748),o=Symbol("CheckboxGroup"),i={modelValue:e.PropTypes.oneOfType([String,Number,Boolean]).def(""),label:e.PropTypes.oneOfType([String,Number,Boolean]),trueLabel:e.PropTypes.oneOfType([String,Number,Boolean]).def(!0),falseLabel:e.PropTypes.oneOfType([String,Number,Boolean]).def(""),disabled:e.PropTypes.bool.def(!1),checked:e.PropTypes.bool.def(!1),indeterminate:e.PropTypes.bool,beforeChange:e.PropTypes.func,size:e.PropTypes.size()};const l=(0,t.defineComponent)({name:"Checkbox",props:i,emits:["update:modelValue","change"],setup:function(){var n,a,i,l,u,s,c,d,p,f=function(){var e=(0,t.ref)(!1);return[e,{blur:function(){e.value=!1},focus:function(){e.value=!0}}]}(),h=(p=2,function(e){if(Array.isArray(e))return e}(d=f)||function(e,r){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var o,n,a=[],i=!0,l=!1;try{for(t=t.call(e);!(i=(o=t.next()).done)&&(a.push(o.value),!r||a.length!==r);i=!0);}catch(e){l=!0,n=e}finally{try{i||null==t.return||t.return()}finally{if(l)throw n}}return a}}(d,p)||function(e,t){if(e){if("string"==typeof e)return r(e,t);var o=Object.prototype.toString.call(e).slice(8,-1);return"Object"===o&&e.constructor&&(o=e.constructor.name),"Map"===o||"Set"===o?Array.from(e):"Arguments"===o||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(o)?r(e,t):void 0}}(d,p)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()),b=h[0],y=h[1],v=y.blur,m=y.focus,k=(n=(0,t.getCurrentInstance)(),a=n.props,i=n.emit,l=(0,t.inject)(o,e.EMPTY_OBJ),u=!(0,e.isEmptyObj)(l),s=(0,t.ref)(a.checked),c=(0,t.computed)((function(){return!(!u||!l.props.disabled)||a.disabled})),u?(0,t.watch)((function(){return l.props.modelValue}),(function(e){s.value=e.includes(a.label)})):(0,t.watch)((function(){return a.modelValue}),(function(e){""!==e&&(s.value=e===a.trueLabel)}),{immediate:!0}),(0,t.onMounted)((function(){u&&l.register(n.proxy)})),(0,t.onBeforeUnmount)((function(){u&&l.unregister(n.proxy)})),{isChecked:s,isDisabled:c,setChecked:function(){var e=!(arguments.length>0&&void 0!==arguments[0])||arguments[0];s.value=e},handleChange:function(e){if(!c.value){var r=e.target;s.value=r.checked;var o=s.value?a.trueLabel:a.falseLabel;i("change",o),i("update:modelValue",o),u&&l.handleChange(),(0,t.nextTick)((function(){r.checked!==s.value&&(r.checked=s.value)}))}}});return{isFocus:b,isChecked:k.isChecked,isDisabled:k.isDisabled,setChecked:k.setChecked,handleBlur:v,handleFocus:m,handleChange:k.handleChange}},render:function(){var r=(0,e.classes)({"bk-checkbox":!0,"is-focused":this.isFocus,"is-checked":this.isChecked,"is-disabled":this.isDisabled,"is-indeterminated":this.indeterminate});return(0,t.createVNode)("label",{class:r},[(0,t.createVNode)("span",{class:"bk-checkbox-input"},[(0,t.createVNode)("input",{role:"checkbox",type:"checkbox",class:"bk-checkbox-original",disabled:this.isDisabled,checked:this.isChecked,onChange:this.handleChange},null)]),this.$slots.default?this.$slots.default():(0,t.createVNode)("span",{class:"bk-checkbox-label"},[this.label])])}});var u={name:e.PropTypes.string.def(""),modelValue:e.PropTypes.array,disabled:e.PropTypes.bool};const s=(0,t.defineComponent)({name:"CheckboxGroup",props:u,emits:["change","update:modelValue"],setup:function(e,r){var n=[];return(0,t.provide)(o,{name:"CheckboxGroup",props:e,register:function(e){n.push(e)},unregister:function(e){var r=n.indexOf(e);r>-1&&n.splice(r,1)},handleChange:function(){var e=n.reduce((function(e,r){return r.isChecked&&e.push(r.label),e}),[]);r.emit("update:modelValue",e),r.emit("change",e)}}),(0,t.onMounted)((function(){var r=e.modelValue||[];n.forEach((function(e){r.includes(e.label)&&e.setChecked(!0)}))})),{}},render:function(){var e;return(0,t.createVNode)("div",{class:"bk-checkbox-group"},[null===(e=this.$slots)||void 0===e?void 0:e.default()])}});var c=(0,e.withInstallProps)(l,{Group:s});const d=c})(),a})()));
|
|
1
|
+
!function(e,r){if("object"==typeof exports&&"object"==typeof module)module.exports=r(require("../shared"),require("vue"));else if("function"==typeof define&&define.amd)define(["../shared","vue"],r);else{var t="object"==typeof exports?r(require("../shared"),require("vue")):r(e["../shared"],e.vue);for(var o in t)("object"==typeof exports?exports:e)[o]=t[o]}}(self,((e,r)=>(()=>{"use strict";var t={4212:r=>{r.exports=e},748:e=>{e.exports=r}},o={};function n(e){var r=o[e];if(void 0!==r)return r.exports;var a=o[e]={exports:{}};return t[e](a,a.exports,n),a.exports}n.d=(e,r)=>{for(var t in r)n.o(r,t)&&!n.o(e,t)&&Object.defineProperty(e,t,{enumerable:!0,get:r[t]})},n.o=(e,r)=>Object.prototype.hasOwnProperty.call(e,r),n.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var a={};return(()=>{n.r(a),n.d(a,{BkCheckbox:()=>c,BkCheckboxGroup:()=>s,default:()=>d});var e=n(4212);function r(e,r){(null==r||r>e.length)&&(r=e.length);for(var t=0,o=new Array(r);t<r;t++)o[t]=e[t];return o}var t=n(748),o=Symbol("CheckboxGroup"),i={modelValue:e.PropTypes.oneOfType([String,Number,Boolean]).def(""),label:e.PropTypes.oneOfType([String,Number,Boolean]),trueLabel:e.PropTypes.oneOfType([String,Number,Boolean]).def(!0),falseLabel:e.PropTypes.oneOfType([String,Number,Boolean]).def(""),disabled:e.PropTypes.bool.def(!1),checked:e.PropTypes.bool.def(!1),indeterminate:e.PropTypes.bool,beforeChange:e.PropTypes.func,size:e.PropTypes.size()};const l=(0,t.defineComponent)({name:"Checkbox",props:i,emits:["update:modelValue","change"],setup:function(){var n,a,i,l,u,s,c,d,p,f=function(){var e=(0,t.ref)(!1);return[e,{blur:function(){e.value=!1},focus:function(){e.value=!0}}]}(),h=(p=2,function(e){if(Array.isArray(e))return e}(d=f)||function(e,r){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var o,n,a=[],i=!0,l=!1;try{for(t=t.call(e);!(i=(o=t.next()).done)&&(a.push(o.value),!r||a.length!==r);i=!0);}catch(e){l=!0,n=e}finally{try{i||null==t.return||t.return()}finally{if(l)throw n}}return a}}(d,p)||function(e,t){if(e){if("string"==typeof e)return r(e,t);var o=Object.prototype.toString.call(e).slice(8,-1);return"Object"===o&&e.constructor&&(o=e.constructor.name),"Map"===o||"Set"===o?Array.from(e):"Arguments"===o||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(o)?r(e,t):void 0}}(d,p)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()),b=h[0],y=h[1],v=y.blur,m=y.focus,k=(n=(0,t.getCurrentInstance)(),a=n.props,i=n.emit,l=(0,t.inject)(o,e.EMPTY_OBJ),u=!(0,e.isEmptyObj)(l),s=(0,t.ref)(a.checked),c=(0,t.computed)((function(){return!(!u||!l.props.disabled)||a.disabled})),u?(0,t.watch)((function(){return l.props.modelValue}),(function(e){s.value=e.includes(a.label)}),{deep:!0}):(0,t.watch)((function(){return a.modelValue}),(function(e){""!==e&&(s.value=e===a.trueLabel)}),{immediate:!0}),(0,t.onMounted)((function(){u&&l.register(n.proxy)})),(0,t.onBeforeUnmount)((function(){u&&l.unregister(n.proxy)})),{isChecked:s,isDisabled:c,setChecked:function(){var e=!(arguments.length>0&&void 0!==arguments[0])||arguments[0];s.value=e},handleChange:function(e){if(!c.value){var r=e.target;s.value=r.checked;var o=s.value?a.trueLabel:a.falseLabel;i("change",o),i("update:modelValue",o),u&&l.handleChange(),(0,t.nextTick)((function(){r.checked!==s.value&&(r.checked=s.value)}))}}});return{isFocus:b,isChecked:k.isChecked,isDisabled:k.isDisabled,setChecked:k.setChecked,handleBlur:v,handleFocus:m,handleChange:k.handleChange}},render:function(){var r=(0,e.classes)({"bk-checkbox":!0,"is-focused":this.isFocus,"is-checked":this.isChecked,"is-disabled":this.isDisabled,"is-indeterminated":this.indeterminate});return(0,t.createVNode)("label",{class:r},[(0,t.createVNode)("span",{class:"bk-checkbox-input"},[(0,t.createVNode)("input",{role:"checkbox",type:"checkbox",class:"bk-checkbox-original",disabled:this.isDisabled,checked:this.isChecked,onChange:this.handleChange},null)]),this.$slots.default?this.$slots.default():(0,t.createVNode)("span",{class:"bk-checkbox-label"},[this.label])])}});var u={name:e.PropTypes.string.def(""),modelValue:e.PropTypes.array,disabled:e.PropTypes.bool};const s=(0,t.defineComponent)({name:"CheckboxGroup",props:u,emits:["change","update:modelValue"],setup:function(e,r){var n=[];return(0,t.provide)(o,{name:"CheckboxGroup",props:e,register:function(e){n.push(e)},unregister:function(e){var r=n.indexOf(e);r>-1&&n.splice(r,1)},handleChange:function(){var e=n.reduce((function(e,r){return r.isChecked&&e.push(r.label),e}),[]);r.emit("update:modelValue",e),r.emit("change",e)}}),(0,t.onMounted)((function(){var r=e.modelValue||[];n.forEach((function(e){r.includes(e.label)&&e.setChecked(!0)}))})),{}},render:function(){var e;return(0,t.createVNode)("div",{class:"bk-checkbox-group"},[null===(e=this.$slots)||void 0===e?void 0:e.default()])}});var c=(0,e.withInstallProps)(l,{Group:s});const d=c})(),a})()));
|
|
@@ -0,0 +1,102 @@
|
|
|
1
|
+
.bk-modal-wrapper {
|
|
2
|
+
position: absolute;
|
|
3
|
+
top: 50%;
|
|
4
|
+
left: 50%;
|
|
5
|
+
background: #fff;
|
|
6
|
+
transform: translate(-50%, -50%);
|
|
7
|
+
}
|
|
8
|
+
.bk-modal-wrapper .bk-modal-body {
|
|
9
|
+
height: 100%;
|
|
10
|
+
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
|
|
11
|
+
}
|
|
12
|
+
.normal {
|
|
13
|
+
width: 480px;
|
|
14
|
+
height: 240px;
|
|
15
|
+
}
|
|
16
|
+
.small {
|
|
17
|
+
width: 400px;
|
|
18
|
+
height: 200px;
|
|
19
|
+
}
|
|
20
|
+
.medium {
|
|
21
|
+
width: 640px;
|
|
22
|
+
height: 400px;
|
|
23
|
+
}
|
|
24
|
+
.large {
|
|
25
|
+
width: 960px;
|
|
26
|
+
height: 720px;
|
|
27
|
+
}
|
|
28
|
+
.bk-model-fullscreen {
|
|
29
|
+
width: 100%;
|
|
30
|
+
height: 100%;
|
|
31
|
+
}
|
|
32
|
+
.bk-modal-wrapper.bk-dialog-wrapper {
|
|
33
|
+
position: relative;
|
|
34
|
+
}
|
|
35
|
+
.bk-modal-wrapper.bk-dialog-wrapper * {
|
|
36
|
+
box-sizing: border-box;
|
|
37
|
+
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
|
|
38
|
+
}
|
|
39
|
+
.bk-modal-wrapper.bk-dialog-wrapper.scroll-able .bk-modal-content {
|
|
40
|
+
overflow: auto;
|
|
41
|
+
}
|
|
42
|
+
.bk-modal-wrapper.bk-dialog-wrapper .bk-dialog-tool {
|
|
43
|
+
position: absolute;
|
|
44
|
+
top: 0;
|
|
45
|
+
right: 0;
|
|
46
|
+
left: 0;
|
|
47
|
+
height: 30px;
|
|
48
|
+
}
|
|
49
|
+
.bk-modal-wrapper.bk-dialog-wrapper .bk-dialog-tool .bk-dialog-close {
|
|
50
|
+
position: absolute;
|
|
51
|
+
top: 5px;
|
|
52
|
+
right: 5px;
|
|
53
|
+
display: flex;
|
|
54
|
+
width: 26px;
|
|
55
|
+
height: 26px;
|
|
56
|
+
font-size: 22px;
|
|
57
|
+
font-weight: 700;
|
|
58
|
+
line-height: 26px;
|
|
59
|
+
color: #979ba5;
|
|
60
|
+
text-align: center;
|
|
61
|
+
cursor: pointer;
|
|
62
|
+
border-radius: 50%;
|
|
63
|
+
transform: rotate(45deg);
|
|
64
|
+
justify-content: center;
|
|
65
|
+
align-items: center;
|
|
66
|
+
}
|
|
67
|
+
.bk-modal-wrapper.bk-dialog-wrapper .bk-dialog-tool .close-icon {
|
|
68
|
+
display: none;
|
|
69
|
+
}
|
|
70
|
+
.bk-modal-wrapper.bk-dialog-wrapper .bk-dialog-header {
|
|
71
|
+
padding: 24px;
|
|
72
|
+
font-size: 20px;
|
|
73
|
+
line-height: 1;
|
|
74
|
+
}
|
|
75
|
+
.bk-modal-wrapper.bk-dialog-wrapper .bk-dialog-header .bk-dialog-title {
|
|
76
|
+
display: inline-block;
|
|
77
|
+
width: 100%;
|
|
78
|
+
overflow: hidden;
|
|
79
|
+
font-size: 24px;
|
|
80
|
+
color: #313238;
|
|
81
|
+
text-overflow: ellipsis;
|
|
82
|
+
white-space: nowrap;
|
|
83
|
+
}
|
|
84
|
+
.bk-modal-wrapper.bk-dialog-wrapper .bk-modal-content {
|
|
85
|
+
height: calc(100% - 132px);
|
|
86
|
+
padding: 3px 24px 26px;
|
|
87
|
+
margin-bottom: 58px;
|
|
88
|
+
font-size: 14px;
|
|
89
|
+
line-height: 1.5;
|
|
90
|
+
color: #63656e;
|
|
91
|
+
}
|
|
92
|
+
.bk-modal-wrapper.bk-dialog-wrapper .bk-modal-footer {
|
|
93
|
+
position: absolute;
|
|
94
|
+
right: 0;
|
|
95
|
+
bottom: 0;
|
|
96
|
+
left: 0;
|
|
97
|
+
height: 58px;
|
|
98
|
+
padding: 12px 24px;
|
|
99
|
+
background-color: #fafbfd;
|
|
100
|
+
border-top: 1px solid #dcdee5;
|
|
101
|
+
border-radius: 2px;
|
|
102
|
+
}
|