form-custom-test 3.0.243 → 3.0.245

package/dist/render.es.js

@@ -8719,6 +8719,16 @@ var fieldMixin = {
       }
     }
   },
+  mounted() {
+    var _a, _b, _c;
+    if (!this.designState && ((_a = this.field) == null ? void 0 : _a.formItemFlag) && ((_c = (_b = this.field) == null ? void 0 : _b.options) == null ? void 0 : _c.onChange) && !this.subFormItemFlag) {
+      this.$nextTick(() => {
+        setTimeout(() => {
+          this.handleOnChange(this.fieldModel, this.oldFieldValue);
+        }, 300);
+      });
+    }
+  },
   methods: {
     getDisabled() {
       return this.subFormDisabled === true || !!this.field && !!this.field.options && !!this.field.options.disabled;
@@ -8863,6 +8873,10 @@ var fieldMixin = {
         return;
       }
       this.rules.splice(0, this.rules.length);
+      const formRef = this.getFormRef && this.getFormRef();
+      if (formRef && typeof formRef.clearValidate === "function") {
+        formRef.clearValidate(this.getPropName());
+      }
     },
     getFieldRules() {
       return FormValidators;
@@ -8875,6 +8889,9 @@ var fieldMixin = {
       if (!!this.field.options.hidden && !this.designState) {
         return;
       }
+      if (!this.designState && this.isInsideHiddenCol()) {
+        return;
+      }
       if (!!this.field.options.required) {
         this.rules.push({
           required: true,
@@ -9053,9 +9070,7 @@ var fieldMixin = {
       if (Array.isArray(colName)) {
         let anySet = false;
         colName.forEach((cName) => {
-          const col2 = this.findColByName(cName);
-          if (col2 && col2.options) {
-            col2.options.hidden = hiddenVal;
+          if (this.setColHidden(cName, hiddenVal)) {
             anySet = true;
           }
         });
@@ -9065,8 +9080,41 @@ var fieldMixin = {
       if (!col || !col.options)
         return false;
       col.options.hidden = hiddenVal;
+      this.syncColFieldsHidden(col, hiddenVal);
       return true;
     },
+    syncColFieldsHidden(col, hidden) {
+      if (!col)
+        return;
+      const hiddenVal = !!hidden;
+      const walk = (list) => {
+        if (!Array.isArray(list))
+          return;
+        list.forEach((w) => {
+          if (!w)
+            return;
+          if (w.formItemFlag && w.options && w.options.name) {
+            w.options.hidden = hiddenVal;
+            const fieldRef = this.getWidgetRef(w.options.name, false);
+            if (fieldRef && typeof fieldRef.setHidden === "function") {
+              fieldRef.setHidden(hiddenVal);
+            } else if (fieldRef) {
+              if (hiddenVal && typeof fieldRef.clearFieldRules === "function") {
+                fieldRef.clearFieldRules();
+              } else if (!hiddenVal && typeof fieldRef.buildFieldRules === "function") {
+                fieldRef.buildFieldRules();
+              }
+            }
+          }
+          if (Array.isArray(w.widgetList))
+            walk(w.widgetList);
+          if (Array.isArray(w.cols)) {
+            w.cols.forEach((c) => walk(c && c.widgetList));
+          }
+        });
+      };
+      walk(col.widgetList);
+    },
     getWidgetRef(widgetName, showError, rowId) {
       let foundRef = null;
       if (this.subFormItemFlag && !this.designState) {
@@ -9131,6 +9179,68 @@ var fieldMixin = {
     setAppendButtonDisabled(flag) {
       this.field.options.appendButtonDisabled = flag;
     },
+    isInsideHiddenCol() {
+      var _a, _b, _c;
+      const formRef = this.getFormRef && this.getFormRef();
+      const widgetList = ((_a = formRef == null ? void 0 : formRef.formJsonObj) == null ? void 0 : _a.widgetList) || (formRef == null ? void 0 : formRef.widgetList);
+      if (!widgetList || !((_c = (_b = this.field) == null ? void 0 : _b.options) == null ? void 0 : _c.name)) {
+        return false;
+      }
+      const fieldName = this.field.options.name;
+      const findHiddenCol = (list) => {
+        var _a2, _b2;
+        if (!Array.isArray(list))
+          return false;
+        for (const w of list) {
+          if (!w)
+            continue;
+          if (w.type === "grid" && Array.isArray(w.cols)) {
+            for (const col of w.cols) {
+              if (((_a2 = col == null ? void 0 : col.options) == null ? void 0 : _a2.hidden) && this.fieldExistsInList(col.widgetList, fieldName)) {
+                return true;
+              }
+              if (findHiddenCol(col == null ? void 0 : col.widgetList))
+                return true;
+            }
+          }
+          if (w.type === "grid-col" && ((_b2 = w.options) == null ? void 0 : _b2.hidden) && this.fieldExistsInList(w.widgetList, fieldName)) {
+            return true;
+          }
+          if (Array.isArray(w.widgetList) && findHiddenCol(w.widgetList))
+            return true;
+          if (Array.isArray(w.cols) && findHiddenCol(w.cols))
+            return true;
+          if (Array.isArray(w.tabs)) {
+            for (const t of w.tabs) {
+              if (findHiddenCol(t == null ? void 0 : t.widgetList))
+                return true;
+            }
+          }
+        }
+        return false;
+      };
+      return findHiddenCol(widgetList);
+    },
+    fieldExistsInList(list, fieldName) {
+      var _a;
+      if (!Array.isArray(list) || !fieldName)
+        return false;
+      for (const w of list) {
+        if (!w)
+          continue;
+        if (((_a = w.options) == null ? void 0 : _a.name) === fieldName)
+          return true;
+        if (this.fieldExistsInList(w.widgetList, fieldName))
+          return true;
+        if (Array.isArray(w.cols)) {
+          for (const c of w.cols) {
+            if (this.fieldExistsInList(c == null ? void 0 : c.widgetList, fieldName))
+              return true;
+          }
+        }
+      }
+      return false;
+    },
     setHidden(flag) {
       this.field.options.hidden = flag;
       if (!!flag) {
@@ -24670,7 +24780,8 @@ const _sfc_main$P = {
         if (this.designState)
           return;
         this.syncColFieldValidation(!!val);
-      }
+      },
+      immediate: true
     }
   },
   methods: {
@@ -24682,10 +24793,13 @@ const _sfc_main$P = {
         if (!fieldWidget.formItemFlag || !fieldWidget.options || !fieldWidget.options.name) {
           return;
         }
+        fieldWidget.options.hidden = hiddenFlag;
         const fieldRef = this.getWidgetRef(fieldWidget.options.name);
         if (!fieldRef)
           return;
-        if (hiddenFlag) {
+        if (typeof fieldRef.setHidden === "function") {
+          fieldRef.setHidden(hiddenFlag);
+        } else if (hiddenFlag) {
           if (typeof fieldRef.clearFieldRules === "function") {
             fieldRef.clearFieldRules();
           }
@@ -24769,7 +24883,7 @@ function _sfc_render$P(_ctx, _cache, $props, $setup, $data, $options) {
             key: $props.fieldSchemaData && $props.fieldSchemaData[swIdx] ? $props.fieldSchemaData[swIdx].id : swIdx,
             "parent-list": $props.widget.widgetList,
             "index-of-parent-list": swIdx,
-            "parent-widget": $props.parentWidget,
+            "parent-widget": $props.widget,
             "sub-form-row-index": $props.subFormRowIndex,
             "sub-form-row-id": $props.subFormRowId,
             "sub-form-disabled": $props.subFormDisabled,
@@ -24799,7 +24913,7 @@ function _sfc_render$P(_ctx, _cache, $props, $setup, $data, $options) {
     [vShow, $options.colVisible]
   ]) : createCommentVNode("", true);
 }
-var GridColItem = /* @__PURE__ */ _export_sfc$1(_sfc_main$P, [["render", _sfc_render$P], ["__scopeId", "data-v-20705201"]]);
+var GridColItem = /* @__PURE__ */ _export_sfc$1(_sfc_main$P, [["render", _sfc_render$P], ["__scopeId", "data-v-315cc820"]]);
 var __glob_0_1$1 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   "default": GridColItem
@@ -26318,6 +26432,7 @@ const _sfc_main$J = {
       if (!needValidation) {
         return this.formDataModel;
       }
+      this.syncAllHiddenColFieldRules();
       let callback2 = function nullFunc() {
       };
       let promise = new window.Promise(function(resolve, reject) {
@@ -26342,6 +26457,43 @@ const _sfc_main$J = {
       });
       return promise;
     },
+    syncAllHiddenColFieldRules() {
+      const walk = (list) => {
+        if (!Array.isArray(list))
+          return;
+        list.forEach((w) => {
+          var _a;
+          if (!w)
+            return;
+          if (w.type === "grid" && Array.isArray(w.cols)) {
+            w.cols.forEach((col) => {
+              var _a2;
+              if ((_a2 = col == null ? void 0 : col.options) == null ? void 0 : _a2.hidden) {
+                this.syncFieldRulesByCol(col, true);
+              }
+              walk(col == null ? void 0 : col.widgetList);
+            });
+          } else if (w.type === "grid-col") {
+            if ((_a = w == null ? void 0 : w.options) == null ? void 0 : _a.hidden) {
+              this.syncFieldRulesByCol(w, true);
+            }
+            walk(w.widgetList);
+          } else {
+            if (Array.isArray(w.widgetList))
+              walk(w.widgetList);
+            if (Array.isArray(w.cols))
+              walk(w.cols);
+            if (Array.isArray(w.tabs)) {
+              w.tabs.forEach((t) => walk(t == null ? void 0 : t.widgetList));
+            }
+            if (Array.isArray(w.rows)) {
+              w.rows.forEach((r) => Array.isArray(r == null ? void 0 : r.cols) && r.cols.forEach((c) => walk(c == null ? void 0 : c.widgetList)));
+            }
+          }
+        });
+      };
+      walk(this.widgetList);
+    },
     setFormData(formData) {
       Object.keys(this.formDataModel).forEach((propName) => {
         if (!!formData && formData.hasOwnProperty(propName)) {
@@ -26440,6 +26592,7 @@ const _sfc_main$J = {
       this.$refs.renderForm.clearValidate(props);
     },
     validateForm(callback2) {
+      this.syncAllHiddenColFieldRules();
       this.$refs["renderForm"].validate((valid) => {
         if (valid && !!this.formConfig && !!this.formConfig.onFormValidateSuccess) {
           this.emitFormValidateSuccess(this.formDataModel);
@@ -26566,16 +26719,7 @@ const _sfc_main$J = {
         if (!fieldWidget.formItemFlag || !fieldWidget.options || !fieldWidget.options.name) {
           return;
         }
-        const fieldRef = this.getWidgetRef(fieldWidget.options.name);
-        if (!fieldRef)
-          return;
-        if (hiddenFlag) {
-          if (typeof fieldRef.clearFieldRules === "function") {
-            fieldRef.clearFieldRules();
-          }
-        } else if (typeof fieldRef.buildFieldRules === "function") {
-          fieldRef.buildFieldRules();
-        }
+        this.findWidgetAndSetHidden(fieldWidget.options.name, hiddenFlag);
       });
     },
     setColHidden(colName, hidden) {
@@ -26655,7 +26799,7 @@ function _sfc_render$J(_ctx, _cache, $props, $setup, $data, $options) {
     _: 3
   }, 8, ["label-position", "size", "class", "label-width", "model"]);
 }
-var VFormRender = /* @__PURE__ */ _export_sfc$1(_sfc_main$J, [["render", _sfc_render$J], ["__scopeId", "data-v-7ef95586"]]);
+var VFormRender = /* @__PURE__ */ _export_sfc$1(_sfc_main$J, [["render", _sfc_render$J], ["__scopeId", "data-v-cd88fba4"]]);
 function registerIcon(app) {
   app.component("el-icon-edit", edit);
   app.component("el-icon-minus", minus);
@@ -26670,13 +26814,13 @@ function registerIcon(app) {
 if (typeof window !== "undefined") {
   let loadSvg = function() {
     var body = document.body;
-    var svgDom = document.getElementById("__svg__icons__dom__1787635195147__");
+    var svgDom = document.getElementById("__svg__icons__dom__1789606658031__");
     if (!svgDom) {
       svgDom = document.createElementNS("http://www.w3.org/2000/svg", "svg");
       svgDom.style.position = "absolute";
       svgDom.style.width = "0";
       svgDom.style.height = "0";
-      svgDom.id = "__svg__icons__dom__1787635195147__";
+      svgDom.id = "__svg__icons__dom__1789606658031__";
       svgDom.setAttribute("xmlns", "http://www.w3.org/2000/svg");
       svgDom.setAttribute("xmlns:link", "http://www.w3.org/1999/xlink");
     }