@qikdev/vue-ui 0.2.272 → 0.2.275
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/lib.es.js +455 -431
- package/dist/lib.es.js.map +1 -1
- package/dist/lib.umd.js +548 -531
- package/dist/lib.umd.js.map +1 -1
- package/dist/style.css +63 -60
- package/package.json +1 -1
package/dist/style.css
CHANGED
|
@@ -173,23 +173,23 @@
|
|
|
173
173
|
border-top: 1px solid color-mix(in lab, currentColor 18%, transparent);
|
|
174
174
|
}
|
|
175
175
|
}
|
|
176
|
-
.basic-input-style[data-v-
|
|
176
|
+
.basic-input-style[data-v-1d7eba43] {
|
|
177
177
|
color: inherit;
|
|
178
178
|
background: color-mix(in lab, currentColor 4%, transparent);
|
|
179
179
|
border: 1px solid color-mix(in lab, currentColor 18%, transparent);
|
|
180
180
|
}
|
|
181
|
-
.ux-tabset[data-v-
|
|
181
|
+
.ux-tabset[data-v-1d7eba43] {
|
|
182
182
|
flex: 1;
|
|
183
183
|
overflow: hidden;
|
|
184
184
|
}
|
|
185
|
-
.ux-tabset.horizontal[data-v-
|
|
185
|
+
.ux-tabset.horizontal[data-v-1d7eba43] {
|
|
186
186
|
display: flex;
|
|
187
187
|
flex-direction: column;
|
|
188
188
|
}
|
|
189
|
-
.ux-tabset.horizontal.block > .tabset-menu[data-v-
|
|
189
|
+
.ux-tabset.horizontal.block > .tabset-menu[data-v-1d7eba43] {
|
|
190
190
|
background: color-mix(in lab, currentColor 7%, transparent);
|
|
191
191
|
}
|
|
192
|
-
.ux-tabset.horizontal.block > .tabset-menu a[data-v-
|
|
192
|
+
.ux-tabset.horizontal.block > .tabset-menu a[data-v-1d7eba43] {
|
|
193
193
|
display: block;
|
|
194
194
|
padding: 1em;
|
|
195
195
|
cursor: pointer;
|
|
@@ -200,18 +200,18 @@
|
|
|
200
200
|
flex: 1;
|
|
201
201
|
align-items: center;
|
|
202
202
|
}
|
|
203
|
-
.ux-tabset.horizontal.block > .tabset-menu a[data-v-
|
|
203
|
+
.ux-tabset.horizontal.block > .tabset-menu a[data-v-1d7eba43]:hover {
|
|
204
204
|
color: color-mix(in lab, currentColor 60%, transparent);
|
|
205
205
|
}
|
|
206
|
-
.ux-tabset.horizontal.block > .tabset-menu a.active[data-v-
|
|
206
|
+
.ux-tabset.horizontal.block > .tabset-menu a.active[data-v-1d7eba43] {
|
|
207
207
|
background: var(--bg1, #fff);
|
|
208
208
|
color: var(--primary);
|
|
209
209
|
border-top: 3px solid var(--primary);
|
|
210
210
|
}
|
|
211
|
-
.ux-tabset.horizontal.inline > .tabset-menu[data-v-
|
|
211
|
+
.ux-tabset.horizontal.inline > .tabset-menu[data-v-1d7eba43] {
|
|
212
212
|
overflow-x: auto;
|
|
213
213
|
}
|
|
214
|
-
.ux-tabset.horizontal.inline > .tabset-menu a[data-v-
|
|
214
|
+
.ux-tabset.horizontal.inline > .tabset-menu a[data-v-1d7eba43] {
|
|
215
215
|
display: block;
|
|
216
216
|
padding: 1em 0;
|
|
217
217
|
margin: 0 1.5em 0 0;
|
|
@@ -224,20 +224,20 @@
|
|
|
224
224
|
white-space: nowrap;
|
|
225
225
|
text-overflow: ellipsis;
|
|
226
226
|
}
|
|
227
|
-
.ux-tabset.horizontal.inline > .tabset-menu a.active[data-v-
|
|
227
|
+
.ux-tabset.horizontal.inline > .tabset-menu a.active[data-v-1d7eba43] {
|
|
228
228
|
opacity: 1;
|
|
229
229
|
border-bottom: 3px solid var(--primary);
|
|
230
230
|
}
|
|
231
|
-
.ux-tabset.vertical[data-v-
|
|
231
|
+
.ux-tabset.vertical[data-v-1d7eba43] {
|
|
232
232
|
display: flex;
|
|
233
233
|
flex-direction: row;
|
|
234
234
|
}
|
|
235
|
-
.ux-tabset.vertical > .tabset-menu[data-v-
|
|
236
|
-
max-width:
|
|
235
|
+
.ux-tabset.vertical > .tabset-menu[data-v-1d7eba43] {
|
|
236
|
+
max-width: 150px;
|
|
237
237
|
min-width: 100px;
|
|
238
238
|
background: color-mix(in lab, currentColor 7%, transparent);
|
|
239
239
|
}
|
|
240
|
-
.ux-tabset.vertical > .tabset-menu a[data-v-
|
|
240
|
+
.ux-tabset.vertical > .tabset-menu a[data-v-1d7eba43] {
|
|
241
241
|
display: block;
|
|
242
242
|
padding: 1em;
|
|
243
243
|
cursor: pointer;
|
|
@@ -245,10 +245,10 @@
|
|
|
245
245
|
font-weight: 700;
|
|
246
246
|
border-left: 3px solid transparent;
|
|
247
247
|
}
|
|
248
|
-
.ux-tabset.vertical > .tabset-menu a[data-v-
|
|
248
|
+
.ux-tabset.vertical > .tabset-menu a[data-v-1d7eba43]:hover {
|
|
249
249
|
color: color-mix(in lab, currentColor 60%, transparent);
|
|
250
250
|
}
|
|
251
|
-
.ux-tabset.vertical > .tabset-menu a.active[data-v-
|
|
251
|
+
.ux-tabset.vertical > .tabset-menu a.active[data-v-1d7eba43] {
|
|
252
252
|
background: var(--bg1, #fff);
|
|
253
253
|
color: var(--primary);
|
|
254
254
|
border-left: 3px solid var(--primary);
|
|
@@ -578,22 +578,22 @@ td.failed .pill[data-v-bec5c4d1] {
|
|
|
578
578
|
background: none;
|
|
579
579
|
}
|
|
580
580
|
}
|
|
581
|
-
.basic-input-style[data-v-
|
|
581
|
+
.basic-input-style[data-v-206fbd94] {
|
|
582
582
|
color: inherit;
|
|
583
583
|
background: color-mix(in lab, currentColor 4%, transparent);
|
|
584
584
|
border: 1px solid color-mix(in lab, currentColor 18%, transparent);
|
|
585
585
|
}
|
|
586
|
-
td[data-v-
|
|
586
|
+
td[data-v-206fbd94] {
|
|
587
587
|
line-height: 1.4em !important;
|
|
588
588
|
}
|
|
589
|
-
.title[data-v-
|
|
589
|
+
.title[data-v-206fbd94] {
|
|
590
590
|
font-weight: 700;
|
|
591
591
|
font-size: 1.1em;
|
|
592
592
|
white-space: nowrap;
|
|
593
593
|
text-overflow: ellipsis;
|
|
594
594
|
overflow: hidden;
|
|
595
595
|
}
|
|
596
|
-
.subtitle[data-v-
|
|
596
|
+
.subtitle[data-v-206fbd94] {
|
|
597
597
|
font-size: 0.9em;
|
|
598
598
|
opacity: 0.5;
|
|
599
599
|
}
|
|
@@ -1893,32 +1893,35 @@ input[data-v-38242855]:focus {
|
|
|
1893
1893
|
.empty-text[data-v-70c07a8e] {
|
|
1894
1894
|
opacity: 0.5;
|
|
1895
1895
|
}
|
|
1896
|
-
.basic-input-style[data-v-
|
|
1896
|
+
.basic-input-style[data-v-13dbe8a6] {
|
|
1897
1897
|
color: inherit;
|
|
1898
1898
|
background: color-mix(in lab, currentColor 4%, transparent);
|
|
1899
1899
|
border: 1px solid color-mix(in lab, currentColor 18%, transparent);
|
|
1900
1900
|
}
|
|
1901
|
-
.
|
|
1901
|
+
.invisible[data-v-13dbe8a6] {
|
|
1902
|
+
display: none;
|
|
1903
|
+
}
|
|
1904
|
+
.circles[data-v-13dbe8a6] {
|
|
1902
1905
|
display: inline-block;
|
|
1903
1906
|
margin-right: 0.5em;
|
|
1904
1907
|
}
|
|
1905
|
-
.circles[data-v-
|
|
1908
|
+
.circles[data-v-13dbe8a6]:empty {
|
|
1906
1909
|
display: none;
|
|
1907
1910
|
}
|
|
1908
|
-
.circles[data-v-
|
|
1911
|
+
.circles[data-v-13dbe8a6] .ux-circle {
|
|
1909
1912
|
margin-left: -0.35em;
|
|
1910
1913
|
}
|
|
1911
|
-
.circles[data-v-
|
|
1914
|
+
.circles[data-v-13dbe8a6] .ux-circle:first-child {
|
|
1912
1915
|
margin-left: 0;
|
|
1913
1916
|
}
|
|
1914
|
-
[data-v-
|
|
1917
|
+
[data-v-13dbe8a6] .ux-btn-text {
|
|
1915
1918
|
white-space: nowrap;
|
|
1916
1919
|
text-overflow: ellipsis;
|
|
1917
1920
|
overflow: hidden;
|
|
1918
1921
|
max-width: 150px;
|
|
1919
1922
|
display: block;
|
|
1920
1923
|
}
|
|
1921
|
-
.empty-text[data-v-
|
|
1924
|
+
.empty-text[data-v-13dbe8a6] {
|
|
1922
1925
|
opacity: 0.5;
|
|
1923
1926
|
}
|
|
1924
1927
|
.basic-input-style[data-v-6361df61] {
|
|
@@ -3307,20 +3310,20 @@ td[data-v-f5a130e8]:first-child {
|
|
|
3307
3310
|
flex: none;
|
|
3308
3311
|
width: 100%;
|
|
3309
3312
|
}
|
|
3310
|
-
.basic-input-style[data-v-
|
|
3313
|
+
.basic-input-style[data-v-478e89d4] {
|
|
3311
3314
|
color: inherit;
|
|
3312
3315
|
background: color-mix(in lab, currentColor 4%, transparent);
|
|
3313
3316
|
border: 1px solid color-mix(in lab, currentColor 18%, transparent);
|
|
3314
3317
|
}
|
|
3315
|
-
.intent-submit[data-v-
|
|
3318
|
+
.intent-submit[data-v-478e89d4] {
|
|
3316
3319
|
margin-top: 1em;
|
|
3317
3320
|
}
|
|
3318
|
-
[tooltip][data-v-
|
|
3321
|
+
[tooltip][data-v-478e89d4] {
|
|
3319
3322
|
position: relative;
|
|
3320
3323
|
cursor: help;
|
|
3321
3324
|
display: block;
|
|
3322
3325
|
}
|
|
3323
|
-
[tooltip][data-v-
|
|
3326
|
+
[tooltip][data-v-478e89d4]:after {
|
|
3324
3327
|
position: absolute;
|
|
3325
3328
|
opacity: 0;
|
|
3326
3329
|
pointer-events: none;
|
|
@@ -3337,58 +3340,58 @@ td[data-v-f5a130e8]:first-child {
|
|
|
3337
3340
|
transform: translateY(-20px);
|
|
3338
3341
|
transition: all 0.15s cubic-bezier(0.25, 0.8, 0.25, 1);
|
|
3339
3342
|
}
|
|
3340
|
-
[tooltip][data-v-
|
|
3343
|
+
[tooltip][data-v-478e89d4]:hover:after {
|
|
3341
3344
|
opacity: 1;
|
|
3342
3345
|
transform: translateY(0);
|
|
3343
3346
|
transition-duration: 0.3s;
|
|
3344
3347
|
}
|
|
3345
|
-
.multistep-form-wrapper[data-v-
|
|
3348
|
+
.multistep-form-wrapper[data-v-478e89d4] {
|
|
3346
3349
|
display: grid;
|
|
3347
3350
|
position: relative;
|
|
3348
3351
|
}
|
|
3349
|
-
.multistep-form-section[data-v-
|
|
3352
|
+
.multistep-form-section[data-v-478e89d4] {
|
|
3350
3353
|
transition:
|
|
3351
3354
|
opacity 0.8s cubic-bezier(0.25, 0.8, 0.25, 1),
|
|
3352
3355
|
translate 0.8s cubic-bezier(0.25, 0.8, 0.25, 1);
|
|
3353
3356
|
opacity: 0;
|
|
3354
3357
|
grid-area: 1/1/2/2;
|
|
3355
3358
|
}
|
|
3356
|
-
.multistep-form-section[data-v-
|
|
3359
|
+
.multistep-form-section[data-v-478e89d4] button {
|
|
3357
3360
|
transition:
|
|
3358
3361
|
opacity 0.7s cubic-bezier(0.25, 0.8, 0.25, 1),
|
|
3359
3362
|
translate 0.7s cubic-bezier(0.25, 0.8, 0.25, 1);
|
|
3360
3363
|
}
|
|
3361
|
-
.multistep-form-section[data-v-
|
|
3364
|
+
.multistep-form-section[data-v-478e89d4] button:nth-child(1) {
|
|
3362
3365
|
transition-delay: 0.4s;
|
|
3363
3366
|
}
|
|
3364
|
-
.multistep-form-section[data-v-
|
|
3367
|
+
.multistep-form-section[data-v-478e89d4] button:nth-child(2) {
|
|
3365
3368
|
transition-delay: 0.6s;
|
|
3366
3369
|
}
|
|
3367
|
-
.multistep-form-section[data-v-
|
|
3370
|
+
.multistep-form-section[data-v-478e89d4] button:nth-child(3) {
|
|
3368
3371
|
transition-delay: 0.8s;
|
|
3369
3372
|
}
|
|
3370
|
-
.multistep-form-section[data-v-
|
|
3373
|
+
.multistep-form-section[data-v-478e89d4] button:nth-child(4) {
|
|
3371
3374
|
transition-delay: 1s;
|
|
3372
3375
|
}
|
|
3373
|
-
.multistep-form-section[data-v-
|
|
3376
|
+
.multistep-form-section[data-v-478e89d4] button:nth-child(5) {
|
|
3374
3377
|
transition-delay: 1.2s;
|
|
3375
3378
|
}
|
|
3376
|
-
.multistep-form-section[data-v-
|
|
3379
|
+
.multistep-form-section[data-v-478e89d4] button:nth-child(6) {
|
|
3377
3380
|
transition-delay: 1.4s;
|
|
3378
3381
|
}
|
|
3379
|
-
.multistep-form-section[data-v-
|
|
3382
|
+
.multistep-form-section[data-v-478e89d4] button:nth-child(7) {
|
|
3380
3383
|
transition-delay: 1.6s;
|
|
3381
3384
|
}
|
|
3382
|
-
.multistep-form-section[data-v-
|
|
3385
|
+
.multistep-form-section[data-v-478e89d4] button:nth-child(8) {
|
|
3383
3386
|
transition-delay: 1.8s;
|
|
3384
3387
|
}
|
|
3385
|
-
.multistep-form-section[data-v-
|
|
3388
|
+
.multistep-form-section[data-v-478e89d4] button:nth-child(9) {
|
|
3386
3389
|
transition-delay: 2s;
|
|
3387
3390
|
}
|
|
3388
|
-
.multistep-form-section[data-v-
|
|
3391
|
+
.multistep-form-section[data-v-478e89d4] button:nth-child(10) {
|
|
3389
3392
|
transition-delay: 2.2s;
|
|
3390
3393
|
}
|
|
3391
|
-
.multistep-form-section.inactive[data-v-
|
|
3394
|
+
.multistep-form-section.inactive[data-v-478e89d4] {
|
|
3392
3395
|
pointer-events: none;
|
|
3393
3396
|
opacity: 0;
|
|
3394
3397
|
position: absolute;
|
|
@@ -3396,23 +3399,23 @@ td[data-v-f5a130e8]:first-child {
|
|
|
3396
3399
|
left: 0;
|
|
3397
3400
|
width: 100%;
|
|
3398
3401
|
}
|
|
3399
|
-
.multistep-form-section.inactive[data-v-
|
|
3402
|
+
.multistep-form-section.inactive[data-v-478e89d4] button {
|
|
3400
3403
|
opacity: 0;
|
|
3401
3404
|
translate: 0 2em;
|
|
3402
3405
|
}
|
|
3403
|
-
.multistep-form-section.active[data-v-
|
|
3406
|
+
.multistep-form-section.active[data-v-478e89d4] {
|
|
3404
3407
|
opacity: 1;
|
|
3405
3408
|
translate: 0 0;
|
|
3406
3409
|
position: relative;
|
|
3407
3410
|
}
|
|
3408
|
-
.multistep-form-section.active[data-v-
|
|
3411
|
+
.multistep-form-section.active[data-v-478e89d4] button {
|
|
3409
3412
|
opacity: 1;
|
|
3410
3413
|
translate: 0 0;
|
|
3411
3414
|
}
|
|
3412
|
-
.multistep-form-section.past[data-v-
|
|
3415
|
+
.multistep-form-section.past[data-v-478e89d4] {
|
|
3413
3416
|
translate: -3em 0;
|
|
3414
3417
|
}
|
|
3415
|
-
.multistep-form-section.future[data-v-
|
|
3418
|
+
.multistep-form-section.future[data-v-478e89d4] {
|
|
3416
3419
|
translate: 3em 0;
|
|
3417
3420
|
}
|
|
3418
3421
|
.basic-input-style[data-v-0fd69158] {
|
|
@@ -3514,18 +3517,18 @@ td[data-v-f5a130e8]:first-child {
|
|
|
3514
3517
|
opacity: 0.5;
|
|
3515
3518
|
font-size: 0.8em;
|
|
3516
3519
|
}
|
|
3517
|
-
.basic-input-style[data-v-
|
|
3520
|
+
.basic-input-style[data-v-665d3903] {
|
|
3518
3521
|
color: inherit;
|
|
3519
3522
|
background: color-mix(in lab, currentColor 4%, transparent);
|
|
3520
3523
|
border: 1px solid color-mix(in lab, currentColor 18%, transparent);
|
|
3521
3524
|
}
|
|
3522
|
-
.content-browser[data-v-
|
|
3525
|
+
.content-browser[data-v-665d3903] {
|
|
3523
3526
|
position: relative;
|
|
3524
3527
|
}
|
|
3525
|
-
.loading[data-v-
|
|
3528
|
+
.loading[data-v-665d3903] {
|
|
3526
3529
|
opacity: 0.5;
|
|
3527
3530
|
}
|
|
3528
|
-
.filter-column[data-v-
|
|
3531
|
+
.filter-column[data-v-665d3903] {
|
|
3529
3532
|
padding: 1em;
|
|
3530
3533
|
background: color-mix(in lab, #000 1%, transparent);
|
|
3531
3534
|
border-left: 1px solid color-mix(in lab, currentColor 18%, transparent);
|
|
@@ -3534,27 +3537,27 @@ td[data-v-f5a130e8]:first-child {
|
|
|
3534
3537
|
flex: none;
|
|
3535
3538
|
font-size: clamp(13px, 0.8em, 17px);
|
|
3536
3539
|
}
|
|
3537
|
-
.large-icon[data-v-
|
|
3540
|
+
.large-icon[data-v-665d3903] {
|
|
3538
3541
|
font-size: 6em;
|
|
3539
3542
|
margin-bottom: 1rem;
|
|
3540
3543
|
opacity: 0.5;
|
|
3541
3544
|
}
|
|
3542
|
-
.column-panel[data-v-
|
|
3545
|
+
.column-panel[data-v-665d3903] {
|
|
3543
3546
|
background: #fff;
|
|
3544
3547
|
font-size: 0.9em;
|
|
3545
3548
|
}
|
|
3546
|
-
.empty[data-v-
|
|
3549
|
+
.empty[data-v-665d3903] {
|
|
3547
3550
|
background: rgba(0, 0, 0, 0.05);
|
|
3548
3551
|
text-align: center;
|
|
3549
3552
|
white-space: pre-line;
|
|
3550
3553
|
align-items: center;
|
|
3551
3554
|
justify-content: center;
|
|
3552
3555
|
}
|
|
3553
|
-
.empty .panel[data-v-
|
|
3556
|
+
.empty .panel[data-v-665d3903] {
|
|
3554
3557
|
max-width: 400px;
|
|
3555
3558
|
background: var(--bg1, #fff);
|
|
3556
3559
|
}
|
|
3557
|
-
.footer[data-v-
|
|
3560
|
+
.footer[data-v-665d3903] {
|
|
3558
3561
|
padding: 0.5em 1em;
|
|
3559
3562
|
border-top: 1px solid color-mix(in lab, currentColor 18%, transparent);
|
|
3560
3563
|
}
|