@fecp/designer 5.2.9 → 5.2.10

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/es/designer.css CHANGED
@@ -4631,33 +4631,33 @@ to {
4631
4631
  white-space: nowrap;
4632
4632
  overflow: hidden;
4633
4633
  text-overflow: ellipsis;
4634
- }.form-work-area[data-v-8e0ae4da] {
4634
+ }.form-work-area[data-v-838fb4f9] {
4635
4635
  height: 100%;
4636
4636
  display: flex;
4637
4637
  flex-direction: column;
4638
4638
  }
4639
- .form-toolbar[data-v-8e0ae4da] {
4639
+ .form-toolbar[data-v-838fb4f9] {
4640
4640
  background: #f8f9fa;
4641
4641
  padding: 16px;
4642
4642
  margin-bottom: 20px;
4643
4643
  border-radius: 4px;
4644
4644
  border: 1px solid #e9ecef;
4645
4645
  }
4646
- .form-grid-container[data-v-8e0ae4da] {
4646
+ .form-grid-container[data-v-838fb4f9] {
4647
4647
  position: relative;
4648
4648
  flex: 1;
4649
4649
  overflow: auto;
4650
4650
  background-color: #fff;
4651
4651
  user-select: none;
4652
4652
  }
4653
- .form-grid[data-v-8e0ae4da] {
4653
+ .form-grid[data-v-838fb4f9] {
4654
4654
  position: relative;
4655
4655
  padding: 12px;
4656
4656
  }
4657
- .form-grid.el-form--label-top .status-tags[data-v-8e0ae4da] {
4657
+ .form-grid.el-form--label-top .status-tags[data-v-838fb4f9] {
4658
4658
  top: 28px;
4659
4659
  }
4660
- .form-component[data-v-8e0ae4da] {
4660
+ .form-component[data-v-838fb4f9] {
4661
4661
  position: relative;
4662
4662
  border-radius: 4px;
4663
4663
  padding: 12px;
@@ -4665,26 +4665,26 @@ to {
4665
4665
  transition: all 0.2s ease;
4666
4666
  height: 100%;
4667
4667
  }
4668
- .form-component.h2[data-v-8e0ae4da] {
4668
+ .form-component.h2[data-v-838fb4f9] {
4669
4669
  padding: 8px 12px;
4670
4670
  }
4671
- .form-component.is-hover[data-v-8e0ae4da] {
4671
+ .form-component.is-hover[data-v-838fb4f9] {
4672
4672
  background: #f5f7fa;
4673
4673
  border: 1px solid #e4e7ed;
4674
4674
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
4675
4675
  z-index: 1;
4676
4676
  }
4677
- .form-component.is-select[data-v-8e0ae4da] {
4677
+ .form-component.is-select[data-v-838fb4f9] {
4678
4678
  background: #fff8e6;
4679
4679
  border: 2px solid #f0ad4e;
4680
4680
  box-shadow: 0 4px 16px rgba(240, 173, 78, 0.2);
4681
4681
  }
4682
- .form-component.is-hover.is-select[data-v-8e0ae4da] {
4682
+ .form-component.is-hover.is-select[data-v-838fb4f9] {
4683
4683
  background: #fff8e6;
4684
4684
  border-color: #f5b041;
4685
4685
  box-shadow: 0 4px 16px rgba(240, 173, 78, 0.3);
4686
4686
  }
4687
- .form-component .component-toolbar[data-v-8e0ae4da] {
4687
+ .form-component .component-toolbar[data-v-838fb4f9] {
4688
4688
  position: absolute;
4689
4689
  top: -12px;
4690
4690
  right: 8px;
@@ -4693,7 +4693,7 @@ to {
4693
4693
  opacity: 0;
4694
4694
  transition: all 0.2s ease;
4695
4695
  }
4696
- .form-component .component-toolbar .toolbar-btn[data-v-8e0ae4da] {
4696
+ .form-component .component-toolbar .toolbar-btn[data-v-838fb4f9] {
4697
4697
  width: 20px;
4698
4698
  height: 20px;
4699
4699
  border-radius: 3px;
@@ -4708,51 +4708,51 @@ to {
4708
4708
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
4709
4709
  transition: all 0.15s ease;
4710
4710
  }
4711
- .form-component .component-toolbar .toolbar-btn[data-v-8e0ae4da]:hover {
4711
+ .form-component .component-toolbar .toolbar-btn[data-v-838fb4f9]:hover {
4712
4712
  transform: scale(1.05);
4713
4713
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
4714
4714
  }
4715
- .form-component .component-toolbar .toolbar-btn.delete-btn[data-v-8e0ae4da] {
4715
+ .form-component .component-toolbar .toolbar-btn.delete-btn[data-v-838fb4f9] {
4716
4716
  color: #f56c6c;
4717
4717
  }
4718
- .form-component .component-toolbar .toolbar-btn.delete-btn[data-v-8e0ae4da]:hover {
4718
+ .form-component .component-toolbar .toolbar-btn.delete-btn[data-v-838fb4f9]:hover {
4719
4719
  background: #f56c6c;
4720
4720
  color: white;
4721
4721
  border-color: #f56c6c;
4722
4722
  }
4723
- .form-component .component-toolbar .toolbar-btn.settings-btn[data-v-8e0ae4da] {
4723
+ .form-component .component-toolbar .toolbar-btn.settings-btn[data-v-838fb4f9] {
4724
4724
  color: #409eff;
4725
4725
  }
4726
- .form-component .component-toolbar .toolbar-btn.settings-btn[data-v-8e0ae4da]:hover, .form-component .component-toolbar .toolbar-btn.settings-btn.is-active[data-v-8e0ae4da] {
4726
+ .form-component .component-toolbar .toolbar-btn.settings-btn[data-v-838fb4f9]:hover, .form-component .component-toolbar .toolbar-btn.settings-btn.is-active[data-v-838fb4f9] {
4727
4727
  background: #409eff;
4728
4728
  color: white;
4729
4729
  border-color: #409eff;
4730
4730
  }
4731
- .form-component .component-toolbar .toolbar-btn.required-btn[data-v-8e0ae4da] {
4731
+ .form-component .component-toolbar .toolbar-btn.required-btn[data-v-838fb4f9] {
4732
4732
  color: #c0c4cc;
4733
4733
  }
4734
- .form-component .component-toolbar .toolbar-btn.required-btn[data-v-8e0ae4da]:hover {
4734
+ .form-component .component-toolbar .toolbar-btn.required-btn[data-v-838fb4f9]:hover {
4735
4735
  background: #f56e6e;
4736
4736
  color: white;
4737
4737
  border-color: #f56e6e;
4738
4738
  }
4739
- .form-component .component-toolbar .toolbar-btn.required-btn.is-required[data-v-8e0ae4da] {
4739
+ .form-component .component-toolbar .toolbar-btn.required-btn.is-required[data-v-838fb4f9] {
4740
4740
  color: #f56e6e;
4741
4741
  }
4742
- .form-component .component-toolbar .toolbar-btn.required-btn.is-required[data-v-8e0ae4da]:hover {
4742
+ .form-component .component-toolbar .toolbar-btn.required-btn.is-required[data-v-838fb4f9]:hover {
4743
4743
  background: #f56e6e;
4744
4744
  color: white;
4745
4745
  border-color: #f56e6e;
4746
4746
  }
4747
- .form-component.is-hover .component-toolbar[data-v-8e0ae4da], .form-component.is-select .component-toolbar[data-v-8e0ae4da] {
4747
+ .form-component.is-hover .component-toolbar[data-v-838fb4f9], .form-component.is-select .component-toolbar[data-v-838fb4f9] {
4748
4748
  opacity: 1;
4749
4749
  }
4750
- .form-component .component-content[data-v-8e0ae4da] {
4750
+ .form-component .component-content[data-v-838fb4f9] {
4751
4751
  height: 100%;
4752
4752
  display: flex;
4753
4753
  align-items: flex-start;
4754
4754
  }
4755
- .form-component .status-tags[data-v-8e0ae4da] {
4755
+ .form-component .status-tags[data-v-838fb4f9] {
4756
4756
  position: absolute;
4757
4757
  top: 8px;
4758
4758
  right: 8px;
@@ -4760,7 +4760,7 @@ to {
4760
4760
  gap: 4px;
4761
4761
  z-index: 10;
4762
4762
  }
4763
- .form-component .field-name-tag[data-v-8e0ae4da] {
4763
+ .form-component .field-name-tag[data-v-838fb4f9] {
4764
4764
  background: rgba(0, 0, 0, 0.5);
4765
4765
  color: #fff;
4766
4766
  padding: 2px 6px;
@@ -4771,7 +4771,7 @@ to {
4771
4771
  transition: all 0.2s ease;
4772
4772
  line-height: 16px;
4773
4773
  }
4774
- .form-component .status-tag[data-v-8e0ae4da] {
4774
+ .form-component .status-tag[data-v-838fb4f9] {
4775
4775
  display: flex;
4776
4776
  align-items: center;
4777
4777
  gap: 2px;
@@ -4782,107 +4782,107 @@ to {
4782
4782
  opacity: 0.9;
4783
4783
  transition: all 0.2s ease;
4784
4784
  }
4785
- .form-component .status-tag .el-icon[data-v-8e0ae4da] {
4785
+ .form-component .status-tag .el-icon[data-v-838fb4f9] {
4786
4786
  font-size: 12px;
4787
4787
  }
4788
- .form-component .status-tag.disabled-tag[data-v-8e0ae4da] {
4788
+ .form-component .status-tag.disabled-tag[data-v-838fb4f9] {
4789
4789
  background: rgba(245, 108, 108, 0.9);
4790
4790
  color: #fff;
4791
4791
  }
4792
- .form-component .status-tag.readonly-tag[data-v-8e0ae4da] {
4792
+ .form-component .status-tag.readonly-tag[data-v-838fb4f9] {
4793
4793
  background: rgba(144, 147, 153, 0.9);
4794
4794
  color: #fff;
4795
4795
  }
4796
- .form-component.is-disabled[data-v-8e0ae4da] {
4796
+ .form-component.is-disabled[data-v-838fb4f9] {
4797
4797
  opacity: 0.6;
4798
4798
  background: #f5f7fa;
4799
4799
  border-color: #e4e7ed;
4800
4800
  }
4801
- .form-component.is-disabled .component-preview[data-v-8e0ae4da] .el-input__wrapper {
4801
+ .form-component.is-disabled .component-preview[data-v-838fb4f9] .el-input__wrapper {
4802
4802
  background-color: #f5f7fa;
4803
4803
  box-shadow: 0 0 0 1px #e4e7ed inset;
4804
4804
  }
4805
- .form-component.is-readonly[data-v-8e0ae4da] {
4805
+ .form-component.is-readonly[data-v-838fb4f9] {
4806
4806
  border-style: dashed;
4807
4807
  border-color: #c0c4cc;
4808
4808
  background: #fafafa;
4809
4809
  }
4810
- .form-component.is-readonly .component-preview[data-v-8e0ae4da] .el-input__wrapper {
4810
+ .form-component.is-readonly .component-preview[data-v-838fb4f9] .el-input__wrapper {
4811
4811
  background-color: #f5f7fa;
4812
4812
  }
4813
- .quick-setting-panel[data-v-8e0ae4da] {
4813
+ .quick-setting-panel[data-v-838fb4f9] {
4814
4814
  padding: 8px;
4815
4815
  min-width: 160px;
4816
4816
  }
4817
- .quick-setting-panel .setting-row[data-v-8e0ae4da] {
4817
+ .quick-setting-panel .setting-row[data-v-838fb4f9] {
4818
4818
  display: flex;
4819
4819
  align-items: center;
4820
4820
  justify-content: space-between;
4821
4821
  margin-bottom: 8px;
4822
4822
  }
4823
- .quick-setting-panel .setting-row[data-v-8e0ae4da]:last-child {
4823
+ .quick-setting-panel .setting-row[data-v-838fb4f9]:last-child {
4824
4824
  margin-bottom: 0;
4825
4825
  }
4826
- .quick-setting-panel .setting-row .setting-label[data-v-8e0ae4da] {
4826
+ .quick-setting-panel .setting-row .setting-label[data-v-838fb4f9] {
4827
4827
  font-size: 12px;
4828
4828
  color: #606266;
4829
4829
  min-width: 35px;
4830
4830
  }
4831
- .quick-setting-panel .setting-row .setting-select[data-v-8e0ae4da] {
4831
+ .quick-setting-panel .setting-row .setting-select[data-v-838fb4f9] {
4832
4832
  flex: 1;
4833
4833
  width: 90px;
4834
4834
  }
4835
- .quick-setting-panel .setting-row .setting-input[data-v-8e0ae4da] {
4835
+ .quick-setting-panel .setting-row .setting-input[data-v-838fb4f9] {
4836
4836
  flex: 1;
4837
4837
  width: 90px;
4838
4838
  }
4839
- .quick-setting-panel .setting-row[data-v-8e0ae4da] .el-checkbox {
4839
+ .quick-setting-panel .setting-row[data-v-838fb4f9] .el-checkbox {
4840
4840
  margin-right: 5px;
4841
4841
  }
4842
- .quick-setting-panel .setting-row[data-v-8e0ae4da] .el-checkbox .el-checkbox__label {
4842
+ .quick-setting-panel .setting-row[data-v-838fb4f9] .el-checkbox .el-checkbox__label {
4843
4843
  padding-left: 5px;
4844
4844
  }
4845
- .grid-draggable-wrapper[data-v-8e0ae4da] {
4845
+ .grid-draggable-wrapper[data-v-838fb4f9] {
4846
4846
  min-height: 600px;
4847
4847
  padding-bottom: 60px;
4848
4848
  }
4849
- .grid-draggable-wrapper[data-v-8e0ae4da] .components-item {
4849
+ .grid-draggable-wrapper[data-v-838fb4f9] .components-item {
4850
4850
  display: none;
4851
4851
  }
4852
- .grid-draggable-wrapper[data-v-8e0ae4da] .vgl-item:hover {
4852
+ .grid-draggable-wrapper[data-v-838fb4f9] .vgl-item:hover {
4853
4853
  z-index: 1;
4854
4854
  }
4855
- .grid-draggable-wrapper[data-v-8e0ae4da] .vgl-item--placeholder {
4855
+ .grid-draggable-wrapper[data-v-838fb4f9] .vgl-item--placeholder {
4856
4856
  background-color: rgba(64, 158, 255, 0.2);
4857
4857
  border: 2px dashed #409eff;
4858
4858
  border-radius: 4px;
4859
4859
  opacity: 0.5;
4860
4860
  pointer-events: none;
4861
4861
  }
4862
- .grid-draggable-wrapper[data-v-8e0ae4da] .vgl-item--dragging {
4862
+ .grid-draggable-wrapper[data-v-838fb4f9] .vgl-item--dragging {
4863
4863
  opacity: 0.7;
4864
4864
  }
4865
- .grid-draggable-wrapper[data-v-8e0ae4da] .vgl-item--resizing {
4865
+ .grid-draggable-wrapper[data-v-838fb4f9] .vgl-item--resizing {
4866
4866
  background: #f5f7fa;
4867
4867
  border: 1px solid #e4e7ed;
4868
4868
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
4869
4869
  opacity: 0.7;
4870
4870
  border-radius: 4px;
4871
4871
  }
4872
- .grid-draggable-wrapper[data-v-8e0ae4da] .vgl-item__resizer {
4872
+ .grid-draggable-wrapper[data-v-838fb4f9] .vgl-item__resizer {
4873
4873
  z-index: 1;
4874
4874
  }
4875
- .grid-draggable-wrapper[data-v-8e0ae4da] .vgl-item__resizer:before {
4875
+ .grid-draggable-wrapper[data-v-838fb4f9] .vgl-item__resizer:before {
4876
4876
  display: none;
4877
4877
  border-color: #409eff;
4878
4878
  }
4879
- .grid-draggable-wrapper[data-v-8e0ae4da] .vgl-item:hover .vgl-item__resizer:before {
4879
+ .grid-draggable-wrapper[data-v-838fb4f9] .vgl-item:hover .vgl-item__resizer:before {
4880
4880
  display: block;
4881
4881
  }
4882
- [data-v-8e0ae4da] .el-divider {
4882
+ [data-v-838fb4f9] .el-divider {
4883
4883
  margin: 16px 0;
4884
4884
  }
4885
- [data-v-8e0ae4da] .el-divider .el-divider__text {
4885
+ [data-v-838fb4f9] .el-divider .el-divider__text {
4886
4886
  color: #adb0b7;
4887
4887
  padding: 0 10px;
4888
4888
  border-radius: 4px;
@@ -5502,24 +5502,24 @@ body,
5502
5502
  width: 80px;
5503
5503
  font-size: var(--el-font-size-extra-small);
5504
5504
  }
5505
- .fec-form[data-v-016bcba6] {
5505
+ .fec-form[data-v-a84aa0ec] {
5506
5506
  height: 100%;
5507
5507
  }
5508
- [data-v-016bcba6] .vgl-item > .el-form-item {
5508
+ [data-v-a84aa0ec] .vgl-item > .el-form-item {
5509
5509
  width: 100%;
5510
5510
  padding: 12px 8px 0 8px;
5511
5511
  height: calc(100% - 15px);
5512
5512
  display: flex;
5513
5513
  }
5514
- [data-v-016bcba6] .vgl-item > .el-form-item.el-form-item--label-top {
5514
+ [data-v-a84aa0ec] .vgl-item > .el-form-item.el-form-item--label-top {
5515
5515
  flex-direction: column;
5516
5516
  }
5517
- [data-v-016bcba6] .vgl-item > .el-form-item .el-form-item__label {
5517
+ [data-v-a84aa0ec] .vgl-item > .el-form-item .el-form-item__label {
5518
5518
  line-height: 20px;
5519
5519
  display: flex;
5520
5520
  align-items: center;
5521
5521
  }
5522
- [data-v-016bcba6] .vgl-item > .el-container {
5522
+ [data-v-a84aa0ec] .vgl-item > .el-container {
5523
5523
  height: auto !important;
5524
5524
  }.cell-content .cell-text[data-v-b57831f4] {
5525
5525
  display: inline-block;
@@ -1,4 +1,4 @@
1
- const version = "5.2.9";
1
+ const version = "5.2.10";
2
2
  const packageJson = {
3
3
  version
4
4
  };
@@ -120,18 +120,18 @@ const _sfc_main = {
120
120
  () => editConfigData.value.labelPosition,
121
121
  (labelPosition) => {
122
122
  const targetHeight = labelPosition === "top" ? 0.75 : 1;
123
- const fieldTypes = [
124
- "subTitle",
125
- "h2",
126
- "subForm",
127
- "subTable",
128
- "approvalHistory",
129
- "divider"
130
- ];
131
123
  layoutData.value.forEach((item) => {
132
- var _a;
133
- if (fieldTypes.includes((_a = item.component) == null ? void 0 : _a.fieldType)) {
134
- item.h = item.h * targetHeight;
124
+ var _a, _b, _c;
125
+ if (["subTitle", "h2", "divider"].includes((_a = item.component) == null ? void 0 : _a.fieldType)) {
126
+ item.h = 1 * targetHeight;
127
+ } else if (["subForm", "subTable", "approvalHistory"].includes(
128
+ (_b = item.component) == null ? void 0 : _b.fieldType
129
+ )) {
130
+ if (((_c = item.component) == null ? void 0 : _c.titleMode) == "none") {
131
+ item.h = 2 * targetHeight;
132
+ } else {
133
+ item.h = 3 * targetHeight;
134
+ }
135
135
  }
136
136
  });
137
137
  gridLayout.value.resizeEvent();
@@ -224,14 +224,17 @@ const _sfc_main = {
224
224
  } else if (component.fieldType == "subTitle" || component.fieldType == "h2" || component.fieldType == "divider") {
225
225
  finalWH = {
226
226
  w: editConfigData.value.columns,
227
- h: 1,
227
+ h: editConfigData.value.labelPosition == "top" ? 0.75 : 1,
228
228
  isResizable: false
229
229
  };
230
230
  } else if (component.fieldType == "subForm" || component.fieldType == "subTable" || component.fieldType == "approvalHistory") {
231
- finalWH = { w: editConfigData.value.columns, h: 2 };
231
+ finalWH = {
232
+ w: editConfigData.value.columns,
233
+ h: editConfigData.value.labelPosition == "top" ? 1.5 : 2
234
+ };
232
235
  }
233
236
  const colNum = editConfigData.value.columns;
234
- const rowHeight = 60;
237
+ const rowHeight = editConfigData.value.labelPosition == "top" ? 90 : 60;
235
238
  const margin = 0;
236
239
  const cellWidth = (rect.width + margin) / colNum;
237
240
  const cellHeight = rowHeight + margin;
@@ -564,7 +567,7 @@ const _sfc_main = {
564
567
  };
565
568
  }
566
569
  };
567
- const formWorkArea = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-8e0ae4da"]]);
570
+ const formWorkArea = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-838fb4f9"]]);
568
571
  export {
569
572
  formWorkArea as default
570
573
  };
@@ -331,7 +331,9 @@ const _sfc_main = /* @__PURE__ */ Object.assign({
331
331
  item.h = item.h * 0;
332
332
  } else if (!item.fixedH) {
333
333
  item.h = item.h * 60;
334
- } else ;
334
+ } else if (item.fixedH) {
335
+ item.h = item.h / (localConfig.value.labelPosition == "top" ? 1.5 : 1);
336
+ }
335
337
  return item;
336
338
  });
337
339
  gridLayoutDataConfig.value = gridLayoutData;
@@ -680,7 +682,7 @@ const _sfc_main = /* @__PURE__ */ Object.assign({
680
682
  };
681
683
  }
682
684
  });
683
- const _Form = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-016bcba6"]]);
685
+ const _Form = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-a84aa0ec"]]);
684
686
  export {
685
687
  _Form as default
686
688
  };
@@ -139,7 +139,6 @@ async function handlePageGoBack(node, data, fields, context) {
139
139
  }
140
140
  async function handleApiCall(node, data, fields, context, params) {
141
141
  console.log("[EventFlow] 执行API调用:", node.basic);
142
- debugger;
143
142
  const basic = node.basic || {};
144
143
  if (!basic.dataSourceId) {
145
144
  return {
package/lib/designer.css CHANGED
@@ -4631,33 +4631,33 @@ to {
4631
4631
  white-space: nowrap;
4632
4632
  overflow: hidden;
4633
4633
  text-overflow: ellipsis;
4634
- }.form-work-area[data-v-8e0ae4da] {
4634
+ }.form-work-area[data-v-838fb4f9] {
4635
4635
  height: 100%;
4636
4636
  display: flex;
4637
4637
  flex-direction: column;
4638
4638
  }
4639
- .form-toolbar[data-v-8e0ae4da] {
4639
+ .form-toolbar[data-v-838fb4f9] {
4640
4640
  background: #f8f9fa;
4641
4641
  padding: 16px;
4642
4642
  margin-bottom: 20px;
4643
4643
  border-radius: 4px;
4644
4644
  border: 1px solid #e9ecef;
4645
4645
  }
4646
- .form-grid-container[data-v-8e0ae4da] {
4646
+ .form-grid-container[data-v-838fb4f9] {
4647
4647
  position: relative;
4648
4648
  flex: 1;
4649
4649
  overflow: auto;
4650
4650
  background-color: #fff;
4651
4651
  user-select: none;
4652
4652
  }
4653
- .form-grid[data-v-8e0ae4da] {
4653
+ .form-grid[data-v-838fb4f9] {
4654
4654
  position: relative;
4655
4655
  padding: 12px;
4656
4656
  }
4657
- .form-grid.el-form--label-top .status-tags[data-v-8e0ae4da] {
4657
+ .form-grid.el-form--label-top .status-tags[data-v-838fb4f9] {
4658
4658
  top: 28px;
4659
4659
  }
4660
- .form-component[data-v-8e0ae4da] {
4660
+ .form-component[data-v-838fb4f9] {
4661
4661
  position: relative;
4662
4662
  border-radius: 4px;
4663
4663
  padding: 12px;
@@ -4665,26 +4665,26 @@ to {
4665
4665
  transition: all 0.2s ease;
4666
4666
  height: 100%;
4667
4667
  }
4668
- .form-component.h2[data-v-8e0ae4da] {
4668
+ .form-component.h2[data-v-838fb4f9] {
4669
4669
  padding: 8px 12px;
4670
4670
  }
4671
- .form-component.is-hover[data-v-8e0ae4da] {
4671
+ .form-component.is-hover[data-v-838fb4f9] {
4672
4672
  background: #f5f7fa;
4673
4673
  border: 1px solid #e4e7ed;
4674
4674
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
4675
4675
  z-index: 1;
4676
4676
  }
4677
- .form-component.is-select[data-v-8e0ae4da] {
4677
+ .form-component.is-select[data-v-838fb4f9] {
4678
4678
  background: #fff8e6;
4679
4679
  border: 2px solid #f0ad4e;
4680
4680
  box-shadow: 0 4px 16px rgba(240, 173, 78, 0.2);
4681
4681
  }
4682
- .form-component.is-hover.is-select[data-v-8e0ae4da] {
4682
+ .form-component.is-hover.is-select[data-v-838fb4f9] {
4683
4683
  background: #fff8e6;
4684
4684
  border-color: #f5b041;
4685
4685
  box-shadow: 0 4px 16px rgba(240, 173, 78, 0.3);
4686
4686
  }
4687
- .form-component .component-toolbar[data-v-8e0ae4da] {
4687
+ .form-component .component-toolbar[data-v-838fb4f9] {
4688
4688
  position: absolute;
4689
4689
  top: -12px;
4690
4690
  right: 8px;
@@ -4693,7 +4693,7 @@ to {
4693
4693
  opacity: 0;
4694
4694
  transition: all 0.2s ease;
4695
4695
  }
4696
- .form-component .component-toolbar .toolbar-btn[data-v-8e0ae4da] {
4696
+ .form-component .component-toolbar .toolbar-btn[data-v-838fb4f9] {
4697
4697
  width: 20px;
4698
4698
  height: 20px;
4699
4699
  border-radius: 3px;
@@ -4708,51 +4708,51 @@ to {
4708
4708
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
4709
4709
  transition: all 0.15s ease;
4710
4710
  }
4711
- .form-component .component-toolbar .toolbar-btn[data-v-8e0ae4da]:hover {
4711
+ .form-component .component-toolbar .toolbar-btn[data-v-838fb4f9]:hover {
4712
4712
  transform: scale(1.05);
4713
4713
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
4714
4714
  }
4715
- .form-component .component-toolbar .toolbar-btn.delete-btn[data-v-8e0ae4da] {
4715
+ .form-component .component-toolbar .toolbar-btn.delete-btn[data-v-838fb4f9] {
4716
4716
  color: #f56c6c;
4717
4717
  }
4718
- .form-component .component-toolbar .toolbar-btn.delete-btn[data-v-8e0ae4da]:hover {
4718
+ .form-component .component-toolbar .toolbar-btn.delete-btn[data-v-838fb4f9]:hover {
4719
4719
  background: #f56c6c;
4720
4720
  color: white;
4721
4721
  border-color: #f56c6c;
4722
4722
  }
4723
- .form-component .component-toolbar .toolbar-btn.settings-btn[data-v-8e0ae4da] {
4723
+ .form-component .component-toolbar .toolbar-btn.settings-btn[data-v-838fb4f9] {
4724
4724
  color: #409eff;
4725
4725
  }
4726
- .form-component .component-toolbar .toolbar-btn.settings-btn[data-v-8e0ae4da]:hover, .form-component .component-toolbar .toolbar-btn.settings-btn.is-active[data-v-8e0ae4da] {
4726
+ .form-component .component-toolbar .toolbar-btn.settings-btn[data-v-838fb4f9]:hover, .form-component .component-toolbar .toolbar-btn.settings-btn.is-active[data-v-838fb4f9] {
4727
4727
  background: #409eff;
4728
4728
  color: white;
4729
4729
  border-color: #409eff;
4730
4730
  }
4731
- .form-component .component-toolbar .toolbar-btn.required-btn[data-v-8e0ae4da] {
4731
+ .form-component .component-toolbar .toolbar-btn.required-btn[data-v-838fb4f9] {
4732
4732
  color: #c0c4cc;
4733
4733
  }
4734
- .form-component .component-toolbar .toolbar-btn.required-btn[data-v-8e0ae4da]:hover {
4734
+ .form-component .component-toolbar .toolbar-btn.required-btn[data-v-838fb4f9]:hover {
4735
4735
  background: #f56e6e;
4736
4736
  color: white;
4737
4737
  border-color: #f56e6e;
4738
4738
  }
4739
- .form-component .component-toolbar .toolbar-btn.required-btn.is-required[data-v-8e0ae4da] {
4739
+ .form-component .component-toolbar .toolbar-btn.required-btn.is-required[data-v-838fb4f9] {
4740
4740
  color: #f56e6e;
4741
4741
  }
4742
- .form-component .component-toolbar .toolbar-btn.required-btn.is-required[data-v-8e0ae4da]:hover {
4742
+ .form-component .component-toolbar .toolbar-btn.required-btn.is-required[data-v-838fb4f9]:hover {
4743
4743
  background: #f56e6e;
4744
4744
  color: white;
4745
4745
  border-color: #f56e6e;
4746
4746
  }
4747
- .form-component.is-hover .component-toolbar[data-v-8e0ae4da], .form-component.is-select .component-toolbar[data-v-8e0ae4da] {
4747
+ .form-component.is-hover .component-toolbar[data-v-838fb4f9], .form-component.is-select .component-toolbar[data-v-838fb4f9] {
4748
4748
  opacity: 1;
4749
4749
  }
4750
- .form-component .component-content[data-v-8e0ae4da] {
4750
+ .form-component .component-content[data-v-838fb4f9] {
4751
4751
  height: 100%;
4752
4752
  display: flex;
4753
4753
  align-items: flex-start;
4754
4754
  }
4755
- .form-component .status-tags[data-v-8e0ae4da] {
4755
+ .form-component .status-tags[data-v-838fb4f9] {
4756
4756
  position: absolute;
4757
4757
  top: 8px;
4758
4758
  right: 8px;
@@ -4760,7 +4760,7 @@ to {
4760
4760
  gap: 4px;
4761
4761
  z-index: 10;
4762
4762
  }
4763
- .form-component .field-name-tag[data-v-8e0ae4da] {
4763
+ .form-component .field-name-tag[data-v-838fb4f9] {
4764
4764
  background: rgba(0, 0, 0, 0.5);
4765
4765
  color: #fff;
4766
4766
  padding: 2px 6px;
@@ -4771,7 +4771,7 @@ to {
4771
4771
  transition: all 0.2s ease;
4772
4772
  line-height: 16px;
4773
4773
  }
4774
- .form-component .status-tag[data-v-8e0ae4da] {
4774
+ .form-component .status-tag[data-v-838fb4f9] {
4775
4775
  display: flex;
4776
4776
  align-items: center;
4777
4777
  gap: 2px;
@@ -4782,107 +4782,107 @@ to {
4782
4782
  opacity: 0.9;
4783
4783
  transition: all 0.2s ease;
4784
4784
  }
4785
- .form-component .status-tag .el-icon[data-v-8e0ae4da] {
4785
+ .form-component .status-tag .el-icon[data-v-838fb4f9] {
4786
4786
  font-size: 12px;
4787
4787
  }
4788
- .form-component .status-tag.disabled-tag[data-v-8e0ae4da] {
4788
+ .form-component .status-tag.disabled-tag[data-v-838fb4f9] {
4789
4789
  background: rgba(245, 108, 108, 0.9);
4790
4790
  color: #fff;
4791
4791
  }
4792
- .form-component .status-tag.readonly-tag[data-v-8e0ae4da] {
4792
+ .form-component .status-tag.readonly-tag[data-v-838fb4f9] {
4793
4793
  background: rgba(144, 147, 153, 0.9);
4794
4794
  color: #fff;
4795
4795
  }
4796
- .form-component.is-disabled[data-v-8e0ae4da] {
4796
+ .form-component.is-disabled[data-v-838fb4f9] {
4797
4797
  opacity: 0.6;
4798
4798
  background: #f5f7fa;
4799
4799
  border-color: #e4e7ed;
4800
4800
  }
4801
- .form-component.is-disabled .component-preview[data-v-8e0ae4da] .el-input__wrapper {
4801
+ .form-component.is-disabled .component-preview[data-v-838fb4f9] .el-input__wrapper {
4802
4802
  background-color: #f5f7fa;
4803
4803
  box-shadow: 0 0 0 1px #e4e7ed inset;
4804
4804
  }
4805
- .form-component.is-readonly[data-v-8e0ae4da] {
4805
+ .form-component.is-readonly[data-v-838fb4f9] {
4806
4806
  border-style: dashed;
4807
4807
  border-color: #c0c4cc;
4808
4808
  background: #fafafa;
4809
4809
  }
4810
- .form-component.is-readonly .component-preview[data-v-8e0ae4da] .el-input__wrapper {
4810
+ .form-component.is-readonly .component-preview[data-v-838fb4f9] .el-input__wrapper {
4811
4811
  background-color: #f5f7fa;
4812
4812
  }
4813
- .quick-setting-panel[data-v-8e0ae4da] {
4813
+ .quick-setting-panel[data-v-838fb4f9] {
4814
4814
  padding: 8px;
4815
4815
  min-width: 160px;
4816
4816
  }
4817
- .quick-setting-panel .setting-row[data-v-8e0ae4da] {
4817
+ .quick-setting-panel .setting-row[data-v-838fb4f9] {
4818
4818
  display: flex;
4819
4819
  align-items: center;
4820
4820
  justify-content: space-between;
4821
4821
  margin-bottom: 8px;
4822
4822
  }
4823
- .quick-setting-panel .setting-row[data-v-8e0ae4da]:last-child {
4823
+ .quick-setting-panel .setting-row[data-v-838fb4f9]:last-child {
4824
4824
  margin-bottom: 0;
4825
4825
  }
4826
- .quick-setting-panel .setting-row .setting-label[data-v-8e0ae4da] {
4826
+ .quick-setting-panel .setting-row .setting-label[data-v-838fb4f9] {
4827
4827
  font-size: 12px;
4828
4828
  color: #606266;
4829
4829
  min-width: 35px;
4830
4830
  }
4831
- .quick-setting-panel .setting-row .setting-select[data-v-8e0ae4da] {
4831
+ .quick-setting-panel .setting-row .setting-select[data-v-838fb4f9] {
4832
4832
  flex: 1;
4833
4833
  width: 90px;
4834
4834
  }
4835
- .quick-setting-panel .setting-row .setting-input[data-v-8e0ae4da] {
4835
+ .quick-setting-panel .setting-row .setting-input[data-v-838fb4f9] {
4836
4836
  flex: 1;
4837
4837
  width: 90px;
4838
4838
  }
4839
- .quick-setting-panel .setting-row[data-v-8e0ae4da] .el-checkbox {
4839
+ .quick-setting-panel .setting-row[data-v-838fb4f9] .el-checkbox {
4840
4840
  margin-right: 5px;
4841
4841
  }
4842
- .quick-setting-panel .setting-row[data-v-8e0ae4da] .el-checkbox .el-checkbox__label {
4842
+ .quick-setting-panel .setting-row[data-v-838fb4f9] .el-checkbox .el-checkbox__label {
4843
4843
  padding-left: 5px;
4844
4844
  }
4845
- .grid-draggable-wrapper[data-v-8e0ae4da] {
4845
+ .grid-draggable-wrapper[data-v-838fb4f9] {
4846
4846
  min-height: 600px;
4847
4847
  padding-bottom: 60px;
4848
4848
  }
4849
- .grid-draggable-wrapper[data-v-8e0ae4da] .components-item {
4849
+ .grid-draggable-wrapper[data-v-838fb4f9] .components-item {
4850
4850
  display: none;
4851
4851
  }
4852
- .grid-draggable-wrapper[data-v-8e0ae4da] .vgl-item:hover {
4852
+ .grid-draggable-wrapper[data-v-838fb4f9] .vgl-item:hover {
4853
4853
  z-index: 1;
4854
4854
  }
4855
- .grid-draggable-wrapper[data-v-8e0ae4da] .vgl-item--placeholder {
4855
+ .grid-draggable-wrapper[data-v-838fb4f9] .vgl-item--placeholder {
4856
4856
  background-color: rgba(64, 158, 255, 0.2);
4857
4857
  border: 2px dashed #409eff;
4858
4858
  border-radius: 4px;
4859
4859
  opacity: 0.5;
4860
4860
  pointer-events: none;
4861
4861
  }
4862
- .grid-draggable-wrapper[data-v-8e0ae4da] .vgl-item--dragging {
4862
+ .grid-draggable-wrapper[data-v-838fb4f9] .vgl-item--dragging {
4863
4863
  opacity: 0.7;
4864
4864
  }
4865
- .grid-draggable-wrapper[data-v-8e0ae4da] .vgl-item--resizing {
4865
+ .grid-draggable-wrapper[data-v-838fb4f9] .vgl-item--resizing {
4866
4866
  background: #f5f7fa;
4867
4867
  border: 1px solid #e4e7ed;
4868
4868
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
4869
4869
  opacity: 0.7;
4870
4870
  border-radius: 4px;
4871
4871
  }
4872
- .grid-draggable-wrapper[data-v-8e0ae4da] .vgl-item__resizer {
4872
+ .grid-draggable-wrapper[data-v-838fb4f9] .vgl-item__resizer {
4873
4873
  z-index: 1;
4874
4874
  }
4875
- .grid-draggable-wrapper[data-v-8e0ae4da] .vgl-item__resizer:before {
4875
+ .grid-draggable-wrapper[data-v-838fb4f9] .vgl-item__resizer:before {
4876
4876
  display: none;
4877
4877
  border-color: #409eff;
4878
4878
  }
4879
- .grid-draggable-wrapper[data-v-8e0ae4da] .vgl-item:hover .vgl-item__resizer:before {
4879
+ .grid-draggable-wrapper[data-v-838fb4f9] .vgl-item:hover .vgl-item__resizer:before {
4880
4880
  display: block;
4881
4881
  }
4882
- [data-v-8e0ae4da] .el-divider {
4882
+ [data-v-838fb4f9] .el-divider {
4883
4883
  margin: 16px 0;
4884
4884
  }
4885
- [data-v-8e0ae4da] .el-divider .el-divider__text {
4885
+ [data-v-838fb4f9] .el-divider .el-divider__text {
4886
4886
  color: #adb0b7;
4887
4887
  padding: 0 10px;
4888
4888
  border-radius: 4px;
@@ -5502,24 +5502,24 @@ body,
5502
5502
  width: 80px;
5503
5503
  font-size: var(--el-font-size-extra-small);
5504
5504
  }
5505
- .fec-form[data-v-016bcba6] {
5505
+ .fec-form[data-v-a84aa0ec] {
5506
5506
  height: 100%;
5507
5507
  }
5508
- [data-v-016bcba6] .vgl-item > .el-form-item {
5508
+ [data-v-a84aa0ec] .vgl-item > .el-form-item {
5509
5509
  width: 100%;
5510
5510
  padding: 12px 8px 0 8px;
5511
5511
  height: calc(100% - 15px);
5512
5512
  display: flex;
5513
5513
  }
5514
- [data-v-016bcba6] .vgl-item > .el-form-item.el-form-item--label-top {
5514
+ [data-v-a84aa0ec] .vgl-item > .el-form-item.el-form-item--label-top {
5515
5515
  flex-direction: column;
5516
5516
  }
5517
- [data-v-016bcba6] .vgl-item > .el-form-item .el-form-item__label {
5517
+ [data-v-a84aa0ec] .vgl-item > .el-form-item .el-form-item__label {
5518
5518
  line-height: 20px;
5519
5519
  display: flex;
5520
5520
  align-items: center;
5521
5521
  }
5522
- [data-v-016bcba6] .vgl-item > .el-container {
5522
+ [data-v-a84aa0ec] .vgl-item > .el-container {
5523
5523
  height: auto !important;
5524
5524
  }.cell-content .cell-text[data-v-b57831f4] {
5525
5525
  display: inline-block;
@@ -1,6 +1,6 @@
1
1
  "use strict";
2
2
  Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
3
- const version = "5.2.9";
3
+ const version = "5.2.10";
4
4
  const packageJson = {
5
5
  version
6
6
  };
@@ -122,18 +122,18 @@ const _sfc_main = {
122
122
  () => editConfigData.value.labelPosition,
123
123
  (labelPosition) => {
124
124
  const targetHeight = labelPosition === "top" ? 0.75 : 1;
125
- const fieldTypes = [
126
- "subTitle",
127
- "h2",
128
- "subForm",
129
- "subTable",
130
- "approvalHistory",
131
- "divider"
132
- ];
133
125
  layoutData.value.forEach((item) => {
134
- var _a;
135
- if (fieldTypes.includes((_a = item.component) == null ? void 0 : _a.fieldType)) {
136
- item.h = item.h * targetHeight;
126
+ var _a, _b, _c;
127
+ if (["subTitle", "h2", "divider"].includes((_a = item.component) == null ? void 0 : _a.fieldType)) {
128
+ item.h = 1 * targetHeight;
129
+ } else if (["subForm", "subTable", "approvalHistory"].includes(
130
+ (_b = item.component) == null ? void 0 : _b.fieldType
131
+ )) {
132
+ if (((_c = item.component) == null ? void 0 : _c.titleMode) == "none") {
133
+ item.h = 2 * targetHeight;
134
+ } else {
135
+ item.h = 3 * targetHeight;
136
+ }
137
137
  }
138
138
  });
139
139
  gridLayout.value.resizeEvent();
@@ -226,14 +226,17 @@ const _sfc_main = {
226
226
  } else if (component.fieldType == "subTitle" || component.fieldType == "h2" || component.fieldType == "divider") {
227
227
  finalWH = {
228
228
  w: editConfigData.value.columns,
229
- h: 1,
229
+ h: editConfigData.value.labelPosition == "top" ? 0.75 : 1,
230
230
  isResizable: false
231
231
  };
232
232
  } else if (component.fieldType == "subForm" || component.fieldType == "subTable" || component.fieldType == "approvalHistory") {
233
- finalWH = { w: editConfigData.value.columns, h: 2 };
233
+ finalWH = {
234
+ w: editConfigData.value.columns,
235
+ h: editConfigData.value.labelPosition == "top" ? 1.5 : 2
236
+ };
234
237
  }
235
238
  const colNum = editConfigData.value.columns;
236
- const rowHeight = 60;
239
+ const rowHeight = editConfigData.value.labelPosition == "top" ? 90 : 60;
237
240
  const margin = 0;
238
241
  const cellWidth = (rect.width + margin) / colNum;
239
242
  const cellHeight = rowHeight + margin;
@@ -566,5 +569,5 @@ const _sfc_main = {
566
569
  };
567
570
  }
568
571
  };
569
- const formWorkArea = /* @__PURE__ */ _pluginVue_exportHelper.default(_sfc_main, [["__scopeId", "data-v-8e0ae4da"]]);
572
+ const formWorkArea = /* @__PURE__ */ _pluginVue_exportHelper.default(_sfc_main, [["__scopeId", "data-v-838fb4f9"]]);
570
573
  exports.default = formWorkArea;
@@ -333,7 +333,9 @@ const _sfc_main = /* @__PURE__ */ Object.assign({
333
333
  item.h = item.h * 0;
334
334
  } else if (!item.fixedH) {
335
335
  item.h = item.h * 60;
336
- } else ;
336
+ } else if (item.fixedH) {
337
+ item.h = item.h / (localConfig.value.labelPosition == "top" ? 1.5 : 1);
338
+ }
337
339
  return item;
338
340
  });
339
341
  gridLayoutDataConfig.value = gridLayoutData;
@@ -682,5 +684,5 @@ const _sfc_main = /* @__PURE__ */ Object.assign({
682
684
  };
683
685
  }
684
686
  });
685
- const _Form = /* @__PURE__ */ _pluginVue_exportHelper.default(_sfc_main, [["__scopeId", "data-v-016bcba6"]]);
687
+ const _Form = /* @__PURE__ */ _pluginVue_exportHelper.default(_sfc_main, [["__scopeId", "data-v-a84aa0ec"]]);
686
688
  exports.default = _Form;
@@ -141,7 +141,6 @@ async function handlePageGoBack(node, data, fields, context) {
141
141
  }
142
142
  async function handleApiCall(node, data, fields, context, params) {
143
143
  console.log("[EventFlow] 执行API调用:", node.basic);
144
- debugger;
145
144
  const basic = node.basic || {};
146
145
  if (!basic.dataSourceId) {
147
146
  return {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@fecp/designer",
3
- "version": "5.2.9",
3
+ "version": "5.2.10",
4
4
  "main": "lib/packages/designer/index.js",
5
5
  "module": "es/packages/designer/index.mjs",
6
6
  "files": [