@robot-admin/naive-ui-components 0.3.4 → 0.3.5
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/{C_Table-DAwAxr72.css.map → C_Table-BsAOkALe.css.map} +1 -1
- package/dist/C_Table2.js +2 -2
- package/dist/C_Table2.js.map +1 -1
- package/dist/constants.d.ts +3 -3
- package/dist/constants2.d.ts +3 -3
- package/dist/constants3.d.ts +4 -4
- package/dist/constants4.d.ts +5 -5
- package/dist/data.d.ts +1 -1
- package/dist/index11.vue.d.ts +2 -2
- package/dist/index12.vue.d.ts +4 -4
- package/dist/index14.vue.d.ts +1 -1
- package/dist/index16.vue.d.ts +3 -3
- package/dist/index16.vue.d.ts.map +1 -1
- package/dist/index3.vue.d.ts +6 -6
- package/dist/index4.vue.d.ts +2 -2
- package/dist/index5.vue.d.ts +2 -2
- package/dist/index7.vue.d.ts +1 -1
- package/dist/index8.vue.d.ts +3 -3
- package/dist/style.css +70 -70
- package/dist/useCropperCore.d.ts +4 -4
- package/dist/useDraggableLayout.d.ts +2 -2
- package/dist/useDynamicFormState.d.ts +4 -4
- package/dist/useDynamicFormState.d.ts.map +1 -1
- package/dist/useEdgeInteraction.d.ts +1 -1
- package/dist/useFullscreen.d.ts +2 -2
- package/dist/useInfiniteScroll.d.ts +1 -1
- package/dist/useQRCode.d.ts +1 -1
- package/dist/useQRCode.d.ts.map +1 -1
- package/dist/useSearchState.d.ts +2 -2
- package/dist/useSignatureHistory.d.ts +1 -1
- package/dist/useTimeSelection.d.ts +1 -1
- package/dist/useTreeOperations.d.ts +6 -6
- package/dist/useWorkflowValidation.d.ts +3 -3
- package/package.json +1 -1
package/dist/style.css
CHANGED
|
@@ -5082,7 +5082,7 @@ to {
|
|
|
5082
5082
|
|
|
5083
5083
|
/*# sourceMappingURL=C_Steps-P9Qj9iDd.css.map*/
|
|
5084
5084
|
|
|
5085
|
-
/* --- C_Table-
|
|
5085
|
+
/* --- C_Table-BsAOkALe.css --- */
|
|
5086
5086
|
/* unplugin-vue-components disabled */.column-management-tab .search-row[data-v-a4d013ea] {
|
|
5087
5087
|
display: flex;
|
|
5088
5088
|
align-items: center;
|
|
@@ -5204,40 +5204,40 @@ to {
|
|
|
5204
5204
|
transform: scale(1.15);
|
|
5205
5205
|
}
|
|
5206
5206
|
/* unplugin-vue-components disabled *//* ================= 1. 组件根容器 ================= */
|
|
5207
|
-
.c-table-wrapper[data-v-
|
|
5207
|
+
.c-table-wrapper[data-v-360ced03] {
|
|
5208
5208
|
width: 100%;
|
|
5209
5209
|
position: relative;
|
|
5210
5210
|
}
|
|
5211
5211
|
|
|
5212
5212
|
/* ================= 2. 表格工具栏 ================= */
|
|
5213
|
-
.table-toolbar[data-v-
|
|
5213
|
+
.table-toolbar[data-v-360ced03] {
|
|
5214
5214
|
display: flex;
|
|
5215
5215
|
justify-content: space-between;
|
|
5216
5216
|
align-items: center;
|
|
5217
5217
|
margin-bottom: 16px;
|
|
5218
5218
|
}
|
|
5219
|
-
.table-toolbar .toolbar-left[data-v-
|
|
5219
|
+
.table-toolbar .toolbar-left[data-v-360ced03] {
|
|
5220
5220
|
display: flex;
|
|
5221
5221
|
align-items: center;
|
|
5222
5222
|
gap: 12px;
|
|
5223
5223
|
}
|
|
5224
|
-
.table-toolbar .toolbar-right[data-v-
|
|
5224
|
+
.table-toolbar .toolbar-right[data-v-360ced03] {
|
|
5225
5225
|
display: flex;
|
|
5226
5226
|
align-items: center;
|
|
5227
5227
|
gap: 8px;
|
|
5228
5228
|
}
|
|
5229
|
-
.table-toolbar .toolbar-right .column-settings-btn[data-v-
|
|
5229
|
+
.table-toolbar .toolbar-right .column-settings-btn[data-v-360ced03] {
|
|
5230
5230
|
opacity: 0.6;
|
|
5231
5231
|
transition: opacity 0.2s ease, transform 0.2s ease;
|
|
5232
5232
|
cursor: pointer;
|
|
5233
5233
|
}
|
|
5234
|
-
.table-toolbar .toolbar-right .column-settings-btn[data-v-
|
|
5234
|
+
.table-toolbar .toolbar-right .column-settings-btn[data-v-360ced03]:hover {
|
|
5235
5235
|
opacity: 1;
|
|
5236
5236
|
transform: scale(1.1);
|
|
5237
5237
|
}
|
|
5238
5238
|
|
|
5239
5239
|
/* ================= 3. 动态行工具栏 ================= */
|
|
5240
|
-
.dynamic-rows-toolbar[data-v-
|
|
5240
|
+
.dynamic-rows-toolbar[data-v-360ced03] {
|
|
5241
5241
|
margin-bottom: 16px;
|
|
5242
5242
|
padding: 16px;
|
|
5243
5243
|
border-radius: 8px;
|
|
@@ -5246,12 +5246,12 @@ to {
|
|
|
5246
5246
|
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
|
|
5247
5247
|
transition: all 0.2s ease;
|
|
5248
5248
|
}
|
|
5249
|
-
.dynamic-rows-toolbar[data-v-
|
|
5249
|
+
.dynamic-rows-toolbar[data-v-360ced03]:hover {
|
|
5250
5250
|
border-color: var(--n-primary-color-suppl);
|
|
5251
5251
|
}
|
|
5252
5252
|
|
|
5253
5253
|
/* ================= 4. 表格布局基础 ================= */
|
|
5254
|
-
[data-v-
|
|
5254
|
+
[data-v-360ced03] .n-data-table {
|
|
5255
5255
|
table-layout: auto !important;
|
|
5256
5256
|
width: 100% !important;
|
|
5257
5257
|
border-radius: 8px;
|
|
@@ -5259,12 +5259,12 @@ to {
|
|
|
5259
5259
|
}
|
|
5260
5260
|
|
|
5261
5261
|
/* 确保表格容器允许横向滚动(固定列必需) */
|
|
5262
|
-
[data-v-
|
|
5262
|
+
[data-v-360ced03] .n-data-table-wrapper {
|
|
5263
5263
|
overflow-x: auto !important;
|
|
5264
5264
|
}
|
|
5265
5265
|
|
|
5266
5266
|
/* 分页组件样式 */
|
|
5267
|
-
.pagination-wrapper[data-v-
|
|
5267
|
+
.pagination-wrapper[data-v-360ced03] {
|
|
5268
5268
|
margin-top: 16px;
|
|
5269
5269
|
display: flex;
|
|
5270
5270
|
justify-content: flex-end;
|
|
@@ -5272,12 +5272,12 @@ to {
|
|
|
5272
5272
|
|
|
5273
5273
|
/* ================= 5. 表格列宽度管理 ================= */
|
|
5274
5274
|
/* 普通列的最小宽度保护 */
|
|
5275
|
-
[data-v-
|
|
5275
|
+
[data-v-360ced03] .n-data-table-th:not(:last-child) {
|
|
5276
5276
|
min-width: 80px !important;
|
|
5277
5277
|
}
|
|
5278
5278
|
|
|
5279
5279
|
/* 操作列固定宽度(适应4个按钮的布局) */
|
|
5280
|
-
[data-v-
|
|
5280
|
+
[data-v-360ced03] .n-data-table-th:last-child {
|
|
5281
5281
|
width: 180px !important;
|
|
5282
5282
|
min-width: 160px !important;
|
|
5283
5283
|
max-width: 200px !important;
|
|
@@ -5286,14 +5286,14 @@ to {
|
|
|
5286
5286
|
}
|
|
5287
5287
|
|
|
5288
5288
|
/* 操作按钮容器居中 */
|
|
5289
|
-
[data-v-
|
|
5289
|
+
[data-v-360ced03] .n-data-table-td:last-child .n-space {
|
|
5290
5290
|
justify-content: center !important;
|
|
5291
5291
|
align-items: center !important;
|
|
5292
5292
|
}
|
|
5293
5293
|
|
|
5294
5294
|
/* ================= 6. 可编辑单元格样式 ================= */
|
|
5295
5295
|
/* 单元格编辑容器 - 精致化设计 */
|
|
5296
|
-
.cell-edit-wrapper[data-v-
|
|
5296
|
+
.cell-edit-wrapper[data-v-360ced03] {
|
|
5297
5297
|
display: flex;
|
|
5298
5298
|
align-items: center;
|
|
5299
5299
|
justify-content: space-between;
|
|
@@ -5307,20 +5307,20 @@ to {
|
|
|
5307
5307
|
/* 悬停效果 */
|
|
5308
5308
|
/* 激活状态 */
|
|
5309
5309
|
}
|
|
5310
|
-
.cell-edit-wrapper[data-v-
|
|
5310
|
+
.cell-edit-wrapper[data-v-360ced03]:hover {
|
|
5311
5311
|
background-color: var(--n-color-target);
|
|
5312
5312
|
}
|
|
5313
|
-
.cell-edit-wrapper:hover .cell-edit-icon[data-v-
|
|
5313
|
+
.cell-edit-wrapper:hover .cell-edit-icon[data-v-360ced03] {
|
|
5314
5314
|
opacity: 1;
|
|
5315
5315
|
color: var(--n-color-success);
|
|
5316
5316
|
transform: scale(1.05);
|
|
5317
5317
|
}
|
|
5318
|
-
.cell-edit-wrapper[data-v-
|
|
5318
|
+
.cell-edit-wrapper[data-v-360ced03]:active {
|
|
5319
5319
|
transform: translateY(1px);
|
|
5320
5320
|
}
|
|
5321
5321
|
|
|
5322
5322
|
/* 单元格内容 */
|
|
5323
|
-
.cell-value[data-v-
|
|
5323
|
+
.cell-value[data-v-360ced03] {
|
|
5324
5324
|
flex: 1;
|
|
5325
5325
|
overflow: hidden;
|
|
5326
5326
|
text-overflow: ellipsis;
|
|
@@ -5331,7 +5331,7 @@ to {
|
|
|
5331
5331
|
}
|
|
5332
5332
|
|
|
5333
5333
|
/* 编辑图标 - 使用全局选择器确保动态创建的元素也能被选中 */
|
|
5334
|
-
.cell-edit-icon[data-v-
|
|
5334
|
+
.cell-edit-icon[data-v-360ced03],.cell-edit-icon {
|
|
5335
5335
|
flex-shrink: 0;
|
|
5336
5336
|
width: 24px;
|
|
5337
5337
|
height: 24px;
|
|
@@ -5349,23 +5349,23 @@ to {
|
|
|
5349
5349
|
/* 激活效果 */
|
|
5350
5350
|
/* 图标尺寸 */
|
|
5351
5351
|
}
|
|
5352
|
-
.cell-edit-icon[data-v-
|
|
5352
|
+
.cell-edit-icon[data-v-360ced03]:hover,.cell-edit-icon {
|
|
5353
5353
|
opacity: 1 !important;
|
|
5354
5354
|
color: var(--n-color-success-hover) !important;
|
|
5355
5355
|
background-color: var(--n-color-success-pressed);
|
|
5356
5356
|
transform: scale(1.1);
|
|
5357
5357
|
}
|
|
5358
|
-
.cell-edit-icon[data-v-
|
|
5358
|
+
.cell-edit-icon[data-v-360ced03]:active,.cell-edit-icon {
|
|
5359
5359
|
transform: scale(0.95);
|
|
5360
5360
|
}
|
|
5361
|
-
.cell-edit-icon svg[data-v-
|
|
5361
|
+
.cell-edit-icon svg[data-v-360ced03],.cell-edit-icon {
|
|
5362
5362
|
width: 14px;
|
|
5363
5363
|
height: 14px;
|
|
5364
5364
|
}
|
|
5365
5365
|
|
|
5366
5366
|
/* ================= 7. 单元格编辑状态样式 ================= */
|
|
5367
5367
|
/* 编辑容器 - 确保水平布局不换行 */
|
|
5368
|
-
.cell-editing-container[data-v-
|
|
5368
|
+
.cell-editing-container[data-v-360ced03],[data-v-360ced03] .cell-editing-container {
|
|
5369
5369
|
display: flex !important;
|
|
5370
5370
|
align-items: center !important;
|
|
5371
5371
|
width: 100% !important;
|
|
@@ -5379,39 +5379,39 @@ to {
|
|
|
5379
5379
|
}
|
|
5380
5380
|
|
|
5381
5381
|
/* 编辑输入区域 - 占据剩余空间 */
|
|
5382
|
-
.cell-editing-input[data-v-
|
|
5382
|
+
.cell-editing-input[data-v-360ced03],[data-v-360ced03] .cell-editing-input {
|
|
5383
5383
|
flex: 1 !important;
|
|
5384
5384
|
min-width: 0 !important;
|
|
5385
5385
|
}
|
|
5386
5386
|
|
|
5387
5387
|
/* 深度选择器处理输入框样式 */
|
|
5388
|
-
[data-v-
|
|
5388
|
+
[data-v-360ced03] .cell-editing-input .n-input {
|
|
5389
5389
|
border: none !important;
|
|
5390
5390
|
box-shadow: none !important;
|
|
5391
5391
|
background: transparent !important;
|
|
5392
5392
|
}
|
|
5393
|
-
[data-v-
|
|
5393
|
+
[data-v-360ced03] .cell-editing-input .n-input.n-input--focus {
|
|
5394
5394
|
border: none !important;
|
|
5395
5395
|
box-shadow: none !important;
|
|
5396
5396
|
}
|
|
5397
|
-
[data-v-
|
|
5397
|
+
[data-v-360ced03] .cell-editing-input .n-input-number {
|
|
5398
5398
|
border: none !important;
|
|
5399
5399
|
box-shadow: none !important;
|
|
5400
5400
|
background: transparent !important;
|
|
5401
5401
|
}
|
|
5402
|
-
[data-v-
|
|
5402
|
+
[data-v-360ced03] .cell-editing-input .n-select {
|
|
5403
5403
|
border: none !important;
|
|
5404
5404
|
box-shadow: none !important;
|
|
5405
5405
|
background: transparent !important;
|
|
5406
5406
|
}
|
|
5407
|
-
[data-v-
|
|
5407
|
+
[data-v-360ced03] .cell-editing-input .n-select .n-base-selection {
|
|
5408
5408
|
border: none !important;
|
|
5409
5409
|
box-shadow: none !important;
|
|
5410
5410
|
background: transparent !important;
|
|
5411
5411
|
}
|
|
5412
5412
|
|
|
5413
5413
|
/* 编辑操作按钮容器 */
|
|
5414
|
-
.cell-editing-actions[data-v-
|
|
5414
|
+
.cell-editing-actions[data-v-360ced03],[data-v-360ced03] .cell-editing-actions {
|
|
5415
5415
|
display: flex !important;
|
|
5416
5416
|
flex-shrink: 0 !important;
|
|
5417
5417
|
align-items: center !important;
|
|
@@ -5424,7 +5424,7 @@ to {
|
|
|
5424
5424
|
}
|
|
5425
5425
|
|
|
5426
5426
|
/* 编辑操作按钮 */
|
|
5427
|
-
.cell-action-btn[data-v-
|
|
5427
|
+
.cell-action-btn[data-v-360ced03],[data-v-360ced03] .cell-action-btn {
|
|
5428
5428
|
display: flex !important;
|
|
5429
5429
|
align-items: center !important;
|
|
5430
5430
|
justify-content: center !important;
|
|
@@ -5439,28 +5439,28 @@ to {
|
|
|
5439
5439
|
/* 取消按钮 */
|
|
5440
5440
|
/* 图标尺寸 */
|
|
5441
5441
|
}
|
|
5442
|
-
.cell-action-btn.cell-action-save[data-v-
|
|
5442
|
+
.cell-action-btn.cell-action-save[data-v-360ced03],[data-v-360ced03] .cell-action-btn.cell-action-save {
|
|
5443
5443
|
color: var(--n-color-success) !important;
|
|
5444
5444
|
}
|
|
5445
|
-
.cell-action-btn.cell-action-save[data-v-
|
|
5445
|
+
.cell-action-btn.cell-action-save[data-v-360ced03]:hover,[data-v-360ced03] .cell-action-btn.cell-action-save:hover {
|
|
5446
5446
|
background: var(--n-color-success-pressed) !important;
|
|
5447
5447
|
transform: scale(1.1) !important;
|
|
5448
5448
|
}
|
|
5449
|
-
.cell-action-btn.cell-action-cancel[data-v-
|
|
5449
|
+
.cell-action-btn.cell-action-cancel[data-v-360ced03],[data-v-360ced03] .cell-action-btn.cell-action-cancel {
|
|
5450
5450
|
color: var(--n-color-error) !important;
|
|
5451
5451
|
}
|
|
5452
|
-
.cell-action-btn.cell-action-cancel[data-v-
|
|
5452
|
+
.cell-action-btn.cell-action-cancel[data-v-360ced03]:hover,[data-v-360ced03] .cell-action-btn.cell-action-cancel:hover {
|
|
5453
5453
|
background: var(--n-color-error-pressed) !important;
|
|
5454
5454
|
transform: scale(1.1) !important;
|
|
5455
5455
|
}
|
|
5456
|
-
.cell-action-btn svg[data-v-
|
|
5456
|
+
.cell-action-btn svg[data-v-360ced03],[data-v-360ced03] .cell-action-btn svg {
|
|
5457
5457
|
width: 11px !important;
|
|
5458
5458
|
height: 11px !important;
|
|
5459
5459
|
}
|
|
5460
5460
|
|
|
5461
5461
|
/* ================= 7. 操作按钮样式 ================= */
|
|
5462
5462
|
/* 通用按钮样式 */
|
|
5463
|
-
[data-v-
|
|
5463
|
+
[data-v-360ced03] .n-button {
|
|
5464
5464
|
white-space: nowrap;
|
|
5465
5465
|
font-size: 12px !important;
|
|
5466
5466
|
flex-shrink: 0 !important;
|
|
@@ -5471,54 +5471,54 @@ to {
|
|
|
5471
5471
|
/* 小尺寸按钮优化 */
|
|
5472
5472
|
/* 四元按钮样式 */
|
|
5473
5473
|
}
|
|
5474
|
-
[data-v-
|
|
5474
|
+
[data-v-360ced03] .n-button .n-icon {
|
|
5475
5475
|
margin-right: 4px !important;
|
|
5476
5476
|
}
|
|
5477
|
-
[data-v-
|
|
5477
|
+
[data-v-360ced03] .n-button.n-button--small-type {
|
|
5478
5478
|
padding: 4px 8px;
|
|
5479
5479
|
height: 28px;
|
|
5480
5480
|
line-height: 20px;
|
|
5481
5481
|
}
|
|
5482
|
-
[data-v-
|
|
5482
|
+
[data-v-360ced03] .n-button.n-button--quaternary-type:hover {
|
|
5483
5483
|
transform: translateY(-1px);
|
|
5484
5484
|
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
|
|
5485
5485
|
}
|
|
5486
|
-
[data-v-
|
|
5486
|
+
[data-v-360ced03] .n-button.n-button--quaternary-type:active {
|
|
5487
5487
|
transform: translateY(0);
|
|
5488
5488
|
}
|
|
5489
5489
|
|
|
5490
5490
|
/* ================= 8. 按钮组间距优化 ================= */
|
|
5491
5491
|
/* 操作按钮组 */
|
|
5492
|
-
[data-v-
|
|
5492
|
+
[data-v-360ced03] .n-space.n-space--horizontal .n-space-item:not(:last-child) {
|
|
5493
5493
|
margin-right: 6px !important;
|
|
5494
5494
|
}
|
|
5495
5495
|
|
|
5496
5496
|
/* ================= 9. 模态框样式优化 ================= */
|
|
5497
5497
|
/* 编辑模态框 */
|
|
5498
|
-
[data-v-
|
|
5498
|
+
[data-v-360ced03] .n-modal .n-card {
|
|
5499
5499
|
border-radius: 12px;
|
|
5500
5500
|
box-shadow: 0 8px 32px rgba(0, 0, 0, 0.12);
|
|
5501
5501
|
}
|
|
5502
|
-
[data-v-
|
|
5502
|
+
[data-v-360ced03] .n-modal .n-card__header {
|
|
5503
5503
|
padding: 20px 24px 16px;
|
|
5504
5504
|
font-weight: 600;
|
|
5505
5505
|
font-size: 16px;
|
|
5506
5506
|
}
|
|
5507
|
-
[data-v-
|
|
5507
|
+
[data-v-360ced03] .n-modal .n-card__content {
|
|
5508
5508
|
padding: 0 24px 16px;
|
|
5509
5509
|
}
|
|
5510
|
-
[data-v-
|
|
5510
|
+
[data-v-360ced03] .n-modal .n-card__action {
|
|
5511
5511
|
padding: 16px 24px 20px;
|
|
5512
5512
|
border-top: 1px solid var(--n-divider-color);
|
|
5513
5513
|
}
|
|
5514
5514
|
|
|
5515
5515
|
/* ================= 10. 描述列表样式 ================= */
|
|
5516
5516
|
/* 详情模态框描述列表 */
|
|
5517
|
-
[data-v-
|
|
5517
|
+
[data-v-360ced03] .n-descriptions .n-descriptions-item-label {
|
|
5518
5518
|
font-weight: 500;
|
|
5519
5519
|
color: var(--n-text-color-2);
|
|
5520
5520
|
}
|
|
5521
|
-
[data-v-
|
|
5521
|
+
[data-v-360ced03] .n-descriptions .n-descriptions-item-content {
|
|
5522
5522
|
color: var(--n-text-color-1);
|
|
5523
5523
|
word-break: break-all;
|
|
5524
5524
|
}
|
|
@@ -5526,90 +5526,90 @@ to {
|
|
|
5526
5526
|
/* ================= 11. 响应式设计 ================= */
|
|
5527
5527
|
/* 移动端适配 */
|
|
5528
5528
|
@media (max-width: 768px) {
|
|
5529
|
-
.c-table-wrapper[data-v-
|
|
5529
|
+
.c-table-wrapper[data-v-360ced03] {
|
|
5530
5530
|
overflow-x: auto;
|
|
5531
5531
|
}
|
|
5532
5532
|
/* 操作列在移动端的适配 */
|
|
5533
|
-
[data-v-
|
|
5533
|
+
[data-v-360ced03] .n-data-table-th:last-child {
|
|
5534
5534
|
width: 160px !important;
|
|
5535
5535
|
min-width: 160px !important;
|
|
5536
5536
|
}
|
|
5537
5537
|
/* 按钮在移动端的优化 */
|
|
5538
|
-
[data-v-
|
|
5538
|
+
[data-v-360ced03] .n-button {
|
|
5539
5539
|
font-size: 11px !important;
|
|
5540
5540
|
padding: 3px 6px;
|
|
5541
5541
|
}
|
|
5542
|
-
[data-v-
|
|
5542
|
+
[data-v-360ced03] .n-button .n-icon {
|
|
5543
5543
|
margin-right: 2px !important;
|
|
5544
5544
|
}
|
|
5545
5545
|
/* 单元格编辑图标在移动端始终显示 */
|
|
5546
|
-
.cell-edit-icon[data-v-
|
|
5546
|
+
.cell-edit-icon[data-v-360ced03] {
|
|
5547
5547
|
opacity: 0.6;
|
|
5548
5548
|
}
|
|
5549
5549
|
}
|
|
5550
5550
|
/* ================= 12. 主题适配 ================= */
|
|
5551
5551
|
/* 暗色主题适配 - 已通过 CSS 变量自动适配 */
|
|
5552
|
-
[data-theme=dark][data-v-
|
|
5552
|
+
[data-theme=dark][data-v-360ced03] {
|
|
5553
5553
|
/* CSS 变量已自动适配,如有特殊需求可在此添加 */
|
|
5554
5554
|
}
|
|
5555
5555
|
|
|
5556
5556
|
/* ================= 13. 响应式优化 ================= */
|
|
5557
5557
|
/* 小屏幕下的单元格编辑优化 */
|
|
5558
5558
|
@media (max-width: 768px) {
|
|
5559
|
-
.cell-editing-container[data-v-
|
|
5559
|
+
.cell-editing-container[data-v-360ced03],[data-v-360ced03] .cell-editing-container {
|
|
5560
5560
|
gap: 6px !important;
|
|
5561
5561
|
}
|
|
5562
|
-
.cell-editing-actions[data-v-
|
|
5562
|
+
.cell-editing-actions[data-v-360ced03],[data-v-360ced03] .cell-editing-actions {
|
|
5563
5563
|
gap: 3px !important;
|
|
5564
5564
|
padding: 2px !important;
|
|
5565
5565
|
}
|
|
5566
|
-
.cell-action-btn[data-v-
|
|
5566
|
+
.cell-action-btn[data-v-360ced03],[data-v-360ced03] .cell-action-btn {
|
|
5567
5567
|
width: 18px !important;
|
|
5568
5568
|
height: 18px !important;
|
|
5569
5569
|
}
|
|
5570
|
-
.cell-action-btn svg[data-v-
|
|
5570
|
+
.cell-action-btn svg[data-v-360ced03],[data-v-360ced03] .cell-action-btn svg {
|
|
5571
5571
|
width: 10px !important;
|
|
5572
5572
|
height: 10px !important;
|
|
5573
5573
|
}
|
|
5574
5574
|
/* 移动端编辑图标 */
|
|
5575
|
-
.cell-edit-icon[data-v-
|
|
5575
|
+
.cell-edit-icon[data-v-360ced03] {
|
|
5576
5576
|
opacity: 0.6 !important;
|
|
5577
5577
|
}
|
|
5578
|
-
.cell-value[data-v-
|
|
5578
|
+
.cell-value[data-v-360ced03] {
|
|
5579
5579
|
margin-right: 12px !important;
|
|
5580
5580
|
}
|
|
5581
5581
|
}
|
|
5582
5582
|
/* ================= 14. 性能优化 ================= */
|
|
5583
5583
|
/* 使用 GPU 加速的动画 */
|
|
5584
|
-
.cell-edit-icon[data-v-
|
|
5585
|
-
.cell-action-btn[data-v-
|
|
5584
|
+
.cell-edit-icon[data-v-360ced03],
|
|
5585
|
+
.cell-action-btn[data-v-360ced03] {
|
|
5586
5586
|
will-change: transform;
|
|
5587
5587
|
backface-visibility: hidden;
|
|
5588
5588
|
}
|
|
5589
|
-
[data-v-
|
|
5589
|
+
[data-v-360ced03] .n-button {
|
|
5590
5590
|
will-change: transform;
|
|
5591
5591
|
backface-visibility: hidden;
|
|
5592
5592
|
}
|
|
5593
5593
|
|
|
5594
5594
|
/* ================= 15. 可访问性优化 ================= */
|
|
5595
5595
|
/* 聚焦状态 */
|
|
5596
|
-
.cell-edit-wrapper[data-v-
|
|
5597
|
-
.cell-editing-container[data-v-
|
|
5596
|
+
.cell-edit-wrapper[data-v-360ced03]:focus-within,
|
|
5597
|
+
.cell-editing-container[data-v-360ced03]:focus-within {
|
|
5598
5598
|
outline: 2px solid var(--n-primary-color);
|
|
5599
5599
|
outline-offset: 2px;
|
|
5600
5600
|
}
|
|
5601
5601
|
|
|
5602
5602
|
/* 高对比度模式支持 */
|
|
5603
5603
|
@media (prefers-contrast: high) {
|
|
5604
|
-
.cell-edit-icon[data-v-
|
|
5604
|
+
.cell-edit-icon[data-v-360ced03] {
|
|
5605
5605
|
opacity: 0.8;
|
|
5606
5606
|
}
|
|
5607
|
-
.cell-editing-actions[data-v-
|
|
5607
|
+
.cell-editing-actions[data-v-360ced03] {
|
|
5608
5608
|
border-width: 2px;
|
|
5609
5609
|
}
|
|
5610
5610
|
}
|
|
5611
5611
|
|
|
5612
|
-
/*# sourceMappingURL=C_Table-
|
|
5612
|
+
/*# sourceMappingURL=C_Table-BsAOkALe.css.map*/
|
|
5613
5613
|
|
|
5614
5614
|
/* --- C_Time-Bd_e1YDN.css --- */
|
|
5615
5615
|
/* unplugin-vue-components disabled *//* 时间选择器组件样式 */
|
package/dist/useCropperCore.d.ts
CHANGED
|
@@ -53,21 +53,21 @@ interface ImageCropperEmits {
|
|
|
53
53
|
declare const __VLS_export: vue.DefineComponent<ImageCropperProps, ImageCropperExpose, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
|
|
54
54
|
error: (error: Event) => any;
|
|
55
55
|
ready: () => any;
|
|
56
|
-
cancel: () => any;
|
|
57
56
|
crop: (result: any) => any;
|
|
58
57
|
confirm: (result: any) => any;
|
|
58
|
+
cancel: () => any;
|
|
59
59
|
}, string, vue.PublicProps, Readonly<ImageCropperProps> & Readonly<{
|
|
60
60
|
onError?: ((error: Event) => any) | undefined;
|
|
61
61
|
onReady?: (() => any) | undefined;
|
|
62
|
-
onCancel?: (() => any) | undefined;
|
|
63
62
|
onCrop?: ((result: any) => any) | undefined;
|
|
64
63
|
onConfirm?: ((result: any) => any) | undefined;
|
|
64
|
+
onCancel?: (() => any) | undefined;
|
|
65
65
|
}>, {
|
|
66
|
-
disabled: boolean;
|
|
67
66
|
height: string | number;
|
|
68
67
|
showToolbar: boolean;
|
|
69
|
-
|
|
68
|
+
disabled: boolean;
|
|
70
69
|
showPreview: boolean;
|
|
70
|
+
aspectRatio: number;
|
|
71
71
|
src: string;
|
|
72
72
|
outputFormat: CropOutputFormat;
|
|
73
73
|
outputQuality: number;
|
|
@@ -116,11 +116,10 @@ declare const __VLS_base: vue.DefineComponent<DraggableProps, {
|
|
|
116
116
|
"onItem-remove"?: ((item: DraggableItem, index: number) => any) | undefined;
|
|
117
117
|
"onList-change"?: ((list: DraggableItem[]) => any) | undefined;
|
|
118
118
|
}>, {
|
|
119
|
-
disabled: boolean;
|
|
120
119
|
sort: boolean;
|
|
121
120
|
modelValue: DraggableItem[];
|
|
121
|
+
disabled: boolean;
|
|
122
122
|
delay: number;
|
|
123
|
-
direction: "vertical" | "horizontal";
|
|
124
123
|
group: string | GroupOptions;
|
|
125
124
|
animation: number;
|
|
126
125
|
handle: string;
|
|
@@ -135,6 +134,7 @@ declare const __VLS_base: vue.DefineComponent<DraggableProps, {
|
|
|
135
134
|
emptyText: string;
|
|
136
135
|
swapThreshold: number;
|
|
137
136
|
invertSwap: boolean;
|
|
137
|
+
direction: "vertical" | "horizontal";
|
|
138
138
|
layout: LayoutMode;
|
|
139
139
|
gridColumns: number;
|
|
140
140
|
gridRows: number;
|
|
@@ -1353,6 +1353,8 @@ declare const useDynamicFormState: () => {
|
|
|
1353
1353
|
} | undefined;
|
|
1354
1354
|
readonly trigger?: string | readonly string[] | undefined;
|
|
1355
1355
|
readonly pattern?: (RegExp | string) | undefined;
|
|
1356
|
+
readonly level?: "warning" | "error" | undefined;
|
|
1357
|
+
readonly key?: string | undefined;
|
|
1356
1358
|
readonly message?: string | ((a?: string) => string) | undefined;
|
|
1357
1359
|
readonly asyncValidator?: naive_ui_es_form_src_interface0.FormItemRuleAsyncValidator | undefined;
|
|
1358
1360
|
readonly min?: number | undefined;
|
|
@@ -1929,9 +1931,7 @@ declare const useDynamicFormState: () => {
|
|
|
1929
1931
|
readonly validator?: ((rule: InternalRuleItem, value: Value, callback: (error?: string | Error) => void, source: Values, options: ValidateOption) => SyncValidateResult | void) | undefined;
|
|
1930
1932
|
}[] | undefined;
|
|
1931
1933
|
readonly transform?: ((value: Value) => Value) | undefined;
|
|
1932
|
-
readonly key?: string | undefined;
|
|
1933
1934
|
readonly renderMessage?: (() => vue.VNodeChild) | undefined;
|
|
1934
|
-
readonly level?: "warning" | "error" | undefined;
|
|
1935
1935
|
readonly validator: NonNullable<naive_ui0.FormItemRule["validator"]>;
|
|
1936
1936
|
}[] | undefined;
|
|
1937
1937
|
readonly attrs?: {
|
|
@@ -3630,6 +3630,8 @@ declare const useDynamicFormState: () => {
|
|
|
3630
3630
|
} | undefined;
|
|
3631
3631
|
readonly trigger?: string | readonly string[] | undefined;
|
|
3632
3632
|
readonly pattern?: (RegExp | string) | undefined;
|
|
3633
|
+
readonly level?: "warning" | "error" | undefined;
|
|
3634
|
+
readonly key?: string | undefined;
|
|
3633
3635
|
readonly message?: string | ((a?: string) => string) | undefined;
|
|
3634
3636
|
readonly asyncValidator?: naive_ui_es_form_src_interface0.FormItemRuleAsyncValidator | undefined;
|
|
3635
3637
|
readonly min?: number | undefined;
|
|
@@ -4206,9 +4208,7 @@ declare const useDynamicFormState: () => {
|
|
|
4206
4208
|
readonly validator?: ((rule: InternalRuleItem, value: Value, callback: (error?: string | Error) => void, source: Values, options: ValidateOption) => SyncValidateResult | void) | undefined;
|
|
4207
4209
|
}[] | undefined;
|
|
4208
4210
|
readonly transform?: ((value: Value) => Value) | undefined;
|
|
4209
|
-
readonly key?: string | undefined;
|
|
4210
4211
|
readonly renderMessage?: (() => vue.VNodeChild) | undefined;
|
|
4211
|
-
readonly level?: "warning" | "error" | undefined;
|
|
4212
4212
|
readonly validator: NonNullable<naive_ui0.FormItemRule["validator"]>;
|
|
4213
4213
|
}[] | undefined;
|
|
4214
4214
|
}[];
|