@fecp/designer 5.4.17 → 5.4.18

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.
@@ -1,4 +1,4 @@
1
- const version = "5.4.17";
1
+ const version = "5.4.18";
2
2
  const packageJson = {
3
3
  version
4
4
  };
@@ -19,7 +19,7 @@ import SubTable from "./components/SubTable.vue.mjs";
19
19
  import Document from "./components/Document.vue.mjs";
20
20
  import Contract from "./components/Contract.vue.mjs";
21
21
  import { StarFilled as star_filled_default, Star as star_default, Lock as lock_default, Unlock as unlock_default, Delete as delete_default } from "../../../../node_modules/@element-plus/icons-vue/dist/index.mjs";
22
- import { getEditConfigData, setSelectedItem, setHoverItem, getCurrentClass, isSelectedItem } from "../utils/common.mjs";
22
+ import { getEditConfigData, setEditConfigData, setSelectedItem, setHoverItem, getCurrentClass, isSelectedItem } from "../utils/common.mjs";
23
23
  import { throttle as eo } from "../../../../node_modules/@vexip-ui/utils/dist/index.mjs";
24
24
  import { defaultProperty } from "./aside/index.mjs";
25
25
  /* empty css */
@@ -60,6 +60,14 @@ const _sfc_main = {
60
60
  editConfigData.value.fieldsData.forEach((item) => {
61
61
  item.component = { ...defaultProperty, ...item.component };
62
62
  });
63
+ watch(
64
+ editConfigData,
65
+ (val) => {
66
+ console.log("🚀 ~ val:", val);
67
+ setEditConfigData(val);
68
+ },
69
+ { deep: true }
70
+ );
63
71
  const layoutDragData = ref([]);
64
72
  const layoutData = ref(editConfigData.value.fieldsData || []);
65
73
  const gridLayout = ref(null);
@@ -101,6 +109,7 @@ const _sfc_main = {
101
109
  item.x = 0;
102
110
  });
103
111
  layoutData.value = [...validItems, ...itemsToRelayout];
112
+ editConfigData.value.fieldsData = layoutData.value;
104
113
  }
105
114
  }
106
115
  );
