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.
- package/dist/jianghu-ui.css +92 -57
- package/dist/jianghu-ui.js +1 -1
- package/package.json +5 -2
- package/src/components/JhTable/JhTable.vue +66 -3
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-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-
|
|
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-
|
|
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-
|
|
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
|
-
|
|
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-
|
|
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-
|
|
1240
|
+
.jh-pro-table-title-text[data-v-798786b3] {
|
|
1232
1241
|
line-height: 24px;
|
|
1233
1242
|
}
|
|
1234
|
-
.jh-pro-table-header-actions[data-v-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
1313
|
+
.jh-pro-table-toolbar[data-v-798786b3] {
|
|
1305
1314
|
padding: 12px 16px !important;
|
|
1306
1315
|
}
|
|
1307
|
-
.jh-pro-table-extra[data-v-
|
|
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-
|
|
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-
|
|
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-
|
|
1326
|
-
.jh-table-default[data-v-
|
|
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-
|
|
1331
|
-
.jh-table-medium[data-v-
|
|
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-
|
|
1336
|
-
.jh-table-compact[data-v-
|
|
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-
|
|
1345
|
-
.jh-table-default[data-v-
|
|
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-
|
|
1351
|
-
.jh-table-medium[data-v-
|
|
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-
|
|
1357
|
-
.jh-table-compact[data-v-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
1410
|
+
.jh-table-schema-cell[data-v-798786b3] {
|
|
1402
1411
|
min-width: 0;
|
|
1403
1412
|
}
|
|
1404
|
-
.jh-table-json[data-v-
|
|
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-
|
|
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-
|
|
1428
|
+
.jh-no-data[data-v-798786b3] {
|
|
1420
1429
|
padding: 24px 0;
|
|
1421
1430
|
}
|
|
1422
|
-
.jh-no-data .v-icon[data-v-
|
|
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-
|
|
1437
|
+
.cursor-pointer[data-v-798786b3] {
|
|
1429
1438
|
cursor: pointer;
|
|
1430
1439
|
}
|
|
1431
1440
|
|
|
1432
1441
|
/* Flex 工具类(如果没有 Tailwind) */
|
|
1433
|
-
.flex[data-v-
|
|
1442
|
+
.flex[data-v-798786b3] {
|
|
1434
1443
|
display: flex;
|
|
1435
1444
|
}
|
|
1436
|
-
.items-center[data-v-
|
|
1445
|
+
.items-center[data-v-798786b3] {
|
|
1437
1446
|
align-items: center;
|
|
1438
1447
|
}
|
|
1439
|
-
.justify-end[data-v-
|
|
1448
|
+
.justify-end[data-v-798786b3] {
|
|
1440
1449
|
justify-content: flex-end;
|
|
1441
1450
|
}
|
|
1442
|
-
.flex-wrap[data-v-
|
|
1451
|
+
.flex-wrap[data-v-798786b3] {
|
|
1443
1452
|
flex-wrap: wrap;
|
|
1444
1453
|
}
|
|
1445
|
-
.gap-1[data-v-
|
|
1454
|
+
.gap-1[data-v-798786b3] {
|
|
1446
1455
|
gap: 4px;
|
|
1447
1456
|
}
|
|
1448
|
-
.gap-2[data-v-
|
|
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-
|
|
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-
|
|
1468
|
+
.flex.gap-2[data-v-798786b3] {
|
|
1460
1469
|
gap: 4px;
|
|
1461
1470
|
}
|
|
1462
1471
|
|
|
1463
1472
|
/* 密度和列设置菜单按钮在移动端可选择隐藏 */
|
|
1464
|
-
.jh-pro-table[data-v-
|
|
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-
|
|
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-
|
|
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-
|
|
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
|
}
|