@longhongguo/form-create-ant-design-vue 3.3.7 → 3.3.9

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 (14) hide show
  1. package/auto-import.js +3 -1
  2. package/dist/form-create.css +47 -7
  3. package/dist/form-create.esm.css +47 -7
  4. package/dist/form-create.esm.js +2 -2
  5. package/dist/form-create.esm.js.map +1 -1
  6. package/dist/form-create.js +2 -2
  7. package/dist/form-create.js.map +1 -1
  8. package/package.json +1 -1
  9. package/src/core/alias.js +3 -0
  10. package/src/core/manager.js +28 -2
  11. package/src/parsers/card.js +38 -0
  12. package/src/parsers/index.js +2 -0
  13. package/src/parsers/select.js +8 -0
  14. package/src/style/index.css +47 -7
package/auto-import.js CHANGED
@@ -27,7 +27,8 @@ import {
27
27
  Transfer,
28
28
  Image,
29
29
  Table,
30
- Alert
30
+ Alert,
31
+ Card
31
32
  } from 'ant-design-vue'
32
33
 
33
34
  export default function install(formCreate) {
@@ -63,5 +64,6 @@ export default function install(formCreate) {
63
64
  app.component(Image.name) || app.use(Image)
64
65
  app.component(Table.name) || app.use(Table)
65
66
  app.component(Alert.name) || app.use(Alert)
67
+ app.component(Card.name) || app.use(Card)
66
68
  })
67
69
  }
package/dist/form-create.css CHANGED
@@ -48,6 +48,7 @@
48
48
  }
49
49
 
50
50
  /* 移除组件边框 */
51
+ /* 预览模式或只读模式的样式 */
51
52
  .form-create.is-preview .ant-input,
52
53
  .form-create.is-preview .ant-input-number,
53
54
  .form-create.is-preview .ant-select-selector,
@@ -61,7 +62,17 @@
61
62
  .form-create.is-preview .ant-input-wrapper,
62
63
  .form-create.is-preview .ant-input-affix-wrapper,
63
64
  .form-create.is-preview .ant-input-group-wrapper,
