jianghu-ui 1.0.6 → 1.0.7

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.
Files changed (47) hide show
  1. package/dist/jianghu-ui.css +181 -110
  2. package/dist/jianghu-ui.js +1 -1
  3. package/package.json +1 -1
  4. package/src/components/JhDrawer/JhDrawer.stories.js +6 -6
  5. package/src/components/JhDrawerForm/JhDrawerForm.vue +1 -1
  6. package/src/components/JhForm/JhForm.stories.js +114 -95
  7. package/src/components/JhForm/JhForm.vue +148 -21
  8. package/src/components/JhFormFields/JhFormFields.vue +33 -14
  9. package/src/components/JhModal/JhModal.stories.js +6 -6
  10. package/src/components/JhModal/JhModal.vue +1 -1
  11. package/src/components/JhModalForm/JhModalForm.vue +1 -1
  12. package/src/components/JhTable/JhTable.stories.js +134 -167
  13. package/src/components/JhTable/JhTable.vue +83 -23
  14. package/src/style/globalCSSVuetifyV4.css +1 -2
  15. package/src/components/JhAddressSelect/JhAddressSelect.md +0 -267
  16. package/src/components/JhCard/JhCard.md +0 -246
  17. package/src/components/JhCheckCard/JhCheckCard.md +0 -245
  18. package/src/components/JhConfirmDialog/JhConfirmDialog.md +0 -70
  19. package/src/components/JhDateRangePicker/JhDateRangePicker.md +0 -56
  20. package/src/components/JhDescriptions/JhDescriptions.md +0 -724
  21. package/src/components/JhDraggable/JhDraggable.md +0 -66
  22. package/src/components/JhDrawer/JhDrawer.md +0 -68
  23. package/src/components/JhDrawerForm/JhDrawerForm.md +0 -69
  24. package/src/components/JhEditableTable/JhEditableTable.md +0 -507
  25. package/src/components/JhFileInput/JhFileInput.md +0 -56
  26. package/src/components/JhForm/JhForm.md +0 -676
  27. package/src/components/JhFormFields/JhFormFields.md +0 -647
  28. package/src/components/JhFormList/JhFormList.md +0 -303
  29. package/src/components/JhJsonEditor/JhJsonEditor.md +0 -54
  30. package/src/components/JhLayout/JhLayout.md +0 -580
  31. package/src/components/JhList/JhList.md +0 -441
  32. package/src/components/JhMarkdownEditor/JhMarkdownEditor.md +0 -56
  33. package/src/components/JhMask/JhMask.md +0 -62
  34. package/src/components/JhMenu/JhMenu.md +0 -85
  35. package/src/components/JhModal/JhModal.md +0 -68
  36. package/src/components/JhModalForm/JhModalForm.md +0 -69
  37. package/src/components/JhPageContainer/JhPageContainer.md +0 -409
  38. package/src/components/JhQueryFilter/JhQueryFilter.md +0 -77
  39. package/src/components/JhScene/JhScene.md +0 -64
  40. package/src/components/JhStatisticCard/JhStatisticCard.md +0 -363
  41. package/src/components/JhStepsForm/JhStepsForm.md +0 -666
  42. package/src/components/JhTable/JhTable.md +0 -730
  43. package/src/components/JhTableAttachment/JhTableAttachment.md +0 -70
  44. package/src/components/JhToast/JhToast.md +0 -67
  45. package/src/components/JhTreeSelect/JhTreeSelect.md +0 -82
  46. package/src/components/JhWaterMark/JhWaterMark.md +0 -190
  47. package/src/components/README.md +0 -52
@@ -360,8 +360,7 @@
360
360
  .v-data-table>.v-data-table__wrapper>table>tbody>tr>td,
361
361
  .v-data-table>.v-data-table__wrapper>table>tfoot>tr>td,
362
362
  .v-data-table>.v-data-table__wrapper>table>thead>tr>td {
363
- min-height: 40px;
364
- height: 40px;
363
+
365
364
  color: #333C44;
366
365
  font-size: .8125rem;
367
366
  }
@@ -1070,72 +1069,94 @@ body .v-navigation-drawer.jh-drawer-level-2 {
1070
1069
  }
1071
1070
 
1072
1071
 