@@ -112,9 +121,13 @@ const _sfc_main = {
112
121
  var _a, _b, _c;
113
122
  if (["subTitle", "h2", "divider"].includes((_a = item.component) == null ? void 0 : _a.fieldType)) {
114
123
  item.h = 1 * targetHeight;
115
- } else if (["subForm", "subTable", "approvalHistory", "document", "contract"].includes(
116
- (_b = item.component) == null ? void 0 : _b.fieldType
117
- )) {
124
+ } else if ([
125
+ "subForm",
126
+ "subTable",
127
+ "approvalHistory",
128
+ "document",
129
+ "contract"
130
+ ].includes((_b = item.component) == null ? void 0 : _b.fieldType)) {
118
131
  if (((_c = item.component) == null ? void 0 : _c.titleMode) == "none") {
119
132
  item.h = 2 * targetHeight;
120
133
  } else {
@@ -504,7 +517,7 @@ const _sfc_main = {
504
517
  };
505
518
  }
506
519
  };
507
- const formWorkArea = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-459e2f10"]]);
520
+ const formWorkArea = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-d23df582"]]);
508
521
  export {
509
522
  formWorkArea as default
510
523
  };
package/es/designer.css CHANGED
@@ -4996,33 +4996,33 @@ to {
4996
4996
  .contract-preview .preview-info .preview-mode[data-v-cbec96d0] {
4997
4997
  font-size: 12px;
4998
4998
  color: #909399;
4999
- }.form-work-area[data-v-459e2f10] {
4999
+ }.form-work-area[data-v-d23df582] {
5000
5000
  height: 100%;
5001
5001
  display: flex;
5002
5002
  flex-direction: column;
5003
5003
  }
5004
- .form-toolbar[data-v-459e2f10] {
5004
+ .form-toolbar[data-v-d23df582] {
5005
5005
  background: #f8f9fa;
5006
5006
  padding: 16px;
5007
5007
  margin-bottom: 20px;
5008
5008
  border-radius: 4px;
5009
5009
  border: 1px solid #e9ecef;
5010
5010
  }
5011
- .form-grid-container[data-v-459e2f10] {
5011
+ .form-grid-container[data-v-d23df582] {
5012
5012
  position: relative;
5013
5013
  flex: 1;
5014
5014
  overflow: auto;
5015
5015
  background-color: #fff;
5016
5016
  user-select: none;
5017
5017
  }
5018
- .form-grid[data-v-459e2f10] {
5018
+ .form-grid[data-v-d23df582] {
5019
5019
  position: relative;
5020
5020
  padding: 12px;
5021
5021
  }
5022
- .form-grid.el-form--label-top .status-tags[data-v-459e2f10] {
5022
+ .form-grid.el-form--label-top .status-tags[data-v-d23df582] {
5023
5023
  top: 28px;
5024
5024
  }
5025
- .form-component[data-v-459e2f10] {
5025
+ .form-component[data-v-d23df582] {
5026
5026
  position: relative;
5027
5027
  border-radius: 4px;
5028
5028
  padding: 12px;
@@ -5030,26 +5030,26 @@ to {
5030
5030
  transition: all 0.2s ease;
5031
5031
  height: 100%;
5032
5032
  }
5033
- .form-component.h2[data-v-459e2f10] {
5033
+ .form-component.h2[data-v-d23df582] {
5034
5034
  padding: 8px 12px;
5035
5035
  }
5036
- .form-component.is-hover[data-v-459e2f10] {
5036
+ .form-component.is-hover[data-v-d23df582] {
5037
5037
  background: #f5f7fa;
5038
5038
  border: 1px solid #e4e7ed;
5039
5039
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
5040
5040
  z-index: 1;
5041
5041
  }
5042
- .form-component.is-select[data-v-459e2f10] {
5042
+ .form-component.is-select[data-v-d23df582] {
5043
5043
  background: #fff8e6;
5044
5044
  border: 2px solid #f0ad4e;
5045
5045
  box-shadow: 0 4px 16px rgba(240, 173, 78, 0.2);
5046
5046
  }
5047
- .form-component.is-hover.is-select[data-v-459e2f10] {
5047
+ .form-component.is-hover.is-select[data-v-d23df582] {
5048
5048
  background: #fff8e6;
5049
5049
  border-color: #f5b041;
5050
5050
  box-shadow: 0 4px 16px rgba(240, 173, 78, 0.3);
5051
5051
  }
5052
- .form-component .component-toolbar[data-v-459e2f10] {
5052
+ .form-component .component-toolbar[data-v-d23df582] {
5053
5053
  position: absolute;
5054
5054
  top: -12px;
5055
5055
  right: 8px;
@@ -5058,7 +5058,7 @@ to {
5058
5058
  opacity: 0;
5059
5059
  transition: all 0.2s ease;
5060
5060
  }
5061
- .form-component .component-toolbar .toolbar-btn[data-v-459e2f10] {
5061
+ .form-component .component-toolbar .toolbar-btn[data-v-d23df582] {
5062
5062
  width: 20px;
5063
5063
  height: 20px;
5064
5064
  border-radius: 3px;
@@ -5073,70 +5073,70 @@ to {
5073
5073
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
5074
5074
  transition: all 0.15s ease;
5075
5075
  }
5076
- .form-component .component-toolbar .toolbar-btn[data-v-459e2f10]:hover {
5076
+ .form-component .component-toolbar .toolbar-btn[data-v-d23df582]:hover {
5077
5077
  transform: scale(1.05);
5078
5078
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
5079
5079
  }
5080
- .form-component .component-toolbar .toolbar-btn.delete-btn[data-v-459e2f10] {
5080
+ .form-component .component-toolbar .toolbar-btn.delete-btn[data-v-d23df582] {
5081
5081
  color: #f56c6c;
5082
5082
  }
5083
- .form-component .component-toolbar .toolbar-btn.delete-btn[data-v-459e2f10]:hover {
5083
+ .form-component .component-toolbar .toolbar-btn.delete-btn[data-v-d23df582]:hover {
5084
5084
  background: #f56c6c;
5085
5085
  color: white;
5086
5086
  border-color: #f56c6c;
5087
5087
  }
5088
- .form-component .component-toolbar .toolbar-btn.settings-btn[data-v-459e2f10] {
5088
+ .form-component .component-toolbar .toolbar-btn.settings-btn[data-v-d23df582] {
5089
5089
  color: #409eff;
5090
5090
  }
5091
- .form-component .component-toolbar .toolbar-btn.settings-btn[data-v-459e2f10]:hover, .form-component .component-toolbar .toolbar-btn.settings-btn.is-active[data-v-459e2f10] {
5091
+ .form-component .component-toolbar .toolbar-btn.settings-btn[data-v-d23df582]:hover, .form-component .component-toolbar .toolbar-btn.settings-btn.is-active[data-v-d23df582] {
5092
5092
  background: #409eff;
5093
5093
  color: white;
5094
5094
  border-color: #409eff;
5095
5095
  }
5096
- .form-component .component-toolbar .toolbar-btn.required-btn[data-v-459e2f10] {
5096
+ .form-component .component-toolbar .toolbar-btn.required-btn[data-v-d23df582] {
5097
5097
  color: #c0c4cc;
5098
5098
  }
5099
- .form-component .component-toolbar .toolbar-btn.required-btn[data-v-459e2f10]:hover {
5099
+ .form-component .component-toolbar .toolbar-btn.required-btn[data-v-d23df582]:hover {
5100
5100
  background: #f5b041;
5101
5101
  color: white;
5102
5102
  border-color: #f5b041;
5103
5103
  }
5104
- .form-component .component-toolbar .toolbar-btn.required-btn.is-required[data-v-459e2f10] {
5104
+ .form-component .component-toolbar .toolbar-btn.required-btn.is-required[data-v-d23df582] {
5105
5105
  color: #f5b041;
5106
5106
  }
5107
- .form-component .component-toolbar .toolbar-btn.required-btn.is-required[data-v-459e2f10]:hover {
5107
+ .form-component .component-toolbar .toolbar-btn.required-btn.is-required[data-v-d23df582]:hover {
5108
5108
  background: #f5b041;
5109
5109
  color: white;
5110
5110
  border-color: #f5b041;
5111
5111
  }
5112
- .form-component .component-toolbar .toolbar-btn.disabled-btn[data-v-459e2f10] {
5112
+ .form-component .component-toolbar .toolbar-btn.disabled-btn[data-v-d23df582] {
5113
5113
  color: #c0c4cc;
5114
5114
  }
5115
- .form-component .component-toolbar .toolbar-btn.disabled-btn[data-v-459e2f10]:hover {
5115
+ .form-component .component-toolbar .toolbar-btn.disabled-btn[data-v-d23df582]:hover {
5116
5116
  background: #f56e6e;
5117
5117
  color: white;
5118
5118
  border-color: #f56e6e;
5119
5119
  }
5120
- .form-component .component-toolbar .toolbar-btn.disabled-btn.is-disabled[data-v-459e2f10] {
5120
+ .form-component .component-toolbar .toolbar-btn.disabled-btn.is-disabled[data-v-d23df582] {
5121
5121
  color: #f56e6e;
5122
5122
  }
5123
- .form-component .component-toolbar .toolbar-btn.disabled-btn.is-disabled[data-v-459e2f10]:hover {
5123
+ .form-component .component-toolbar .toolbar-btn.disabled-btn.is-disabled[data-v-d23df582]:hover {
5124
5124
  background: #f56e6e;
5125
5125
  color: white;
5126
5126
  border-color: #f56e6e;
5127
5127
  }
5128
- .form-component.is-hover .component-toolbar[data-v-459e2f10], .form-component.is-select .component-toolbar[data-v-459e2f10] {
5128
+ .form-component.is-hover .component-toolbar[data-v-d23df582], .form-component.is-select .component-toolbar[data-v-d23df582] {
5129
5129
  opacity: 1;
5130
5130
  }
5131
- .form-component .component-content[data-v-459e2f10] {
5131
+ .form-component .component-content[data-v-d23df582] {
5132
5132
  height: 100%;
5133
5133
  display: flex;
5134
5134
  align-items: flex-start;
5135
5135
  }
5136
- .form-component .component-content.is-linked-visibility[data-v-459e2f10] {
5136
+ .form-component .component-content.is-linked-visibility[data-v-d23df582] {
5137
5137
  opacity: 0.45;
5138
5138
  }
5139
- .form-component .status-tags[data-v-459e2f10] {
5139
+ .form-component .status-tags[data-v-d23df582] {
5140
5140
  position: absolute;
5141
5141
  top: 8px;
5142
5142
  right: 8px;
@@ -5144,7 +5144,7 @@ to {
5144
5144
  gap: 4px;
5145
5145
  z-index: 10;
5146
5146
  }
5147
- .form-component .field-name-tag[data-v-459e2f10] {
5147
+ .form-component .field-name-tag[data-v-d23df582] {
5148
5148
  background: rgba(0, 0, 0, 0.5);
5149
5149
  color: #fff;
5150
5150
  padding: 2px 6px;
@@ -5155,7 +5155,7 @@ to {
5155
5155
  transition: all 0.2s ease;
5156
5156
  line-height: 16px;
5157
5157
  }
5158
- .form-component .status-tag[data-v-459e2f10] {
5158
+ .form-component .status-tag[data-v-d23df582] {
5159
5159
  display: flex;
5160
5160
  align-items: center;
5161
5161
  gap: 2px;
@@ -5166,107 +5166,107 @@ to {
5166
5166
  opacity: 0.9;
5167
5167
  transition: all 0.2s ease;
5168
5168
  }
5169
- .form-component .status-tag .el-icon[data-v-459e2f10] {
5169
+ .form-component .status-tag .el-icon[data-v-d23df582] {
5170
5170
  font-size: 12px;
5171
5171
  }
5172
- .form-component .status-tag.disabled-tag[data-v-459e2f10] {
5172
+ .form-component .status-tag.disabled-tag[data-v-d23df582] {
5173
5173
  background: rgba(245, 108, 108, 0.9);
5174
5174
  color: #fff;
5175
5175
  }
5176
- .form-component .status-tag.readonly-tag[data-v-459e2f10] {
5176
+ .form-component .status-tag.readonly-tag[data-v-d23df582] {
5177
5177
  background: rgba(144, 147, 153, 0.9);
5178
5178
  color: #fff;
5179
5179
  }
5180
- .form-component.is-disabled[data-v-459e2f10] {
5180
+ .form-component.is-disabled[data-v-d23df582] {
5181
5181
  opacity: 0.6;
5182
5182
  background: #f5f7fa;
5183
5183
  border-color: #e4e7ed;
5184
5184
  }
5185
- .form-component.is-disabled .component-preview[data-v-459e2f10] .el-input__wrapper {
5185
+ .form-component.is-disabled .component-preview[data-v-d23df582] .el-input__wrapper {
5186
5186
  background-color: #f5f7fa;
5187
5187
  box-shadow: 0 0 0 1px #e4e7ed inset;
5188
5188
  }
5189
- .form-component.is-readonly[data-v-459e2f10] {
5189
+ .form-component.is-readonly[data-v-d23df582] {
5190
5190
  border-style: dashed;
5191
5191
  border-color: #c0c4cc;
5192
5192
  background: #fafafa;
5193
5193
  }
5194
- .form-component.is-readonly .component-preview[data-v-459e2f10] .el-input__wrapper {
5194
+ .form-component.is-readonly .component-preview[data-v-d23df582] .el-input__wrapper {
5195
5195
  background-color: #f5f7fa;
5196
5196
  }
5197
- .quick-setting-panel[data-v-459e2f10] {
5197
+ .quick-setting-panel[data-v-d23df582] {
5198
5198
  padding: 8px;
5199
5199
  min-width: 160px;
5200
5200
  }
5201
- .quick-setting-panel .setting-row[data-v-459e2f10] {
5201
+ .quick-setting-panel .setting-row[data-v-d23df582] {
5202
5202
  display: flex;
5203
5203
  align-items: center;
5204
5204
  justify-content: space-between;
5205
5205
  margin-bottom: 8px;
5206
5206
  }
5207
- .quick-setting-panel .setting-row[data-v-459e2f10]:last-child {
5207
+ .quick-setting-panel .setting-row[data-v-d23df582]:last-child {
5208
5208
  margin-bottom: 0;
5209
5209
  }
5210
- .quick-setting-panel .setting-row .setting-label[data-v-459e2f10] {
5210
+ .quick-setting-panel .setting-row .setting-label[data-v-d23df582] {
5211
5211
  font-size: 12px;
5212
5212
  color: #606266;
5213
5213
  min-width: 35px;
5214
5214
  }
5215
- .quick-setting-panel .setting-row .setting-select[data-v-459e2f10] {
5215
+ .quick-setting-panel .setting-row .setting-select[data-v-d23df582] {
5216
5216
  flex: 1;
5217
5217
  width: 90px;
5218
5218
  }
5219
- .quick-setting-panel .setting-row .setting-input[data-v-459e2f10] {
5219
+ .quick-setting-panel .setting-row .setting-input[data-v-d23df582] {
5220
5220
  flex: 1;
5221
5221
  width: 90px;
5222
5222
  }
5223
- .quick-setting-panel .setting-row[data-v-459e2f10] .el-checkbox {
5223
+ .quick-setting-panel .setting-row[data-v-d23df582] .el-checkbox {
5224
5224
  margin-right: 5px;
5225
5225
  }
5226
- .quick-setting-panel .setting-row[data-v-459e2f10] .el-checkbox .el-checkbox__label {
5226
+ .quick-setting-panel .setting-row[data-v-d23df582] .el-checkbox .el-checkbox__label {
5227
5227
  padding-left: 5px;
5228
5228
  }
5229
- .grid-draggable-wrapper[data-v-459e2f10] {
5229
+ .grid-draggable-wrapper[data-v-d23df582] {
5230
5230
  min-height: 600px;
5231
5231
  padding-bottom: 60px;
5232
5232
  }
5233
- .grid-draggable-wrapper[data-v-459e2f10] .components-item {
5233
+ .grid-draggable-wrapper[data-v-d23df582] .components-item {
5234
5234
  display: none;
5235
5235
  }
5236
- .grid-draggable-wrapper[data-v-459e2f10] .vgl-item:hover {
5236
+ .grid-draggable-wrapper[data-v-d23df582] .vgl-item:hover {
5237
5237
  z-index: 1;
5238
5238
  }
5239
- .grid-draggable-wrapper[data-v-459e2f10] .vgl-item--placeholder {
5239
+ .grid-draggable-wrapper[data-v-d23df582] .vgl-item--placeholder {
5240
5240
  background-color: rgba(64, 158, 255, 0.2);
5241
5241
  border: 2px dashed #409eff;
5242
5242
  border-radius: 4px;
5243
5243
  opacity: 0.5;
5244
5244
  pointer-events: none;
5245
5245
  }
5246
- .grid-draggable-wrapper[data-v-459e2f10] .vgl-item--dragging {
5246
+ .grid-draggable-wrapper[data-v-d23df582] .vgl-item--dragging {
5247
5247
  opacity: 0.7;
5248
5248
  }
5249
- .grid-draggable-wrapper[data-v-459e2f10] .vgl-item--resizing {
5249
+ .grid-draggable-wrapper[data-v-d23df582] .vgl-item--resizing {
5250
5250
  background: #f5f7fa;
5251
5251
  border: 1px solid #e4e7ed;
5252
5252
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
5253
5253
  opacity: 0.7;
5254
5254
  border-radius: 4px;
5255
5255
  }
5256
- .grid-draggable-wrapper[data-v-459e2f10] .vgl-item__resizer {
5256
+ .grid-draggable-wrapper[data-v-d23df582] .vgl-item__resizer {
5257
5257
  z-index: 1;
5258
5258
  }
5259
- .grid-draggable-wrapper[data-v-459e2f10] .vgl-item__resizer:before {
5259
+ .grid-draggable-wrapper[data-v-d23df582] .vgl-item__resizer:before {
5260
5260
  display: none;
5261
5261
  border-color: #409eff;
5262
5262
  }
5263
- .grid-draggable-wrapper[data-v-459e2f10] .vgl-item:hover .vgl-item__resizer:before {
5263
+ .grid-draggable-wrapper[data-v-d23df582] .vgl-item:hover .vgl-item__resizer:before {
5264
5264
  display: block;
5265
5265
  }
5266
- [data-v-459e2f10] .el-divider {
5266
+ [data-v-d23df582] .el-divider {
5267
5267
  margin: 16px 0;
5268
5268
  }
5269
- [data-v-459e2f10] .el-divider .el-divider__text {
5269
+ [data-v-d23df582] .el-divider .el-divider__text {
5270
5270
  color: #adb0b7;
5271
5271
  padding: 0 10px;
5272
5272
  border-radius: 4px;
@@ -9,9 +9,9 @@ import { Form } from "../forms/form/index.mjs";
9
9
  import { parseRouteParams } from "../../utils/parseRouteParams.mjs";
10
10
  import { calculate } from "../../utils/formulajs/calculate.mjs";
11
11
  import { useEventFlow, executeEventFlow } from "../../utils/eventFlow/eventFlowHandler.mjs";
12
- /* empty css */
13
12
  /* empty css */
14
13
  /* empty css */
14
+ /* empty css */
15
15
  /* empty css */
16
16
  import _export_sfc from "../../../../../_virtual/_plugin-vue_export-helper.mjs";
17
17
  /* empty css */
@@ -3,9 +3,9 @@ import "../../../../../../node_modules/element-plus/es/index.mjs";
3
3
  /* empty css */
4
4
  /* empty css */
5
5
  import { computed, getCurrentInstance, inject, createElementBlock, openBlock, createVNode, createCommentVNode, mergeProps, toHandlers, createSlots, withCtx, createElementVNode, toDisplayString, createBlock, createTextVNode, unref } from "vue";
6
- /* empty css */
7
6
  /* empty css */
8
7
  /* empty css */
8
+ /* empty css */
9
9
  import { openDialog } from "../../dialog/index.mjs";
10
10
  import api from "../../../api/index.mjs";
11
11
  /* empty css */
@@ -7,10 +7,10 @@ import "../../../../../node_modules/vxe-table/es/components.mjs";
7
7
  import { CopyDocument as copy_document_default } from "../../../../../node_modules/@element-plus/icons-vue/dist/index.mjs";
8
8
  import { checkFilterMatch } from "../../utils/parseFilterConfig.mjs";
9
9
  import { removeEmptyValues } from "../../utils/common.mjs";
10
- /* empty css */
11
10
  /* empty css */
12
11
  /* empty css */
13
12
  /* empty css */
13
+ /* empty css */
14
14
  /* empty css */
15
15
  import "./index.mjs";
16
16
  import "../forms/form/index.mjs";
@@ -1,9 +1,9 @@
1
1
  import { onUnmounted, onBeforeUnmount, onMounted } from "vue";
2
2
  /* empty css */
3
- /* empty css */
4
3
  /* empty css */
5
4
  /* empty css */
6
5
  /* empty css */
6
+ /* empty css */
7
7
  /* empty css */
8
8
  /* empty css */
9
9
  import "../components/table/index.mjs";
@@ -2,9 +2,9 @@ import { reactive } from "vue";
2
2
  import { parseRouteParams } from "./parseRouteParams.mjs";
3
3
  import "../../../../node_modules/element-plus/es/index.mjs";
4
4
  /* empty css */
5
- /* empty css */
6
5
  /* empty css */
7
6
  /* empty css */
7
+ /* empty css */
8
8
  import { ElLoading } from "../../../../node_modules/element-plus/es/components/loading/index.mjs";
9
9
  import { ElMessage } from "../../../../node_modules/element-plus/es/components/message/index.mjs";
10
10
  class DataSourceManager {
@@ -1,6 +1,6 @@
1
1
  "use strict";
2
2
  Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
3
- const version = "5.4.17";
3
+ const version = "5.4.18";
4
4
  const packageJson = {
5
5
  version
6
6
  };
@@ -62,6 +62,14 @@ const _sfc_main = {
62
62
  editConfigData.value.fieldsData.forEach((item) => {
63
63
  item.component = { ...index.defaultProperty, ...item.component };
64
64
  });
65
+ vue.watch(
66
+ editConfigData,
67
+ (val) => {
68
+ console.log("🚀 ~ val:", val);
69
+ common.setEditConfigData(val);
70
+ },
71
+ { deep: true }
72
+ );
65
73
  const layoutDragData = vue.ref([]);
66
74
  const layoutData = vue.ref(editConfigData.value.fieldsData || []);
67
75
  const gridLayout = vue.ref(null);
@@ -103,6 +111,7 @@ const _sfc_main = {
103
111
  item.x = 0;
104
112
  });
105
113
  layoutData.value = [...validItems, ...itemsToRelayout];
114
+ editConfigData.value.fieldsData = layoutData.value;
106
115
  }
107
116
  }
108
117
  );
@@ -114,9 +123,13 @@ const _sfc_main = {
114
123
  var _a, _b, _c;
115
124
  if (["subTitle", "h2", "divider"].includes((_a = item.component) == null ? void 0 : _a.fieldType)) {
116
125
  item.h = 1 * targetHeight;
117
- } else if (["subForm", "subTable", "approvalHistory", "document", "contract"].includes(
118
- (_b = item.component) == null ? void 0 : _b.fieldType
119
- )) {
126
+ } else if ([
127
+ "subForm",
128
+ "subTable",
129
+ "approvalHistory",
130
+ "document",
131
+ "contract"
132
+ ].includes((_b = item.component) == null ? void 0 : _b.fieldType)) {
120
133
  if (((_c = item.component) == null ? void 0 : _c.titleMode) == "none") {
121
134
  item.h = 2 * targetHeight;
122
135
  } else {
@@ -506,5 +519,5 @@ const _sfc_main = {
506
519
  };
507
520
  }
508
521
  };
509
- const formWorkArea = /* @__PURE__ */ _pluginVue_exportHelper.default(_sfc_main, [["__scopeId", "data-v-459e2f10"]]);
522
+ const formWorkArea = /* @__PURE__ */ _pluginVue_exportHelper.default(_sfc_main, [["__scopeId", "data-v-d23df582"]]);
510
523
  exports.default = formWorkArea;
package/lib/designer.css CHANGED
@@ -4996,33 +4996,33 @@ to {
4996
4996
  .contract-preview .preview-info .preview-mode[data-v-cbec96d0] {
4997
4997
  font-size: 12px;
4998
4998
  color: #909399;
4999
- }.form-work-area[data-v-459e2f10] {
4999
+ }.form-work-area[data-v-d23df582] {
5000
5000
  height: 100%;
5001
5001
  display: flex;
5002
5002
  flex-direction: column;
5003
5003
  }
5004
- .form-toolbar[data-v-459e2f10] {
5004
+ .form-toolbar[data-v-d23df582] {
5005
5005
  background: #f8f9fa;
5006
5006
  padding: 16px;
5007
5007
  margin-bottom: 20px;
5008
5008
  border-radius: 4px;
5009
5009
  border: 1px solid #e9ecef;
5010
5010
  }
5011
- .form-grid-container[data-v-459e2f10] {
5011
+ .form-grid-container[data-v-d23df582] {
5012
5012
  position: relative;
5013
5013
  flex: 1;
5014
5014
  overflow: auto;
5015
5015
  background-color: #fff;
5016
5016
  user-select: none;
5017
5017
  }
5018
- .form-grid[data-v-459e2f10] {
5018
+ .form-grid[data-v-d23df582] {
5019
5019
  position: relative;
5020
5020
  padding: 12px;
5021
5021
  }
5022
- .form-grid.el-form--label-top .status-tags[data-v-459e2f10] {
5022
+ .form-grid.el-form--label-top .status-tags[data-v-d23df582] {
5023
5023
  top: 28px;
5024
5024
  }
5025
- .form-component[data-v-459e2f10] {
5025
+ .form-component[data-v-d23df582] {
5026
5026
  position: relative;
5027
5027
  border-radius: 4px;
5028
5028
  padding: 12px;
@@ -5030,26 +5030,26 @@ to {
5030
5030
  transition: all 0.2s ease;
5031
5031
  height: 100%;
5032
5032
  }
5033
- .form-component.h2[data-v-459e2f10] {
5033
+ .form-component.h2[data-v-d23df582] {
5034
5034
  padding: 8px 12px;
5035
5035
  }
5036
- .form-component.is-hover[data-v-459e2f10] {
5036
+ .form-component.is-hover[data-v-d23df582] {
5037
5037
  background: #f5f7fa;
5038
5038
  border: 1px solid #e4e7ed;
5039
5039
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
5040
5040
  z-index: 1;
5041
5041
  }
5042
- .form-component.is-select[data-v-459e2f10] {
5042
+ .form-component.is-select[data-v-d23df582] {
5043
5043
  background: #fff8e6;
5044
5044
  border: 2px solid #f0ad4e;
5045
5045
  box-shadow: 0 4px 16px rgba(240, 173, 78, 0.2);
5046
5046
  }
5047
- .form-component.is-hover.is-select[data-v-459e2f10] {
5047
+ .form-component.is-hover.is-select[data-v-d23df582] {
5048
5048
  background: #fff8e6;
5049
5049
  border-color: #f5b041;
5050
5050
  box-shadow: 0 4px 16px rgba(240, 173, 78, 0.3);
5051
5051
  }
5052
- .form-component .component-toolbar[data-v-459e2f10] {
5052
+ .form-component .component-toolbar[data-v-d23df582] {
5053
5053
  position: absolute;
5054
5054
  top: -12px;
5055
5055
  right: 8px;
@@ -5058,7 +5058,7 @@ to {
5058
5058
  opacity: 0;
5059
5059
  transition: all 0.2s ease;
5060
5060
  }
5061
- .form-component .component-toolbar .toolbar-btn[data-v-459e2f10] {
5061
+ .form-component .component-toolbar .toolbar-btn[data-v-d23df582] {
5062
5062
  width: 20px;
5063
5063
  height: 20px;
5064
5064
  border-radius: 3px;
@@ -5073,70 +5073,70 @@ to {
5073
5073
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
5074
5074
  transition: all 0.15s ease;
5075
5075
  }
5076
- .form-component .component-toolbar .toolbar-btn[data-v-459e2f10]:hover {
5076
+ .form-component .component-toolbar .toolbar-btn[data-v-d23df582]:hover {
5077
5077
  transform: scale(1.05);
5078
5078
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
5079
5079
  }
5080
- .form-component .component-toolbar .toolbar-btn.delete-btn[data-v-459e2f10] {
5080
+ .form-component .component-toolbar .toolbar-btn.delete-btn[data-v-d23df582] {
5081
5081
  color: #f56c6c;
5082
5082
  }
5083
- .form-component .component-toolbar .toolbar-btn.delete-btn[data-v-459e2f10]:hover {
5083
+ .form-component .component-toolbar .toolbar-btn.delete-btn[data-v-d23df582]:hover {
5084
5084
  background: #f56c6c;
5085
5085
  color: white;
5086
5086
  border-color: #f56c6c;
5087
5087
  }
5088
- .form-component .component-toolbar .toolbar-btn.settings-btn[data-v-459e2f10] {
5088
+ .form-component .component-toolbar .toolbar-btn.settings-btn[data-v-d23df582] {
5089
5089
  color: #409eff;
5090
5090
  }
5091
- .form-component .component-toolbar .toolbar-btn.settings-btn[data-v-459e2f10]:hover, .form-component .component-toolbar .toolbar-btn.settings-btn.is-active[data-v-459e2f10] {
5091
+ .form-component .component-toolbar .toolbar-btn.settings-btn[data-v-d23df582]:hover, .form-component .component-toolbar .toolbar-btn.settings-btn.is-active[data-v-d23df582] {
5092
5092
  background: #409eff;
5093
5093
  color: white;
5094
5094
  border-color: #409eff;
5095
5095
  }
5096
- .form-component .component-toolbar .toolbar-btn.required-btn[data-v-459e2f10] {
5096
+ .form-component .component-toolbar .toolbar-btn.required-btn[data-v-d23df582] {
5097
5097
  color: #c0c4cc;
5098
5098
  }
5099
- .form-component .component-toolbar .toolbar-btn.required-btn[data-v-459e2f10]:hover {
5099
+ .form-component .component-toolbar .toolbar-btn.required-btn[data-v-d23df582]:hover {
5100
5100
  background: #f5b041;
5101
5101
  color: white;
5102
5102
  border-color: #f5b041;
5103
5103
  }
5104
- .form-component .component-toolbar .toolbar-btn.required-btn.is-required[data-v-459e2f10] {
5104
+ .form-component .component-toolbar .toolbar-btn.required-btn.is-required[data-v-d23df582] {
5105
5105
  color: #f5b041;
5106
5106
  }
5107
- .form-component .component-toolbar .toolbar-btn.required-btn.is-required[data-v-459e2f10]:hover {
5107
+ .form-component .component-toolbar .toolbar-btn.required-btn.is-required[data-v-d23df582]:hover {
5108
5108
  background: #f5b041;
5109
5109
  color: white;
5110
5110
  border-color: #f5b041;
5111
5111
  }
5112
- .form-component .component-toolbar .toolbar-btn.disabled-btn[data-v-459e2f10] {
5112
+ .form-component .component-toolbar .toolbar-btn.disabled-btn[data-v-d23df582] {
5113
5113
  color: #c0c4cc;
5114
5114
  }
5115
- .form-component .component-toolbar .toolbar-btn.disabled-btn[data-v-459e2f10]:hover {
5115
+ .form-component .component-toolbar .toolbar-btn.disabled-btn[data-v-d23df582]:hover {
5116
5116
  background: #f56e6e;
5117
5117
  color: white;
5118
5118
  border-color: #f56e6e;
5119
5119
  }
5120
- .form-component .component-toolbar .toolbar-btn.disabled-btn.is-disabled[data-v-459e2f10] {
5120
+ .form-component .component-toolbar .toolbar-btn.disabled-btn.is-disabled[data-v-d23df582] {
5121
5121
  color: #f56e6e;
5122
5122
  }
5123
- .form-component .component-toolbar .toolbar-btn.disabled-btn.is-disabled[data-v-459e2f10]:hover {
5123
+ .form-component .component-toolbar .toolbar-btn.disabled-btn.is-disabled[data-v-d23df582]:hover {
5124
5124
  background: #f56e6e;
5125
5125
  color: white;
5126
5126
  border-color: #f56e6e;
5127
5127
  }
5128
- .form-component.is-hover .component-toolbar[data-v-459e2f10], .form-component.is-select .component-toolbar[data-v-459e2f10] {
5128
+ .form-component.is-hover .component-toolbar[data-v-d23df582], .form-component.is-select .component-toolbar[data-v-d23df582] {
5129
5129
  opacity: 1;
5130
5130
  }
5131
- .form-component .component-content[data-v-459e2f10] {
5131
+ .form-component .component-content[data-v-d23df582] {
5132
5132
  height: 100%;
5133
5133
  display: flex;
5134
5134
  align-items: flex-start;
5135
5135
  }
5136
- .form-component .component-content.is-linked-visibility[data-v-459e2f10] {
5136
+ .form-component .component-content.is-linked-visibility[data-v-d23df582] {
5137
5137
  opacity: 0.45;
5138
5138
  }
5139
- .form-component .status-tags[data-v-459e2f10] {
5139
+ .form-component .status-tags[data-v-d23df582] {
5140
5140
  position: absolute;
5141
5141
  top: 8px;
5142
5142
  right: 8px;
@@ -5144,7 +5144,7 @@ to {
5144
5144
  gap: 4px;
5145
5145
  z-index: 10;
5146
5146
  }
5147
- .form-component .field-name-tag[data-v-459e2f10] {
5147
+ .form-component .field-name-tag[data-v-d23df582] {
5148
5148
  background: rgba(0, 0, 0, 0.5);
5149
5149
  color: #fff;
5150
5150
  padding: 2px 6px;
@@ -5155,7 +5155,7 @@ to {
5155
5155
  transition: all 0.2s ease;
5156
5156
  line-height: 16px;
5157
5157
  }
5158
- .form-component .status-tag[data-v-459e2f10] {
5158
+ .form-component .status-tag[data-v-d23df582] {
5159
5159
  display: flex;
5160
5160
  align-items: center;
5161
5161
  gap: 2px;
@@ -5166,107 +5166,107 @@ to {
5166
5166
  opacity: 0.9;
5167
5167
  transition: all 0.2s ease;
5168
5168
  }
5169
- .form-component .status-tag .el-icon[data-v-459e2f10] {
5169
+ .form-component .status-tag .el-icon[data-v-d23df582] {
5170
5170
  font-size: 12px;
5171
5171
  }
5172
- .form-component .status-tag.disabled-tag[data-v-459e2f10] {
5172
+ .form-component .status-tag.disabled-tag[data-v-d23df582] {
5173
5173
  background: rgba(245, 108, 108, 0.9);
5174
5174
  color: #fff;
5175
5175
  }
5176
- .form-component .status-tag.readonly-tag[data-v-459e2f10] {
5176
+ .form-component .status-tag.readonly-tag[data-v-d23df582] {
5177
5177
  background: rgba(144, 147, 153, 0.9);
5178
5178
  color: #fff;
5179
5179
  }
5180
- .form-component.is-disabled[data-v-459e2f10] {
5180
+ .form-component.is-disabled[data-v-d23df582] {
5181
5181
  opacity: 0.6;
5182
5182
  background: #f5f7fa;
5183
5183
  border-color: #e4e7ed;
5184
5184
  }
5185
- .form-component.is-disabled .component-preview[data-v-459e2f10] .el-input__wrapper {
5185
+ .form-component.is-disabled .component-preview[data-v-d23df582] .el-input__wrapper {
5186
5186
  background-color: #f5f7fa;
5187
5187
  box-shadow: 0 0 0 1px #e4e7ed inset;
5188
5188
  }
5189
- .form-component.is-readonly[data-v-459e2f10] {
5189
+ .form-component.is-readonly[data-v-d23df582] {
5190
5190
  border-style: dashed;
5191
5191
  border-color: #c0c4cc;
5192
5192
  background: #fafafa;
5193
5193
  }
5194
- .form-component.is-readonly .component-preview[data-v-459e2f10] .el-input__wrapper {
5194
+ .form-component.is-readonly .component-preview[data-v-d23df582] .el-input__wrapper {
5195
5195
  background-color: #f5f7fa;
5196
5196
  }
5197
- .quick-setting-panel[data-v-459e2f10] {
5197
+ .quick-setting-panel[data-v-d23df582] {
5198
5198
  padding: 8px;
5199
5199
  min-width: 160px;
5200
5200
  }
5201
- .quick-setting-panel .setting-row[data-v-459e2f10] {
5201
+ .quick-setting-panel .setting-row[data-v-d23df582] {
5202
5202
  display: flex;
5203
5203
  align-items: center;
5204
5204
  justify-content: space-between;
5205
5205
  margin-bottom: 8px;
5206
5206
  }
5207
- .quick-setting-panel .setting-row[data-v-459e2f10]:last-child {
5207
+ .quick-setting-panel .setting-row[data-v-d23df582]:last-child {
5208
5208
  margin-bottom: 0;
5209
5209
  }
5210
- .quick-setting-panel .setting-row .setting-label[data-v-459e2f10] {
5210
+ .quick-setting-panel .setting-row .setting-label[data-v-d23df582] {
5211
5211
  font-size: 12px;
5212
5212
  color: #606266;
5213
5213
  min-width: 35px;
5214
5214
  }
5215
- .quick-setting-panel .setting-row .setting-select[data-v-459e2f10] {
5215
+ .quick-setting-panel .setting-row .setting-select[data-v-d23df582] {
5216
5216
  flex: 1;
5217
5217
  width: 90px;
5218
5218
  }
5219
- .quick-setting-panel .setting-row .setting-input[data-v-459e2f10] {
5219
+ .quick-setting-panel .setting-row .setting-input[data-v-d23df582] {
5220
5220
  flex: 1;
5221
5221
  width: 90px;
5222
5222
  }
5223
- .quick-setting-panel .setting-row[data-v-459e2f10] .el-checkbox {
5223
+ .quick-setting-panel .setting-row[data-v-d23df582] .el-checkbox {
5224
5224
  margin-right: 5px;
5225
5225
  }
5226
- .quick-setting-panel .setting-row[data-v-459e2f10] .el-checkbox .el-checkbox__label {
5226
+ .quick-setting-panel .setting-row[data-v-d23df582] .el-checkbox .el-checkbox__label {
5227
5227
  padding-left: 5px;
5228
5228
  }
5229
- .grid-draggable-wrapper[data-v-459e2f10] {
5229
+ .grid-draggable-wrapper[data-v-d23df582] {
5230
5230
  min-height: 600px;
5231
5231
  padding-bottom: 60px;
5232
5232
  }
5233
- .grid-draggable-wrapper[data-v-459e2f10] .components-item {
5233
+ .grid-draggable-wrapper[data-v-d23df582] .components-item {
5234
5234
  display: none;
5235
5235
  }
5236
- .grid-draggable-wrapper[data-v-459e2f10] .vgl-item:hover {
5236
+ .grid-draggable-wrapper[data-v-d23df582] .vgl-item:hover {
5237
5237
  z-index: 1;
5238
5238
  }
5239
- .grid-draggable-wrapper[data-v-459e2f10] .vgl-item--placeholder {
5239
+ .grid-draggable-wrapper[data-v-d23df582] .vgl-item--placeholder {
5240
5240
  background-color: rgba(64, 158, 255, 0.2);
5241
5241
  border: 2px dashed #409eff;
5242
5242
  border-radius: 4px;
5243
5243
  opacity: 0.5;
5244
5244
  pointer-events: none;
5245
5245
  }
5246
- .grid-draggable-wrapper[data-v-459e2f10] .vgl-item--dragging {
5246
+ .grid-draggable-wrapper[data-v-d23df582] .vgl-item--dragging {
5247
5247
  opacity: 0.7;
5248
5248
  }
5249
- .grid-draggable-wrapper[data-v-459e2f10] .vgl-item--resizing {
5249
+ .grid-draggable-wrapper[data-v-d23df582] .vgl-item--resizing {
5250
5250
  background: #f5f7fa;
5251
5251
  border: 1px solid #e4e7ed;
5252
5252
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
5253
5253
  opacity: 0.7;
5254
5254
  border-radius: 4px;
5255
5255
  }
5256
- .grid-draggable-wrapper[data-v-459e2f10] .vgl-item__resizer {
5256
+ .grid-draggable-wrapper[data-v-d23df582] .vgl-item__resizer {
5257
5257
  z-index: 1;
5258
5258
  }
5259
- .grid-draggable-wrapper[data-v-459e2f10] .vgl-item__resizer:before {
5259
+ .grid-draggable-wrapper[data-v-d23df582] .vgl-item__resizer:before {
5260
5260
  display: none;
5261
5261
  border-color: #409eff;
5262
5262
  }
5263
- .grid-draggable-wrapper[data-v-459e2f10] .vgl-item:hover .vgl-item__resizer:before {
5263
+ .grid-draggable-wrapper[data-v-d23df582] .vgl-item:hover .vgl-item__resizer:before {
5264
5264
  display: block;
5265
5265
  }
5266
- [data-v-459e2f10] .el-divider {
5266
+ [data-v-d23df582] .el-divider {
5267
5267
  margin: 16px 0;
5268
5268
  }
5269
- [data-v-459e2f10] .el-divider .el-divider__text {
5269
+ [data-v-d23df582] .el-divider .el-divider__text {
5270
5270
  color: #adb0b7;
5271
5271
  padding: 0 10px;
5272
5272
  border-radius: 4px;
@@ -11,9 +11,9 @@ const index$2 = require("../forms/form/index.js");
11
11
  const parseRouteParams = require("../../utils/parseRouteParams.js");
12
12
  const calculate = require("../../utils/formulajs/calculate.js");
13
13
  const eventFlowHandler = require("../../utils/eventFlow/eventFlowHandler.js");
14
- ;/* empty css */
15
14
  ;/* empty css */
16
15
  ;/* empty css */
16
+ ;/* empty css */
17
17
  ;/* empty css */
18
18
  const _pluginVue_exportHelper = require("../../../../../_virtual/_plugin-vue_export-helper.js");
19
19
  ;/* empty css */
@@ -5,9 +5,9 @@ require("../../../../../../node_modules/element-plus/es/index.js");
5
5
  ;/* empty css */
6
6
  ;/* empty css */
7
7
  const vue = require("vue");
8
- ;/* empty css */
9
8
  ;/* empty css */
10
9
  ;/* empty css */
10
+ ;/* empty css */
11
11
  const index$3 = require("../../dialog/index.js");
12
12
  const index$2 = require("../../../api/index.js");
13
13
  ;/* empty css */
@@ -9,10 +9,10 @@ require("../../../../../node_modules/vxe-table/es/components.js");
9
9
  const index$3 = require("../../../../../node_modules/@element-plus/icons-vue/dist/index.js");
10
10
  const parseFilterConfig = require("../../utils/parseFilterConfig.js");
11
11
  const common = require("../../utils/common.js");
12
- ;/* empty css */
13
12
  ;/* empty css */
14
13
  ;/* empty css */
15
14
  ;/* empty css */
15
+ ;/* empty css */
16
16
  ;/* empty css */
17
17
  require("./index.js");
18
18
  require("../forms/form/index.js");
@@ -2,10 +2,10 @@
2
2
  Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
3
3
  const vue = require("vue");
4
4
  ;/* empty css */
5
- ;/* empty css */
6
5
  ;/* empty css */
7
6
  ;/* empty css */
8
7
  ;/* empty css */
8
+ ;/* empty css */
9
9
  ;/* empty css */
10
10
  ;/* empty css */
11
11
  require("../components/table/index.js");
@@ -4,9 +4,9 @@ const vue = require("vue");
4
4
  const parseRouteParams = require("./parseRouteParams.js");
5
5
  require("../../../../node_modules/element-plus/es/index.js");
6
6
  ;/* empty css */
7
- ;/* empty css */
8
7
  ;/* empty css */
9
8
  ;/* empty css */
9
+ ;/* empty css */
10
10
  const index = require("../../../../node_modules/element-plus/es/components/loading/index.js");
11
11
  const index$1 = require("../../../../node_modules/element-plus/es/components/message/index.js");
12
12
  class DataSourceManager {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@fecp/designer",
3
- "version": "5.4.17",
3
+ "version": "5.4.18",
4
4
  "main": "lib/designer/index.js",
5
5
  "module": "es/designer/index.mjs",
6
6
  "files": [