form-custom-test 3.0.243 → 3.0.245

package/dist/designer.es.js

@@ -10726,6 +10726,16 @@ var fieldMixin = {
       }
     }
   },
+  mounted() {
+    var _a2, _b2, _c2;
+    if (!this.designState && ((_a2 = this.field) == null ? void 0 : _a2.formItemFlag) && ((_c2 = (_b2 = this.field) == null ? void 0 : _b2.options) == null ? void 0 : _c2.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;
@@ -10870,6 +10880,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;
@@ -10882,6 +10896,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,
@@ -11060,9 +11077,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;
           }
         });
@@ -11072,8 +11087,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) {
@@ -11138,6 +11186,68 @@ var fieldMixin = {
     setAppendButtonDisabled(flag) {
       this.field.options.appendButtonDisabled = flag;
     },
+    isInsideHiddenCol() {
+      var _a2, _b2, _c2;
+      const formRef = this.getFormRef && this.getFormRef();
+      const widgetList2 = ((_a2 = formRef == null ? void 0 : formRef.formJsonObj) == null ? void 0 : _a2.widgetList) || (formRef == null ? void 0 : formRef.widgetList);
+      if (!widgetList2 || !((_c2 = (_b2 = this.field) == null ? void 0 : _b2.options) == null ? void 0 : _c2.name)) {
+        return false;
+      }
+      const fieldName = this.field.options.name;
+      const findHiddenCol = (list) => {
+        var _a3, _b3;
+        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 (((_a3 = col == null ? void 0 : col.options) == null ? void 0 : _a3.hidden) && this.fieldExistsInList(col.widgetList, fieldName)) {
+                return true;
+              }
+              if (findHiddenCol(col == null ? void 0 : col.widgetList))
+                return true;
+            }
+          }
+          if (w.type === "grid-col" && ((_b3 = w.options) == null ? void 0 : _b3.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(widgetList2);
+    },
+    fieldExistsInList(list, fieldName) {
+      var _a2;
+      if (!Array.isArray(list) || !fieldName)
+        return false;
+      for (const w of list) {
+        if (!w)
+          continue;
+        if (((_a2 = w.options) == null ? void 0 : _a2.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) {
@@ -26677,7 +26787,8 @@ const _sfc_main$3f = {
         if (this.designState)
           return;
         this.syncColFieldValidation(!!val);
-      }
+      },
+      immediate: true
     }
   },
   methods: {
@@ -26689,10 +26800,13 @@ const _sfc_main$3f = {
         if (!fieldWidget2.formItemFlag || !fieldWidget2.options || !fieldWidget2.options.name) {
           return;
         }
+        fieldWidget2.options.hidden = hiddenFlag;
         const fieldRef = this.getWidgetRef(fieldWidget2.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();
           }
@@ -26776,7 +26890,7 @@ function _sfc_render$3f(_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,
@@ -26806,7 +26920,7 @@ function _sfc_render$3f(_ctx, _cache, $props, $setup, $data, $options) {
     [vShow, $options.colVisible]
   ]) : createCommentVNode("", true);
 }
-var GridColItem = /* @__PURE__ */ _export_sfc$1(_sfc_main$3f, [["render", _sfc_render$3f], ["__scopeId", "data-v-20705201"]]);
+var GridColItem = /* @__PURE__ */ _export_sfc$1(_sfc_main$3f, [["render", _sfc_render$3f], ["__scopeId", "data-v-315cc820"]]);
 var __glob_0_1$2 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   "default": GridColItem
@@ -28325,6 +28439,7 @@ const _sfc_main$39 = {
       if (!needValidation) {
         return this.formDataModel;
       }
+      this.syncAllHiddenColFieldRules();
       let callback2 = function nullFunc() {
       };
       let promise = new window.Promise(function(resolve, reject) {
@@ -28349,6 +28464,43 @@ const _sfc_main$39 = {
       });
       return promise;
     },
+    syncAllHiddenColFieldRules() {
+      const walk = (list) => {
+        if (!Array.isArray(list))
+          return;
+        list.forEach((w) => {
+          var _a2;
+          if (!w)
+            return;
+          if (w.type === "grid" && Array.isArray(w.cols)) {
+            w.cols.forEach((col) => {
+              var _a3;
+              if ((_a3 = col == null ? void 0 : col.options) == null ? void 0 : _a3.hidden) {
+                this.syncFieldRulesByCol(col, true);
+              }
+              walk(col == null ? void 0 : col.widgetList);
+            });
+          } else if (w.type === "grid-col") {
+            if ((_a2 = w == null ? void 0 : w.options) == null ? void 0 : _a2.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)) {
@@ -28447,6 +28599,7 @@ const _sfc_main$39 = {
       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);
@@ -28573,16 +28726,7 @@ const _sfc_main$39 = {
         if (!fieldWidget2.formItemFlag || !fieldWidget2.options || !fieldWidget2.options.name) {
           return;
         }
-        const fieldRef = this.getWidgetRef(fieldWidget2.options.name);
-        if (!fieldRef)
-          return;
-        if (hiddenFlag) {
-          if (typeof fieldRef.clearFieldRules === "function") {
-            fieldRef.clearFieldRules();
-          }
-        } else if (typeof fieldRef.buildFieldRules === "function") {
-          fieldRef.buildFieldRules();
-        }
+        this.findWidgetAndSetHidden(fieldWidget2.options.name, hiddenFlag);
       });
     },
     setColHidden(colName, hidden) {
@@ -28662,7 +28806,7 @@ function _sfc_render$39(_ctx, _cache, $props, $setup, $data, $options) {
     _: 3
   }, 8, ["label-position", "size", "class", "label-width", "model"]);
 }
-var VFormRender = /* @__PURE__ */ _export_sfc$1(_sfc_main$39, [["render", _sfc_render$39], ["__scopeId", "data-v-7ef95586"]]);
+var VFormRender = /* @__PURE__ */ _export_sfc$1(_sfc_main$39, [["render", _sfc_render$39], ["__scopeId", "data-v-cd88fba4"]]);
 var ace$2 = { exports: {} };
 (function(module, exports) {
   (function() {
@@ -69419,13 +69563,13 @@ function registerIcon(app) {
 if (typeof window !== "undefined") {
   let loadSvg = function() {
     var body = document.body;
-    var svgDom = document.getElementById("__svg__icons__dom__1787635186477__");
+    var svgDom = document.getElementById("__svg__icons__dom__1789606646660__");
     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__1787635186477__";
+      svgDom.id = "__svg__icons__dom__1789606646660__";
       svgDom.setAttribute("xmlns", "http://www.w3.org/2000/svg");
       svgDom.setAttribute("xmlns:link", "http://www.w3.org/1999/xlink");
     }