@fecp/designer 5.4.8 → 5.4.9

package/lib/designer.css

@@ -831,84 +831,84 @@
   height: 100%;
   color: #909399;
   font-size: 14px;
-}.field-mapping-container[data-v-bd18993e] {
+}.field-mapping-container[data-v-a09f49c9] {
   width: 100%;
 }
-.field-mapping-container .mapping-table[data-v-bd18993e] {
+.field-mapping-container .mapping-table[data-v-a09f49c9] {
   width: 100%;
   border: 1px solid #dcdfe6;
   border-radius: 4px;
   overflow: hidden;
 }
-.field-mapping-container .mapping-table .mapping-header[data-v-bd18993e] {
+.field-mapping-container .mapping-table .mapping-header[data-v-a09f49c9] {
   display: flex;
   background-color: #f5f7fa;
   height: 26px;
   line-height: 26px;
 }
-.field-mapping-container .mapping-table .mapping-header .mapping-cell[data-v-bd18993e] {
+.field-mapping-container .mapping-table .mapping-header .mapping-cell[data-v-a09f49c9] {
   padding: 0px 12px;
   font-weight: 500;
   font-size: 13px;
   color: #606266;
   border-right: 1px solid #dcdfe6;
 }
-.field-mapping-container .mapping-table .mapping-header .mapping-cell[data-v-bd18993e]:last-child {
+.field-mapping-container .mapping-table .mapping-header .mapping-cell[data-v-a09f49c9]:last-child {
   border-right: none;
 }
-.field-mapping-container .mapping-table .mapping-header .mapping-cell.field-header[data-v-bd18993e] {
+.field-mapping-container .mapping-table .mapping-header .mapping-cell.field-header[data-v-a09f49c9] {
   flex: 1;
-  min-width: 150px;
+  min-width: 120px;
   font-size: 12px;
 }
-.field-mapping-container .mapping-table .mapping-header .mapping-cell.value-header[data-v-bd18993e] {
+.field-mapping-container .mapping-table .mapping-header .mapping-cell.value-header[data-v-a09f49c9] {
   flex: 2;
-  min-width: 200px;
+  min-width: 120px;
   font-size: 12px;
 }
-.field-mapping-container .mapping-table .mapping-header .mapping-cell.action-header[data-v-bd18993e] {
+.field-mapping-container .mapping-table .mapping-header .mapping-cell.action-header[data-v-a09f49c9] {
   width: 50px;
   text-align: center;
 }
-.field-mapping-container .mapping-table .mapping-body[data-v-bd18993e] {
+.field-mapping-container .mapping-table .mapping-body[data-v-a09f49c9] {
   border-bottom: 1px solid #ebeef5;
 }
-.field-mapping-container .mapping-table .mapping-body .mapping-row[data-v-bd18993e] {
+.field-mapping-container .mapping-table .mapping-body .mapping-row[data-v-a09f49c9] {
   display: flex;
   border-top: 1px solid #ebeef5;
 }
-.field-mapping-container .mapping-table .mapping-body .mapping-row[data-v-bd18993e]:hover {
+.field-mapping-container .mapping-table .mapping-body .mapping-row[data-v-a09f49c9]:hover {
   background-color: #f5f7fa;
 }
-.field-mapping-container .mapping-table .mapping-body .mapping-row .mapping-cell[data-v-bd18993e] {
+.field-mapping-container .mapping-table .mapping-body .mapping-row .mapping-cell[data-v-a09f49c9] {
   padding: 5px;
   display: flex;
   align-items: center;
 }
-.field-mapping-container .mapping-table .mapping-body .mapping-row .mapping-cell.field-cell[data-v-bd18993e], .field-mapping-container .mapping-table .mapping-body .mapping-row .mapping-cell.value-cell[data-v-bd18993e] {
+.field-mapping-container .mapping-table .mapping-body .mapping-row .mapping-cell.field-cell[data-v-a09f49c9], .field-mapping-container .mapping-table .mapping-body .mapping-row .mapping-cell.value-cell[data-v-a09f49c9] {
   flex: 1;
-  min-width: 150px;
+  min-width: 120px;
 }
-.field-mapping-container .mapping-table .mapping-body .mapping-row .mapping-cell.value-cell[data-v-bd18993e] {
+.field-mapping-container .mapping-table .mapping-body .mapping-row .mapping-cell.value-cell[data-v-a09f49c9] {
   flex: 2;
-  min-width: 200px;
+  min-width: 120px;
 }
-.field-mapping-container .mapping-table .mapping-body .mapping-row .mapping-cell.action-cell[data-v-bd18993e] {
+.field-mapping-container .mapping-table .mapping-body .mapping-row .mapping-cell.action-cell[data-v-a09f49c9] {
   width: 50px;
   display: flex;
   align-items: center;
   justify-content: center;
 }
-.field-mapping-container .mapping-table .mapping-body .mapping-row .mapping-cell.action-cell[data-v-bd18993e] .el-button {
+.field-mapping-container .mapping-table .mapping-body .mapping-row .mapping-cell.action-cell[data-v-a09f49c9] .el-button {
   padding: 4px;
 }
-.field-mapping-container .mapping-table .mapping-body .mapping-row .mapping-cell.action-cell[data-v-bd18993e] .el-input {
+.field-mapping-container .mapping-table .mapping-body .mapping-row .mapping-cell.action-cell[data-v-a09f49c9] .el-input {
   width: 100%;
 }
-.field-mapping-container .mapping-table .mapping-body .mapping-row .mapping-cell[data-v-bd18993e] .el-input {
+.field-mapping-container .mapping-table .mapping-body .mapping-row .mapping-cell[data-v-a09f49c9] .el-input {
   width: 100%;
 }
-.field-mapping-container .mapping-table .mapping-footer[data-v-bd18993e] {
+.field-mapping-container .mapping-table .mapping-footer[data-v-a09f49c9] {
   padding: 5px 12px;
   text-align: left;
 }.desc-content[data-v-fca821f2] {
@@ -945,98 +945,98 @@
   font-size: 12px;
   color: #aaaaaa;
 }
-.field-mapping-container[data-v-ac24177e] {
+.field-mapping-container[data-v-87a3bc4a] {
   width: 100%;
 }
-.field-mapping-container.small .value-header[data-v-ac24177e],
-.field-mapping-container.small .field-cell[data-v-ac24177e],
-.field-mapping-container.small .value-cell[data-v-ac24177e],
-.field-mapping-container.small .field-header[data-v-ac24177e] {
+.field-mapping-container.small .value-header[data-v-87a3bc4a],
+.field-mapping-container.small .field-cell[data-v-87a3bc4a],
+.field-mapping-container.small .value-cell[data-v-87a3bc4a],
+.field-mapping-container.small .field-header[data-v-87a3bc4a] {
   min-width: 100px !important;
 }
-.field-mapping-container .mapping-table[data-v-ac24177e] {
+.field-mapping-container .mapping-table[data-v-87a3bc4a] {
   width: 100%;
   border: 1px solid #dcdfe6;
   border-radius: 4px;
   overflow: hidden;
 }
-.field-mapping-container .mapping-table .mapping-header[data-v-ac24177e] {
+.field-mapping-container .mapping-table .mapping-header[data-v-87a3bc4a] {
   display: flex;
   background-color: #f5f7fa;
   height: 26px;
   line-height: 26px;
 }
-.field-mapping-container .mapping-table .mapping-header .mapping-cell[data-v-ac24177e] {
+.field-mapping-container .mapping-table .mapping-header .mapping-cell[data-v-87a3bc4a] {
   padding: 0px 12px;
   font-weight: 500;
   font-size: 13px;
   color: #606266;
   border-right: 1px solid #dcdfe6;
 }
-.field-mapping-container .mapping-table .mapping-header .mapping-cell[data-v-ac24177e]:last-child {
+.field-mapping-container .mapping-table .mapping-header .mapping-cell[data-v-87a3bc4a]:last-child {
   border-right: none;
 }
-.field-mapping-container .mapping-table .mapping-header .mapping-cell.field-header[data-v-ac24177e] {
+.field-mapping-container .mapping-table .mapping-header .mapping-cell.field-header[data-v-87a3bc4a] {
   flex: 1;
-  min-width: 150px;
+  min-width: 120px;
   font-size: 12px;
 }
-.field-mapping-container .mapping-table .mapping-header .mapping-cell.value-header[data-v-ac24177e] {
+.field-mapping-container .mapping-table .mapping-header .mapping-cell.value-header[data-v-87a3bc4a] {
   flex: 2;
-  min-width: 200px;
+  min-width: 120px;
   font-size: 12px;
 }
-.field-mapping-container .mapping-table .mapping-header .mapping-cell.action-header[data-v-ac24177e] {
+.field-mapping-container .mapping-table .mapping-header .mapping-cell.action-header[data-v-87a3bc4a] {
   width: 50px;
   text-align: center;
 }
-.field-mapping-container .mapping-table .mapping-body[data-v-ac24177e] {
+.field-mapping-container .mapping-table .mapping-body[data-v-87a3bc4a] {
   border-bottom: 1px solid #ebeef5;
 }
-.field-mapping-container .mapping-table .mapping-body .mapping-row[data-v-ac24177e] {
+.field-mapping-container .mapping-table .mapping-body .mapping-row[data-v-87a3bc4a] {
   display: flex;
   border-top: 1px solid #ebeef5;
 }
-.field-mapping-container .mapping-table .mapping-body .mapping-row[data-v-ac24177e]:hover {
+.field-mapping-container .mapping-table .mapping-body .mapping-row[data-v-87a3bc4a]:hover {
   background-color: #f5f7fa;
 }
-.field-mapping-container .mapping-table .mapping-body .mapping-row .mapping-cell[data-v-ac24177e] {
+.field-mapping-container .mapping-table .mapping-body .mapping-row .mapping-cell[data-v-87a3bc4a] {
   padding: 5px;
   display: flex;
   align-items: center;
 }
-.field-mapping-container .mapping-table .mapping-body .mapping-row .mapping-cell.field-cell[data-v-ac24177e], .field-mapping-container .mapping-table .mapping-body .mapping-row .mapping-cell.value-cell[data-v-ac24177e] {
+.field-mapping-container .mapping-table .mapping-body .mapping-row .mapping-cell.field-cell[data-v-87a3bc4a], .field-mapping-container .mapping-table .mapping-body .mapping-row .mapping-cell.value-cell[data-v-87a3bc4a] {
   flex: 1;
-  min-width: 150px;
+  min-width: 120px;
 }
-.field-mapping-container .mapping-table .mapping-body .mapping-row .mapping-cell.value-cell[data-v-ac24177e] {
+.field-mapping-container .mapping-table .mapping-body .mapping-row .mapping-cell.value-cell[data-v-87a3bc4a] {
   flex: 2;
-  min-width: 200px;
+  min-width: 120px;
 }
-.field-mapping-container .mapping-table .mapping-body .mapping-row .mapping-cell.action-cell[data-v-ac24177e] {
+.field-mapping-container .mapping-table .mapping-body .mapping-row .mapping-cell.action-cell[data-v-87a3bc4a] {
   width: 50px;
   display: flex;
   align-items: center;
   justify-content: center;
 }
-.field-mapping-container .mapping-table .mapping-body .mapping-row .mapping-cell.action-cell[data-v-ac24177e] .el-button {
+.field-mapping-container .mapping-table .mapping-body .mapping-row .mapping-cell.action-cell[data-v-87a3bc4a] .el-button {
   padding: 4px;
 }
-.field-mapping-container .mapping-table .mapping-body .mapping-row .mapping-cell.action-cell[data-v-ac24177e] .el-input {
+.field-mapping-container .mapping-table .mapping-body .mapping-row .mapping-cell.action-cell[data-v-87a3bc4a] .el-input {
   width: 100%;
 }
-.field-mapping-container .mapping-table .mapping-body .mapping-row .mapping-cell[data-v-ac24177e] .el-input {
+.field-mapping-container .mapping-table .mapping-body .mapping-row .mapping-cell[data-v-87a3bc4a] .el-input {
   width: 100%;
 }
-.field-mapping-container .mapping-table .mapping-footer[data-v-ac24177e] {
+.field-mapping-container .mapping-table .mapping-footer[data-v-87a3bc4a] {
   padding: 5px 12px;
   text-align: left;
 }
-.field-mapping-dropdown[data-v-ac24177e] {
+.field-mapping-dropdown[data-v-87a3bc4a] {
   padding: 0;
   width: 220px;
 }
-.field-mapping-dropdown .dropdown-header[data-v-ac24177e] {
+.field-mapping-dropdown .dropdown-header[data-v-87a3bc4a] {
   display: flex;
   justify-content: space-between;
   align-items: center;
@@ -1044,40 +1044,40 @@
   border-bottom: 1px solid #e4e7ed;
   background-color: #f5f7fa;
 }
-.field-mapping-dropdown .dropdown-header .header-title[data-v-ac24177e] {
+.field-mapping-dropdown .dropdown-header .header-title[data-v-87a3bc4a] {
   font-size: 14px;
   font-weight: 500;
   color: #303133;
 }
-.field-mapping-dropdown .dropdown-content[data-v-ac24177e] {
+.field-mapping-dropdown .dropdown-content[data-v-87a3bc4a] {
   padding: 5px 0;
 }
-.field-mapping-dropdown .dropdown-content[data-v-ac24177e] .el-checkbox {
+.field-mapping-dropdown .dropdown-content[data-v-87a3bc4a] .el-checkbox {
   width: 100%;
 }
-.field-mapping-dropdown .dropdown-content[data-v-ac24177e] .el-checkbox__label {
+.field-mapping-dropdown .dropdown-content[data-v-87a3bc4a] .el-checkbox__label {
   font-size: 13px;
   font-weight: normal;
 }
-.field-mapping-dropdown .dropdown-content .el-dropdown-item[data-v-ac24177e] {
+.field-mapping-dropdown .dropdown-content .el-dropdown-item[data-v-87a3bc4a] {
   padding: 0;
   line-height: normal;
 }
-.field-mapping-dropdown .dropdown-content .el-dropdown-item .el-checkbox[data-v-ac24177e] {
+.field-mapping-dropdown .dropdown-content .el-dropdown-item .el-checkbox[data-v-87a3bc4a] {
   width: 100%;
   padding: 8px 12px;
   margin: 0;
   display: flex;
   align-items: center;
 }
-.field-mapping-dropdown .dropdown-content .el-dropdown-item .el-checkbox[data-v-ac24177e]:hover {
+.field-mapping-dropdown .dropdown-content .el-dropdown-item .el-checkbox[data-v-87a3bc4a]:hover {
   background-color: #f5f7fa;
 }
-.field-mapping-dropdown .dropdown-content .el-dropdown-item .el-checkbox[data-v-ac24177e] .el-checkbox__label {
+.field-mapping-dropdown .dropdown-content .el-dropdown-item .el-checkbox[data-v-87a3bc4a] .el-checkbox__label {
   font-size: 13px;
   color: #606266;
 }
-.field-mapping-dropdown .dropdown-content .el-dropdown-item .empty-text[data-v-ac24177e] {
+.field-mapping-dropdown .dropdown-content .el-dropdown-item .empty-text[data-v-87a3bc4a] {
   display: block;
   padding: 12px;
   text-align: center;
@@ -2184,29 +2184,29 @@
   margin-right: 24px;
   z-index: 1;
 }
-.custom-options[data-v-96075352] {
+.custom-options[data-v-fd4c229c] {
   width: 100%;
   display: flex;
   flex-direction: column;
 }
-.option-header[data-v-96075352] {
+.option-header[data-v-fd4c229c] {
   display: flex;
   align-items: center;
   gap: 8px;
   padding: 0;
   height: 24px;
 }
-.option-header > span[data-v-96075352]:first-child {
+.option-header > span[data-v-fd4c229c]:first-child {
   width: 30px;
 }
-.option-header .header-label[data-v-96075352] {
+.option-header .header-label[data-v-fd4c229c] {
   flex: 1;
   font-size: 12px;
   color: #909399;
   font-weight: 500;
   text-align: left;
 }
-.option-header .icon-btn[data-v-96075352] {
+.option-header .icon-btn[data-v-fd4c229c] {
   width: 16px;
   height: 16px;
   border-radius: 4px;
@@ -2217,20 +2217,20 @@
   font-size: 14px;
   transition: all 0.3s;
 }
-.option-header .icon-btn.add-btn[data-v-96075352] {
+.option-header .icon-btn.add-btn[data-v-fd4c229c] {
   background-color: #409eff;
   color: white;
 }
-.option-header .icon-btn.add-btn[data-v-96075352]:hover {
+.option-header .icon-btn.add-btn[data-v-fd4c229c]:hover {
   background-color: #66b1ff;
 }
-.option-item[data-v-96075352] {
+.option-item[data-v-fd4c229c] {
   display: flex;
   align-items: center;
   gap: 8px;
   padding: 4px 0;
 }
-.option-item .drag-handle[data-v-96075352] {
+.option-item .drag-handle[data-v-fd4c229c] {
   width: 30px;
   display: flex;
   justify-content: center;
@@ -2238,13 +2238,13 @@
   cursor: move;
   color: #c0c4cc;
 }
-.option-item .drag-handle[data-v-96075352]:hover {
+.option-item .drag-handle[data-v-fd4c229c]:hover {
   color: #909399;
 }
-.option-item .el-input[data-v-96075352] {
+.option-item .el-input[data-v-fd4c229c] {
   flex: 1;
 }
-.option-item .icon-btn[data-v-96075352] {
+.option-item .icon-btn[data-v-fd4c229c] {
   width: 16px;
   height: 16px;
   border-radius: 4px;
@@ -2255,35 +2255,35 @@
   font-size: 14px;
   transition: all 0.3s;
 }
-.option-item .icon-btn.delete-btn[data-v-96075352] {
+.option-item .icon-btn.delete-btn[data-v-fd4c229c] {
   background-color: #f56c6c;
   color: white;
 }
-.option-item .icon-btn.delete-btn[data-v-96075352]:hover {
+.option-item .icon-btn.delete-btn[data-v-fd4c229c]:hover {
   background-color: #f78989;
 }
-.data-source-fields[data-v-96075352] {
+.data-source-fields[data-v-fd4c229c] {
   display: flex;
   flex-direction: column;
   gap: 8px;
   margin-bottom: 18px;
 }
-.data-source-fields .field-item[data-v-96075352] {
+.data-source-fields .field-item[data-v-fd4c229c] {
   display: flex;
   align-items: center;
   gap: 8px;
 }
-.data-source-fields .field-item .field-label[data-v-96075352] {
+.data-source-fields .field-item .field-label[data-v-fd4c229c] {
   width: 80px;
   font-size: 12px;
   color: #606266;
   text-align: right;
   flex-shrink: 0;
 }
-.data-source-fields .field-item .field-label[data-v-96075352]::after {
+.data-source-fields .field-item .field-label[data-v-fd4c229c]::after {
   content: "：";
 }
-.data-source-fields .field-item .el-input[data-v-96075352] {
+.data-source-fields .field-item .el-input[data-v-fd4c229c] {
   flex: 1;
 }.condition-config-wrapper[data-v-db416ffc] {
   display: flex;
@@ -5480,18 +5480,18 @@ body,
 }
 .approval-history-content.flowChart[data-v-54f88c00] {
   background-color: #f9fafc;
-}.dialog-header-content[data-v-282440f9] {
+}.dialog-header-content[data-v-8b571a63] {
   font-size: 16px;
   font-weight: 600;
   color: #303133;
 }
-.dialog-content-wrapper[data-v-282440f9] {
+.dialog-content-wrapper[data-v-8b571a63] {
   min-height: 500px;
   flex-grow: 1;
   display: flex;
   flex-direction: column;
 }
-.empty-content[data-v-282440f9] {
+.empty-content[data-v-8b571a63] {
   display: flex;
   align-items: center;
   justify-content: center;
@@ -5499,13 +5499,13 @@ body,
   color: #909399;
   font-size: 14px;
 }
-.component-error[data-v-282440f9] {
+.component-error[data-v-8b571a63] {
   padding: 40px 20px;
   text-align: center;
   color: #f56c6c;
   font-size: 14px;
 }
-.fec-dialog-table[data-v-282440f9] .table-pagination {
+.fec-dialog-table[data-v-8b571a63] .table-pagination {
   padding: 8px 0 0 0;
 }.text-field-wrapper[data-v-5bb684f4] {
   width: 100%;

package/lib/packages/vue/src/components/dialog/DialogRenderer.vue2.js

@@ -180,7 +180,7 @@ const _sfc_main = {
             const field = props.fieldsList.find((field2) => field2.id === item.field);
             if (field) {
               const values = tableSelectionRows.value.map((row) => row[item.value]);
-              formData[field.fieldName] = values.join("|");
+              formData[field.fieldName] = values.join(",");
             }
           });
         }
@@ -418,5 +418,5 @@ const _sfc_main = {
     };
   }
 };
-const DialogRenderer = /* @__PURE__ */ _pluginVue_exportHelper.default(_sfc_main, [["__scopeId", "data-v-282440f9"]]);
+const DialogRenderer = /* @__PURE__ */ _pluginVue_exportHelper.default(_sfc_main, [["__scopeId", "data-v-8b571a63"]]);
 exports.default = DialogRenderer;

package/lib/packages/vue/src/components/forms/checkbox/Checkbox.vue.js

@@ -5,6 +5,7 @@ require("../../../../../../node_modules/element-plus/es/index.js");
 ;/* empty css                                                                       */
 ;/* empty css                                                                             */
 const vue = require("vue");
+const common = require("../../../utils/common.js");
 const index = require("../../../../../../node_modules/element-plus/es/components/checkbox/index.js");
 const _sfc_main = /* @__PURE__ */ Object.assign({
   inheritAttrs: false
@@ -39,6 +40,9 @@ const _sfc_main = /* @__PURE__ */ Object.assign({
   emits: ["update:modelValue", "change"],
   setup(__props, { emit: __emit }) {
     const props = __props;
+    const formData = vue.inject("formData", null);
+    const fieldsData = vue.inject("fieldsData", []);
+    const hiddenFields = vue.inject("hiddenFields", []);
     const emit = __emit;
     const inputValue = vue.computed({
       get: () => {
@@ -56,6 +60,16 @@ const _sfc_main = /* @__PURE__ */ Object.assign({
       var _a;
       return ((_a = props.optionConfig) == null ? void 0 : _a.options) || [];
     });
+    function handlerChange(val) {
+      common.setFormDataByFieldMapping(
+        val,
+        true,
+        options.value,
+        props.optionConfig.fieldMapping,
+        formData,
+        [...fieldsData.value, ...hiddenFields.value]
+      );
+    }
     return (_ctx, _cache) => {
       const _component_el_checkbox = index.ElCheckbox;
       const _component_el_checkbox_group = index.ElCheckboxGroup;
@@ -66,7 +80,8 @@ const _sfc_main = /* @__PURE__ */ Object.assign({
         disabled: __props.disabled,
         style: {
           pointerEvents: __props.readonly ? "none" : "auto"
-        }
+        },
+        onChange: handlerChange
       }), {
         default: vue.withCtx(() => [
           (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(options.value, (option) => {

package/lib/packages/vue/src/components/forms/radio/Radio.vue.js

@@ -5,6 +5,7 @@ require("../../../../../../node_modules/element-plus/es/index.js");
 ;/* empty css                                                                    */
 ;/* empty css                                                                          */
 const vue = require("vue");
+const common = require("../../../utils/common.js");
 const index = require("../../../../../../node_modules/element-plus/es/components/radio/index.js");
 const _sfc_main = /* @__PURE__ */ Object.assign({
   inheritAttrs: false
@@ -39,6 +40,9 @@ const _sfc_main = /* @__PURE__ */ Object.assign({
   emits: ["update:modelValue", "change"],
   setup(__props, { emit: __emit }) {
     const props = __props;
+    const formData = vue.inject("formData", null);
+    const fieldsData = vue.inject("fieldsData", []);
+    const hiddenFields = vue.inject("hiddenFields", []);
     const emit = __emit;
     const inputValue = vue.computed({
       get: () => props.modelValue,
@@ -51,6 +55,16 @@ const _sfc_main = /* @__PURE__ */ Object.assign({
       var _a;
       return ((_a = props.optionConfig) == null ? void 0 : _a.options) || [];
     });
+    function handlerChange(val) {
+      common.setFormDataByFieldMapping(
+        val,
+        false,
+        options.value,
+        props.optionConfig.fieldMapping,
+        formData,
+        [...fieldsData.value, ...hiddenFields.value]
+      );
+    }
     return (_ctx, _cache) => {
       const _component_el_radio = index.ElRadio;
       const _component_el_radio_group = index.ElRadioGroup;
@@ -61,7 +75,8 @@ const _sfc_main = /* @__PURE__ */ Object.assign({
         disabled: __props.disabled,
         style: {
           pointerEvents: __props.readonly ? "none" : "auto"
-        }
+        },
+        onChange: handlerChange
       }), {
         default: vue.withCtx(() => [
           (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(options.value, (option) => {

package/lib/packages/vue/src/components/forms/select/Select.vue.js

@@ -9,6 +9,7 @@ require("../../../../../../node_modules/element-plus/es/index.js");
 ;/* empty css                                                                           */
 ;/* empty css                                                                     */
 const vue = require("vue");
+const common = require("../../../utils/common.js");
 const index = require("../../../../../../node_modules/element-plus/es/components/select/index.js");
 const _sfc_main = /* @__PURE__ */ Object.assign({
   inheritAttrs: false
@@ -55,6 +56,9 @@ const _sfc_main = /* @__PURE__ */ Object.assign({
   emits: ["update:modelValue", "change"],
   setup(__props, { emit: __emit }) {
     const props = __props;
+    const formData = vue.inject("formData", null);
+    const fieldsData = vue.inject("fieldsData", []);
+    const hiddenFields = vue.inject("hiddenFields", []);
     const emit = __emit;
     const inputValue = vue.computed({
       get: () => props.modelValue,
@@ -67,6 +71,16 @@ const _sfc_main = /* @__PURE__ */ Object.assign({
       if (!props.optionConfig) return [];
       return props.optionConfig.options || [];
     });
+    function handlerChange(val) {
+      common.setFormDataByFieldMapping(
+        val,
+        props.multiple,
+        options.value,
+        props.optionConfig.fieldMapping,
+        formData,
+        [...fieldsData.value, ...hiddenFields.value]
+      );
+    }
     return (_ctx, _cache) => {
       const _component_el_option = index.ElOption;
       const _component_el_select = index.ElSelect;
@@ -81,7 +95,8 @@ const _sfc_main = /* @__PURE__ */ Object.assign({
         filterable: __props.filterable,
         style: [{ "width": "100%" }, {
           pointerEvents: __props.readonly ? "none" : "auto"
-        }]
+        }],
+        onChange: handlerChange
       }), {
         default: vue.withCtx(() => [
           (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(options.value, (option) => {

package/lib/packages/vue/src/utils/common.js

@@ -33,9 +33,7 @@ const handleSearchData = (filterValues, completeFilterFields) => {
   Object.keys(filterValues).forEach((key) => {
     const value = filterValues[key];
     if (value !== "" && value !== null && value !== void 0) {
-      const fieldConfig = completeFilterFields.find(
-        (field) => field.id == key
-      );
+      const fieldConfig = completeFilterFields.find((field) => field.id == key);
       const fieldName = (fieldConfig == null ? void 0 : fieldConfig.fieldName) || key;
       const maxKey = `${key}_max`;
       const maxValue = filterValues[maxKey];
@@ -54,7 +52,25 @@ const handleSearchData = (filterValues, completeFilterFields) => {
   });
   return filters;
 };
+const setFormDataByFieldMapping = (value, multiple, options, fieldMapping, formData, fields) => {
+  let selectedOptions = [];
+  if (multiple) {
+    selectedOptions = options.filter((opt) => value.includes(opt.value));
+  } else {
+    selectedOptions = options.filter((opt) => opt.value == value);
+  }
+  if (fieldMapping && Array.isArray(fieldMapping)) {
+    fieldMapping.forEach((item) => {
+      const field = fields.find((field2) => field2.id === item.field);
+      if (field) {
+        const values = selectedOptions.map((row) => row[item.value]);
+        formData.value[field.fieldName] = values.join(",");
+      }
+    });
+  }
+};
 exports.cloneDeep = cloneDeep;
 exports.handleSearchData = handleSearchData;
 exports.isEqual = isEqual;
 exports.removeEmptyValues = removeEmptyValues;
+exports.setFormDataByFieldMapping = setFormDataByFieldMapping;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fecp/designer",
-  "version": "5.4.8",
+  "version": "5.4.9",
   "main": "lib/designer/index.js",
   "module": "es/designer/index.mjs",
   "files": [