64
- .form-create.is-preview .ant-input-group {
65
+ .form-create.is-preview .ant-input-group,
66
+ /* 只读模式的样式（通过 readOnly 属性或 disabled 属性识别） */
67
+ .ant-input[readonly],
68
+ .ant-input[readonly] ~ .ant-input-wrapper,
69
+ .ant-input[readonly] ~ .ant-input-affix-wrapper,
70
+ .ant-textarea[readonly],
71
+ .ant-select-disabled .ant-select-selector,
72
+ .ant-picker-disabled,
73
+ .ant-cascader-disabled .ant-cascader-picker,
74
+ input[readonly].ant-input,
75
+ textarea[readonly].ant-input {
65
76
  border: none !important;
66
77
  box-shadow: none !important;
67
78
  background: transparent !important;
@@ -76,7 +87,13 @@
76
87
  .form-create.is-preview .ant-textarea:focus,
77
88
  .form-create.is-preview .ant-input-wrapper:focus,
78
89
  .form-create.is-preview .ant-input-affix-wrapper:focus,
79
- .form-create.is-preview .ant-input-affix-wrapper-focused {
90
+ .form-create.is-preview .ant-input-affix-wrapper-focused,
91
+ /* 只读模式：移除焦点状态边框 */
92
+ .ant-input[readonly]:focus,
93
+ .ant-textarea[readonly]:focus,
94
+ .ant-select-disabled.ant-select-focused .ant-select-selector,
95
+ .ant-select-disabled:focus .ant-select-selector,
96
+ .ant-picker-disabled:focus {
80
97
  border: none !important;
81
98
  box-shadow: none !important;
82
99
  outline: none !important;
@@ -90,7 +107,12 @@
90
107
  .form-create.is-preview .ant-input-password:hover,
91
108
  .form-create.is-preview .ant-textarea:hover,
92
109
  .form-create.is-preview .ant-input-wrapper:hover,
93
- .form-create.is-preview .ant-input-affix-wrapper:hover {
110
+ .form-create.is-preview .ant-input-affix-wrapper:hover,
111
+ /* 只读模式：移除悬停状态边框 */
112
+ .ant-input[readonly]:hover,
113
+ .ant-textarea[readonly]:hover,
114
+ .ant-select-disabled:hover .ant-select-selector,
115
+ .ant-picker-disabled:hover {
94
116
  border: none !important;
95
117
  box-shadow: none !important;
96
118
  }
@@ -280,7 +302,10 @@
280
302
 
281
303
  /* 预览模式：隐藏选择器的下拉箭头 */
282
304
  .form-create.is-preview .ant-select-arrow,
283
- .form-create.is-preview .ant-select-suffix {
305
+ .form-create.is-preview .ant-select-suffix,
306
+ /* 只读模式：隐藏选择器的下拉箭头 */
307
+ .ant-select-disabled .ant-select-arrow,
308
+ .ant-select-disabled .ant-select-suffix {
284
309
  display: none !important;
285
310
  }
286
311
 
@@ -302,7 +327,15 @@
302
327
  .form-create.is-preview .ant-input-number[disabled],
303
328
  .form-create.is-preview .ant-select-disabled,
304
329
  .form-create.is-preview .ant-picker-disabled,
305
- .form-create.is-preview .ant-textarea[disabled] {
330
+ .form-create.is-preview .ant-textarea[disabled],
331
+ /* 只读模式：防止输入框显示为禁用状态的灰色 */
332
+ .ant-input[readonly],
333
+ .ant-input[readonly][disabled],
334
+ .ant-input-number[disabled],
335
+ .ant-textarea[readonly],
336
+ .ant-textarea[readonly][disabled],
337
+ .ant-select-disabled,
338
+ .ant-picker-disabled {
306
339
  opacity: 1 !important;
307
340
  color: inherit !important;
308
341
  background-color: transparent !important;
@@ -343,11 +376,15 @@
343
376
  }
344
377
 
345
378
  /* 预览模式：防止选择器显示为禁用状态 */
346
- .form-create.is-preview .ant-select-disabled .ant-select-selector {
379
+ .form-create.is-preview .ant-select-disabled .ant-select-selector,
380
+ /* 只读模式：防止选择器显示为禁用状态 */
381
+ .ant-select-disabled .ant-select-selector {
347
382
  opacity: 1 !important;
348
383
  color: inherit !important;
349
384
  background-color: transparent !important;
350
385
  cursor: default !important;
386
+ border: none !important;
387
+ box-shadow: none !important;
351
388
  }
352
389
 
353
390
  /* 预览模式：防止日期选择器显示为禁用状态 */
@@ -444,7 +481,10 @@
444
481
  }
445
482
 
446
483
  /* 预览模式：禁用选择器下拉 */
447
- .form-create.is-preview .ant-select-dropdown {
484
+ .form-create.is-preview .ant-select-dropdown,
485
+ /* 只读模式：禁用选择器下拉 */
486
+ .ant-select-disabled + .ant-select-dropdown,
487
+ .ant-select.ant-select-disabled ~ .ant-select-dropdown {
448
488
  display: none !important;
449
489
  }
450
490
 
package/dist/form-create.esm.css CHANGED
@@ -48,6 +48,7 @@
48
48
  }
49
49
 
50
50
  /* 移除组件边框 */
51
+ /* 预览模式或只读模式的样式 */
51
52
  .form-create.is-preview .ant-input,
52
53
  .form-create.is-preview .ant-input-number,
53
54
  .form-create.is-preview .ant-select-selector,
@@ -61,7 +62,17 @@
61
62
  .form-create.is-preview .ant-input-wrapper,
62
63
  .form-create.is-preview .ant-input-affix-wrapper,
63
64
  .form-create.is-preview .ant-input-group-wrapper,
64
- .form-create.is-preview .ant-input-group {
65
+ .form-create.is-preview .ant-input-group,
66
+ /* 只读模式的样式（通过 readOnly 属性或 disabled 属性识别） */
67
+ .ant-input[readonly],
68
+ .ant-input[readonly] ~ .ant-input-wrapper,
69
+ .ant-input[readonly] ~ .ant-input-affix-wrapper,
70
+ .ant-textarea[readonly],
71
+ .ant-select-disabled .ant-select-selector,
72
+ .ant-picker-disabled,
73
+ .ant-cascader-disabled .ant-cascader-picker,
74
+ input[readonly].ant-input,
75
+ textarea[readonly].ant-input {
65
76
  border: none !important;
66
77
  box-shadow: none !important;
67
78
  background: transparent !important;
@@ -76,7 +87,13 @@
76
87
  .form-create.is-preview .ant-textarea:focus,
77
88
  .form-create.is-preview .ant-input-wrapper:focus,
78
89
  .form-create.is-preview .ant-input-affix-wrapper:focus,
79
- .form-create.is-preview .ant-input-affix-wrapper-focused {
90
+ .form-create.is-preview .ant-input-affix-wrapper-focused,
91
+ /* 只读模式：移除焦点状态边框 */
92
+ .ant-input[readonly]:focus,
93
+ .ant-textarea[readonly]:focus,
94
+ .ant-select-disabled.ant-select-focused .ant-select-selector,
95
+ .ant-select-disabled:focus .ant-select-selector,
96
+ .ant-picker-disabled:focus {
80
97
  border: none !important;
81
98
  box-shadow: none !important;
82
99
  outline: none !important;
@@ -90,7 +107,12 @@
90
107
  .form-create.is-preview .ant-input-password:hover,
91
108
  .form-create.is-preview .ant-textarea:hover,
92
109
  .form-create.is-preview .ant-input-wrapper:hover,
93
- .form-create.is-preview .ant-input-affix-wrapper:hover {
110
+ .form-create.is-preview .ant-input-affix-wrapper:hover,
111
+ /* 只读模式：移除悬停状态边框 */
112
+ .ant-input[readonly]:hover,
113
+ .ant-textarea[readonly]:hover,
114
+ .ant-select-disabled:hover .ant-select-selector,
115
+ .ant-picker-disabled:hover {
94
116
  border: none !important;
95
117
  box-shadow: none !important;
96
118
  }
@@ -280,7 +302,10 @@
280
302
 
281
303
  /* 预览模式：隐藏选择器的下拉箭头 */
282
304
  .form-create.is-preview .ant-select-arrow,
283
- .form-create.is-preview .ant-select-suffix {
305
+ .form-create.is-preview .ant-select-suffix,
306
+ /* 只读模式：隐藏选择器的下拉箭头 */
307
+ .ant-select-disabled .ant-select-arrow,
308
+ .ant-select-disabled .ant-select-suffix {
284
309
  display: none !important;
285
310
  }
286
311
 
@@ -302,7 +327,15 @@
302
327
  .form-create.is-preview .ant-input-number[disabled],
303
328
  .form-create.is-preview .ant-select-disabled,
304
329
  .form-create.is-preview .ant-picker-disabled,
305
- .form-create.is-preview .ant-textarea[disabled] {
330
+ .form-create.is-preview .ant-textarea[disabled],
331
+ /* 只读模式：防止输入框显示为禁用状态的灰色 */
332
+ .ant-input[readonly],
333
+ .ant-input[readonly][disabled],
334
+ .ant-input-number[disabled],
335
+ .ant-textarea[readonly],
336
+ .ant-textarea[readonly][disabled],
337
+ .ant-select-disabled,
338
+ .ant-picker-disabled {
306
339
  opacity: 1 !important;
307
340
  color: inherit !important;
308
341
  background-color: transparent !important;
@@ -343,11 +376,15 @@
343
376
  }
344
377
 
345
378
  /* 预览模式：防止选择器显示为禁用状态 */
346
- .form-create.is-preview .ant-select-disabled .ant-select-selector {
379
+ .form-create.is-preview .ant-select-disabled .ant-select-selector,
380
+ /* 只读模式：防止选择器显示为禁用状态 */
381
+ .ant-select-disabled .ant-select-selector {
347
382
  opacity: 1 !important;
348
383
  color: inherit !important;
349
384
  background-color: transparent !important;
350
385
  cursor: default !important;
386
+ border: none !important;
387
+ box-shadow: none !important;
351
388
  }
352
389
 
353
390
  /* 预览模式：防止日期选择器显示为禁用状态 */
@@ -444,7 +481,10 @@
444
481
  }
445
482
 
446
483
  /* 预览模式：禁用选择器下拉 */
447
- .form-create.is-preview .ant-select-dropdown {
484
+ .form-create.is-preview .ant-select-dropdown,
485
+ /* 只读模式：禁用选择器下拉 */
486
+ .ant-select-disabled + .ant-select-dropdown,
487
+ .ant-select.ant-select-disabled ~ .ant-select-dropdown {
448
488
  display: none !important;
449
489
  }
450
490