jianghu-ui 1.0.5 → 1.0.6
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/jianghu-ui.css
CHANGED
|
@@ -1188,21 +1188,21 @@ body .v-navigation-drawer.jh-drawer-level-2 {
|
|
|
1188
1188
|
|
|
1189
1189
|
|
|
1190
1190
|
/* 表格容器 */
|
|
1191
|
-
.jh-pro-table[data-v-
|
|
1191
|
+
.jh-pro-table[data-v-ea5df410] {
|
|
1192
1192
|
border-radius: 8px;
|
|
1193
1193
|
position: relative;
|
|
1194
1194
|
}
|
|
1195
1195
|
|
|
1196
1196
|
|
|
1197
1197
|
/* 幽灵模式 */
|
|
1198
|
-
.jh-pro-table-ghost[data-v-
|
|
1198
|
+
.jh-pro-table-ghost[data-v-ea5df410] {
|
|
1199
1199
|
background: transparent;
|
|
1200
1200
|
border: none;
|
|
1201
1201
|
box-shadow: none;
|
|
1202
1202
|
}
|
|
1203
1203
|
|
|
1204
1204
|
/* 表格标题区 */
|
|
1205
|
-
.jh-pro-table-header[data-v-
|
|
1205
|
+
.jh-pro-table-header[data-v-ea5df410] {
|
|
1206
1206
|
display: flex;
|
|
1207
1207
|
align-items: center;
|
|
1208
1208
|
justify-content: space-between;
|
|
@@ -1210,7 +1210,7 @@ body .v-navigation-drawer.jh-drawer-level-2 {
|
|
|
1210
1210
|
border-bottom: 1px solid #f0f0f0;
|
|
1211
1211
|
min-height: 64px;
|
|
1212
1212
|
}
|
|
1213
|
-
.jh-pro-table-header-left[data-v-
|
|
1213
|
+
.jh-pro-table-header-left[data-v-ea5df410] {
|
|
1214
1214
|
display: flex;
|
|
1215
1215
|
align-items: center;
|
|
1216
1216
|
gap: 16px;
|
|
@@ -1219,35 +1219,35 @@ body .v-navigation-drawer.jh-drawer-level-2 {
|
|
|
1219
1219
|
|
|
1220
1220
|
/* --- 密度调整 --- */
|
|
1221
1221
|
/* 中等密度 */
|
|
1222
|
-
.jh-pro-table[data-v-
|
|
1222
|
+
.jh-pro-table[data-v-ea5df410] .jh-table-medium.v-data-table > .v-data-table__wrapper > table > thead > tr > th {
|
|
1223
1223
|
height: 40px;
|
|
1224
1224
|
}
|
|
1225
|
-
.jh-pro-table[data-v-
|
|
1225
|
+
.jh-pro-table[data-v-ea5df410] .jh-table-medium.v-data-table > .v-data-table__wrapper > table > tbody > tr > td {
|
|
1226
1226
|
height: 40px;
|
|
1227
1227
|
}
|
|
1228
|
-
.jh-pro-table-header-right[data-v-
|
|
1228
|
+
.jh-pro-table-header-right[data-v-ea5df410] {
|
|
1229
1229
|
display: flex;
|
|
1230
1230
|
align-items: center;
|
|
1231
1231
|
gap: 8px;
|
|
1232
1232
|
}
|
|
1233
|
-
.jh-pro-table-title[data-v-
|
|
1233
|
+
.jh-pro-table-title[data-v-ea5df410] {
|
|
1234
1234
|
display: flex;
|
|
1235
1235
|
align-items: center;
|
|
1236
1236
|
font-size: 16px;
|
|
1237
1237
|
font-weight: 500;
|
|
1238
1238
|
color: rgba(0, 0, 0, 0.85);
|
|
1239
1239
|
}
|
|
1240
|
-
.jh-pro-table-title-text[data-v-
|
|
1240
|
+
.jh-pro-table-title-text[data-v-ea5df410] {
|
|
1241
1241
|
line-height: 24px;
|
|
1242
1242
|
}
|
|
1243
|
-
.jh-pro-table-header-actions[data-v-
|
|
1243
|
+
.jh-pro-table-header-actions[data-v-ea5df410] {
|
|
1244
1244
|
display: flex;
|
|
1245
1245
|
align-items: center;
|
|
1246
1246
|
gap: 8px;
|
|
1247
1247
|
}
|
|
1248
1248
|
|
|
1249
1249
|
/* 批量操作提示栏 */
|
|
1250
|
-
.jh-pro-table-alert[data-v-
|
|
1250
|
+
.jh-pro-table-alert[data-v-ea5df410] {
|
|
1251
1251
|
display: flex;
|
|
1252
1252
|
align-items: center;
|
|
1253
1253
|
justify-content: space-between;
|
|
@@ -1257,92 +1257,92 @@ body .v-navigation-drawer.jh-drawer-level-2 {
|
|
|
1257
1257
|
border-radius: 4px;
|
|
1258
1258
|
margin: 16px 0 0;
|
|
1259
1259
|
}
|
|
1260
|
-
.jh-pro-table-alert-info[data-v-
|
|
1260
|
+
.jh-pro-table-alert-info[data-v-ea5df410] {
|
|
1261
1261
|
display: flex;
|
|
1262
1262
|
align-items: center;
|
|
1263
1263
|
font-size: 14px;
|
|
1264
1264
|
color: rgba(0, 0, 0, 0.65);
|
|
1265
1265
|
}
|
|
1266
|
-
.jh-pro-table-alert-actions[data-v-
|
|
1266
|
+
.jh-pro-table-alert-actions[data-v-ea5df410] {
|
|
1267
1267
|
display: flex;
|
|
1268
1268
|
align-items: center;
|
|
1269
1269
|
gap: 8px;
|
|
1270
1270
|
}
|
|
1271
1271
|
|
|
1272
1272
|
/* 工具栏 */
|
|
1273
|
-
.jh-pro-table-toolbar[data-v-
|
|
1273
|
+
.jh-pro-table-toolbar[data-v-ea5df410] {
|
|
1274
1274
|
padding: 16px 0 !important;
|
|
1275
1275
|
}
|
|
1276
1276
|
|
|
1277
1277
|
/* 表格额外内容区 */
|
|
1278
|
-
.jh-pro-table-extra[data-v-
|
|
1278
|
+
.jh-pro-table-extra[data-v-ea5df410] {
|
|
1279
1279
|
padding: 16px 24px;
|
|
1280
1280
|
border-top: 1px solid #f0f0f0;
|
|
1281
1281
|
}
|
|
1282
1282
|
|
|
1283
1283
|
/* 移动端适配 */
|
|
1284
1284
|
@media (max-width: 600px) {
|
|
1285
|
-
.jh-pro-table-header[data-v-
|
|
1285
|
+
.jh-pro-table-header[data-v-ea5df410] {
|
|
1286
1286
|
flex-direction: column;
|
|
1287
1287
|
align-items: flex-start;
|
|
1288
1288
|
padding: 12px 16px;
|
|
1289
1289
|
min-height: auto;
|
|
1290
1290
|
}
|
|
1291
|
-
.jh-pro-table-header-left[data-v-
|
|
1291
|
+
.jh-pro-table-header-left[data-v-ea5df410] {
|
|
1292
1292
|
flex-direction: column;
|
|
1293
1293
|
align-items: flex-start;
|
|
1294
1294
|
gap: 8px;
|
|
1295
1295
|
width: 100%;
|
|
1296
1296
|
}
|
|
1297
|
-
.jh-pro-table-header-right[data-v-
|
|
1297
|
+
.jh-pro-table-header-right[data-v-ea5df410] {
|
|
1298
1298
|
width: 100%;
|
|
1299
1299
|
justify-content: flex-end;
|
|
1300
1300
|
margin-top: 8px;
|
|
1301
1301
|
}
|
|
1302
|
-
.jh-pro-table-alert[data-v-
|
|
1302
|
+
.jh-pro-table-alert[data-v-ea5df410] {
|
|
1303
1303
|
flex-direction: column;
|
|
1304
1304
|
align-items: flex-start;
|
|
1305
1305
|
gap: 8px;
|
|
1306
1306
|
margin: 12px 16px 0;
|
|
1307
1307
|
padding: 8px 12px;
|
|
1308
1308
|
}
|
|
1309
|
-
.jh-pro-table-alert-actions[data-v-
|
|
1309
|
+
.jh-pro-table-alert-actions[data-v-ea5df410] {
|
|
1310
1310
|
width: 100%;
|
|
1311
1311
|
justify-content: flex-start;
|
|
1312
1312
|
}
|
|
1313
|
-
.jh-pro-table-toolbar[data-v-
|
|
1313
|
+
.jh-pro-table-toolbar[data-v-ea5df410] {
|
|
1314
1314
|
padding: 12px 16px !important;
|
|
1315
1315
|
}
|
|
1316
|
-
.jh-pro-table-extra[data-v-
|
|
1316
|
+
.jh-pro-table-extra[data-v-ea5df410] {
|
|
1317
1317
|
padding: 12px 16px;
|
|
1318
1318
|
}
|
|
1319
1319
|
}
|
|
1320
1320
|
|
|
1321
1321
|
/* 工具栏搜索框响应式 */
|
|
1322
|
-
.jh-toolbar-search[data-v-
|
|
1322
|
+
.jh-toolbar-search[data-v-ea5df410] {
|
|
1323
1323
|
max-width: 200px;
|
|
1324
1324
|
min-width: 120px;
|
|
1325
1325
|
}
|
|
1326
1326
|
@media (max-width: 600px) {
|
|
1327
|
-
.jh-toolbar-search[data-v-
|
|
1327
|
+
.jh-toolbar-search[data-v-ea5df410] {
|
|
1328
1328
|
max-width: 150px;
|
|
1329
1329
|
min-width: 100px;
|
|
1330
1330
|
}
|
|
1331
1331
|
}
|
|
1332
1332
|
|
|
1333
1333
|
/* 表格密度 */
|
|
1334
|
-
.jh-table-default[data-v-
|
|
1335
|
-
.jh-table-default[data-v-
|
|
1334
|
+
.jh-table-default[data-v-ea5df410] .v-data-table > .v-data-table__wrapper > table > tbody > tr > td,
|
|
1335
|
+
.jh-table-default[data-v-ea5df410] .v-data-table > .v-data-table__wrapper > table > thead > tr > th {
|
|
1336
1336
|
height: 48px !important;
|
|
1337
1337
|
padding: 0 16px !important;
|
|
1338
1338
|
}
|
|
1339
|
-
.jh-table-medium[data-v-
|
|
1340
|
-
.jh-table-medium[data-v-
|
|
1339
|
+
.jh-table-medium[data-v-ea5df410] .v-data-table > .v-data-table__wrapper > table > tbody > tr > td,
|
|
1340
|
+
.jh-table-medium[data-v-ea5df410] .v-data-table > .v-data-table__wrapper > table > thead > tr > th {
|
|
1341
1341
|
height: 40px !important;
|
|
1342
1342
|
padding: 0 12px !important;
|
|
1343
1343
|
}
|
|
1344
|
-
.jh-table-compact[data-v-
|
|
1345
|
-
.jh-table-compact[data-v-
|
|
1344
|
+
.jh-table-compact[data-v-ea5df410] .v-data-table > .v-data-table__wrapper > table > tbody > tr > td,
|
|
1345
|
+
.jh-table-compact[data-v-ea5df410] .v-data-table > .v-data-table__wrapper > table > thead > tr > th {
|
|
1346
1346
|
height: 32px !important;
|
|
1347
1347
|
padding: 0 8px !important;
|
|
1348
1348
|
font-size: 13px !important;
|
|
@@ -1350,20 +1350,20 @@ body .v-navigation-drawer.jh-drawer-level-2 {
|
|
|
1350
1350
|
|
|
1351
1351
|
/* 移动端表格密度调整 */
|
|
1352
1352
|
@media (max-width: 600px) {
|
|
1353
|
-
.jh-table-default[data-v-
|
|
1354
|
-
.jh-table-default[data-v-
|
|
1353
|
+
.jh-table-default[data-v-ea5df410] .v-data-table > .v-data-table__wrapper > table > tbody > tr > td,
|
|
1354
|
+
.jh-table-default[data-v-ea5df410] .v-data-table > .v-data-table__wrapper > table > thead > tr > th {
|
|
1355
1355
|
height: 44px !important;
|
|
1356
1356
|
padding: 0 12px !important;
|
|
1357
1357
|
font-size: 14px !important;
|
|
1358
1358
|
}
|
|
1359
|
-
.jh-table-medium[data-v-
|
|
1360
|
-
.jh-table-medium[data-v-
|
|
1359
|
+
.jh-table-medium[data-v-ea5df410] .v-data-table > .v-data-table__wrapper > table > tbody > tr > td,
|
|
1360
|
+
.jh-table-medium[data-v-ea5df410] .v-data-table > .v-data-table__wrapper > table > thead > tr > th {
|
|
1361
1361
|
height: 40px !important;
|
|
1362
1362
|
padding: 0 10px !important;
|
|
1363
1363
|
font-size: 13px !important;
|
|
1364
1364
|
}
|
|
1365
|
-
.jh-table-compact[data-v-
|
|
1366
|
-
.jh-table-compact[data-v-
|
|
1365
|
+
.jh-table-compact[data-v-ea5df410] .v-data-table > .v-data-table__wrapper > table > tbody > tr > td,
|
|
1366
|
+
.jh-table-compact[data-v-ea5df410] .v-data-table > .v-data-table__wrapper > table > thead > tr > th {
|
|
1367
1367
|
height: 36px !important;
|
|
1368
1368
|
padding: 0 8px !important;
|
|
1369
1369
|
font-size: 12px !important;
|
|
@@ -1373,18 +1373,18 @@ body .v-navigation-drawer.jh-drawer-level-2 {
|
|
|
1373
1373
|
/* 移动端操作列样式优化 */
|
|
1374
1374
|
@media (max-width: 600px) {
|
|
1375
1375
|
/* 操作列下拉菜单触发器 */
|
|
1376
|
-
.jh-pro-table[data-v-
|
|
1376
|
+
.jh-pro-table[data-v-ea5df410] .v-data-table td[data-action-column] {
|
|
1377
1377
|
padding: 0 8px !important;
|
|
1378
1378
|
}
|
|
1379
1379
|
|
|
1380
1380
|
/* 操作按钮文字在小屏幕隐藏 */
|
|
1381
|
-
.jh-pro-table[data-v-
|
|
1381
|
+
.jh-pro-table[data-v-ea5df410] .v-btn--small .v-btn__content > span:not(.v-icon) {
|
|
1382
1382
|
font-size: 13px;
|
|
1383
1383
|
}
|
|
1384
1384
|
}
|
|
1385
1385
|
|
|
1386
1386
|
/* 全屏样式 */
|
|
1387
|
-
.jh-table-fullscreen[data-v-
|
|
1387
|
+
.jh-table-fullscreen[data-v-ea5df410] {
|
|
1388
1388
|
position: fixed;
|
|
1389
1389
|
top: 0;
|
|
1390
1390
|
left: 0;
|
|
@@ -1396,28 +1396,28 @@ body .v-navigation-drawer.jh-drawer-level-2 {
|
|
|
1396
1396
|
overflow: auto;
|
|
1397
1397
|
}
|
|
1398
1398
|
@media (max-width: 600px) {
|
|
1399
|
-
.jh-table-fullscreen[data-v-
|
|
1399
|
+
.jh-table-fullscreen[data-v-ea5df410] {
|
|
1400
1400
|
padding: 8px;
|
|
1401
1401
|
}
|
|
1402
1402
|
}
|
|
1403
1403
|
|
|
1404
1404
|
/* 无数据样式 */
|
|
1405
|
-
.jh-no-data[data-v-
|
|
1405
|
+
.jh-no-data[data-v-ea5df410] {
|
|
1406
1406
|
text-align: center;
|
|
1407
1407
|
padding: 40px 0;
|
|
1408
1408
|
color: rgba(0, 0, 0, 0.45);
|
|
1409
1409
|
}
|
|
1410
|
-
.jh-table-schema-cell[data-v-
|
|
1410
|
+
.jh-table-schema-cell[data-v-ea5df410] {
|
|
1411
1411
|
min-width: 0;
|
|
1412
1412
|
}
|
|
1413
|
-
.jh-table-json[data-v-
|
|
1413
|
+
.jh-table-json[data-v-ea5df410] {
|
|
1414
1414
|
margin: 0;
|
|
1415
1415
|
font-family: 'Fira Code', 'JetBrains Mono', Consolas, monospace;
|
|
1416
1416
|
font-size: 12px;
|
|
1417
1417
|
white-space: pre-wrap;
|
|
1418
1418
|
word-break: break-word;
|
|
1419
1419
|
}
|
|
1420
|
-
.jh-table-code[data-v-
|
|
1420
|
+
.jh-table-code[data-v-ea5df410] {
|
|
1421
1421
|
font-family: 'Fira Code', 'JetBrains Mono', Consolas, monospace;
|
|
1422
1422
|
font-size: 12px;
|
|
1423
1423
|
background: #f4f5f7;
|
|
@@ -1425,52 +1425,52 @@ body .v-navigation-drawer.jh-drawer-level-2 {
|
|
|
1425
1425
|
border-radius: 4px;
|
|
1426
1426
|
}
|
|
1427
1427
|
@media (max-width: 600px) {
|
|
1428
|
-
.jh-no-data[data-v-
|
|
1428
|
+
.jh-no-data[data-v-ea5df410] {
|
|
1429
1429
|
padding: 24px 0;
|
|
1430
1430
|
}
|
|
1431
|
-
.jh-no-data .v-icon[data-v-
|
|
1431
|
+
.jh-no-data .v-icon[data-v-ea5df410] {
|
|
1432
1432
|
font-size: 48px !important;
|
|
1433
1433
|
}
|
|
1434
1434
|
}
|
|
1435
1435
|
|
|
1436
1436
|
/* 游标指针 */
|
|
1437
|
-
.cursor-pointer[data-v-
|
|
1437
|
+
.cursor-pointer[data-v-ea5df410] {
|
|
1438
1438
|
cursor: pointer;
|
|
1439
1439
|
}
|
|
1440
1440
|
|
|
1441
1441
|
/* Flex 工具类(如果没有 Tailwind) */
|
|
1442
|
-
.flex[data-v-
|
|
1442
|
+
.flex[data-v-ea5df410] {
|
|
1443
1443
|
display: flex;
|
|
1444
1444
|
}
|
|
1445
|
-
.items-center[data-v-
|
|
1445
|
+
.items-center[data-v-ea5df410] {
|
|
1446
1446
|
align-items: center;
|
|
1447
1447
|
}
|
|
1448
|
-
.justify-end[data-v-
|
|
1448
|
+
.justify-end[data-v-ea5df410] {
|
|
1449
1449
|
justify-content: flex-end;
|
|
1450
1450
|
}
|
|
1451
|
-
.flex-wrap[data-v-
|
|
1451
|
+
.flex-wrap[data-v-ea5df410] {
|
|
1452
1452
|
flex-wrap: wrap;
|
|
1453
1453
|
}
|
|
1454
|
-
.gap-1[data-v-
|
|
1454
|
+
.gap-1[data-v-ea5df410] {
|
|
1455
1455
|
gap: 4px;
|
|
1456
1456
|
}
|
|
1457
|
-
.gap-2[data-v-
|
|
1457
|
+
.gap-2[data-v-ea5df410] {
|
|
1458
1458
|
gap: 8px;
|
|
1459
1459
|
}
|
|
1460
1460
|
|
|
1461
1461
|
/* 移动端工具栏响应式 */
|
|
1462
1462
|
@media (max-width: 600px) {
|
|
1463
|
-
.jh-pro-table[data-v-
|
|
1463
|
+
.jh-pro-table[data-v-ea5df410] .v-row {
|
|
1464
1464
|
margin: 0 !important;
|
|
1465
1465
|
}
|
|
1466
1466
|
|
|
1467
1467
|
/* 工具栏按钮间距调整 */
|
|
1468
|
-
.flex.gap-2[data-v-
|
|
1468
|
+
.flex.gap-2[data-v-ea5df410] {
|
|
1469
1469
|
gap: 4px;
|
|
1470
1470
|
}
|
|
1471
1471
|
|
|
1472
1472
|
/* 密度和列设置菜单按钮在移动端可选择隐藏 */
|
|
1473
|
-
.jh-pro-table[data-v-
|
|
1473
|
+
.jh-pro-table[data-v-ea5df410] .v-btn--icon.v-size--small {
|
|
1474
1474
|
width: 32px;
|
|
1475
1475
|
height: 32px;
|
|
1476
1476
|
}
|
|
@@ -1478,16 +1478,16 @@ body .v-navigation-drawer.jh-drawer-level-2 {
|
|
|
1478
1478
|
|
|
1479
1479
|
/* 分页器移动端优化 */
|
|
1480
1480
|
@media (max-width: 600px) {
|
|
1481
|
-
.jh-pro-table[data-v-
|
|
1481
|
+
.jh-pro-table[data-v-ea5df410] .v-data-footer {
|
|
1482
1482
|
flex-wrap: wrap;
|
|
1483
1483
|
justify-content: center;
|
|
1484
1484
|
padding: 8px 4px !important;
|
|
1485
1485
|
}
|
|
1486
|
-
.jh-pro-table[data-v-
|
|
1486
|
+
.jh-pro-table[data-v-ea5df410] .v-data-footer__select {
|
|
1487
1487
|
margin-left: 8px !important;
|
|
1488
1488
|
margin-right: 8px !important;
|
|
1489
1489
|
}
|
|
1490
|
-
.jh-pro-table[data-v-
|
|
1490
|
+
.jh-pro-table[data-v-ea5df410] .v-data-footer__pagination {
|
|
1491
1491
|
margin: 4px 8px !important;
|
|
1492
1492
|
}
|
|
1493
1493
|
}
|
|
@@ -1522,26 +1522,26 @@ body .v-navigation-drawer.jh-drawer-level-2 {
|
|
|
1522
1522
|
}
|
|
1523
1523
|
|
|
1524
1524
|
|
|
1525
|
-
.jh-cascader-container[data-v-
|
|
1525
|
+
.jh-cascader-container[data-v-7ee57067] {
|
|
1526
1526
|
display: flex;
|
|
1527
1527
|
overflow-x: auto;
|
|
1528
1528
|
white-space: nowrap;
|
|
1529
1529
|
}
|
|
1530
|
-
.jh-cascader-column[data-v-
|
|
1530
|
+
.jh-cascader-column[data-v-7ee57067] {
|
|
1531
1531
|
min-width: 180px;
|
|
1532
1532
|
max-width: 250px;
|
|
1533
1533
|
max-height: 400px;
|
|
1534
1534
|
overflow-y: auto;
|
|
1535
1535
|
border-right: 1px solid #eee;
|
|
1536
1536
|
}
|
|
1537
|
-
.jh-cascader-column[data-v-
|
|
1537
|
+
.jh-cascader-column[data-v-7ee57067]:last-child {
|
|
1538
1538
|
border-right: none;
|
|
1539
1539
|
}
|
|
1540
1540
|
/* 优化列表项内容防止过早截断 */
|
|
1541
|
-
.jh-cascader-column .v-list-item__content[data-v-
|
|
1541
|
+
.jh-cascader-column .v-list-item__content[data-v-7ee57067] {
|
|
1542
1542
|
overflow: visible;
|
|
1543
1543
|
}
|
|
1544
|
-
.jh-cascader-column .v-list-item__title[data-v-
|
|
1544
|
+
.jh-cascader-column .v-list-item__title[data-v-7ee57067] {
|
|
1545
1545
|
white-space: nowrap;
|
|
1546
1546
|
overflow: hidden;
|
|
1547
1547
|
text-overflow: ellipsis;
|