jianghu-ui 1.0.5 → 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.
- package/dist/jianghu-ui.css +186 -115
- package/dist/jianghu-ui.js +1 -1
- package/package.json +1 -1
- package/src/components/JhAddressSelect/JhAddressSelect.vue +6 -6
- package/src/components/JhDrawer/JhDrawer.stories.js +6 -6
- package/src/components/JhDrawerForm/JhDrawerForm.vue +1 -1
- package/src/components/JhForm/JhForm.stories.js +114 -95
- package/src/components/JhForm/JhForm.vue +148 -21
- package/src/components/JhFormFields/JhFormFields.vue +33 -14
- package/src/components/JhModal/JhModal.stories.js +6 -6
- package/src/components/JhModal/JhModal.vue +1 -1
- package/src/components/JhModalForm/JhModalForm.vue +1 -1
- package/src/components/JhTable/JhTable.stories.js +192 -154
- package/src/components/JhTable/JhTable.vue +122 -26
- package/src/style/globalCSSVuetifyV4.css +1 -2
- package/src/components/JhAddressSelect/JhAddressSelect.md +0 -267
- package/src/components/JhCard/JhCard.md +0 -246
- package/src/components/JhCheckCard/JhCheckCard.md +0 -245
- package/src/components/JhConfirmDialog/JhConfirmDialog.md +0 -70
- package/src/components/JhDateRangePicker/JhDateRangePicker.md +0 -56
- package/src/components/JhDescriptions/JhDescriptions.md +0 -724
- package/src/components/JhDraggable/JhDraggable.md +0 -66
- package/src/components/JhDrawer/JhDrawer.md +0 -68
- package/src/components/JhDrawerForm/JhDrawerForm.md +0 -69
- package/src/components/JhEditableTable/JhEditableTable.md +0 -507
- package/src/components/JhFileInput/JhFileInput.md +0 -56
- package/src/components/JhForm/JhForm.md +0 -676
- package/src/components/JhFormFields/JhFormFields.md +0 -647
- package/src/components/JhFormList/JhFormList.md +0 -303
- package/src/components/JhJsonEditor/JhJsonEditor.md +0 -54
- package/src/components/JhLayout/JhLayout.md +0 -580
- package/src/components/JhList/JhList.md +0 -441
- package/src/components/JhMarkdownEditor/JhMarkdownEditor.md +0 -56
- package/src/components/JhMask/JhMask.md +0 -62
- package/src/components/JhMenu/JhMenu.md +0 -85
- package/src/components/JhModal/JhModal.md +0 -68
- package/src/components/JhModalForm/JhModalForm.md +0 -69
- package/src/components/JhPageContainer/JhPageContainer.md +0 -409
- package/src/components/JhQueryFilter/JhQueryFilter.md +0 -77
- package/src/components/JhScene/JhScene.md +0 -64
- package/src/components/JhStatisticCard/JhStatisticCard.md +0 -363
- package/src/components/JhStepsForm/JhStepsForm.md +0 -666
- package/src/components/JhTable/JhTable.md +0 -730
- package/src/components/JhTableAttachment/JhTableAttachment.md +0 -70
- package/src/components/JhToast/JhToast.md +0 -67
- package/src/components/JhTreeSelect/JhTreeSelect.md +0 -82
- package/src/components/JhWaterMark/JhWaterMark.md +0 -190
- package/src/components/README.md +0 -52
package/dist/jianghu-ui.css
CHANGED
|
@@ -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
|
-
|
|
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-
|
|
1072
|
+
.jh-form-fields[data-v-763c73b1] {
|
|
1074
1073
|
width: 100%;
|
|
1075
1074
|
}
|
|
1076
|
-
.jh-form-fields--bordered[data-v-
|
|
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-
|
|
1080
|
+
.jh-form-fields-header[data-v-763c73b1] {
|
|
1082
1081
|
margin-bottom: 16px;
|
|
1083
1082
|
}
|
|
1084
|
-
.jh-form-fields-title[data-v-
|
|
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-
|
|
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-
|
|
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-
|
|
1100
|
+
.jh-form-fields--inline .v-input[data-v-763c73b1] {
|
|
1102
1101
|
margin-bottom: 0 !important;
|
|
1103
1102
|
}
|
|
1104
|
-
.jh-form-fields--readonly
|
|
1105
|
-
|
|
1106
|
-
|
|
1107
|
-
|
|
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
|
|
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-
|
|
1139
|
+
.jh-field-label--vertical[data-v-763c73b1] {
|
|
1115
1140
|
display: block;
|
|
1116
1141
|
}
|
|
1117
|
-
.jh-form-group-title[data-v-
|
|
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-
|
|
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-
|
|
1150
|
+
.jh-field-wrapper[data-v-763c73b1] {
|
|
1126
1151
|
width: 100%;
|
|
1127
1152
|
}
|
|
1128
|
-
.jh-field-input[data-v-
|
|
1153
|
+
.jh-field-input[data-v-763c73b1] {
|
|
1129
1154
|
width: 100%;
|
|
1130
1155
|
}
|
|
1131
|
-
.jh-form-readonly-text[data-v-
|
|
1156
|
+
.jh-form-readonly-text[data-v-763c73b1] {
|
|
1132
1157
|
word-break: break-word;
|
|
1133
1158
|
}
|
|
1134
|
-
.jh-
|
|
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-
|
|
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-
|
|
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-
|
|
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
|
|
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-
|
|
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-
|
|
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-
|
|
1226
|
-
|
|
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-
|
|
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-
|
|
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-
|
|
1264
|
+
.jh-pro-table-title-text[data-v-2c63568e] {
|
|
1241
1265
|
line-height: 24px;
|
|
1242
1266
|
}
|
|
1243
|
-
.jh-pro-table-header-actions[data-v-
|
|
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-
|
|
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: #
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
1338
|
+
.jh-pro-table-toolbar[data-v-2c63568e] {
|
|
1314
1339
|
padding: 12px 16px !important;
|
|
1315
1340
|
}
|
|
1316
|
-
.jh-pro-table-extra[data-v-
|
|
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-
|
|
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-
|
|
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-
|
|
1335
|
-
.jh-table-default[data-v-
|
|
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-
|
|
1340
|
-
.jh-table-medium[data-v-
|
|
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-
|
|
1345
|
-
.jh-table-compact[data-v-
|
|
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-
|
|
1354
|
-
.jh-table-default[data-v-
|
|
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-
|
|
1360
|
-
.jh-table-medium[data-v-
|
|
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-
|
|
1366
|
-
.jh-table-compact[data-v-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
1435
|
+
.jh-table-schema-cell[data-v-2c63568e] {
|
|
1411
1436
|
min-width: 0;
|
|
1412
1437
|
}
|
|
1413
|
-
.jh-table-json[data-v-
|
|
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-
|
|
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-
|
|
1453
|
+
.jh-no-data[data-v-2c63568e] {
|
|
1429
1454
|
padding: 24px 0;
|
|
1430
1455
|
}
|
|
1431
|
-
.jh-no-data .v-icon[data-v-
|
|
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-
|
|
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-
|
|
1480
|
+
.flex[data-v-2c63568e] {
|
|
1443
1481
|
display: flex;
|
|
1444
1482
|
}
|
|
1445
|
-
.items-center[data-v-
|
|
1483
|
+
.items-center[data-v-2c63568e] {
|
|
1446
1484
|
align-items: center;
|
|
1447
1485
|
}
|
|
1448
|
-
.justify-end[data-v-
|
|
1486
|
+
.justify-end[data-v-2c63568e] {
|
|
1449
1487
|
justify-content: flex-end;
|
|
1450
1488
|
}
|
|
1451
|
-
.flex-wrap[data-v-
|
|
1489
|
+
.flex-wrap[data-v-2c63568e] {
|
|
1452
1490
|
flex-wrap: wrap;
|
|
1453
1491
|
}
|
|
1454
|
-
.gap-1[data-v-
|
|
1492
|
+
.gap-1[data-v-2c63568e] {
|
|
1455
1493
|
gap: 4px;
|
|
1456
1494
|
}
|
|
1457
|
-
.gap-2[data-v-
|
|
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-
|
|
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-
|
|
1506
|
+
.flex.gap-2[data-v-2c63568e] {
|
|
1469
1507
|
gap: 4px;
|
|
1470
1508
|
}
|
|
1471
1509
|
|
|
1472
1510
|
/* 密度和列设置菜单按钮在移动端可选择隐藏 */
|
|
1473
|
-
.jh-pro-table[data-v-
|
|
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-
|
|
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-
|
|
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-
|
|
1528
|
+
.jh-pro-table[data-v-2c63568e] .v-data-footer__pagination {
|
|
1491
1529
|
margin: 4px 8px !important;
|
|
1492
1530
|
}
|
|
1493
1531
|
}
|
|
@@ -1522,26 +1560,26 @@ body .v-navigation-drawer.jh-drawer-level-2 {
|
|
|
1522
1560
|
}
|
|
1523
1561
|
|
|
1524
1562
|
|
|
1525
|
-
.jh-cascader-container[data-v-
|
|
1563
|
+
.jh-cascader-container[data-v-7ee57067] {
|
|
1526
1564
|
display: flex;
|
|
1527
1565
|
overflow-x: auto;
|
|
1528
1566
|
white-space: nowrap;
|
|
1529
1567
|
}
|
|
1530
|
-
.jh-cascader-column[data-v-
|
|
1568
|
+
.jh-cascader-column[data-v-7ee57067] {
|
|
1531
1569
|
min-width: 180px;
|
|
1532
1570
|
max-width: 250px;
|
|
1533
1571
|
max-height: 400px;
|
|
1534
1572
|
overflow-y: auto;
|
|
1535
1573
|
border-right: 1px solid #eee;
|
|
1536
1574
|
}
|
|
1537
|
-
.jh-cascader-column[data-v-
|
|
1575
|
+
.jh-cascader-column[data-v-7ee57067]:last-child {
|
|
1538
1576
|
border-right: none;
|
|
1539
1577
|
}
|
|
1540
1578
|
/* 优化列表项内容防止过早截断 */
|
|
1541
|
-
.jh-cascader-column .v-list-item__content[data-v-
|
|
1579
|
+
.jh-cascader-column .v-list-item__content[data-v-7ee57067] {
|
|
1542
1580
|
overflow: visible;
|
|
1543
1581
|
}
|
|
1544
|
-
.jh-cascader-column .v-list-item__title[data-v-
|
|
1582
|
+
.jh-cascader-column .v-list-item__title[data-v-7ee57067] {
|
|
1545
1583
|
white-space: nowrap;
|
|
1546
1584
|
overflow: hidden;
|
|
1547
1585
|
text-overflow: ellipsis;
|
|
@@ -1893,72 +1931,105 @@ body .v-navigation-drawer.jh-drawer-level-2 {
|
|
|
1893
1931
|
|
|
1894
1932
|
|
|
1895
1933
|
/* 表单布局样式 */
|
|
1896
|
-
.jh-form[data-v-
|
|
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-
|
|
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-
|
|
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
|
|
1913
|
-
|
|
1914
|
-
|
|
1915
|
-
|
|
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-
|
|
1990
|
+
.jh-field-label[data-v-3809d698] {
|
|
1920
1991
|
}
|
|
1921
|
-
.jh-field-label--horizontal[data-v-
|
|
1992
|
+
.jh-field-label--horizontal[data-v-3809d698] {
|
|
1922
1993
|
padding-right: 12px;
|
|
1923
1994
|
}
|
|
1924
|
-
.jh-field-label--vertical[data-v-
|
|
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-
|
|
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-
|
|
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-
|
|
2010
|
+
.jh-field-wrapper[data-v-3809d698] {
|
|
1940
2011
|
width: 100%;
|
|
1941
2012
|
}
|
|
1942
2013
|
|
|
1943
2014
|
/* 字段输入区域 */
|
|
1944
|
-
.jh-field-input[data-v-
|
|
2015
|
+
.jh-field-input[data-v-3809d698] {
|
|
1945
2016
|
width: 100%;
|
|
1946
2017
|
}
|
|
1947
2018
|
|
|
1948
2019
|
/* 只读文本 */
|
|
1949
|
-
.jh-form-readonly-text[data-v-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
2054
|
+
.jh-v-input[data-v-a1b54582] {
|
|
1984
2055
|
margin-top: 0;
|
|
1985
2056
|
}
|
|
1986
2057
|
|