jianghu-ui 1.0.2 → 1.0.4

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