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

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 (10) hide show
  1. package/dist/form-create.css +52 -24
  2. package/dist/form-create.esm.css +52 -24
  3. package/dist/form-create.esm.js +2 -2
  4. package/dist/form-create.esm.js.map +1 -1
  5. package/dist/form-create.js +2 -2
  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/parsers/select.js +18 -0
  10. package/src/style/index.css +52 -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;
@@ -406,9 +407,9 @@ textarea[readonly].ant-input {
406
407
  /* 预览模式：隐藏选择器的下拉箭头 */
407
408
  .form-create.is-preview .ant-select-arrow,
408
409
  .form-create.is-preview .ant-select-suffix,
409
- /* 只读模式：隐藏选择器的下拉箭头 */
410
- .ant-select-disabled .ant-select-arrow,
411
- .ant-select-disabled .ant-select-suffix {
410
+ /* 只读模式：隐藏 readOnly 选择器的下拉箭头 */
411
+ .fc-select-readonly.ant-select-disabled .ant-select-arrow,
412
+ .fc-select-readonly.ant-select-disabled .ant-select-suffix {
412
413
  display: none !important;
413
414
  }
414
415
 
@@ -437,7 +438,8 @@ textarea[readonly].ant-input {
437
438
  .ant-input-number[disabled],
438
439
  .ant-textarea[readonly],
439
440
  .ant-textarea[readonly][disabled],
440
- .ant-select-disabled,
441
+ /* 只读模式：防止 readOnly 的 disabled select 显示为禁用状态的灰色 */
442
+ .fc-select-readonly.ant-select-disabled,
441
443
  .ant-picker-disabled {
442
444
  opacity: 1 !important;
443
445
  color: inherit !important;
@@ -479,9 +481,7 @@ textarea[readonly].ant-input {
479
481
  }
480
482
 
481
483
  /* 预览模式：防止选择器显示为禁用状态 */
482
- .form-create.is-preview .ant-select-disabled .ant-select-selector,
483
- /* 只读模式：防止选择器显示为禁用状态，并允许文本选择 */
484
- .ant-select-disabled .ant-select-selector {
484
+ .form-create.is-preview .ant-select-disabled .ant-select-selector {
485
485
  opacity: 1 !important;
486
486
  color: inherit !important;
487
487
  background-color: transparent !important;
@@ -494,35 +494,63 @@ textarea[readonly].ant-input {
494
494
  -ms-user-select: text !important;
495
495
  }
496
496
 
497
+ /* 只读模式：readOnly 的 disabled select 保持正常颜色（不是灰色） */
498
+ .fc-select-readonly.ant-select-disabled .ant-select-selector {
499
+ opacity: 1 !important;
500
+ color: rgba(0, 0, 0, 0.88) !important;
501
+ background-color: #ffffff !important;
502
+ cursor: text !important;
503
+ border: 1px solid #d9d9d9 !important;
504
+ box-shadow: none !important;
505
+ user-select: text !important;
506
+ -webkit-user-select: text !important;
507
+ -moz-user-select: text !important;
508
+ -ms-user-select: text !important;
509
+ }
510
+
511
+ /* 只读模式：readOnly 的 disabled select 悬停时保持正常样式 */
512
+ .fc-select-readonly.ant-select-disabled:hover .ant-select-selector {
513
+ border-color: #d9d9d9 !important;
514
+ box-shadow: none !important;
515
+ }
516
+
517
+ /* 只读模式：readOnly 的 disabled select 聚焦时保持正常样式 */
518
+ .fc-select-readonly.ant-select-disabled.ant-select-focused .ant-select-selector,
519
+ .fc-select-readonly.ant-select-disabled:focus .ant-select-selector {
520
+ border-color: #d9d9d9 !important;
521
+ box-shadow: none !important;
522
+ outline: none !important;
523
+ }
524
+
497
525
  /* 只读模式：允许所有文本选择和复制 */
498
526
  .ant-input[readonly],
499
527
  .ant-input[readonly] *,
500
528
  .ant-textarea[readonly],
501
529
  .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 {
530
+ .fc-select-readonly.ant-select-disabled .ant-select-selector *,
531
+ .fc-select-readonly.ant-select-disabled .ant-select-selection-item,
532
+ .fc-select-readonly.ant-select-disabled .ant-select-selection-item-content {
505
533
  user-select: text !important;
506
534
  -webkit-user-select: text !important;
507
535
  -moz-user-select: text !important;
508
536
  -ms-user-select: text !important;
509
537
  }
510
538
 
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 {
539
+ /* 只读模式：允许 readOnly 的 disabled select 的多选选项选择和复制（需要 pointer-events） */
540
+ .fc-select-readonly.ant-select-disabled .ant-select-selector,
541
+ .fc-select-readonly.ant-select-disabled .ant-select-selection,
542
+ .fc-select-readonly.ant-select-disabled .ant-select-selection-item,
543
+ .fc-select-readonly.ant-select-disabled .ant-select-selection-item-content,
544
+ .fc-select-readonly.ant-select-disabled .ant-select-selection-overflow,
545
+ .fc-select-readonly.ant-select-disabled .ant-select-selection-overflow-item {
518
546
  pointer-events: auto !important;
519
547
  cursor: text !important;
520
548
  }
521
549
 
522
- /* 只读模式：防止 disabled select 的多选选项显示为灰色 */
523
- .ant-select-disabled.ant-select-multiple .ant-select-selection-item {
550
+ /* 只读模式：防止 readOnly 的 disabled select 的多选选项显示为灰色 */
551
+ .fc-select-readonly.ant-select-disabled.ant-select-multiple .ant-select-selection-item {
524
552
  opacity: 1 !important;
525
- color: inherit !important;
553
+ color: rgba(0, 0, 0, 0.88) !important;
526
554
  background-color: #f0f0f0 !important;
527
555
  border-color: #d9d9d9 !important;
528
556
  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;
@@ -406,9 +407,9 @@ textarea[readonly].ant-input {
406
407
  /* 预览模式：隐藏选择器的下拉箭头 */
407
408
  .form-create.is-preview .ant-select-arrow,
408
409
  .form-create.is-preview .ant-select-suffix,
409
- /* 只读模式：隐藏选择器的下拉箭头 */
410
- .ant-select-disabled .ant-select-arrow,
411
- .ant-select-disabled .ant-select-suffix {
410
+ /* 只读模式：隐藏 readOnly 选择器的下拉箭头 */
411
+ .fc-select-readonly.ant-select-disabled .ant-select-arrow,
412
+ .fc-select-readonly.ant-select-disabled .ant-select-suffix {
412
413
  display: none !important;
413
414
  }
414
415
 
@@ -437,7 +438,8 @@ textarea[readonly].ant-input {
437
438
  .ant-input-number[disabled],
438
439
  .ant-textarea[readonly],
439
440
  .ant-textarea[readonly][disabled],
440
- .ant-select-disabled,
441
+ /* 只读模式：防止 readOnly 的 disabled select 显示为禁用状态的灰色 */
442
+ .fc-select-readonly.ant-select-disabled,
441
443
  .ant-picker-disabled {
442
444
  opacity: 1 !important;
443
445
  color: inherit !important;
@@ -479,9 +481,7 @@ textarea[readonly].ant-input {
479
481
  }
480
482
 
481
483
  /* 预览模式：防止选择器显示为禁用状态 */
482
- .form-create.is-preview .ant-select-disabled .ant-select-selector,
483
- /* 只读模式：防止选择器显示为禁用状态，并允许文本选择 */
484
- .ant-select-disabled .ant-select-selector {
484
+ .form-create.is-preview .ant-select-disabled .ant-select-selector {
485
485
  opacity: 1 !important;
486
486
  color: inherit !important;
487
487
  background-color: transparent !important;
@@ -494,35 +494,63 @@ textarea[readonly].ant-input {
494
494
  -ms-user-select: text !important;
495
495
  }
496
496
 
497
+ /* 只读模式：readOnly 的 disabled select 保持正常颜色（不是灰色） */
498
+ .fc-select-readonly.ant-select-disabled .ant-select-selector {
499
+ opacity: 1 !important;
500
+ color: rgba(0, 0, 0, 0.88) !important;
501
+ background-color: #ffffff !important;
502
+ cursor: text !important;
503
+ border: 1px solid #d9d9d9 !important;
504
+ box-shadow: none !important;
505
+ user-select: text !important;
506
+ -webkit-user-select: text !important;
507
+ -moz-user-select: text !important;
508
+ -ms-user-select: text !important;
509
+ }
510
+
511
+ /* 只读模式：readOnly 的 disabled select 悬停时保持正常样式 */
512
+ .fc-select-readonly.ant-select-disabled:hover .ant-select-selector {
513
+ border-color: #d9d9d9 !important;
514
+ box-shadow: none !important;
515
+ }
516
+
517
+ /* 只读模式：readOnly 的 disabled select 聚焦时保持正常样式 */
518
+ .fc-select-readonly.ant-select-disabled.ant-select-focused .ant-select-selector,
519
+ .fc-select-readonly.ant-select-disabled:focus .ant-select-selector {
520
+ border-color: #d9d9d9 !important;
521
+ box-shadow: none !important;
522
+ outline: none !important;
523
+ }
524
+
497
525
  /* 只读模式：允许所有文本选择和复制 */
498
526
  .ant-input[readonly],
499
527
  .ant-input[readonly] *,
500
528
  .ant-textarea[readonly],
501
529
  .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 {
530
+ .fc-select-readonly.ant-select-disabled .ant-select-selector *,
531
+ .fc-select-readonly.ant-select-disabled .ant-select-selection-item,
532
+ .fc-select-readonly.ant-select-disabled .ant-select-selection-item-content {
505
533
  user-select: text !important;
506
534
  -webkit-user-select: text !important;
507
535
  -moz-user-select: text !important;
508
536
  -ms-user-select: text !important;
509
537
  }
510
538
 
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 {
539
+ /* 只读模式：允许 readOnly 的 disabled select 的多选选项选择和复制（需要 pointer-events） */
540
+ .fc-select-readonly.ant-select-disabled .ant-select-selector,
541
+ .fc-select-readonly.ant-select-disabled .ant-select-selection,
542
+ .fc-select-readonly.ant-select-disabled .ant-select-selection-item,
543
+ .fc-select-readonly.ant-select-disabled .ant-select-selection-item-content,
544
+ .fc-select-readonly.ant-select-disabled .ant-select-selection-overflow,
545
+ .fc-select-readonly.ant-select-disabled .ant-select-selection-overflow-item {
518
546
  pointer-events: auto !important;
519
547
  cursor: text !important;
520
548
  }
521
549
 
522
- /* 只读模式：防止 disabled select 的多选选项显示为灰色 */
523
- .ant-select-disabled.ant-select-multiple .ant-select-selection-item {
550
+ /* 只读模式：防止 readOnly 的 disabled select 的多选选项显示为灰色 */
551
+ .fc-select-readonly.ant-select-disabled.ant-select-multiple .ant-select-selection-item {
524
552
  opacity: 1 !important;
525
- color: inherit !important;
553
+ color: rgba(0, 0, 0, 0.88) !important;
526
554
  background-color: #f0f0f0 !important;
527
555
  border-color: #d9d9d9 !important;
528
556
  cursor: text !important;