@longhongguo/form-create-ant-design-vue 3.3.41 → 3.3.44

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 (11) hide show
  1. package/dist/form-create.css +74 -24
  2. package/dist/form-create.esm.css +74 -24
  3. package/dist/form-create.esm.js +3 -3
  4. package/dist/form-create.esm.js.map +1 -1
  5. package/dist/form-create.js +3 -3
  6. package/dist/form-create.js.map +1 -1
  7. package/package.json +1 -1
  8. package/src/components/tableForm/TableForm.vue +55 -23
  9. package/src/core/manager.js +8 -0
  10. package/src/parsers/select.js +18 -0
  11. package/src/style/index.css +74 -24
package/dist/form-create.css CHANGED
@@ -68,7 +68,6 @@
68
68
  .ant-input[readonly] ~ .ant-input-wrapper,
69
69
  .ant-input[readonly] ~ .ant-input-affix-wrapper,
70
70
  .ant-textarea[readonly],
71
- .ant-select-disabled .ant-select-selector,
72
71
  .ant-picker-disabled,
73
72
  .ant-cascader-disabled .ant-cascader-picker,
74
73
  input[readonly].ant-input,
@@ -91,8 +90,9 @@ textarea[readonly].ant-input {
91
90
  /* 只读模式：移除焦点状态边框 */
92
91
  .ant-input[readonly]:focus,
93
92
  .ant-textarea[readonly]:focus,
94
- .ant-select-disabled.ant-select-focused .ant-select-selector,
95
- .ant-select-disabled:focus .ant-select-selector,
93
+ /* 只读模式：readOnly 的 disabled select 移除焦点状态边框 */
94
+ .fc-select-readonly.ant-select-disabled.ant-select-focused .ant-select-selector,
95
+ .fc-select-readonly.ant-select-disabled:focus .ant-select-selector,
96
96
  .ant-picker-disabled:focus {
97
97
  border: none !important;
98
98
  box-shadow: none !important;
@@ -111,7 +111,8 @@ textarea[readonly].ant-input {
111
111
  /* 只读模式：移除悬停状态边框 */
112
112
  .ant-input[readonly]:hover,
113
113
  .ant-textarea[readonly]:hover,
114
- .ant-select-disabled:hover .ant-select-selector,
114
+ /* 只读模式：readOnly 的 disabled select 移除悬停状态边框 */
115
+ .fc-select-readonly.ant-select-disabled:hover .ant-select-selector,
115
116
  .ant-picker-disabled:hover {
116
117
  border: none !important;
117
118
  box-shadow: none !important;
@@ -357,6 +358,28 @@ textarea[readonly].ant-input {
357
358
  background-color: transparent !important;
358
359
  }
359
360
 
361
+ /* 只读模式：防止 upload 组件显示为禁用状态（不置灰） */
362
+ .ant-upload-disabled,
363
+ .ant-upload.ant-upload-disabled {
364
+ opacity: 1 !important;
365
+ color: inherit !important;
366
+ background-color: transparent !important;
367
+ }
368
+
369
+ /* 只读模式：防止 upload 列表项显示为禁用状态 */
370
+ .ant-upload-disabled .ant-upload-list-item,
371
+ .ant-upload.ant-upload-disabled .ant-upload-list-item {
372
+ opacity: 1 !important;
373
+ }
374
+
375
+ /* 只读模式：防止 upload 列表项缩略图显示为禁用状态 */
376
+ .ant-upload-disabled .ant-upload-list-item-thumbnail,
377
+ .ant-upload.ant-upload-disabled .ant-upload-list-item-thumbnail,
378
+ .ant-upload-disabled .ant-upload-list-item-thumbnail img,
379
+ .ant-upload.ant-upload-disabled .ant-upload-list-item-thumbnail img {
380
+ opacity: 1 !important;
381
+ }
382
+
360
383
  /* 预览模式：按钮保持原有颜色，不覆盖 */
361
384
  .form-create.is-preview .ant-btn {
362
385
  opacity: 1 !important;
@@ -406,9 +429,9 @@ textarea[readonly].ant-input {
406
429
  /* 预览模式：隐藏选择器的下拉箭头 */
407
430
  .form-create.is-preview .ant-select-arrow,
408
431
  .form-create.is-preview .ant-select-suffix,
409
- /* 只读模式：隐藏选择器的下拉箭头 */
410
- .ant-select-disabled .ant-select-arrow,
411
- .ant-select-disabled .ant-select-suffix {
432
+ /* 只读模式：隐藏 readOnly 选择器的下拉箭头 */
433
+ .fc-select-readonly.ant-select-disabled .ant-select-arrow,
434
+ .fc-select-readonly.ant-select-disabled .ant-select-suffix {
412
435
  display: none !important;
413
436
  }
414
437
 
@@ -437,7 +460,8 @@ textarea[readonly].ant-input {
437
460
  .ant-input-number[disabled],
438
461
  .ant-textarea[readonly],
439
462
  .ant-textarea[readonly][disabled],
440
- .ant-select-disabled,
463
+ /* 只读模式：防止 readOnly 的 disabled select 显示为禁用状态的灰色 */
464
+ .fc-select-readonly.ant-select-disabled,
441
465
  .ant-picker-disabled {
442
466
  opacity: 1 !important;
443
467
  color: inherit !important;
@@ -479,9 +503,7 @@ textarea[readonly].ant-input {
479
503
  }
480
504
 
481
505
  /* 预览模式：防止选择器显示为禁用状态 */
482
- .form-create.is-preview .ant-select-disabled .ant-select-selector,
483
- /* 只读模式：防止选择器显示为禁用状态，并允许文本选择 */
484
- .ant-select-disabled .ant-select-selector {
506
+ .form-create.is-preview .ant-select-disabled .ant-select-selector {
485
507
  opacity: 1 !important;
486
508
  color: inherit !important;
487
509
  background-color: transparent !important;
@@ -494,35 +516,63 @@ textarea[readonly].ant-input {
494
516
  -ms-user-select: text !important;
495
517
  }
496
518
 
519
+ /* 只读模式：readOnly 的 disabled select 保持正常颜色（不是灰色） */
520
+ .fc-select-readonly.ant-select-disabled .ant-select-selector {
521
+ opacity: 1 !important;
522
+ color: rgba(0, 0, 0, 0.88) !important;
523
+ background-color: #ffffff !important;
524
+ cursor: text !important;
525
+ border: 1px solid #d9d9d9 !important;
526
+ box-shadow: none !important;
527
+ user-select: text !important;
528
+ -webkit-user-select: text !important;
529
+ -moz-user-select: text !important;
530
+ -ms-user-select: text !important;
531
+ }
532
+
533
+ /* 只读模式：readOnly 的 disabled select 悬停时保持正常样式 */
534
+ .fc-select-readonly.ant-select-disabled:hover .ant-select-selector {
535
+ border-color: #d9d9d9 !important;
536
+ box-shadow: none !important;
537
+ }
538
+
539
+ /* 只读模式：readOnly 的 disabled select 聚焦时保持正常样式 */
540
+ .fc-select-readonly.ant-select-disabled.ant-select-focused .ant-select-selector,
541
+ .fc-select-readonly.ant-select-disabled:focus .ant-select-selector {
542
+ border-color: #d9d9d9 !important;
543
+ box-shadow: none !important;
544
+ outline: none !important;
545
+ }
546
+
497
547
  /* 只读模式：允许所有文本选择和复制 */
498
548
  .ant-input[readonly],
499
549
  .ant-input[readonly] *,
500
550
  .ant-textarea[readonly],
501
551
  .ant-textarea[readonly] *,
502
- .ant-select-disabled .ant-select-selector *,
503
- .ant-select-disabled .ant-select-selection-item,
504
- .ant-select-disabled .ant-select-selection-item-content {
552
+ .fc-select-readonly.ant-select-disabled .ant-select-selector *,
553
+ .fc-select-readonly.ant-select-disabled .ant-select-selection-item,
554
+ .fc-select-readonly.ant-select-disabled .ant-select-selection-item-content {
505
555
  user-select: text !important;
506
556
  -webkit-user-select: text !important;
507
557
  -moz-user-select: text !important;
508
558
  -ms-user-select: text !important;
509
559
  }
510
560
 
511
- /* 只读模式：允许 disabled select 的多选选项选择和复制（需要 pointer-events） */
512
- .ant-select-disabled .ant-select-selector,
513
- .ant-select-disabled .ant-select-selection,
514
- .ant-select-disabled .ant-select-selection-item,
515
- .ant-select-disabled .ant-select-selection-item-content,
516
- .ant-select-disabled .ant-select-selection-overflow,
517
- .ant-select-disabled .ant-select-selection-overflow-item {
561
+ /* 只读模式：允许 readOnly 的 disabled select 的多选选项选择和复制（需要 pointer-events） */
562
+ .fc-select-readonly.ant-select-disabled .ant-select-selector,
563
+ .fc-select-readonly.ant-select-disabled .ant-select-selection,
564
+ .fc-select-readonly.ant-select-disabled .ant-select-selection-item,
565
+ .fc-select-readonly.ant-select-disabled .ant-select-selection-item-content,
566
+ .fc-select-readonly.ant-select-disabled .ant-select-selection-overflow,
567
+ .fc-select-readonly.ant-select-disabled .ant-select-selection-overflow-item {
518
568
  pointer-events: auto !important;
519
569
  cursor: text !important;
520
570
  }
521
571
 
522
- /* 只读模式：防止 disabled select 的多选选项显示为灰色 */
523
- .ant-select-disabled.ant-select-multiple .ant-select-selection-item {
572
+ /* 只读模式：防止 readOnly 的 disabled select 的多选选项显示为灰色 */
573
+ .fc-select-readonly.ant-select-disabled.ant-select-multiple .ant-select-selection-item {
524
574
  opacity: 1 !important;
525
- color: inherit !important;
575
+ color: rgba(0, 0, 0, 0.88) !important;
526
576
  background-color: #f0f0f0 !important;
527
577
  border-color: #d9d9d9 !important;
528
578
  cursor: text !important;
package/dist/form-create.esm.css CHANGED
@@ -68,7 +68,6 @@
68
68
  .ant-input[readonly] ~ .ant-input-wrapper,
69
69
  .ant-input[readonly] ~ .ant-input-affix-wrapper,
70
70
  .ant-textarea[readonly],
71
- .ant-select-disabled .ant-select-selector,
72
71
  .ant-picker-disabled,
73
72
  .ant-cascader-disabled .ant-cascader-picker,
74
73
  input[readonly].ant-input,
@@ -91,8 +90,9 @@ textarea[readonly].ant-input {
91
90
  /* 只读模式：移除焦点状态边框 */
92
91
  .ant-input[readonly]:focus,
93
92
  .ant-textarea[readonly]:focus,
94
- .ant-select-disabled.ant-select-focused .ant-select-selector,
95
- .ant-select-disabled:focus .ant-select-selector,
93
+ /* 只读模式：readOnly 的 disabled select 移除焦点状态边框 */
94
+ .fc-select-readonly.ant-select-disabled.ant-select-focused .ant-select-selector,
95
+ .fc-select-readonly.ant-select-disabled:focus .ant-select-selector,
96
96
  .ant-picker-disabled:focus {
97
97
  border: none !important;
98
98
  box-shadow: none !important;
@@ -111,7 +111,8 @@ textarea[readonly].ant-input {
111
111
  /* 只读模式：移除悬停状态边框 */
112
112
  .ant-input[readonly]:hover,
113
113
  .ant-textarea[readonly]:hover,
114
- .ant-select-disabled:hover .ant-select-selector,
114
+ /* 只读模式：readOnly 的 disabled select 移除悬停状态边框 */
115
+ .fc-select-readonly.ant-select-disabled:hover .ant-select-selector,
115
116
  .ant-picker-disabled:hover {
116
117
  border: none !important;
117
118
  box-shadow: none !important;
@@ -357,6 +358,28 @@ textarea[readonly].ant-input {
357
358
  background-color: transparent !important;
358
359
  }
359
360
 
361
+ /* 只读模式：防止 upload 组件显示为禁用状态（不置灰） */
362
+ .ant-upload-disabled,
363
+ .ant-upload.ant-upload-disabled {
364
+ opacity: 1 !important;
365
+ color: inherit !important;
366
+ background-color: transparent !important;
367
+ }
368
+
369
+ /* 只读模式：防止 upload 列表项显示为禁用状态 */
370
+ .ant-upload-disabled .ant-upload-list-item,
371
+ .ant-upload.ant-upload-disabled .ant-upload-list-item {
372
+ opacity: 1 !important;
373
+ }
374
+
375
+ /* 只读模式：防止 upload 列表项缩略图显示为禁用状态 */
376
+ .ant-upload-disabled .ant-upload-list-item-thumbnail,
377
+ .ant-upload.ant-upload-disabled .ant-upload-list-item-thumbnail,
378
+ .ant-upload-disabled .ant-upload-list-item-thumbnail img,
379
+ .ant-upload.ant-upload-disabled .ant-upload-list-item-thumbnail img {
380
+ opacity: 1 !important;
381
+ }
382
+
360
383
  /* 预览模式：按钮保持原有颜色，不覆盖 */
361
384
  .form-create.is-preview .ant-btn {
362
385
  opacity: 1 !important;
@@ -406,9 +429,9 @@ textarea[readonly].ant-input {
406
429
  /* 预览模式：隐藏选择器的下拉箭头 */
407
430
  .form-create.is-preview .ant-select-arrow,
408
431
  .form-create.is-preview .ant-select-suffix,
409
- /* 只读模式：隐藏选择器的下拉箭头 */
410
- .ant-select-disabled .ant-select-arrow,
411
- .ant-select-disabled .ant-select-suffix {
432
+ /* 只读模式：隐藏 readOnly 选择器的下拉箭头 */
433
+ .fc-select-readonly.ant-select-disabled .ant-select-arrow,
434
+ .fc-select-readonly.ant-select-disabled .ant-select-suffix {
412
435
  display: none !important;
413
436
  }
414
437
 
@@ -437,7 +460,8 @@ textarea[readonly].ant-input {
437
460
  .ant-input-number[disabled],
438
461
  .ant-textarea[readonly],
439
462
  .ant-textarea[readonly][disabled],
440
- .ant-select-disabled,
463
+ /* 只读模式：防止 readOnly 的 disabled select 显示为禁用状态的灰色 */
464
+ .fc-select-readonly.ant-select-disabled,
441
465
  .ant-picker-disabled {
442
466
  opacity: 1 !important;
443
467
  color: inherit !important;
@@ -479,9 +503,7 @@ textarea[readonly].ant-input {
479
503
  }
480
504
 
481
505
  /* 预览模式：防止选择器显示为禁用状态 */
482
- .form-create.is-preview .ant-select-disabled .ant-select-selector,
483
- /* 只读模式：防止选择器显示为禁用状态，并允许文本选择 */
484
- .ant-select-disabled .ant-select-selector {
506
+ .form-create.is-preview .ant-select-disabled .ant-select-selector {
485
507
  opacity: 1 !important;
486
508
  color: inherit !important;
487
509
  background-color: transparent !important;
@@ -494,35 +516,63 @@ textarea[readonly].ant-input {
494
516
  -ms-user-select: text !important;
495
517
  }
496
518
 
519
+ /* 只读模式：readOnly 的 disabled select 保持正常颜色（不是灰色） */
520
+ .fc-select-readonly.ant-select-disabled .ant-select-selector {
521
+ opacity: 1 !important;
522
+ color: rgba(0, 0, 0, 0.88) !important;
523
+ background-color: #ffffff !important;
524
+ cursor: text !important;
525
+ border: 1px solid #d9d9d9 !important;
526
+ box-shadow: none !important;
527
+ user-select: text !important;
528
+ -webkit-user-select: text !important;
529
+ -moz-user-select: text !important;
530
+ -ms-user-select: text !important;
531
+ }
532
+
533
+ /* 只读模式：readOnly 的 disabled select 悬停时保持正常样式 */
534
+ .fc-select-readonly.ant-select-disabled:hover .ant-select-selector {
535
+ border-color: #d9d9d9 !important;
536
+ box-shadow: none !important;
537
+ }
538
+
539
+ /* 只读模式：readOnly 的 disabled select 聚焦时保持正常样式 */
540
+ .fc-select-readonly.ant-select-disabled.ant-select-focused .ant-select-selector,
541
+ .fc-select-readonly.ant-select-disabled:focus .ant-select-selector {
542
+ border-color: #d9d9d9 !important;
543
+ box-shadow: none !important;
544
+ outline: none !important;
545
+ }
546
+
497
547
  /* 只读模式：允许所有文本选择和复制 */
498
548
  .ant-input[readonly],
499
549
  .ant-input[readonly] *,
500
550
  .ant-textarea[readonly],
501
551
  .ant-textarea[readonly] *,
502
- .ant-select-disabled .ant-select-selector *,
503
- .ant-select-disabled .ant-select-selection-item,
504
- .ant-select-disabled .ant-select-selection-item-content {
552
+ .fc-select-readonly.ant-select-disabled .ant-select-selector *,
553
+ .fc-select-readonly.ant-select-disabled .ant-select-selection-item,
554
+ .fc-select-readonly.ant-select-disabled .ant-select-selection-item-content {
505
555
  user-select: text !important;
506
556
  -webkit-user-select: text !important;
507
557
  -moz-user-select: text !important;
508
558
  -ms-user-select: text !important;
509
559
  }
510
560
 
511
- /* 只读模式：允许 disabled select 的多选选项选择和复制（需要 pointer-events） */
512
- .ant-select-disabled .ant-select-selector,
513
- .ant-select-disabled .ant-select-selection,
514
- .ant-select-disabled .ant-select-selection-item,
515
- .ant-select-disabled .ant-select-selection-item-content,
516
- .ant-select-disabled .ant-select-selection-overflow,
517
- .ant-select-disabled .ant-select-selection-overflow-item {
561
+ /* 只读模式：允许 readOnly 的 disabled select 的多选选项选择和复制（需要 pointer-events） */
562
+ .fc-select-readonly.ant-select-disabled .ant-select-selector,
563
+ .fc-select-readonly.ant-select-disabled .ant-select-selection,
564
+ .fc-select-readonly.ant-select-disabled .ant-select-selection-item,
565
+ .fc-select-readonly.ant-select-disabled .ant-select-selection-item-content,
566
+ .fc-select-readonly.ant-select-disabled .ant-select-selection-overflow,
567
+ .fc-select-readonly.ant-select-disabled .ant-select-selection-overflow-item {
518
568
  pointer-events: auto !important;
519
569
  cursor: text !important;
520
570
  }
521
571
 
522
- /* 只读模式：防止 disabled select 的多选选项显示为灰色 */
523
- .ant-select-disabled.ant-select-multiple .ant-select-selection-item {
572
+ /* 只读模式：防止 readOnly 的 disabled select 的多选选项显示为灰色 */
573
+ .fc-select-readonly.ant-select-disabled.ant-select-multiple .ant-select-selection-item {
524
574
  opacity: 1 !important;
525
- color: inherit !important;
575
+ color: rgba(0, 0, 0, 0.88) !important;
526
576
  background-color: #f0f0f0 !important;
527
577
  border-color: #d9d9d9 !important;
528
578
  cursor: text !important;