@1337exp/taoui 1.6.1 → 1.7.0
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/README.md +15 -0
- package/README.ru.md +15 -0
- package/dist/index.cjs +576 -405
- package/dist/index.cjs.map +1 -1
- package/dist/index.d.ts +220 -51
- package/dist/index.mjs +576 -405
- package/dist/index.mjs.map +1 -1
- package/dist/styles.css +180 -6
- package/package.json +1 -1
package/dist/styles.css
CHANGED
|
@@ -1954,6 +1954,7 @@ to {
|
|
|
1954
1954
|
outline: none;
|
|
1955
1955
|
}
|
|
1956
1956
|
.tao-dropdown-menu__list .tao-dropdown-menu__item {
|
|
1957
|
+
position: relative;
|
|
1957
1958
|
padding: var(--tao-space-2) var(--tao-space-4);
|
|
1958
1959
|
border: none;
|
|
1959
1960
|
border-radius: 0;
|
|
@@ -1966,8 +1967,15 @@ to {
|
|
|
1966
1967
|
user-select: none;
|
|
1967
1968
|
transition: var(--tao-transition-base);
|
|
1968
1969
|
}
|
|
1969
|
-
.tao-dropdown-menu__list .tao-dropdown-menu__item:not(:last-child) {
|
|
1970
|
-
|
|
1970
|
+
.tao-dropdown-menu__list .tao-dropdown-menu__item:not(:last-child)::after {
|
|
1971
|
+
content: '';
|
|
1972
|
+
position: absolute;
|
|
1973
|
+
right: var(--tao-space-2);
|
|
1974
|
+
bottom: 0;
|
|
1975
|
+
left: var(--tao-space-2);
|
|
1976
|
+
height: 1px;
|
|
1977
|
+
background: var(--tao-color-border);
|
|
1978
|
+
pointer-events: none;
|
|
1971
1979
|
}
|
|
1972
1980
|
.tao-dropdown-menu__list .tao-dropdown-menu__item:hover,
|
|
1973
1981
|
.tao-dropdown-menu__list .tao-dropdown-menu__item--active {
|
|
@@ -1975,11 +1983,11 @@ to {
|
|
|
1975
1983
|
background-color: var(--tao-color-surface-hover);
|
|
1976
1984
|
}
|
|
1977
1985
|
|
|
1978
|
-
.tao-dropdown-menu[data-v-
|
|
1986
|
+
.tao-dropdown-menu[data-v-cbfa7294] {
|
|
1979
1987
|
position: relative;
|
|
1980
1988
|
display: inline-block;
|
|
1981
1989
|
}
|
|
1982
|
-
.tao-dropdown-menu__button[data-v-
|
|
1990
|
+
.tao-dropdown-menu__button[data-v-cbfa7294] {
|
|
1983
1991
|
padding: var(--tao-space-2);
|
|
1984
1992
|
color: var(--tao-color-text);
|
|
1985
1993
|
border: none;
|
|
@@ -1991,10 +1999,10 @@ to {
|
|
|
1991
1999
|
line-height: 1;
|
|
1992
2000
|
transition: var(--tao-transition-base);
|
|
1993
2001
|
}
|
|
1994
|
-
.tao-dropdown-menu__button[data-v-
|
|
2002
|
+
.tao-dropdown-menu__button[data-v-cbfa7294]:hover {
|
|
1995
2003
|
background: var(--tao-color-surface-hover);
|
|
1996
2004
|
}
|
|
1997
|
-
.tao-dropdown-menu__button[data-v-
|
|
2005
|
+
.tao-dropdown-menu__button[data-v-cbfa7294]:focus-visible {
|
|
1998
2006
|
outline: 2px solid var(--tao-color-accent);
|
|
1999
2007
|
outline-offset: 2px;
|
|
2000
2008
|
}
|
|
@@ -3230,6 +3238,172 @@ to {
|
|
|
3230
3238
|
margin-top: var(--tao-space-2);
|
|
3231
3239
|
}
|
|
3232
3240
|
|
|
3241
|
+
.tao-list[data-v-798c83a3] {
|
|
3242
|
+
box-sizing: border-box;
|
|
3243
|
+
width: 100%;
|
|
3244
|
+
margin: 0;
|
|
3245
|
+
padding: 0;
|
|
3246
|
+
list-style: none;
|
|
3247
|
+
background: var(--tao-color-surface-raised);
|
|
3248
|
+
color: var(--tao-color-text);
|
|
3249
|
+
}
|
|
3250
|
+
.tao-list--bordered[data-v-798c83a3] {
|
|
3251
|
+
overflow: hidden;
|
|
3252
|
+
border: 1px solid var(--tao-color-border);
|
|
3253
|
+
border-radius: var(--tao-radius-control);
|
|
3254
|
+
}
|
|
3255
|
+
.tao-list--plain[data-v-798c83a3] {
|
|
3256
|
+
padding: var(--tao-space-1);
|
|
3257
|
+
background: transparent;
|
|
3258
|
+
}
|
|
3259
|
+
.tao-list--scroll[data-v-798c83a3] {
|
|
3260
|
+
overflow: auto;
|
|
3261
|
+
}
|
|
3262
|
+
.tao-list--divided[data-v-798c83a3] .tao-list-item:not(:last-child) {
|
|
3263
|
+
border-bottom: 1px solid var(--tao-color-border);
|
|
3264
|
+
}
|
|
3265
|
+
.tao-list--plain[data-v-798c83a3] .tao-list-item {
|
|
3266
|
+
border-radius: var(--tao-radius-sm);
|
|
3267
|
+
}
|
|
3268
|
+
.tao-list__empty[data-v-798c83a3] {
|
|
3269
|
+
margin: 0;
|
|
3270
|
+
padding: var(--tao-space-3);
|
|
3271
|
+
color: var(--tao-color-text-muted);
|
|
3272
|
+
font-size: var(--tao-font-size-sm);
|
|
3273
|
+
line-height: 1.45;
|
|
3274
|
+
text-align: center;
|
|
3275
|
+
}
|
|
3276
|
+
|
|
3277
|
+
.tao-list-item[data-v-878b7727] {
|
|
3278
|
+
display: flex;
|
|
3279
|
+
align-items: center;
|
|
3280
|
+
gap: var(--tao-space-1);
|
|
3281
|
+
min-width: 0;
|
|
3282
|
+
color: var(--tao-color-text);
|
|
3283
|
+
transition: background var(--tao-duration-fast) var(--tao-ease-base);
|
|
3284
|
+
}
|
|
3285
|
+
.tao-list-item--s[data-v-878b7727] {
|
|
3286
|
+
min-height: 32px;
|
|
3287
|
+
padding: 0 var(--tao-space-1) 0 var(--tao-space-2);
|
|
3288
|
+
}
|
|
3289
|
+
.tao-list-item--m[data-v-878b7727] {
|
|
3290
|
+
min-height: 36px;
|
|
3291
|
+
padding: 0 var(--tao-space-2) 0 var(--tao-space-3);
|
|
3292
|
+
}
|
|
3293
|
+
.tao-list-item--l[data-v-878b7727] {
|
|
3294
|
+
min-height: 48px;
|
|
3295
|
+
padding: var(--tao-space-1) var(--tao-space-2) var(--tao-space-1) var(--tao-space-3);
|
|
3296
|
+
}
|
|
3297
|
+
.tao-list-item[data-v-878b7727]:hover:not(.tao-list-item--disabled),
|
|
3298
|
+
.tao-list-item--active[data-v-878b7727]:not(.tao-list-item--disabled) {
|
|
3299
|
+
background: var(--tao-color-surface-hover);
|
|
3300
|
+
}
|
|
3301
|
+
.tao-list-item--selected[data-v-878b7727] {
|
|
3302
|
+
background: var(--tao-color-accent-subtle);
|
|
3303
|
+
}
|
|
3304
|
+
.tao-list-item--selected[data-v-878b7727]:hover:not(.tao-list-item--disabled),
|
|
3305
|
+
.tao-list-item--selected.tao-list-item--active[data-v-878b7727]:not(.tao-list-item--disabled) {
|
|
3306
|
+
background: var(--tao-color-accent-subtle-hover);
|
|
3307
|
+
}
|
|
3308
|
+
.tao-list-item--disabled[data-v-878b7727] {
|
|
3309
|
+
opacity: 0.5;
|
|
3310
|
+
}
|
|
3311
|
+
.tao-list-item__hit[data-v-878b7727] {
|
|
3312
|
+
display: flex;
|
|
3313
|
+
align-items: center;
|
|
3314
|
+
gap: var(--tao-space-2);
|
|
3315
|
+
flex: 1 1 auto;
|
|
3316
|
+
min-width: 0;
|
|
3317
|
+
margin: 0;
|
|
3318
|
+
padding: var(--tao-space-2) 0;
|
|
3319
|
+
border: none;
|
|
3320
|
+
background: none;
|
|
3321
|
+
color: inherit;
|
|
3322
|
+
font: inherit;
|
|
3323
|
+
text-align: left;
|
|
3324
|
+
}
|
|
3325
|
+
.tao-list-item--s .tao-list-item__hit[data-v-878b7727] {
|
|
3326
|
+
padding: var(--tao-space-1) 0;
|
|
3327
|
+
gap: var(--tao-space-2);
|
|
3328
|
+
}
|
|
3329
|
+
.tao-list-item--l .tao-list-item__hit[data-v-878b7727] {
|
|
3330
|
+
padding: var(--tao-space-2) 0;
|
|
3331
|
+
}
|
|
3332
|
+
button.tao-list-item__hit[data-v-878b7727] {
|
|
3333
|
+
cursor: pointer;
|
|
3334
|
+
}
|
|
3335
|
+
button.tao-list-item__hit[data-v-878b7727]:disabled {
|
|
3336
|
+
cursor: not-allowed;
|
|
3337
|
+
}
|
|
3338
|
+
button.tao-list-item__hit[data-v-878b7727]:focus-visible {
|
|
3339
|
+
outline: 2px solid var(--tao-color-accent);
|
|
3340
|
+
outline-offset: -2px;
|
|
3341
|
+
}
|
|
3342
|
+
.tao-list-item__prefix[data-v-878b7727] {
|
|
3343
|
+
display: inline-flex;
|
|
3344
|
+
flex-shrink: 0;
|
|
3345
|
+
align-items: center;
|
|
3346
|
+
justify-content: center;
|
|
3347
|
+
color: var(--tao-color-text-muted);
|
|
3348
|
+
}
|
|
3349
|
+
.tao-list-item__prefix[data-v-878b7727] .tao-avatar {
|
|
3350
|
+
display: block;
|
|
3351
|
+
}
|
|
3352
|
+
.tao-list-item__text[data-v-878b7727] {
|
|
3353
|
+
display: flex;
|
|
3354
|
+
flex-direction: column;
|
|
3355
|
+
gap: 1px;
|
|
3356
|
+
flex: 1 1 auto;
|
|
3357
|
+
min-width: 0;
|
|
3358
|
+
}
|
|
3359
|
+
.tao-list-item__title[data-v-878b7727] {
|
|
3360
|
+
min-width: 0;
|
|
3361
|
+
overflow: hidden;
|
|
3362
|
+
font-size: var(--tao-font-size-md);
|
|
3363
|
+
line-height: 1.3;
|
|
3364
|
+
text-overflow: ellipsis;
|
|
3365
|
+
white-space: nowrap;
|
|
3366
|
+
}
|
|
3367
|
+
.tao-list-item--s .tao-list-item__title[data-v-878b7727] {
|
|
3368
|
+
font-size: var(--tao-font-size-sm);
|
|
3369
|
+
}
|
|
3370
|
+
.tao-list-item--selected .tao-list-item__title[data-v-878b7727] {
|
|
3371
|
+
color: var(--tao-color-accent);
|
|
3372
|
+
}
|
|
3373
|
+
.tao-list-item--clickable .tao-list-item__title[data-v-878b7727] {
|
|
3374
|
+
user-select: none;
|
|
3375
|
+
}
|
|
3376
|
+
.tao-list-item__description[data-v-878b7727] {
|
|
3377
|
+
min-width: 0;
|
|
3378
|
+
overflow: hidden;
|
|
3379
|
+
color: var(--tao-color-text-muted);
|
|
3380
|
+
font-size: var(--tao-font-size-xs);
|
|
3381
|
+
line-height: 1.3;
|
|
3382
|
+
text-overflow: ellipsis;
|
|
3383
|
+
white-space: nowrap;
|
|
3384
|
+
}
|
|
3385
|
+
.tao-list-item__suffix[data-v-878b7727] {
|
|
3386
|
+
flex-shrink: 0;
|
|
3387
|
+
color: var(--tao-color-text-muted);
|
|
3388
|
+
font-size: var(--tao-font-size-xs);
|
|
3389
|
+
white-space: nowrap;
|
|
3390
|
+
}
|
|
3391
|
+
.tao-list-item__action[data-v-878b7727] {
|
|
3392
|
+
display: inline-flex;
|
|
3393
|
+
flex-shrink: 0;
|
|
3394
|
+
align-items: center;
|
|
3395
|
+
justify-content: center;
|
|
3396
|
+
}
|
|
3397
|
+
@media (hover: hover) {
|
|
3398
|
+
.tao-list-item--has-action:not(.tao-list-item--action-always) .tao-list-item__action[data-v-878b7727] {
|
|
3399
|
+
opacity: 0;
|
|
3400
|
+
}
|
|
3401
|
+
.tao-list-item--has-action:not(.tao-list-item--action-always):hover .tao-list-item__action[data-v-878b7727],
|
|
3402
|
+
.tao-list-item--has-action:not(.tao-list-item--action-always):focus-within .tao-list-item__action[data-v-878b7727] {
|
|
3403
|
+
opacity: 1;
|
|
3404
|
+
}
|
|
3405
|
+
}
|
|
3406
|
+
|
|
3233
3407
|
.tao-skeleton-group[data-v-e75c3ca1] {
|
|
3234
3408
|
display: flex;
|
|
3235
3409
|
flex-direction: column;
|