@longhongguo/form-create-ant-design-vue 3.3.45 → 3.3.47

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 (15) hide show
  1. package/dist/form-create.css +53 -9
  2. package/dist/form-create.esm.css +53 -9
  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/index.js +3 -1
  9. package/src/components/table/Table.vue +201 -0
  10. package/src/components/table/TableView.vue +1143 -0
  11. package/src/core/api.js +137 -43
  12. package/src/parsers/accTable.js +71 -3
  13. package/src/parsers/index.js +2 -0
  14. package/src/parsers/table.js +3 -0
  15. package/src/style/index.css +53 -9
package/dist/form-create.css CHANGED
@@ -175,13 +175,13 @@ textarea[readonly].ant-input {
175
175
  }
176
176
 
177
177
  /* 预览模式：允许滚动容器滚动 */
178
- .form-create.is-preview [style*="overflow"],
178
+ .form-create.is-preview [style*='overflow'],
179
179
  .form-create.is-preview .ant-table-body,
180
180
  .form-create.is-preview .ant-table-tbody,
181
181
  .form-create.is-preview .w-e-text-container,
182
182
  .form-create.is-preview .w-e-text,
183
- .form-create.is-preview [class*="scroll"],
184
- .form-create.is-preview [class*="overflow"] {
183
+ .form-create.is-preview [class*='scroll'],
184
+ .form-create.is-preview [class*='overflow'] {
185
185
  pointer-events: auto !important;
186
186
  overflow: auto !important;
187
187
  overflow-x: auto !important;
@@ -252,7 +252,7 @@ textarea[readonly].ant-input {
252
252
  /* 预览模式：允许滚动条滚动（针对有滚动条的容器） */
253
253
  .form-create.is-preview .ant-table-body,
254
254
  .form-create.is-preview .ant-table-tbody,
255
- .form-create.is-preview [style*="overflow"] {
255
+ .form-create.is-preview [style*='overflow'] {
256
256
  pointer-events: auto !important;
257
257
  }
258
258
 
@@ -390,7 +390,7 @@ textarea[readonly].ant-input {
390
390
  /* 预览模式和只读模式：设置按钮链接的颜色 */
391
391
  .form-create.is-preview .ant-btn-link,
392
392
  .ant-btn-link[readonly],
393
- .ant-btn-link[readonly="true"] {
393
+ .ant-btn-link[readonly='true'] {
394
394
  color: #1677ff !important;
395
395
  }
396
396
 
@@ -410,7 +410,7 @@ textarea[readonly].ant-input {
410
410
 
411
411
  /* 只读模式：隐藏 CusSelect 的占位符 */
412
412
  .fc-cus-select[readonly] .fc-cus-select-selection-placeholder,
413
- .fc-cus-select[readonly="true"] .fc-cus-select-selection-placeholder {
413
+ .fc-cus-select[readonly='true'] .fc-cus-select-selection-placeholder {
414
414
  display: none !important;
415
415
  }
416
416
 
@@ -570,7 +570,8 @@ textarea[readonly].ant-input {
570
570
  }
571
571
 
572
572
  /* 只读模式：防止 readOnly 的 disabled select 的多选选项显示为灰色 */
573
- .fc-select-readonly.ant-select-disabled.ant-select-multiple .ant-select-selection-item {
573
+ .fc-select-readonly.ant-select-disabled.ant-select-multiple
574
+ .ant-select-selection-item {
574
575
  opacity: 1 !important;
575
576
  color: rgba(0, 0, 0, 0.88) !important;
576
577
  background-color: #f0f0f0 !important;
@@ -579,7 +580,9 @@ textarea[readonly].ant-input {
579
580
  }
580
581
 
581
582
  /* 预览模式：防止 disabled select 的多选选项显示为灰色，并允许文本选择 */
582
- .form-create.is-preview .ant-select-disabled.ant-select-multiple .ant-select-selection-item {
583
+ .form-create.is-preview
584
+ .ant-select-disabled.ant-select-multiple
585
+ .ant-select-selection-item {
583
586
  opacity: 1 !important;
584
587
  color: inherit !important;
585
588
  background-color: #f0f0f0 !important;
@@ -712,7 +715,6 @@ textarea[readonly].ant-input {
712
715
  -ms-user-select: text !important;
713
716
  }
714
717
 
715
-
716
718
  /* 预览模式：禁用选择器下拉 */
717
719
  .form-create.is-preview .ant-select-dropdown,
718
720
  /* 只读模式：禁用选择器下拉 */
@@ -1253,6 +1255,48 @@ textarea[readonly].ant-input {
1253
1255
  .ant-form-item._fc-reset-margin-bottom {
1254
1256
  margin-bottom: 0 !important;
1255
1257
  }
1258
+
1259
+ ._fc-table {
1260
+ overflow: auto;
1261
+ }
1262
+
1263
+ ._fc-table > table {
1264
+ width: 100%;
1265
+ height: 100%;
1266
+ overflow: hidden;
1267
+ table-layout: fixed;
1268
+ border: 1px solid #ebeef5;
1269
+ border-bottom: 0 none;
1270
+ border-right: 0 none;
1271
+ border-collapse: collapse;
1272
+ }
1273
+
1274
+ ._fc-table tr {
1275
+ min-height: 50px;
1276
+ }
1277
+
1278
+ ._fc-table td {
1279
+ padding: 5px;
1280
+ min-height: 50px;
1281
+ min-width: 80px;
1282
+ position: relative;
1283
+ box-sizing: border-box;
1284
+ overflow-wrap: break-word;
1285
+ overflow: hidden;
1286
+ border: 0 none;
1287
+ border-right: 1px solid #ebeef5;
1288
+ border-bottom: 1px solid #ebeef5;
1289
+ }
1290
+
1291
+ ._fc-table.is-mini td {
1292
+ padding: 0;
1293
+ min-height: 12px;
1294
+ }
1295
+
1296
+ ._fc-table.is-mini .ant-form-item {
1297
+ padding: 0;
1298
+ margin: 0;
1299
+ }
1256
1300
 
1257
1301
  @font-face {
1258
1302
  font-family: "fc-icon";
package/dist/form-create.esm.css CHANGED
@@ -175,13 +175,13 @@ textarea[readonly].ant-input {
175
175
  }
176
176
 
177
177
  /* 预览模式：允许滚动容器滚动 */
178
- .form-create.is-preview [style*="overflow"],
178
+ .form-create.is-preview [style*='overflow'],
179
179
  .form-create.is-preview .ant-table-body,
180
180
  .form-create.is-preview .ant-table-tbody,
181
181
  .form-create.is-preview .w-e-text-container,
182
182
  .form-create.is-preview .w-e-text,
183
- .form-create.is-preview [class*="scroll"],
184
- .form-create.is-preview [class*="overflow"] {
183
+ .form-create.is-preview [class*='scroll'],
184
+ .form-create.is-preview [class*='overflow'] {
185
185
  pointer-events: auto !important;
186
186
  overflow: auto !important;
187
187
  overflow-x: auto !important;
@@ -252,7 +252,7 @@ textarea[readonly].ant-input {
252
252
  /* 预览模式：允许滚动条滚动（针对有滚动条的容器） */
253
253
  .form-create.is-preview .ant-table-body,
254
254
  .form-create.is-preview .ant-table-tbody,
255
- .form-create.is-preview [style*="overflow"] {
255
+ .form-create.is-preview [style*='overflow'] {
256
256
  pointer-events: auto !important;
257
257
  }
258
258
 
@@ -390,7 +390,7 @@ textarea[readonly].ant-input {
390
390
  /* 预览模式和只读模式：设置按钮链接的颜色 */
391
391
  .form-create.is-preview .ant-btn-link,
392
392
  .ant-btn-link[readonly],
393
- .ant-btn-link[readonly="true"] {
393
+ .ant-btn-link[readonly='true'] {
394
394
  color: #1677ff !important;
395
395
  }
396
396
 
@@ -410,7 +410,7 @@ textarea[readonly].ant-input {
410
410
 
411
411
  /* 只读模式：隐藏 CusSelect 的占位符 */
412
412
  .fc-cus-select[readonly] .fc-cus-select-selection-placeholder,
413
- .fc-cus-select[readonly="true"] .fc-cus-select-selection-placeholder {
413
+ .fc-cus-select[readonly='true'] .fc-cus-select-selection-placeholder {
414
414
  display: none !important;
415
415
  }
416
416
 
@@ -570,7 +570,8 @@ textarea[readonly].ant-input {
570
570
  }
571
571
 
572
572
  /* 只读模式：防止 readOnly 的 disabled select 的多选选项显示为灰色 */
573
- .fc-select-readonly.ant-select-disabled.ant-select-multiple .ant-select-selection-item {
573
+ .fc-select-readonly.ant-select-disabled.ant-select-multiple
574
+ .ant-select-selection-item {
574
575
  opacity: 1 !important;
575
576
  color: rgba(0, 0, 0, 0.88) !important;
576
577
  background-color: #f0f0f0 !important;
@@ -579,7 +580,9 @@ textarea[readonly].ant-input {
579
580
  }
580
581
 
581
582
  /* 预览模式：防止 disabled select 的多选选项显示为灰色，并允许文本选择 */
582
- .form-create.is-preview .ant-select-disabled.ant-select-multiple .ant-select-selection-item {
583
+ .form-create.is-preview
584
+ .ant-select-disabled.ant-select-multiple
585
+ .ant-select-selection-item {
583
586
  opacity: 1 !important;
584
587
  color: inherit !important;
585
588
  background-color: #f0f0f0 !important;
@@ -712,7 +715,6 @@ textarea[readonly].ant-input {
712
715
  -ms-user-select: text !important;
713
716
  }
714
717
 
715
-
716
718
  /* 预览模式：禁用选择器下拉 */
717
719
  .form-create.is-preview .ant-select-dropdown,
718
720
  /* 只读模式：禁用选择器下拉 */
@@ -1253,6 +1255,48 @@ textarea[readonly].ant-input {
1253
1255
  .ant-form-item._fc-reset-margin-bottom {
1254
1256
  margin-bottom: 0 !important;
1255
1257
  }
1258
+
1259
+ ._fc-table {
1260
+ overflow: auto;
1261
+ }
1262
+
1263
+ ._fc-table > table {
1264
+ width: 100%;
1265
+ height: 100%;
1266
+ overflow: hidden;
1267
+ table-layout: fixed;
1268
+ border: 1px solid #ebeef5;
1269
+ border-bottom: 0 none;
1270
+ border-right: 0 none;
1271
+ border-collapse: collapse;
1272
+ }
1273
+
1274
+ ._fc-table tr {
1275
+ min-height: 50px;
1276
+ }
1277
+
1278
+ ._fc-table td {
1279
+ padding: 5px;
1280
+ min-height: 50px;
1281
+ min-width: 80px;
1282
+ position: relative;
1283
+ box-sizing: border-box;
1284
+ overflow-wrap: break-word;
1285
+ overflow: hidden;
1286
+ border: 0 none;
1287
+ border-right: 1px solid #ebeef5;
1288
+ border-bottom: 1px solid #ebeef5;
1289
+ }
1290
+
1291
+ ._fc-table.is-mini td {
1292
+ padding: 0;
1293
+ min-height: 12px;
1294
+ }
1295
+
1296
+ ._fc-table.is-mini .ant-form-item {
1297
+ padding: 0;
1298
+ margin: 0;
1299
+ }
1256
1300
 
1257
1301
  @font-face {
1258
1302
  font-family: "fc-icon";