1073
- .jh-form-fields[data-v-666784d9] {
1072
+ .jh-form-fields[data-v-763c73b1] {
1074
1073
  width: 100%;
1075
1074
  }
1076
- .jh-form-fields--bordered[data-v-666784d9] {
1075
+ .jh-form-fields--bordered[data-v-763c73b1] {
1077
1076
  border: 1px solid rgba(0, 0, 0, 0.12);
1078
1077
  border-radius: 4px;
1079
- padding: 16px;
1078
+ padding: 15px 16px 30px;
1080
1079
  }
1081
- .jh-form-fields-header[data-v-666784d9] {
1080
+ .jh-form-fields-header[data-v-763c73b1] {
1082
1081
  margin-bottom: 16px;
1083
1082
  }
1084
- .jh-form-fields-title[data-v-666784d9] {
1083
+ .jh-form-fields-title[data-v-763c73b1] {
1085
1084
  font-size: 16px;
1086
1085
  font-weight: 500;
1087
1086
  color: rgba(0, 0, 0, 0.85);
1088
1087
  display: flex;
1089
1088
  align-items: center;
1090
1089
  }
1091
- .jh-form-fields-description[data-v-666784d9] {
1090
+ .jh-form-fields-description[data-v-763c73b1] {
1092
1091
  font-size: 14px;
1093
1092
  color: rgba(0, 0, 0, 0.45);
1094
1093
  margin-top: 4px;
1095
1094
  line-height: 1.5;
1096
1095
  }
1097
- .jh-form-fields--horizontal .jh-field-label--horizontal[data-v-666784d9] {
1096
+ .jh-form-fields--horizontal .jh-field-label--horizontal[data-v-763c73b1] {
1098
1097
  padding-top: 0;
1099
1098
  line-height: 1.5;
1100
1099
  }
1101
- .jh-form-fields--inline .v-input[data-v-666784d9] {
1100
+ .jh-form-fields--inline .v-input[data-v-763c73b1] {
1102
1101
  margin-bottom: 0 !important;
1103
1102
  }
1104
- .jh-form-fields--readonly .jh-form-readonly-text[data-v-666784d9] {
1105
- padding: 8px 0;
1106
- min-height: 40px;
1107
- color: rgba(0, 0, 0, 0.87);
1103
+ .jh-form-fields--readonly[data-v-763c73b1] {
1104
+ /* 只读模式整体样式 */
1105
+ .jh-field-label[data-v-763c73b1] {
1106
+ /* 只读模式下的标签样式 */
1107
+ color: rgba(0, 0, 0, 0.65);
1108
+ font-weight: 500;
1109
+ }
1110
+ .jh-form-readonly-text[data-v-763c73b1] {
1111
+ /* 只读模式下的文本样式 */
1112
+ padding: 6px 12px;
1113
+ color: rgba(0, 0, 0, 0.87);
1114
+ background-color: rgba(0, 0, 0, 0.04);
1115
+ border-radius: 4px;
1116
+ line-height: 1.5;
1117
+ transition: all 0.2s ease;
1118
+ }
1119
+
1120
+ /* 水平布局下的调整 */
1121
+ &.jh-form-fields--horizontal[data-v-763c73b1] {
1122
+ .jh-field-wrapper[data-v-763c73b1] {
1123
+ margin-bottom: 16px;
1124
+ }
1125
+ }
1126
+
1127
+ /* 垂直布局下的调整 */
1128
+ &.jh-form-fields--vertical[data-v-763c73b1] {
1129
+ .jh-field-wrapper[data-v-763c73b1] {
1130
+ margin-bottom: 16px;
1131
+ }
1108
1132
  }
1109
- .jh-field-label[data-v-666784d9] {
1110
1133
  }
1111
- .jh-field-label--horizontal[data-v-666784d9] {
1134
+ .jh-field-label[data-v-763c73b1] {
1135
+ }
1136
+ .jh-field-label--horizontal[data-v-763c73b1] {
1112
1137
  padding-right: 12px;
1113
1138
  }
1114
- .jh-field-label--vertical[data-v-666784d9] {
1139
+ .jh-field-label--vertical[data-v-763c73b1] {
1115
1140
  display: block;
1116
1141
  }
1117
- .jh-form-group-title[data-v-666784d9] {
1142
+ .jh-form-group-title[data-v-763c73b1] {
1118
1143
  margin-top: 8px;
1119
1144
  margin-bottom: 16px;
1120
1145
  }
1121
- .jh-form-group-title h3[data-v-666784d9] {
1146
+ .jh-form-group-title h3[data-v-763c73b1] {
1122
1147
  color: rgba(0, 0, 0, 0.85);
1123
1148
  font-weight: 500;
1124
1149
  }
1125
- .jh-field-wrapper[data-v-666784d9] {
1150
+ .jh-field-wrapper[data-v-763c73b1] {
1126
1151
  width: 100%;
1127
1152
  }
1128
- .jh-field-input[data-v-666784d9] {
1153
+ .jh-field-input[data-v-763c73b1] {
1129
1154
  width: 100%;
1130
1155
  }
1131
- .jh-form-readonly-text[data-v-666784d9] {
1156
+ .jh-form-readonly-text[data-v-763c73b1] {
1132
1157
  word-break: break-word;
1133
1158
  }
1134
- .jh-field-extra[data-v-666784d9] {
1135
- margin-top: -8px;
1136
- line-height: 1.5;
1137
- }
1138
- .jh-color-preview[data-v-666784d9] {
1159
+ .jh-color-preview[data-v-763c73b1] {
1139
1160
  display: inline-block;
1140
1161
  width: 20px;
1141
1162
  height: 20px;
@@ -1188,29 +1209,29 @@ body .v-navigation-drawer.jh-drawer-level-2 {
1188
1209
 
1189
1210
 
1190
1211
  /* 表格容器 */
1191
- .jh-pro-table[data-v-ea5df410] {
1212
+ .jh-pro-table[data-v-2c63568e] {
1192
1213
  border-radius: 8px;
1193
1214
  position: relative;
1194
1215
  }
1195
1216
 
1196
1217
 
1197
1218
  /* 幽灵模式 */
1198
- .jh-pro-table-ghost[data-v-ea5df410] {
1219
+ .jh-pro-table-ghost[data-v-2c63568e] {
1199
1220
  background: transparent;
1200
1221
  border: none;
1201
1222
  box-shadow: none;
1202
1223
  }
1203
1224
 
1204
1225
  /* 表格标题区 */
1205
- .jh-pro-table-header[data-v-ea5df410] {
1226
+ .jh-pro-table-header[data-v-2c63568e] {
1206
1227
  display: flex;
1207
1228
  align-items: center;
1208
1229
  justify-content: space-between;
1209
- padding: 16px 24px;
1230
+ padding: 16px 0;
1210
1231
  border-bottom: 1px solid #f0f0f0;
1211
1232
  min-height: 64px;
1212
1233
  }
1213
- .jh-pro-table-header-left[data-v-ea5df410] {
1234
+ .jh-pro-table-header-left[data-v-2c63568e] {
1214
1235
  display: flex;
1215
1236
  align-items: center;
1216
1237
  gap: 16px;
@@ -1219,130 +1240,134 @@ body .v-navigation-drawer.jh-drawer-level-2 {
1219
1240
 
1220
1241
  /* --- 密度调整 --- */
1221
1242
  /* 中等密度 */
1222
- .jh-pro-table[data-v-ea5df410] .jh-table-medium.v-data-table > .v-data-table__wrapper > table > thead > tr > th {
1243
+ .jh-pro-table[data-v-2c63568e] .jh-table-medium.v-data-table > .v-data-table__wrapper > table > thead > tr > th {
1223
1244
  height: 40px;
1224
1245
  }
1225
- .jh-pro-table[data-v-ea5df410] .jh-table-medium.v-data-table > .v-data-table__wrapper > table > tbody > tr > td {
1226
- height: 40px;
1246
+ .jh-pro-table[data-v-2c63568e] .jh-table-medium.v-data-table > .v-data-table__wrapper > table > tbody > tr > td {
1247
+ min-height: 40px;
1248
+ height: 40px;
1249
+ color: #333C44;
1250
+ font-size: .8125rem;
1227
1251
  }
1228
- .jh-pro-table-header-right[data-v-ea5df410] {
1252
+ .jh-pro-table-header-right[data-v-2c63568e] {
1229
1253
  display: flex;
1230
1254
  align-items: center;
1231
1255
  gap: 8px;
1232
1256
  }
1233
- .jh-pro-table-title[data-v-ea5df410] {
1257
+ .jh-pro-table-title[data-v-2c63568e] {
1234
1258
  display: flex;
1235
1259
  align-items: center;
1236
1260
  font-size: 16px;
1237
1261
  font-weight: 500;
1238
1262
  color: rgba(0, 0, 0, 0.85);
1239
1263
  }
1240
- .jh-pro-table-title-text[data-v-ea5df410] {
1264
+ .jh-pro-table-title-text[data-v-2c63568e] {
1241
1265
  line-height: 24px;
1242
1266
  }
1243
- .jh-pro-table-header-actions[data-v-ea5df410] {
1267
+ .jh-pro-table-header-actions[data-v-2c63568e] {
1244
1268
  display: flex;
1245
1269
  align-items: center;
1246
1270
  gap: 8px;
1247
1271
  }
1248
1272
 
1249
1273
  /* 批量操作提示栏 */
1250
- .jh-pro-table-alert[data-v-ea5df410] {
1274
+ .jh-pro-table-alert[data-v-2c63568e] {
1251
1275
  display: flex;
1252
1276
  align-items: center;
1253
1277
  justify-content: space-between;
1254
1278
  padding: 12px 24px;
1255
- background: #e6f7ff;
1256
- border: 1px solid #91d5ff;
1279
+ background: #fbfbfb;
1257
1280
  border-radius: 4px;
1258
1281
  margin: 16px 0 0;
1259
1282
  }
1260
- .jh-pro-table-alert-info[data-v-ea5df410] {
1283
+ .jh-pro-table-alert-info[data-v-2c63568e] {
1261
1284
  display: flex;
1285
+ flex: 1;
1262
1286
  align-items: center;
1263
1287
  font-size: 14px;
1264
1288
  color: rgba(0, 0, 0, 0.65);
1265
1289
  }
1266
- .jh-pro-table-alert-actions[data-v-ea5df410] {
1290
+ .jh-pro-table-alert-actions[data-v-2c63568e] {
1267
1291
  display: flex;
1268
1292
  align-items: center;
1269
1293
  gap: 8px;
1270
1294
  }
1271
1295
 
1272
1296
  /* 工具栏 */
1273
- .jh-pro-table-toolbar[data-v-ea5df410] {
1297
+ .jh-pro-table-toolbar[data-v-2c63568e] {
1274
1298
  padding: 16px 0 !important;
1299
+ flex: inherit;
1275
1300
  }
1276
1301
 
1277
1302
  /* 表格额外内容区 */
1278
- .jh-pro-table-extra[data-v-ea5df410] {
1303
+ .jh-pro-table-extra[data-v-2c63568e] {
1279
1304
  padding: 16px 24px;
1280
1305
  border-top: 1px solid #f0f0f0;
1281
1306
  }
1282
1307
 
1283
1308
  /* 移动端适配 */
1284
1309
  @media (max-width: 600px) {
1285
- .jh-pro-table-header[data-v-ea5df410] {
1310
+ .jh-pro-table-header[data-v-2c63568e] {
1286
1311
  flex-direction: column;
1287
1312
  align-items: flex-start;
1288
1313
  padding: 12px 16px;
1289
1314
  min-height: auto;
1290
1315
  }
1291
- .jh-pro-table-header-left[data-v-ea5df410] {
1316
+ .jh-pro-table-header-left[data-v-2c63568e] {
1292
1317
  flex-direction: column;
1293
1318
  align-items: flex-start;
1294
1319
  gap: 8px;
1295
1320
  width: 100%;
1296
1321
  }
1297
- .jh-pro-table-header-right[data-v-ea5df410] {
1322
+ .jh-pro-table-header-right[data-v-2c63568e] {
1298
1323
  width: 100%;
1299
1324
  justify-content: flex-end;
1300
1325
  margin-top: 8px;
1301
1326
  }
1302
- .jh-pro-table-alert[data-v-ea5df410] {
1327
+ .jh-pro-table-alert[data-v-2c63568e] {
1303
1328
  flex-direction: column;
1304
1329
  align-items: flex-start;
1305
1330
  gap: 8px;
1306
1331
  margin: 12px 16px 0;
1307
1332
  padding: 8px 12px;
1308
1333
  }
1309
- .jh-pro-table-alert-actions[data-v-ea5df410] {
1334
+ .jh-pro-table-alert-actions[data-v-2c63568e] {
1310
1335
  width: 100%;
1311
1336
  justify-content: flex-start;
1312
1337
  }
1313
- .jh-pro-table-toolbar[data-v-ea5df410] {
1338
+ .jh-pro-table-toolbar[data-v-2c63568e] {
1314
1339
  padding: 12px 16px !important;
1315
1340
  }
1316
- .jh-pro-table-extra[data-v-ea5df410] {
1341
+ .jh-pro-table-extra[data-v-2c63568e] {
1317
1342
  padding: 12px 16px;
1318
1343
  }
1319
1344
  }
1320
1345
 
1321
1346
  /* 工具栏搜索框响应式 */
1322
- .jh-toolbar-search[data-v-ea5df410] {
1347
+ .jh-toolbar-search[data-v-2c63568e] {
1323
1348
  max-width: 200px;
1324
1349
  min-width: 120px;
1325
1350
  }
1326
1351
  @media (max-width: 600px) {
1327
- .jh-toolbar-search[data-v-ea5df410] {
1352
+ .jh-toolbar-search[data-v-2c63568e] {
1328
1353
  max-width: 150px;
1329
1354
  min-width: 100px;
1330
1355
  }
1331
1356
  }
1332
1357
 
1333
1358
  /* 表格密度 */
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 {
1359
+ .jh-table-default[data-v-2c63568e] .v-data-table > .v-data-table__wrapper > table > tbody > tr > td,
1360
+ .jh-table-default[data-v-2c63568e] .v-data-table > .v-data-table__wrapper > table > thead > tr > th {
1336
1361
  height: 48px !important;
1337
1362
  padding: 0 16px !important;
1338
1363
  }
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 {
1364
+ .jh-table-medium[data-v-2c63568e] .v-data-table > .v-data-table__wrapper > table > tbody > tr > td,
1365
+ .jh-table-medium[data-v-2c63568e] .v-data-table > .v-data-table__wrapper > table > thead > tr > th {
1341
1366
  height: 40px !important;
1342
1367
  padding: 0 12px !important;
1343
1368
  }
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 {
1369
+ .jh-table-compact[data-v-2c63568e] .v-data-table > .v-data-table__wrapper > table > tbody > tr > td,
1370
+ .jh-table-compact[data-v-2c63568e] .v-data-table > .v-data-table__wrapper > table > thead > tr > th {
1346
1371
  height: 32px !important;
1347
1372
  padding: 0 8px !important;
1348
1373
  font-size: 13px !important;
@@ -1350,20 +1375,20 @@ body .v-navigation-drawer.jh-drawer-level-2 {
1350
1375
 
1351
1376
  /* 移动端表格密度调整 */
1352
1377
  @media (max-width: 600px) {
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 {
1378
+ .jh-table-default[data-v-2c63568e] .v-data-table > .v-data-table__wrapper > table > tbody > tr > td,
1379
+ .jh-table-default[data-v-2c63568e] .v-data-table > .v-data-table__wrapper > table > thead > tr > th {
1355
1380
  height: 44px !important;
1356
1381
  padding: 0 12px !important;
1357
1382
  font-size: 14px !important;
1358
1383
  }
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 {
1384
+ .jh-table-medium[data-v-2c63568e] .v-data-table > .v-data-table__wrapper > table > tbody > tr > td,
1385
+ .jh-table-medium[data-v-2c63568e] .v-data-table > .v-data-table__wrapper > table > thead > tr > th {
1361
1386
  height: 40px !important;
1362
1387
  padding: 0 10px !important;
1363
1388
  font-size: 13px !important;
1364
1389
  }
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 {
1390
+ .jh-table-compact[data-v-2c63568e] .v-data-table > .v-data-table__wrapper > table > tbody > tr > td,
1391
+ .jh-table-compact[data-v-2c63568e] .v-data-table > .v-data-table__wrapper > table > thead > tr > th {
1367
1392
  height: 36px !important;
1368
1393
  padding: 0 8px !important;
1369
1394
  font-size: 12px !important;
@@ -1373,18 +1398,18 @@ body .v-navigation-drawer.jh-drawer-level-2 {
1373
1398
  /* 移动端操作列样式优化 */
1374
1399
  @media (max-width: 600px) {
1375
1400
  /* 操作列下拉菜单触发器 */
1376
- .jh-pro-table[data-v-ea5df410] .v-data-table td[data-action-column] {
1401
+ .jh-pro-table[data-v-2c63568e] .v-data-table td[data-action-column] {
1377
1402
  padding: 0 8px !important;
1378
1403
  }
1379
1404
 
1380
1405
  /* 操作按钮文字在小屏幕隐藏 */
1381
- .jh-pro-table[data-v-ea5df410] .v-btn--small .v-btn__content > span:not(.v-icon) {
1406
+ .jh-pro-table[data-v-2c63568e] .v-btn--small .v-btn__content > span:not(.v-icon) {
1382
1407
  font-size: 13px;
1383
1408
  }
1384
1409
  }
1385
1410
 
1386
1411
  /* 全屏样式 */
1387
- .jh-table-fullscreen[data-v-ea5df410] {
1412
+ .jh-table-fullscreen[data-v-2c63568e] {
1388
1413
  position: fixed;
1389
1414
  top: 0;
1390
1415
  left: 0;
@@ -1396,28 +1421,28 @@ body .v-navigation-drawer.jh-drawer-level-2 {
1396
1421
  overflow: auto;
1397
1422
  }
1398
1423
  @media (max-width: 600px) {
1399
- .jh-table-fullscreen[data-v-ea5df410] {
1424
+ .jh-table-fullscreen[data-v-2c63568e] {
1400
1425
  padding: 8px;
1401
1426
  }
1402
1427
  }
1403
1428
 
1404
1429
  /* 无数据样式 */
1405
- .jh-no-data[data-v-ea5df410] {
1430
+ .jh-no-data[data-v-2c63568e] {
1406
1431
  text-align: center;
1407
1432
  padding: 40px 0;
1408
1433
  color: rgba(0, 0, 0, 0.45);
1409
1434
  }
1410
- .jh-table-schema-cell[data-v-ea5df410] {
1435
+ .jh-table-schema-cell[data-v-2c63568e] {
1411
1436
  min-width: 0;
1412
1437
  }
1413
- .jh-table-json[data-v-ea5df410] {
1438
+ .jh-table-json[data-v-2c63568e] {
1414
1439
  margin: 0;
1415
1440
  font-family: 'Fira Code', 'JetBrains Mono', Consolas, monospace;
1416
1441
  font-size: 12px;
1417
1442
  white-space: pre-wrap;
1418
1443
  word-break: break-word;
1419
1444
  }
1420
- .jh-table-code[data-v-ea5df410] {
1445
+ .jh-table-code[data-v-2c63568e] {
1421
1446
  font-family: 'Fira Code', 'JetBrains Mono', Consolas, monospace;
1422
1447
  font-size: 12px;
1423
1448
  background: #f4f5f7;
@@ -1425,52 +1450,65 @@ body .v-navigation-drawer.jh-drawer-level-2 {
1425
1450
  border-radius: 4px;
1426
1451
  }
1427
1452
  @media (max-width: 600px) {
1428
- .jh-no-data[data-v-ea5df410] {
1453
+ .jh-no-data[data-v-2c63568e] {
1429
1454
  padding: 24px 0;
1430
1455
  }
1431
- .jh-no-data .v-icon[data-v-ea5df410] {
1456
+ .jh-no-data .v-icon[data-v-2c63568e] {
1432
1457
  font-size: 48px !important;
1433
1458
  }
1434
1459
  }
1435
1460
 
1436
1461
  /* 游标指针 */
1437
- .cursor-pointer[data-v-ea5df410] {
1462
+ .cursor-pointer[data-v-2c63568e] {
1438
1463
  cursor: pointer;
1439
1464
  }
1440
1465
 
1466
+ /* 表格行选中样式 */
1467
+ .jh-pro-table[data-v-2c63568e] .v-data-table > .v-data-table__wrapper > table > tbody > tr.v-data-table__selected {
1468
+ background-color: #E6F7FF !important;
1469
+ }
1470
+ .jh-pro-table[data-v-2c63568e] .v-data-table > .v-data-table__wrapper > table > tbody > tr.v-data-table__selected:hover {
1471
+ background-color: #D1EDFF !important;
1472
+ }
1473
+
1474
+ /* 优化选中行的过渡效果 */
1475
+ .jh-pro-table[data-v-2c63568e] .v-data-table > .v-data-table__wrapper > table > tbody > tr {
1476
+ transition: background-color 0.2s ease;
1477
+ }
1478
+
1441
1479
  /* Flex 工具类(如果没有 Tailwind) */
1442
- .flex[data-v-ea5df410] {
1480
+ .flex[data-v-2c63568e] {
1443
1481
  display: flex;
1444
1482
  }
1445
- .items-center[data-v-ea5df410] {
1483
+ .items-center[data-v-2c63568e] {
1446
1484
  align-items: center;
1447
1485
  }
1448
- .justify-end[data-v-ea5df410] {
1486
+ .justify-end[data-v-2c63568e] {
1449
1487
  justify-content: flex-end;
1450
1488
  }
1451
- .flex-wrap[data-v-ea5df410] {
1489
+ .flex-wrap[data-v-2c63568e] {
1452
1490
  flex-wrap: wrap;
1453
1491
  }
1454
- .gap-1[data-v-ea5df410] {
1492
+ .gap-1[data-v-2c63568e] {
1455
1493
  gap: 4px;
1456
1494
  }
1457
- .gap-2[data-v-ea5df410] {
1495
+ .gap-2[data-v-2c63568e] {
1458
1496
  gap: 8px;
1459
1497
  }
1460
1498
 
1461
1499
  /* 移动端工具栏响应式 */
1462
1500
  @media (max-width: 600px) {
1463
- .jh-pro-table[data-v-ea5df410] .v-row {
1501
+ .jh-pro-table[data-v-2c63568e] .v-row {
1464
1502
  margin: 0 !important;
1465
1503
  }
1466
1504
 
1467
1505
  /* 工具栏按钮间距调整 */
1468
- .flex.gap-2[data-v-ea5df410] {
1506
+ .flex.gap-2[data-v-2c63568e] {
1469
1507
  gap: 4px;
1470
1508
  }
1471
1509
 
1472
1510
  /* 密度和列设置菜单按钮在移动端可选择隐藏 */
1473
- .jh-pro-table[data-v-ea5df410] .v-btn--icon.v-size--small {
1511
+ .jh-pro-table[data-v-2c63568e] .v-btn--icon.v-size--small {
1474
1512
  width: 32px;
1475
1513
  height: 32px;
1476
1514
  }
@@ -1478,16 +1516,16 @@ body .v-navigation-drawer.jh-drawer-level-2 {
1478
1516
 
1479
1517
  /* 分页器移动端优化 */
1480
1518
  @media (max-width: 600px) {
1481
- .jh-pro-table[data-v-ea5df410] .v-data-footer {
1519
+ .jh-pro-table[data-v-2c63568e] .v-data-footer {
1482
1520
  flex-wrap: wrap;
1483
1521
  justify-content: center;
1484
1522
  padding: 8px 4px !important;
1485
1523
  }
1486
- .jh-pro-table[data-v-ea5df410] .v-data-footer__select {
1524
+ .jh-pro-table[data-v-2c63568e] .v-data-footer__select {
1487
1525
  margin-left: 8px !important;
1488
1526
  margin-right: 8px !important;
1489
1527
  }
1490
- .jh-pro-table[data-v-ea5df410] .v-data-footer__pagination {
1528
+ .jh-pro-table[data-v-2c63568e] .v-data-footer__pagination {
1491
1529
  margin: 4px 8px !important;
1492
1530
  }
1493
1531
  }
@@ -1893,72 +1931,105 @@ body .v-navigation-drawer.jh-drawer-level-2 {
1893
1931
 
1894
1932
 
1895
1933
  /* 表单布局样式 */
1896
- .jh-form[data-v-0a365969] {
1934
+ .jh-form[data-v-3809d698] {
1897
1935
  width: 100%;
1898
1936
  }
1899
1937
 
1900
1938
  /* 水平布局 */
1901
- .jh-form--horizontal .jh-field-label--horizontal[data-v-0a365969] {
1939
+ .jh-form--horizontal .jh-field-label--horizontal[data-v-3809d698] {
1902
1940
  padding-top: 0;
1903
1941
  line-height: 1.5;
1904
1942
  }
1905
1943
 
1906
1944
  /* 行内布局 */
1907
- .jh-form--inline .v-input[data-v-0a365969] {
1945
+ .jh-form--inline .v-input[data-v-3809d698] {
1908
1946
  margin-bottom: 0 !important;
1909
1947
  }
1910
1948
 
1911
1949
  /* 只读模式 */
1912
- .jh-form--readonly .jh-form-readonly-text[data-v-0a365969] {
1913
- padding: 8px 0;
1914
- min-height: 40px;
1915
- color: rgba(0, 0, 0, 0.87);
1950
+ .jh-form--readonly[data-v-3809d698] {
1951
+ /* 只读模式整体样式 */
1952
+ .jh-field-label[data-v-3809d698] {
1953
+ /* 只读模式下的标签样式 */
1954
+ color: rgba(0, 0, 0, 0.65);
1955
+ font-weight: 500;
1956
+ }
1957
+ .jh-form-readonly-text[data-v-3809d698] {
1958
+ /* 只读模式下的文本样式 */
1959
+ padding: 6px 12px;
1960
+ color: rgba(0, 0, 0, 0.87);
1961
+ background-color: rgba(0, 0, 0, 0.04);
1962
+ border-radius: 4px;
1963
+ line-height: 1.5;
1964
+ transition: all 0.2s ease;
1965
+ }
1966
+
1967
+ /* 水平布局下的调整 */
1968
+ &.jh-form--horizontal[data-v-3809d698] {
1969
+ .jh-field-wrapper[data-v-3809d698] {
1970
+ margin-bottom: 16px;
1971
+ }
1972
+ }
1973
+
1974
+ /* 垂直布局下的调整 */
1975
+ &.jh-form--vertical[data-v-3809d698] {
1976
+ .jh-field-wrapper[data-v-3809d698] {
1977
+ margin-bottom: 16px;
1978
+ }
1979
+ }
1980
+
1981
+ /* 网格布局下的调整 */
1982
+ &.jh-form--grid[data-v-3809d698] {
1983
+ .jh-field-wrapper[data-v-3809d698] {
1984
+ margin-bottom: 16px;
1985
+ }
1986
+ }
1916
1987
  }
1917
1988
 
1918
1989
  /* 字段标签 */
1919
- .jh-field-label[data-v-0a365969] {
1990
+ .jh-field-label[data-v-3809d698] {
1920
1991
  }
1921
- .jh-field-label--horizontal[data-v-0a365969] {
1992
+ .jh-field-label--horizontal[data-v-3809d698] {
1922
1993
  padding-right: 12px;
1923
1994
  }
1924
- .jh-field-label--vertical[data-v-0a365969] {
1995
+ .jh-field-label--vertical[data-v-3809d698] {
1925
1996
  display: block;
1926
1997
  }
1927
1998
 
1928
1999
  /* 表单分组标题 */
1929
- .jh-form-group-title[data-v-0a365969] {
2000
+ .jh-form-group-title[data-v-3809d698] {
1930
2001
  margin-top: 8px;
1931
2002
  margin-bottom: 16px;
1932
2003
  }
1933
- .jh-form-group-title h3[data-v-0a365969] {
2004
+ .jh-form-group-title h3[data-v-3809d698] {
1934
2005
  color: rgba(0, 0, 0, 0.85);
1935
2006
  font-weight: 500;
1936
2007
  }
1937
2008
 
1938
2009
  /* 字段包装器 */
1939
- .jh-field-wrapper[data-v-0a365969] {
2010
+ .jh-field-wrapper[data-v-3809d698] {
1940
2011
  width: 100%;
1941
2012
  }
1942
2013
 
1943
2014
  /* 字段输入区域 */
1944
- .jh-field-input[data-v-0a365969] {
2015
+ .jh-field-input[data-v-3809d698] {
1945
2016
  width: 100%;
1946
2017
  }
1947
2018
 
1948
2019
  /* 只读文本 */
1949
- .jh-form-readonly-text[data-v-0a365969] {
2020
+ .jh-form-readonly-text[data-v-3809d698] {
1950
2021
  word-break: break-word;
1951
2022
  }
1952
2023
 
1953
2024
  /* 额外提示信息 */
1954
- .jh-field-extra[data-v-0a365969] {
2025
+ .jh-field-extra[data-v-3809d698] {
1955
2026
  margin-top: -8px;
1956
2027
  line-height: 1.5;
1957
2028
  }
1958
2029
 
1959
2030
 
1960
2031
  /* 输入标签 */
1961
- .jh-input-label[data-v-9ad4133c] {
2032
+ .jh-input-label[data-v-267503d6] {
1962
2033
  display: block;
1963
2034
  font-size: 14px;
1964
2035
  color: rgba(0, 0, 0, 0.6);
@@ -1966,13 +2037,13 @@ body .v-navigation-drawer.jh-drawer-level-2 {
1966
2037
  }
1967
2038
 
1968
2039
  /* 输入框样式 */
1969
- .jh-v-input[data-v-9ad4133c] {
2040
+ .jh-v-input[data-v-267503d6] {
1970
2041
  margin-top: 0;
1971
2042
  }
1972
2043
 
1973
2044
 
1974
2045
  /* 输入标签 */
1975
- .jh-input-label[data-v-b71c0556] {
2046
+ .jh-input-label[data-v-a1b54582] {
1976
2047
  display: block;
1977
2048
  font-size: 14px;
1978
2049
  color: rgba(0, 0, 0, 0.6);
@@ -1980,7 +2051,7 @@ body .v-navigation-drawer.jh-drawer-level-2 {
1980
2051
  }
1981
2052
 
1982
2053
  /* 输入框样式 */
1983
- .jh-v-input[data-v-b71c0556] {
2054
+ .jh-v-input[data-v-a1b54582] {
1984
2055
  margin-top: 0;
1985
2056
  }
1986
2057