@fox-js/foxui-pad 4.1.1-24 → 4.1.1-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.
- package/dist/index.cjs.js +1 -1
- package/dist/index.esm.js +8076 -7718
- package/dist/index.umd.js +1 -1
- package/dist/style.css +241 -0
- package/dist/style.js +1 -1
- package/dist/types/index.d.ts +219 -134
- package/package.json +1 -1
package/dist/style.css
CHANGED
|
@@ -4188,4 +4188,245 @@
|
|
|
4188
4188
|
top: 0;
|
|
4189
4189
|
left: 0;
|
|
4190
4190
|
}
|
|
4191
|
+
|
|
4192
|
+
.fox-theme-dark .fox-number-keyboard {
|
|
4193
|
+
background-color: var(--fox-dark-background4, #323233);
|
|
4194
|
+
}
|
|
4195
|
+
|
|
4196
|
+
.fox-theme-dark .fox-number-keyboard .fox-key__wrapper .fox-key {
|
|
4197
|
+
color: var(--fox-dark-color, var(--fox-white, #fff));
|
|
4198
|
+
background-color: var(--fox-dark-background5, #646566);
|
|
4199
|
+
}
|
|
4200
|
+
|
|
4201
|
+
.fox-number-keyboard {
|
|
4202
|
+
width: var(--fox-numberkeyboard-width, 40%);
|
|
4203
|
+
padding: var(--fox-numberkeyboard-padding, 0 0 22px 0);
|
|
4204
|
+
background-color: var(--fox-numberkeyboard-background-color, #f2f3f5);
|
|
4205
|
+
-webkit-user-select: none;
|
|
4206
|
+
user-select: none;
|
|
4207
|
+
}
|
|
4208
|
+
|
|
4209
|
+
.fox-number-keyboard .fox-number-keyboard__header {
|
|
4210
|
+
box-sizing: content-box;
|
|
4211
|
+
height: var(--fox-numberkeyboard-header-height, 34px);
|
|
4212
|
+
padding: var(--fox-numberkeyboard-header-padding, 6px 0 0 0);
|
|
4213
|
+
color: var(--fox-numberkeyboard-header-color, #646566);
|
|
4214
|
+
font-size: var(--fox-numberkeyboard-header-font-size, var(--fox-font-size-medium, 16px));
|
|
4215
|
+
justify-content: center;
|
|
4216
|
+
align-items: center;
|
|
4217
|
+
display: flex;
|
|
4218
|
+
position: relative;
|
|
4219
|
+
}
|
|
4220
|
+
|
|
4221
|
+
.fox-number-keyboard .fox-number-keyboard__header .fox-number-keyboard__title {
|
|
4222
|
+
display: inline-block;
|
|
4223
|
+
}
|
|
4224
|
+
|
|
4225
|
+
.fox-number-keyboard .fox-number-keyboard__header .fox-number-keyboard__close {
|
|
4226
|
+
padding: var(--fox-numberkeyboard-header-close-padding, 0 16px);
|
|
4227
|
+
color: var(--fox-numberkeyboard-header-close-color, #576b95);
|
|
4228
|
+
font-size: var(--fox-numberkeyboard-header-close-font-size, var(--fox-font-size-base, 14px));
|
|
4229
|
+
background-color: var(--fox-numberkeyboard-header-close-background-color, transparent);
|
|
4230
|
+
cursor: pointer;
|
|
4231
|
+
border: none;
|
|
4232
|
+
display: block;
|
|
4233
|
+
position: absolute;
|
|
4234
|
+
right: 0;
|
|
4235
|
+
}
|
|
4236
|
+
|
|
4237
|
+
.fox-number-keyboard .fox-number-keyboard__body {
|
|
4238
|
+
padding: 6px 0 0 6px;
|
|
4239
|
+
display: flex;
|
|
4240
|
+
}
|
|
4241
|
+
|
|
4242
|
+
.fox-number-keyboard .fox-number-keyboard__body .fox-number-keyboard__keys {
|
|
4243
|
+
flex-wrap: wrap;
|
|
4244
|
+
flex: 3;
|
|
4245
|
+
display: flex;
|
|
4246
|
+
}
|
|
4247
|
+
|
|
4248
|
+
.fox-number-keyboard .fox-number-keyboard__body .fox-number-keyboard__sidebar {
|
|
4249
|
+
flex-direction: column;
|
|
4250
|
+
flex: 1;
|
|
4251
|
+
display: flex;
|
|
4252
|
+
}
|
|
4253
|
+
|
|
4254
|
+
.fox-number-keyboard .fox-number-keyboard__body .fox-number-keyboard__sidebar .fox-key__wrapper .fox-key {
|
|
4255
|
+
height: auto;
|
|
4256
|
+
position: absolute;
|
|
4257
|
+
inset: 0 6px 6px 0;
|
|
4258
|
+
}
|
|
4259
|
+
|
|
4260
|
+
.fox-number-keyboard .fox-number-keyboard__body .fox-number-keyboard__sidebar .fox-key__wrapper .fox-key--finish {
|
|
4261
|
+
font-size: var(--fox-numberkeyboard-key-finish-font-size, var(--fox-font-size-medium, 16px));
|
|
4262
|
+
color: var(--fox-numberkeyboard-key-finish-font-size-color, #fff);
|
|
4263
|
+
background-color: var(--fox-numberkeyboard-key-finish-background-color, #1989fa);
|
|
4264
|
+
}
|
|
4265
|
+
|
|
4266
|
+
.fox-number-keyboard .fox-number-keyboard__body .fox-number-keyboard__sidebar .fox-key__wrapper .activeFinsh {
|
|
4267
|
+
background-color: var(--fox-numberkeyboard-key-activeFinsh-background-color, #0570db);
|
|
4268
|
+
}
|
|
4269
|
+
|
|
4270
|
+
.fox-key__wrapper {
|
|
4271
|
+
box-sizing: border-box;
|
|
4272
|
+
flex: 33%;
|
|
4273
|
+
padding: 0 6px 6px 0;
|
|
4274
|
+
position: relative;
|
|
4275
|
+
}
|
|
4276
|
+
|
|
4277
|
+
.fox-key__wrapper.fox-key__wrapper--wider {
|
|
4278
|
+
flex-basis: 66%;
|
|
4279
|
+
}
|
|
4280
|
+
|
|
4281
|
+
.fox-key__wrapper .fox-key {
|
|
4282
|
+
height: var(--fox-numberkeyboard-key-height, 48px);
|
|
4283
|
+
font-size: var(--fox-numberkeyboard-key-font-size, 28px);
|
|
4284
|
+
line-height: var(--fox-numberkeyboard-key-line-height, 1.5);
|
|
4285
|
+
background-color: var(--fox-numberkeyboard-key-background-color, #fff);
|
|
4286
|
+
color: var(--fox-numberkeyboard-key-font-size-color, #333);
|
|
4287
|
+
border-radius: var(--fox-numberkeyboard-key-border-radius, 8px);
|
|
4288
|
+
cursor: pointer;
|
|
4289
|
+
justify-content: center;
|
|
4290
|
+
align-items: center;
|
|
4291
|
+
display: flex;
|
|
4292
|
+
}
|
|
4293
|
+
|
|
4294
|
+
.fox-key__wrapper .fox-key--active {
|
|
4295
|
+
background-color: var(--fox-numberkeyboard-key-active-background-color, #ebedf0);
|
|
4296
|
+
}
|
|
4297
|
+
|
|
4298
|
+
.fox-key__wrapper img {
|
|
4299
|
+
width: 30px;
|
|
4300
|
+
height: 24px;
|
|
4301
|
+
}
|
|
4302
|
+
|
|
4303
|
+
.fox-number-keyboard-overlay {
|
|
4304
|
+
background-color: #0000 !important;
|
|
4305
|
+
}
|
|
4306
|
+
|
|
4307
|
+
.fox-number-keyboard-popup {
|
|
4308
|
+
background: none;
|
|
4309
|
+
flex-flow: row;
|
|
4310
|
+
justify-content: center;
|
|
4311
|
+
display: flex;
|
|
4312
|
+
}
|
|
4313
|
+
|
|
4314
|
+
.fox-theme-dark .fox-short-password-title {
|
|
4315
|
+
color: var(--fox-dark-color, var(--fox-white, #fff));
|
|
4316
|
+
}
|
|
4317
|
+
|
|
4318
|
+
.fox-theme-dark .fox-short-password-wrapper .fox-short-password__list {
|
|
4319
|
+
background: var(--fox-dark-background3, #141414);
|
|
4320
|
+
border: none;
|
|
4321
|
+
}
|
|
4322
|
+
|
|
4323
|
+
.fox-theme-dark .fox-short-password-wrapper .fox-short-password__list .fox-short-password__item {
|
|
4324
|
+
position: relative;
|
|
4325
|
+
}
|
|
4326
|
+
|
|
4327
|
+
.fox-theme-dark .fox-short-password-wrapper .fox-short-password__list .fox-short-password__item .fox-short-password__item-icon {
|
|
4328
|
+
background: var(--fox-dark-color, var(--fox-white, #fff));
|
|
4329
|
+
}
|
|
4330
|
+
|
|
4331
|
+
.fox-theme-dark .fox-short-password-wrapper .fox-short-password__list .fox-short-password__item:after {
|
|
4332
|
+
box-sizing: border-box;
|
|
4333
|
+
content: " ";
|
|
4334
|
+
pointer-events: none;
|
|
4335
|
+
outline: 1px solid #3a3a3c;
|
|
4336
|
+
position: absolute;
|
|
4337
|
+
inset: -50%;
|
|
4338
|
+
transform: scale(.5);
|
|
4339
|
+
}
|
|
4340
|
+
|
|
4341
|
+
.fox-short-password-title {
|
|
4342
|
+
line-height: 1;
|
|
4343
|
+
font-size: var(--fox-font-size-medium, 16px);
|
|
4344
|
+
color: var(--fox-title-color, #1a1a1a);
|
|
4345
|
+
}
|
|
4346
|
+
|
|
4347
|
+
.fox-short-password-subtitle {
|
|
4348
|
+
line-height: 1;
|
|
4349
|
+
font-size: var(--fox-font-size-small, 12px);
|
|
4350
|
+
color: var(--fox-text-color, var(--el-text-color-regular));
|
|
4351
|
+
margin-top: 12px;
|
|
4352
|
+
display: block;
|
|
4353
|
+
}
|
|
4354
|
+
|
|
4355
|
+
.fox-short-password-wrapper {
|
|
4356
|
+
text-align: center;
|
|
4357
|
+
padding: 12px 0 10px;
|
|
4358
|
+
position: relative;
|
|
4359
|
+
}
|
|
4360
|
+
|
|
4361
|
+
.fox-short-password__list {
|
|
4362
|
+
background: var(--fox-shortpassword-background-color, #f5f5f5);
|
|
4363
|
+
border: 1px solid var(--fox-shortpassword-border-color, #ddd);
|
|
4364
|
+
z-index: 10;
|
|
4365
|
+
border-radius: 4px;
|
|
4366
|
+
width: 100%;
|
|
4367
|
+
height: 41px;
|
|
4368
|
+
margin: 0 auto;
|
|
4369
|
+
display: flex;
|
|
4370
|
+
}
|
|
4371
|
+
|
|
4372
|
+
.fox-short-password__item {
|
|
4373
|
+
flex: 1;
|
|
4374
|
+
justify-content: center;
|
|
4375
|
+
align-items: center;
|
|
4376
|
+
display: flex;
|
|
4377
|
+
}
|
|
4378
|
+
|
|
4379
|
+
.fox-short-password__item-icon {
|
|
4380
|
+
background: #000;
|
|
4381
|
+
border-radius: 50%;
|
|
4382
|
+
width: 6px;
|
|
4383
|
+
height: 6px;
|
|
4384
|
+
display: inline-block;
|
|
4385
|
+
}
|
|
4386
|
+
|
|
4387
|
+
.fox-short-password__message {
|
|
4388
|
+
justify-content: space-between;
|
|
4389
|
+
width: 247px;
|
|
4390
|
+
margin-top: 9px;
|
|
4391
|
+
display: flex;
|
|
4392
|
+
}
|
|
4393
|
+
|
|
4394
|
+
.fox-short-password__message .fox-short-password--error {
|
|
4395
|
+
line-height: 1;
|
|
4396
|
+
font-size: var(--fox-font-size-extra-small, 10px);
|
|
4397
|
+
color: var(--fox-shortpassword-error, var(--fox-primary-color, var(--el-color-primary)));
|
|
4398
|
+
}
|
|
4399
|
+
|
|
4400
|
+
.fox-short-password__message .fox-short-password--forget {
|
|
4401
|
+
line-height: 1;
|
|
4402
|
+
font-size: var(--fox-font-size-small, 12px);
|
|
4403
|
+
color: var(--fox-shortpassword-forget, gray);
|
|
4404
|
+
display: flex;
|
|
4405
|
+
}
|
|
4406
|
+
|
|
4407
|
+
.fox-signature__inner {
|
|
4408
|
+
border: 1px solid #dadada;
|
|
4409
|
+
justify-content: center;
|
|
4410
|
+
align-items: center;
|
|
4411
|
+
height: 8rem;
|
|
4412
|
+
margin-bottom: 1rem;
|
|
4413
|
+
display: flex;
|
|
4414
|
+
}
|
|
4415
|
+
|
|
4416
|
+
.fox-signature__toolbar {
|
|
4417
|
+
flex-flow: row;
|
|
4418
|
+
justify-content: center;
|
|
4419
|
+
align-items: center;
|
|
4420
|
+
gap: 15px;
|
|
4421
|
+
display: flex;
|
|
4422
|
+
}
|
|
4423
|
+
|
|
4424
|
+
.fox-signature .spcanvas_WEAPP {
|
|
4425
|
+
width: 100%;
|
|
4426
|
+
height: 100%;
|
|
4427
|
+
}
|
|
4428
|
+
|
|
4429
|
+
.fox-signature .spcanvas_WEAPP .spcanvas {
|
|
4430
|
+
width: 100%;
|
|
4431
|
+
}
|
|
4191
4432
|
/*$vite$:1*/
|
package/dist/style.js
CHANGED