@fecp/designer 5.4.62 → 5.4.64

package/lib/designer/src/packages/form/property/subForm.vue.js

@@ -12,7 +12,7 @@ require("../../../../../node_modules/element-plus/es/index.js");
 ;/* empty css                                                                 */
 const vue = require("vue");
 const common = require("../../utils/common.js");
-const TemplateSelector = require("../../../components/TemplateSelector.vue.js");
+const TemplateSelector = require("../../../components/TemplateSelector.vue2.js");
 const eventBus = require("../../utils/eventBus.js");
 const ValueSelector = require("../../../components/ValueSelector.vue.js");
 const ParamsConfig = require("../../../components/ParamsConfig.vue2.js");

package/lib/designer/src/packages/form/property/subTable.vue.js

@@ -25,7 +25,7 @@ require("../../../../../node_modules/element-plus/theme-chalk/el-dropdown-item.c
 ;/* empty css                                                                     */
 const vue = require("vue");
 const common = require("../../utils/common.js");
-const TemplateSelector = require("../../../components/TemplateSelector.vue.js");
+const TemplateSelector = require("../../../components/TemplateSelector.vue2.js");
 const eventBus = require("../../utils/eventBus.js");
 const ParamsConfig = require("../../../components/ParamsConfig.vue2.js");
 const index = require("../../../api/index.js");

package/lib/designer/src/packages/form/property/widgets.vue.js

@@ -23,7 +23,7 @@ const ParamsConfig = require("../../../components/ParamsConfig.vue2.js");
 const vue = require("vue");
 const common = require("../../utils/common.js");
 const OptionConfig = require("../../../components/OptionConfig.vue.js");
-const index = require("../aside/index.js");
+const index$1 = require("../aside/index.js");
 const EventConfigButton = require("../../../components/EventConfigButton.vue.js");
 const DataSourceSelect = require("../../../components/DataSourceSelect.vue.js");
 const ConditionConfigButton = ;/* empty css                                              */
@@ -32,18 +32,40 @@ const eventBus = require("../../utils/eventBus.js");
 const FieldSetMapping = require("../../../components/FieldSetMapping.vue2.js");
 const OnlyFLowConfigButton = ;/* empty css                                             */
 const FormulaEditorInput = require("../../../components/FormulaEditorInput.vue.js");
-const index$1 = require("../../../api/index.js");
-const DialogSelect = require("../../../components/DialogSelect.vue.js");
-;/* empty css              */
+const index$2 = require("../../../api/index.js");
+;/* empty css                                                                  */
+;/* empty css                                                                   */
+;/* empty css                                                                  */
+;/* empty css                                                                   */
+;/* empty css                                                                 */
+;/* empty css                                                                     */
+;/* empty css                                                                  */
+;/* empty css                                                                  */
+;/* empty css                                                                */
+;/* empty css                                                                */
+;/* empty css                                                                      */
+require("../../../../../node_modules/element-plus/theme-chalk/el-tooltip.css.js");
+;/* empty css                                                                 */
+;/* empty css                                                                        */
+;/* empty css                                       */
 const _pluginVue_exportHelper = require("../../../../../_virtual/_plugin-vue_export-helper.js");
-const index$2 = require("../../../../../node_modules/element-plus/es/components/collapse/index.js");
-const index$3 = require("../../../../../node_modules/element-plus/es/components/select/index.js");
-const index$4 = require("../../../../../node_modules/element-plus/es/components/form/index.js");
-const index$5 = require("../../../../../node_modules/element-plus/es/components/input/index.js");
-const index$6 = require("../../../../../node_modules/element-plus/es/components/checkbox/index.js");
-const index$7 = require("../../../../../node_modules/element-plus/es/components/radio/index.js");
-const index$8 = require("../../../../../node_modules/element-plus/es/components/input-number/index.js");
-const index$9 = require("../../../../../node_modules/element-plus/es/components/switch/index.js");
+;/* empty css                                                                 */
+;/* empty css                                                                   */
+require("../../../components/TemplateSelector.vue.js");
+require("../../table/default.js");
+;/* empty css                                 */
+;/* empty css                       */
+;/* empty css                             */
+const index = require("../../../store/index.js");
+;/* empty css              */
+const index$3 = require("../../../../../node_modules/element-plus/es/components/collapse/index.js");
+const index$4 = require("../../../../../node_modules/element-plus/es/components/select/index.js");
+const index$5 = require("../../../../../node_modules/element-plus/es/components/form/index.js");
+const index$6 = require("../../../../../node_modules/element-plus/es/components/input/index.js");
+const index$7 = require("../../../../../node_modules/element-plus/es/components/checkbox/index.js");
+const index$8 = require("../../../../../node_modules/element-plus/es/components/radio/index.js");
+const index$9 = require("../../../../../node_modules/element-plus/es/components/input-number/index.js");
+const index$a = require("../../../../../node_modules/element-plus/es/components/switch/index.js");
 const _hoisted_1 = {
   key: 0,
   class: "data-source-fields"
@@ -82,8 +104,17 @@ const _hoisted_20 = {
 const _sfc_main = {
   __name: "widgets",
   setup(__props) {
-    const currentItem = vue.computed(() => {
-      return common.getCurrentItem();
+    const currentItem = vue.computed({
+      get: () => {
+        const item = index.default.getters.selectedItem;
+        if (item) {
+          return vue.reactive({ ...index$1.defaultProperty, ...item });
+        }
+        return item;
+      },
+      set(value) {
+        index.default.commit("set_selected_item", value);
+      }
     });
     const activeName = vue.ref(["common"]);
     const validationRules = {
@@ -126,23 +157,9 @@ const _sfc_main = {
       ];
     });
     const fieldTypes = vue.computed(() => {
-      const fieldTypeArr = [
-        "text",
-        "textarea",
-        "number",
-        "date",
-        "select",
-        "multipleSelection",
-        "radio",
-        "checkbox",
-        "switch"
-      ];
-      const basicComponents = index.default.find((c) => c.name === "basic");
-      return [
-        ...basicComponents == null ? void 0 : basicComponents.children.filter(
-          (item) => fieldTypeArr.includes(item.fieldType)
-        )
-      ];
+      const basicComponents = index$1.default.find((c) => c.name === "basic");
+      const advancedComponents = index$1.default.find((c) => c.name === "advanced");
+      return [...basicComponents == null ? void 0 : basicComponents.children, ...advancedComponents == null ? void 0 : advancedComponents.children];
     });
     function handleFieldTypeChange(fieldType) {
       const item = currentItem.value;
@@ -211,7 +228,7 @@ const _sfc_main = {
     const loadGlobalDialogs = async () => {
       dialogLoading.value = true;
       try {
-        const response = await index$1.default.getAllTemplateDialog();
+        const response = await index$2.default.getAllTemplateDialog();
         globalDialogs.value = [];
         for (let dialog of response) {
           globalDialogs.value.push({
@@ -256,7 +273,7 @@ const _sfc_main = {
           const tableId = currDialog.value.subTableId;
           if (tableId) {
             try {
-              const response = await index$1.default.getById(tableId, false);
+              const response = await index$2.default.getById(tableId, false);
               tableOptions.value = JSON.parse(response.context);
               console.log("🚀 ~ 需要获取表格配置，表格ID:", tableId);
             } catch (error) {
@@ -293,19 +310,19 @@ const _sfc_main = {
       // }
     );
     return (_ctx, _cache) => {
-      const _component_el_option = index$3.ElOption;
-      const _component_el_select = index$3.ElSelect;
-      const _component_el_input = index$5.ElInput;
-      const _component_el_form_item = index$4.ElFormItem;
-      const _component_el_checkbox = index$6.ElCheckbox;
-      const _component_el_radio_button = index$7.ElRadioButton;
-      const _component_el_radio_group = index$7.ElRadioGroup;
-      const _component_el_input_number = index$8.ElInputNumber;
-      const _component_el_switch = index$9.ElSwitch;
+      const _component_el_option = index$4.ElOption;
+      const _component_el_select = index$4.ElSelect;
+      const _component_el_input = index$6.ElInput;
+      const _component_el_form_item = index$5.ElFormItem;
+      const _component_el_checkbox = index$7.ElCheckbox;
+      const _component_el_radio_button = index$8.ElRadioButton;
+      const _component_el_radio_group = index$8.ElRadioGroup;
+      const _component_el_input_number = index$9.ElInputNumber;
+      const _component_el_switch = index$a.ElSwitch;
       const _component_ParamsConfig = ParamsConfig.default;
-      const _component_el_form = index$4.ElForm;
-      const _component_el_collapse_item = index$2.ElCollapseItem;
-      const _component_el_collapse = index$2.ElCollapse;
+      const _component_el_form = index$5.ElForm;
+      const _component_el_collapse_item = index$3.ElCollapseItem;
+      const _component_el_collapse = index$3.ElCollapse;
       return vue.openBlock(), vue.createBlock(_component_el_collapse, {
         class: "setting",
         modelValue: vue.unref(activeName),
@@ -619,15 +636,28 @@ const _sfc_main = {
                       ]),
                       vue.createElementVNode("div", _hoisted_4, [
                         _cache[69] || (_cache[69] = vue.createElementVNode("span", { class: "field-label" }, "选择弹层", -1)),
-                        vue.createVNode(DialogSelect.default, {
+                        vue.createVNode(_component_el_select, {
                           modelValue: vue.unref(currentItem).suffixDialogId,
                           "onUpdate:modelValue": _cache[20] || (_cache[20] = ($event) => vue.unref(currentItem).suffixDialogId = $event),
+                          placeholder: "请选择弹层",
+                          filterable: "",
                           loading: vue.unref(dialogLoading),
-                          dialogOptions: vue.unref(dialogOptions),
-                          isGlobal: vue.unref(currentItem).dialogSource == "global"
-                        }, null, 8, ["modelValue", "loading", "dialogOptions", "isGlobal"])
+                          clearable: "",
+                          style: { "width": "100%" }
+                        }, {
+                          default: vue.withCtx(() => [
+                            (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(vue.unref(dialogOptions), (dialog) => {
+                              return vue.openBlock(), vue.createBlock(_component_el_option, {
+                                key: dialog.id,
+                                label: dialog.name,
+                                value: dialog.id
+                              }, null, 8, ["label", "value"]);
+                            }), 128))
+                          ]),
+                          _: 1
+                        }, 8, ["modelValue", "loading"])
                       ]),
-                      vue.unref(currentItem).dialogSource == "global" && vue.unref(currentItem).suffixDialogId && vue.unref(currDialog).contentSource === "table" ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 0 }, [
+                      vue.unref(currentItem).dialogSource == "global" && vue.unref(currentItem).suffixDialogId ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 0 }, [
                         vue.createElementVNode("div", _hoisted_5, [
                           _cache[73] || (_cache[73] = vue.createElementVNode("span", { class: "field-label" }, "选择模式", -1)),
                           vue.createVNode(_component_el_radio_group, {
@@ -1170,5 +1200,5 @@ const _sfc_main = {
     };
   }
 };
-const widgets = /* @__PURE__ */ _pluginVue_exportHelper.default(_sfc_main, [["__scopeId", "data-v-3dab7919"]]);
+const widgets = /* @__PURE__ */ _pluginVue_exportHelper.default(_sfc_main, [["__scopeId", "data-v-8b0152bc"]]);
 exports.default = widgets;

package/lib/designer.css

@@ -3235,17 +3235,17 @@ to {
   width: 100%;
 }
 
-.collapse-header[data-v-3dab7919] {
+.collapse-header[data-v-8b0152bc] {
   display: flex;
   align-items: center;
   justify-content: space-between;
   width: 100%;
   padding-right: 20px;
 }
-.setting[data-v-3dab7919] .el-collapse-item__content {
+.setting[data-v-8b0152bc] .el-collapse-item__content {
   position: relative;
 }
-.field-type-select[data-v-3dab7919] {
+.field-type-select[data-v-8b0152bc] {
   position: absolute;
   top: 11px;
   right: 16px;
@@ -3256,41 +3256,41 @@ to {
   transition: all 0.3s;
   border-radius: 4px;
 }
-.field-type-select[data-v-3dab7919] .el-select__wrapper {
+.field-type-select[data-v-8b0152bc] .el-select__wrapper {
   background: transparent;
   box-shadow: none;
 }
-.field-type-select[data-v-3dab7919] .el-select__selected-item {
+.field-type-select[data-v-8b0152bc] .el-select__selected-item {
   text-align: center;
 }
-.width-input[data-v-3dab7919] {
+.width-input[data-v-8b0152bc] {
   width: 100%;
 }
-.data-source-fields[data-v-3dab7919] {
+.data-source-fields[data-v-8b0152bc] {
   display: flex;
   flex-direction: column;
   gap: 8px;
   margin-bottom: 18px;
 }
-.data-source-fields .field-item[data-v-3dab7919] {
+.data-source-fields .field-item[data-v-8b0152bc] {
   display: flex;
   align-items: center;
   gap: 8px;
 }
-.data-source-fields .field-item .field-label[data-v-3dab7919] {
+.data-source-fields .field-item .field-label[data-v-8b0152bc] {
   width: 80px;
   font-size: 13px;
   color: #606266;
   text-align: right;
   flex-shrink: 0;
 }
-.data-source-fields .field-item .field-label[data-v-3dab7919]::after {
+.data-source-fields .field-item .field-label[data-v-8b0152bc]::after {
   content: "：";
 }
-.data-source-fields .field-item .el-input[data-v-3dab7919] {
+.data-source-fields .field-item .el-input[data-v-8b0152bc] {
   flex: 1;
 }
-[data-v-3dab7919] .el-form-item__content {
+[data-v-8b0152bc] .el-form-item__content {
   flex-wrap: wrap !important;
 }
 .buttons-table[data-v-8ebdd5a8] {
@@ -5904,28 +5904,27 @@ body,
   width: 80px;
   font-size: var(--el-font-size-extra-small);
 }
-.fec-form[data-v-67c25477] {
+.fec-form[data-v-5e17ab81] {
   height: 100%;
 }
-[data-v-67c25477] .vgl-item {
+[data-v-5e17ab81] .vgl-item {
   transition: none;
 }
-[data-v-67c25477] .vgl-item > .el-form-item {
+[data-v-5e17ab81] .vgl-item > .el-form-item {
   width: 100%;
   padding: 12px 8px 0 8px;
   height: calc(100% - 15px);
   display: flex;
 }
-[data-v-67c25477] .vgl-item > .el-form-item.el-form-item--label-top {
+[data-v-5e17ab81] .vgl-item > .el-form-item.el-form-item--label-top {
   flex-direction: column;
 }
-[data-v-67c25477] .vgl-item > .el-form-item .el-form-item__label {
+[data-v-5e17ab81] .vgl-item > .el-form-item .el-form-item__label {
   line-height: 20px;
   display: flex;
   align-items: center;
-  pointer-events: none;
 }
-[data-v-67c25477] .vgl-item > .el-container {
+[data-v-5e17ab81] .vgl-item > .el-container {
   height: auto !important;
 }.cell-content .cell-text[data-v-3e5372d4] {
   display: inline-block;
@@ -6261,17 +6260,18 @@ body,
   max-height: 90% !important;
   padding: 0 !important;
 }
-.fec-layout-row[data-v-18b8b23a] {
+.fec-layout-row[data-v-09545121] {
   width: 100%;
   height: 100%;
+  overflow: hidden;
 }
-.fec-layout-row[data-v-18b8b23a] .el-col {
+.fec-layout-row[data-v-09545121] .el-col {
   height: 100%;
 }
-.fec-layout-row[data-v-18b8b23a] .el-col .el-scrollbar__bar {
+.fec-layout-row[data-v-09545121] .el-col .el-scrollbar__bar {
   display: none;
 }
-.grid-content[data-v-18b8b23a] {
+.grid-content[data-v-09545121] {
   border-radius: 9px 9px 4px 4px;
   background-color: #fff;
   position: relative;
@@ -6282,7 +6282,7 @@ body,
       padding: 16px 16px 16px 16px;
     } */
 }
-.grid-content-statistics[data-v-18b8b23a] {
+.grid-content-statistics[data-v-09545121] {
   height: 100%;
   display: flex;
   flex-direction: column;
@@ -6293,7 +6293,7 @@ body,
     height: 100%;
   } */
 }
-.grid-content-statistics[data-v-18b8b23a] .fec-layout-card:last-child {
+.grid-content-statistics[data-v-09545121] .fec-layout-card:last-child {
   margin-bottom: 0 !important;
   flex: 1;
 }
@@ -6334,7 +6334,7 @@ body,
   flex-grow: 1;
   padding-top: 12px;
 }
-.van-button__content[data-v-d189300b]:before {
+[data-v-191efc8d] .van-button__content:before {
   display: none;
 }:root,:host{--van-cell-font-size: var(--van-font-size-md);--van-cell-line-height: 24px;--van-cell-vertical-padding: 10px;--van-cell-horizontal-padding: var(--van-padding-md);--van-cell-text-color: var(--van-text-color);--van-cell-background: var(--van-background-2);--van-cell-border-color: var(--van-border-color);--van-cell-active-color: var(--van-active-color);--van-cell-required-color: var(--van-danger-color);--van-cell-label-color: var(--van-text-color-2);--van-cell-label-font-size: var(--van-font-size-sm);--van-cell-label-line-height: var(--van-line-height-sm);--van-cell-label-margin-top: var(--van-padding-base);--van-cell-value-color: var(--van-text-color-2);--van-cell-value-font-size: inherit;--van-cell-icon-size: 16px;--van-cell-right-icon-color: var(--van-gray-6);--van-cell-large-vertical-padding: var(--van-padding-sm);--van-cell-large-title-font-size: var(--van-font-size-lg);--van-cell-large-label-font-size: var(--van-font-size-md);--van-cell-large-value-font-size: inherit}.van-cell{position:relative;display:flex;box-sizing:border-box;width:100%;padding:var(--van-cell-vertical-padding) var(--van-cell-horizontal-padding);overflow:hidden;color:var(--van-cell-text-color);font-size:var(--van-cell-font-size);line-height:var(--van-cell-line-height);background:var(--van-cell-background)}.van-cell:after{position:absolute;box-sizing:border-box;content:" ";pointer-events:none;right:var(--van-padding-md);bottom:0;left:var(--van-padding-md);border-bottom:1px solid var(--van-cell-border-color);transform:scaleY(.5)}.van-cell:last-child:after,.van-cell--borderless:after{display:none}.van-cell__label{margin-top:var(--van-cell-label-margin-top);color:var(--van-cell-label-color);font-size:var(--van-cell-label-font-size);line-height:var(--van-cell-label-line-height)}.van-cell__title,.van-cell__value{flex:1}.van-cell__value{position:relative;overflow:hidden;color:var(--van-cell-value-color);font-size:var(--van-cell-value-font-size);text-align:right;vertical-align:middle;word-wrap:break-word}.van-cell__left-icon,.van-cell__right-icon{height:var(--van-cell-line-height);font-size:var(--van-cell-icon-size);line-height:var(--van-cell-line-height)}.van-cell__left-icon{margin-right:var(--van-padding-base)}.van-cell__right-icon{margin-left:var(--van-padding-base);color:var(--van-cell-right-icon-color)}.van-cell--clickable{cursor:pointer}.van-cell--clickable:active{background-color:var(--van-cell-active-color)}.van-cell--required{overflow:visible}.van-cell--required:before{position:absolute;left:var(--van-padding-xs);color:var(--van-cell-required-color);font-size:var(--van-cell-font-size);content:"*"}.van-cell--center{align-items:center}.van-cell--large{padding-top:var(--van-cell-large-vertical-padding);padding-bottom:var(--van-cell-large-vertical-padding)}.van-cell--large .van-cell__title{font-size:var(--van-cell-large-title-font-size)}.van-cell--large .van-cell__label{font-size:var(--van-cell-large-label-font-size)}.van-cell--large .van-cell__value{font-size:var(--van-cell-large-value-font-size)}
 :root,:host{--van-cell-group-background: var(--van-background-2);--van-cell-group-title-color: var(--van-text-color-2);--van-cell-group-title-padding: var(--van-padding-md) var(--van-padding-md);--van-cell-group-title-font-size: var(--van-font-size-md);--van-cell-group-title-line-height: 16px;--van-cell-group-inset-padding: 0 var(--van-padding-md);--van-cell-group-inset-radius: var(--van-radius-lg);--van-cell-group-inset-title-padding: var(--van-padding-md) var(--van-padding-md)}.van-cell-group{background:var(--van-cell-group-background)}.van-cell-group--inset{margin:var(--van-cell-group-inset-padding);border-radius:var(--van-cell-group-inset-radius);overflow:hidden}.van-cell-group__title{padding:var(--van-cell-group-title-padding);color:var(--van-cell-group-title-color);font-size:var(--van-cell-group-title-font-size);line-height:var(--van-cell-group-title-line-height)}.van-cell-group__title--inset{padding:var(--van-cell-group-inset-title-padding)}

package/lib/packages/mobile/src/components/base/button/Button.vue.js

@@ -23,5 +23,5 @@ function _sfc_render(_ctx, _cache) {
     })
   ]), 1040);
 }
-const _Button = /* @__PURE__ */ _pluginVue_exportHelper.default(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-d189300b"]]);
+const _Button = /* @__PURE__ */ _pluginVue_exportHelper.default(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-191efc8d"]]);
 exports.default = _Button;

package/lib/packages/vue/src/components/forms/form/Form.vue.js

@@ -119,8 +119,8 @@ const _sfc_main = /* @__PURE__ */ Object.assign({
     const dataSourceOptions = vue.ref({});
     const dictionaryOptions = vue.ref({});
     const productData = vue.ref({});
-    const fieldsData = vue.ref([]);
-    const hiddenFields = vue.ref([]);
+    const fieldsData = vue.ref({});
+    const hiddenFields = vue.ref({});
     const rowHeight = vue.ref(1);
     const pageEvents = props.canPageEvent ? usePageEvents.usePageEvents(() => ({
       pageEventConfig: localConfig.value.pageEventConfig,
@@ -766,9 +766,14 @@ const _sfc_main = /* @__PURE__ */ Object.assign({
         ...Object.keys(oldData || {})
       ]);
       for (const key of allKeys) {
-        const newVal = newData[key];
-        const oldVal = oldData[key];
-        if (!newVal && !oldVal && Object.keys(oldData || {}).length != 0) {
+        const hasKeyInNew = newData && Object.prototype.hasOwnProperty.call(newData, key);
+        const hasKeyInOld = oldData && Object.prototype.hasOwnProperty.call(oldData, key);
+        if (!hasKeyInNew && !hasKeyInOld) {
+          continue;
+        }
+        const newVal = hasKeyInNew ? newData[key] : void 0;
+        const oldVal = hasKeyInOld ? oldData[key] : void 0;
+        if (!newVal && !oldVal && Object.keys(oldData || {}).length === 0) {
           continue;
         }
         if (JSON.stringify(newVal) != JSON.stringify(oldVal)) {
@@ -847,48 +852,40 @@ const _sfc_main = /* @__PURE__ */ Object.assign({
         }
       });
       const updatedLayoutData = common.cloneDeep(oriGridLayoutData.value || []);
-      const allVisibilityFieldIds = /* @__PURE__ */ new Set();
-      relevantConfigs.visibility.forEach((item) => {
-        (item.dataLinkFieldList || []).forEach((fieldId) => {
-          allVisibilityFieldIds.add(fieldId);
-        });
-      });
-      allVisibilityFieldIds.forEach((fieldId) => {
-        const layoutFieldItem = updatedLayoutData.find((g) => g.id == fieldId);
-        if (layoutFieldItem) {
-          layoutFieldItem.hidden = true;
-        }
-      });
       relevantConfigs.visibility.forEach((item) => {
+        const dataLinkFieldList = item.dataLinkFieldList || [];
         if (parseFilterConfig.checkFilterMatch(item.filterConfig, formData.value, fields)) {
-          (item.dataLinkFieldList || []).forEach((fieldId) => {
+          dataLinkFieldList.forEach((fieldId) => {
             const layoutFieldItem = updatedLayoutData.find((g) => g.id == fieldId);
             if (layoutFieldItem) {
               layoutFieldItem.hidden = false;
             }
           });
-        }
-      });
-      const allRequiredFieldIds = /* @__PURE__ */ new Set();
-      relevantConfigs.required.forEach((item) => {
-        (item.dataLinkFieldList || []).forEach((fieldId) => {
-          allRequiredFieldIds.add(fieldId);
-        });
-      });
-      allRequiredFieldIds.forEach((fieldId) => {
-        const layoutFieldItem = updatedLayoutData.find((g) => g.id == fieldId);
-        if (layoutFieldItem) {
-          layoutFieldItem.component.required = false;
+        } else {
+          dataLinkFieldList.forEach((fieldId) => {
+            const layoutFieldItem = updatedLayoutData.find((g) => g.id == fieldId);
+            if (layoutFieldItem) {
+              layoutFieldItem.hidden = true;
+            }
+          });
         }
       });
       relevantConfigs.required.forEach((item) => {
+        const dataLinkFieldList = item.dataLinkFieldList || [];
         if (parseFilterConfig.checkFilterMatch(item.filterConfig, formData.value, fields)) {
-          (item.dataLinkFieldList || []).forEach((fieldId) => {
+          dataLinkFieldList.forEach((fieldId) => {
             const layoutFieldItem = updatedLayoutData.find((g) => g.id == fieldId);
             if (layoutFieldItem) {
               layoutFieldItem.component.required = true;
             }
           });
+        } else {
+          dataLinkFieldList.forEach((fieldId) => {
+            const layoutFieldItem = updatedLayoutData.find((g) => g.id == fieldId);
+            if (layoutFieldItem) {
+              layoutFieldItem.component.required = false;
+            }
+          });
         }
       });
       const rules = {};
@@ -904,48 +901,40 @@ const _sfc_main = /* @__PURE__ */ Object.assign({
         rules[fieldName] = prodRules.value[fieldName];
       }
       formRules.value = rules;
-      const allReadonlyFieldIds = /* @__PURE__ */ new Set();
-      relevantConfigs.readonly.forEach((item) => {
-        (item.dataLinkFieldList || []).forEach((fieldId) => {
-          allReadonlyFieldIds.add(fieldId);
-        });
-      });
-      allReadonlyFieldIds.forEach((fieldId) => {
-        const layoutFieldItem = updatedLayoutData.find((g) => g.id == fieldId);
-        if (layoutFieldItem) {
-          layoutFieldItem.component.readOnly = false;
-        }
-      });
       relevantConfigs.readonly.forEach((item) => {
+        const dataLinkFieldList = item.dataLinkFieldList || [];
         if (parseFilterConfig.checkFilterMatch(item.filterConfig, formData.value, fields)) {
-          (item.dataLinkFieldList || []).forEach((fieldId) => {
+          dataLinkFieldList.forEach((fieldId) => {
             const layoutFieldItem = updatedLayoutData.find((g) => g.id == fieldId);
             if (layoutFieldItem) {
               layoutFieldItem.component.readOnly = true;
             }
           });
-        }
-      });
-      const allDisabledFieldIds = /* @__PURE__ */ new Set();
-      relevantConfigs.disabled.forEach((item) => {
-        (item.dataLinkFieldList || []).forEach((fieldId) => {
-          allDisabledFieldIds.add(fieldId);
-        });
-      });
-      allDisabledFieldIds.forEach((fieldId) => {
-        const layoutFieldItem = updatedLayoutData.find((g) => g.id == fieldId);
-        if (layoutFieldItem) {
-          layoutFieldItem.component.disabled = false;
+        } else {
+          dataLinkFieldList.forEach((fieldId) => {
+            const layoutFieldItem = updatedLayoutData.find((g) => g.id == fieldId);
+            if (layoutFieldItem) {
+              layoutFieldItem.component.readOnly = false;
+            }
+          });
         }
       });
       relevantConfigs.disabled.forEach((item) => {
+        const dataLinkFieldList = item.dataLinkFieldList || [];
         if (parseFilterConfig.checkFilterMatch(item.filterConfig, formData.value, fields)) {
-          (item.dataLinkFieldList || []).forEach((fieldId) => {
+          dataLinkFieldList.forEach((fieldId) => {
             const layoutFieldItem = updatedLayoutData.find((g) => g.id == fieldId);
             if (layoutFieldItem) {
               layoutFieldItem.component.disabled = true;
             }
           });
+        } else {
+          dataLinkFieldList.forEach((fieldId) => {
+            const layoutFieldItem = updatedLayoutData.find((g) => g.id == fieldId);
+            if (layoutFieldItem) {
+              layoutFieldItem.component.disabled = false;
+            }
+          });
         }
       });
       gridLayoutFieldsData.value = updatedLayoutData.filter((item) => !item.hidden);
@@ -961,7 +950,7 @@ const _sfc_main = /* @__PURE__ */ Object.assign({
       linkaged = true;
     }
     vue.watch(
-      () => common.cloneDeep(formData.value),
+      formData,
       (newVal, oldVal) => {
         if (!linkaged) {
           return;
@@ -970,12 +959,11 @@ const _sfc_main = /* @__PURE__ */ Object.assign({
           return;
         }
         const changedFields = findChangedFields(newVal, prevFormData.value);
-        console.log("🚀 ~ changedFields:", changedFields);
         if (changedFields.length > 0) {
           applyLinkageEffectsForChangedFields(changedFields);
-          prevFormData.value = { ...newVal };
-          emit("update:modelValue", getFormData());
         }
+        prevFormData.value = { ...newVal };
+        emit("update:modelValue", getFormData());
       },
       { deep: true }
     );
@@ -1101,5 +1089,5 @@ const _sfc_main = /* @__PURE__ */ Object.assign({
     };
   }
 });
-const _Form = /* @__PURE__ */ _pluginVue_exportHelper.default(_sfc_main, [["__scopeId", "data-v-67c25477"]]);
+const _Form = /* @__PURE__ */ _pluginVue_exportHelper.default(_sfc_main, [["__scopeId", "data-v-5e17ab81"]]);
 exports.default = _Form;

package/lib/packages/vue/src/components/layout/Layout.vue.js

@@ -25,11 +25,16 @@ const _sfc_main = {
     initFormMode: {
       type: String,
       default: ""
+    },
+    initFormData: {
+      type: Object,
+      default: {}
     }
   },
   emits: ["loaded"],
   setup(__props, { emit: __emit }) {
-    const formData = vue.ref({});
+    const props = __props;
+    const formData = vue.ref(props.initFormData);
     const emit = __emit;
     const showCard = vue.ref(false);
     function loaded(option, formData2) {
@@ -82,5 +87,5 @@ const _sfc_main = {
     };
   }
 };
-const _Layout = /* @__PURE__ */ _pluginVue_exportHelper.default(_sfc_main, [["__scopeId", "data-v-18b8b23a"]]);
+const _Layout = /* @__PURE__ */ _pluginVue_exportHelper.default(_sfc_main, [["__scopeId", "data-v-09545121"]]);
 exports.default = _Layout;

package/package.json

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