form-custom-test 3.0.41 → 3.0.43

package/dist/render.es.js

@@ -301,7 +301,7 @@ var settle$1 = function settle2(resolve, reject, response) {
   }
 };
 var utils$9 = utils$d;
-var cookies$2 = utils$9.isStandardBrowserEnv() ? function standardBrowserEnv() {
+var cookies$1 = utils$9.isStandardBrowserEnv() ? function standardBrowserEnv() {
   return {
     write: function write(name, value2, expires, path, domain, secure) {
       var cookie = [];
@@ -441,7 +441,7 @@ Cancel$3.prototype.__CANCEL__ = true;
 var Cancel_1 = Cancel$3;
 var utils$6 = utils$d;
 var settle = settle$1;
-var cookies$1 = cookies$2;
+var cookies = cookies$1;
 var buildURL$1 = buildURL$2;
 var buildFullPath = buildFullPath$1;
 var parseHeaders = parseHeaders$1;
@@ -532,7 +532,7 @@ var xhr = function xhrAdapter(config) {
       request2 = null;
     };
     if (utils$6.isStandardBrowserEnv()) {
-      var xsrfValue = (config.withCredentials || isURLSameOrigin(fullPath)) && config.xsrfCookieName ? cookies$1.read(config.xsrfCookieName) : void 0;
+      var xsrfValue = (config.withCredentials || isURLSameOrigin(fullPath)) && config.xsrfCookieName ? cookies.read(config.xsrfCookieName) : void 0;
       if (xsrfValue) {
         requestHeaders[config.xsrfHeaderName] = xsrfValue;
       }
@@ -8843,6 +8843,14 @@ var fieldMixin = {
     getFormRef() {
       return this.refList["v_form_ref"];
     },
+    findColByName(colName) {
+      const formRef = this.getFormRef();
+      return formRef && typeof formRef.findColByName === "function" ? formRef.findColByName(null, colName) : null;
+    },
+    setColHidden(colName, hidden) {
+      const formRef = this.getFormRef();
+      return formRef && typeof formRef.setColHidden === "function" ? formRef.setColHidden(colName, hidden) : false;
+    },
     getWidgetRef(widgetName, showError, rowId) {
       let foundRef = null;
       if (this.subFormItemFlag && !this.designState) {
@@ -8957,8 +8965,7 @@ var fieldMixin = {
           this.field.options.optionItems = deepClone(options || []);
         }
       } else {
-        this.field.options.optionItems = options;
-        console.log(this.field, "this.field.options.optionItems");
+        this.field.options.optionItems = deepClone(options || []);
       }
       this.clearSelectedOptions();
     },
@@ -9246,7 +9253,7 @@ const _hoisted_7$9 = {
   class: "drag-handler background-opacity"
 };
 const _hoisted_8$5 = ["title"];
-const _hoisted_9$3 = { key: 0 };
+const _hoisted_9$4 = { key: 0 };
 function _sfc_render$12(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_svg_icon = resolveComponent("svg-icon");
   const _component_el_tooltip = resolveComponent("el-tooltip");
@@ -9355,7 +9362,7 @@ function _sfc_render$12(_ctx, _cache, $props, $setup, $data, $options) {
           createVNode(_component_svg_icon, { "icon-class": "el-drag-move" })
         ], 8, _hoisted_8$5),
         createElementVNode("i", null, toDisplayString(_ctx.i18n2t(`designer.widgetLabel.${$props.field.type}`, `extension.widgetLabel.${$props.field.type}`)), 1),
-        $props.field.options.hidden === true ? (openBlock(), createElementBlock("i", _hoisted_9$3, [
+        $props.field.options.hidden === true ? (openBlock(), createElementBlock("i", _hoisted_9$4, [
           createVNode(_component_svg_icon, { "icon-class": "el-hide" })
         ])) : createCommentVNode("", true)
       ])) : createCommentVNode("", true)
@@ -10330,7 +10337,7 @@ function useCookies() {
 }
 var _imports_0 = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAABsUlEQVR4AaxSy0ojURA9dTMZZobxA4ZhZhgXLlwo4kLcuRMknU4aIuILFPyP/Ieg4Asx0El3B8GdO3EhogsXLhQV8QMUFTVdnmC6JWkVRIu6fU/XOXW41L0GH4zPM1DLmVDL3lMrb792KM3mHfLU2KOR5vkEvV3LgJxCw2XNZnvQEprL9UJ1EdBjBN5qRMcGUiyGkJDOcoTQ+Dro/IpEmsn8Rk08CA5xmR4XIIy42KBeEN+/ZLNFYRpfw4oWCt/Vsn5AvnjsSUE0K5ulq7o2Wk0G9aKsuydQyQPahdv7eSC1wHonDHLieWdoiYRBnZdqeQsiM8TDXA7xNJu3iRP5okFC9UbhRQPN5Ps58Vn2rXG5xHNq233EiUwY6JDzj8MqA7KPb+kpoDYJ4IBzr9DkD3FTNhnw/ttgwoCKO9yZnJRKNxIE19AHPi5T43B9HSj8JB+niZAWiwZqVjj9dkhoy4Z7EXFSrZ4jpTYUHWi7X1LwThpkbICd/TE2/4WYMb6H3QYfb1Kp7PA2JgD5D8seQSNiAwncRQm8bgnKfDQNtmUTv+ySp8bjSZ/I2ODp9/3fRwAAAP//S/wI2gAAAAZJREFUAwCGXJIhFOitmwAAAABJRU5ErkJggg==";
 var fileUploadWidget_vue_vue_type_style_index_0_scoped_true_lang = "";
-const { cookies } = useCookies();
+useCookies();
 let selectFileText = "'" + translate("render.hint.selectFile") + "'";
 const _sfc_main$M = {
   name: "file-upload-widget",
@@ -10369,7 +10376,9 @@ const _sfc_main$M = {
       fieldModel: [],
       rules: [],
       uploadHeaders: {
-        authorization: cookies.get("Authorization"),
+        authorization: sessionStorage.getItem("Authorization"),
+        Company: sessionStorage.getItem("companyId"),
+        Post: sessionStorage.getItem("postId"),
         client: "web"
       },
       uploadData: {},
@@ -10384,17 +10393,14 @@ const _sfc_main$M = {
   },
   computed: {
     realUploadURL() {
-      let uploadURL = this.field.options.uploadURL;
-      console.log("test uploadURL: ", uploadURL);
-      if (!!uploadURL) {
-        return uploadURL;
-      }
+      const uploadURL = this.field.options.uploadURL;
       if (!!uploadURL && (uploadURL.indexOf("DSV.") > -1 || uploadURL.indexOf("DSV[") > -1)) {
-        let DSV = this.getGlobalDsv();
-        console.log("test DSV: ", DSV);
-        console.log("test uploadURL: ", evalFn(this.field.options.uploadURL, DSV));
+        const DSV = this.getGlobalDsv();
         return evalFn(this.field.options.uploadURL, DSV);
       }
+      if (!!uploadURL) {
+        return uploadURL;
+      }
       return "/api/unified-file/sys-file/upload/?system=WF";
     }
   },
@@ -10415,49 +10421,41 @@ const _sfc_main$M = {
   },
   methods: {
     handleProgress(event, file, fileList) {
-      console.log("handleProgress", event, file, fileList);
-      this.progressPercent = event.percent.toFixed(0);
+      this.showProgress = true;
+      this.progressPercent = Math.round(event.percent);
     },
     handleFileExceed() {
       let uploadLimit = this.field.options.limit;
       this.$message.warning(this.i18nt("render.hint.uploadExceed").replace("${uploadLimit}", uploadLimit));
     },
     beforeFileUpload(file) {
-      console.log("beforeFileUpload", file);
+      var _a, _b, _c;
       let fileTypeCheckResult = false;
-      let extFileName = file.name.substring(file.name.lastIndexOf(".") + 1);
-      if (!!this.field.options && !!this.field.options.fileTypes) {
-        let uploadFileTypes = this.field.options.fileTypes;
-        if (uploadFileTypes.length > 0) {
-          fileTypeCheckResult = uploadFileTypes.some((ft) => {
-            return extFileName.toLowerCase() === ft.toLowerCase();
-          });
-        }
+      const extFileName = file.name.substring(file.name.lastIndexOf(".") + 1);
+      if (!!((_b = (_a = this.field.options) == null ? void 0 : _a.fileTypes) == null ? void 0 : _b.length)) {
+        fileTypeCheckResult = this.field.options.fileTypes.some((ft) => extFileName.toLowerCase() === ft.toLowerCase());
       }
       if (!fileTypeCheckResult) {
         this.$message.error(this.i18nt("render.hint.unsupportedFileType") + extFileName);
         return false;
       }
-      console.log("fileTypeCheckResult", fileTypeCheckResult);
-      let fileSizeCheckResult = false;
       let uploadFileMaxSize = 5;
-      if (!!this.field.options && !!this.field.options.fileMaxSize) {
+      if (!!((_c = this.field.options) == null ? void 0 : _c.fileMaxSize)) {
         uploadFileMaxSize = this.field.options.fileMaxSize;
       }
-      fileSizeCheckResult = file.size / 1024 / 1024 <= uploadFileMaxSize;
-      console.log("fileSizeCheckResult", fileSizeCheckResult);
+      const fileSizeCheckResult = file.size / 1024 / 1024 <= uploadFileMaxSize;
       if (!fileSizeCheckResult) {
         this.$message.error(this.i18nt("render.hint.fileSizeExceed") + uploadFileMaxSize + "MB");
         return false;
       }
       this.uploadData.key = file.name;
-      console.log("uploadData.key", this.uploadData.key);
-      console.log("handleOnBeforeUpload", this.handleOnBeforeUpload(file));
-      this.showProgress = true;
-      return true;
+      const allowUpload = this.handleOnBeforeUpload(file);
+      if (allowUpload) {
+        this.showProgress = true;
+      }
+      return allowUpload;
     },
     handleOnBeforeUpload(file) {
-      console.log("handleOnBeforeUpload", !!this.field.options.onBeforeUpload, file);
       if (!!this.field.options.onBeforeUpload) {
         let bfFunc = new Function("file", this.field.options.onBeforeUpload);
         let result = bfFunc.call(this, file);
@@ -10470,62 +10468,83 @@ const _sfc_main$M = {
         return true;
       }
     },
-    updateFieldModelAndEmitDataChangeForUpload(fileList, customResult, defaultResult) {
-      let oldValue = deepClone(this.fieldModel);
-      if (!!customResult && !!customResult.name && !!customResult.url) {
-        this.fieldModel.push({
-          name: customResult.name,
-          url: customResult.url
-        });
-      } else if (!!defaultResult && !!defaultResult.name && !!defaultResult.url) {
-        this.fieldModel.push({
-          name: defaultResult.name,
-          url: defaultResult.url
-        });
-      } else {
-        this.fieldModel = deepClone(fileList);
+    buildFieldModelFromFileList(fileList, currentFileCustomResult) {
+      const list = fileList.filter((item) => item.status === "success" && (item.response != null || item.url)).map((item) => {
+        var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k;
+        const res = item.response;
+        const d = (res == null ? void 0 : res.data) != null ? res.data : res;
+        if (d && (d.fileName != null || d.fileUrl != null || d.url != null)) {
+          return {
+            fileName: (_b = (_a = d.fileName) != null ? _a : d.name) != null ? _b : item.name,
+            fileId: d.fileId,
+            fileUrl: (_e = (_d = (_c = d.fileUrl) != null ? _c : d.url) != null ? _d : item.url) != null ? _e : "",
+            type: d.type,
+            name: (_g = (_f = d.fileName) != null ? _f : d.name) != null ? _g : item.name,
+            url: (_j = (_i = (_h = d.fileUrl) != null ? _h : d.url) != null ? _i : item.url) != null ? _j : ""
+          };
+        }
+        return {
+          fileName: item.name,
+          fileId: item.uid,
+          fileUrl: item.url || "",
+          type: (_k = item.raw) == null ? void 0 : _k.type,
+          name: item.name,
+          url: item.url || ""
+        };
+      });
+      if (currentFileCustomResult && currentFileCustomResult.name && currentFileCustomResult.url) {
+        const idx = list.length - 1;
+        if (idx >= 0) {
+          list[idx] = __spreadProps(__spreadValues({}, list[idx]), {
+            name: currentFileCustomResult.name,
+            url: currentFileCustomResult.url,
+            fileName: currentFileCustomResult.name,
+            fileUrl: currentFileCustomResult.url
+          });
+        } else {
+          list.push({
+            name: currentFileCustomResult.name,
+            url: currentFileCustomResult.url,
+            fileName: currentFileCustomResult.name,
+            fileUrl: currentFileCustomResult.url
+          });
+        }
       }
-      console.log("this.fieldModel", this.fieldModel);
+      return list;
+    },
+    updateFieldModelAndEmitDataChangeForUpload(fileList, currentFileCustomResult) {
+      const oldValue = deepClone(this.fieldModel);
+      this.fieldModel = this.buildFieldModelFromFileList(fileList, currentFileCustomResult);
       this.syncUpdateFormModel(this.fieldModel);
       this.emitFieldDataChange(this.fieldModel, oldValue);
       this.dispatch("VFormRender", "fieldValidation", [this.getPropName()]);
     },
     handleFileUpload(res, file, fileList) {
-      console.log("handleFileUpload", res, file, fileList);
-      this.showProgress = false;
+      var _a;
       if (file.status === "success") {
-        ElMessage.success("\u4E0A\u4F20\u6210\u529F");
         let customResult = null;
         if (!!this.field.options.onUploadSuccess) {
-          let mountFunc = new Function("result", "file", "fileList", this.field.options.onUploadSuccess);
+          const mountFunc = new Function("result", "file", "fileList", this.field.options.onUploadSuccess);
           customResult = mountFunc.call(this, res, file, fileList);
         }
-        const list = fileList.map((item) => {
-          if (item.response) {
-            const { data: data2 } = item.response;
-            return {
-              fileName: data2.fileName,
-              fileId: data2.fileId,
-              fileUrl: data2.fileUrl,
-              type: data2.type
-            };
-          } else {
-            return item;
-          }
-        });
-        this.updateFieldModelAndEmitDataChangeForUpload(list, customResult, res);
+        this.updateFieldModelAndEmitDataChangeForUpload(fileList, customResult);
         if (!!customResult && !!customResult.name) {
           file.name = customResult.name;
         } else {
-          file.name = file.name || res.name || res.fileName || res.filename;
+          file.name = file.name || (res == null ? void 0 : res.name) || (res == null ? void 0 : res.fileName) || (res == null ? void 0 : res.filename);
         }
         if (!!customResult && !!customResult.url) {
           file.url = customResult.url;
         } else {
-          file.url = file.url || res.url;
+          file.url = file.url || (res == null ? void 0 : res.url) || ((_a = res == null ? void 0 : res.data) == null ? void 0 : _a.fileUrl);
         }
         this.fileList = deepClone(fileList);
         this.uploadBtnHidden = fileList.length >= this.field.options.limit;
+        const allDone = !fileList.some((f) => f.status === "uploading");
+        if (allDone) {
+          this.showProgress = false;
+          ElMessage.success(this.field.options.multipleSelect ? "\u6279\u91CF\u4E0A\u4F20\u6210\u529F" : "\u4E0A\u4F20\u6210\u529F");
+        }
       }
     },
     updateFieldModelAndEmitDataChangeForRemove(deletedFileIdx, fileList) {
@@ -10678,7 +10697,7 @@ function _sfc_render$M(_ctx, _cache, $props, $setup, $data, $options) {
     _: 1
   }, 8, ["designer", "field", "rules", "design-state", "parent-widget", "parent-list", "index-of-parent-list", "sub-form-row-index", "sub-form-col-index", "sub-form-row-id"]);
 }
-var fileUploadWidget = /* @__PURE__ */ _export_sfc$1(_sfc_main$M, [["render", _sfc_render$M], ["__scopeId", "data-v-5625ea65"]]);
+var fileUploadWidget = /* @__PURE__ */ _export_sfc$1(_sfc_main$M, [["render", _sfc_render$M], ["__scopeId", "data-v-4ae90317"]]);
 var __glob_0_7 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   "default": fileUploadWidget
@@ -23252,7 +23271,6 @@ const _sfc_main$C = {
       if (this.field.options.optionItems) {
         return this.field.options.optionItems;
       }
-      console.log(this.field.options.optionItems);
       return [];
     }
   }
@@ -23311,7 +23329,7 @@ function _sfc_render$C(_ctx, _cache, $props, $setup, $data, $options) {
     _: 1
   }, 8, ["designer", "field", "rules", "design-state", "parent-widget", "parent-list", "index-of-parent-list", "sub-form-row-index", "sub-form-col-index", "sub-form-row-id"]);
 }
-var selectWidget = /* @__PURE__ */ _export_sfc$1(_sfc_main$C, [["render", _sfc_render$C], ["__scopeId", "data-v-6e88c84c"]]);
+var selectWidget = /* @__PURE__ */ _export_sfc$1(_sfc_main$C, [["render", _sfc_render$C], ["__scopeId", "data-v-70a357a0"]]);
 var __glob_0_17 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   "default": selectWidget
@@ -24018,6 +24036,9 @@ const _sfc_main$u = {
     formConfig() {
       return this.getFormConfig();
     },
+    colVisible() {
+      return !!(this.widget && this.widget.options && !this.widget.options.hidden);
+    },
     customClass() {
       if (!this.widget || !this.widget.options) {
         return "";
@@ -24032,7 +24053,20 @@ const _sfc_main$u = {
     this.initLayoutProps();
     this.initRefList();
   },
+  beforeUnmount() {
+    var _a, _b;
+    if (this.refList != null && ((_b = (_a = this.widget) == null ? void 0 : _a.options) == null ? void 0 : _b.name)) {
+      delete this.refList[this.widget.options.name];
+    }
+  },
+  watch: {},
   methods: {
+    setHidden(flag) {
+      if (this.widget && this.widget.options) {
+        this.widget.options.hidden = !!flag;
+        this.$nextTick(() => this.$forceUpdate());
+      }
+    },
     initLayoutProps() {
       if (!this.widget || !this.widget.options) {
         return;
@@ -24125,10 +24159,10 @@ function _sfc_render$u(_ctx, _cache, $props, $setup, $data, $options) {
     ]),
     _: 3
   }, 16, ["class", "style"])), [
-    [vShow, $props.widget && $props.widget.options && !$props.widget.options.hidden]
+    [vShow, $options.colVisible]
   ]) : createCommentVNode("", true);
 }
-var GridColItem = /* @__PURE__ */ _export_sfc$1(_sfc_main$u, [["render", _sfc_render$u], ["__scopeId", "data-v-7d0b212c"]]);
+var GridColItem = /* @__PURE__ */ _export_sfc$1(_sfc_main$u, [["render", _sfc_render$u], ["__scopeId", "data-v-76952447"]]);
 var __glob_0_1$1 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   "default": GridColItem
@@ -24350,7 +24384,7 @@ function _sfc_render$t(_ctx, _cache, $props, $setup, $data, $options) {
         ref: $props.widget.id
       }, {
         default: withCtx(() => [
-          (openBlock(true), createElementBlock(Fragment, null, renderList($props.widget.cols || [], (colWidget, colIdx) => {
+          (openBlock(true), createElementBlock(Fragment, null, renderList($props.widget.cols.filter((item) => !item.options.hidden) || [], (colWidget, colIdx) => {
             return openBlock(), createBlock(_component_grid_col_item, {
               key: colIdx,
               widget: colWidget,
@@ -25590,6 +25624,45 @@ const _sfc_main$o = {
     },
     getGlobalDsv() {
       return this.globalDsv;
+    },
+    findColByName(list, colName) {
+      const listToSearch = list != null ? list : this.formJsonObj && this.formJsonObj.widgetList;
+      if (!listToSearch || !colName)
+        return null;
+      for (const w of listToSearch) {
+        if (w.type === "grid" && w.cols && w.cols.length) {
+          const col = w.cols.find((c) => c.options && c.options.name === colName);
+          if (col)
+            return col;
+        }
+        if (w.type === "grid-col" && w.options && w.options.name === colName)
+          return w;
+        if (w.widgetList && w.widgetList.length) {
+          const found = this.findColByName(w.widgetList, colName);
+          if (found)
+            return found;
+        }
+        if (w.cols && w.cols.length) {
+          for (const c of w.cols) {
+            if (c.options && c.options.name === colName)
+              return c;
+            if (c.widgetList && c.widgetList.length) {
+              const found = this.findColByName(c.widgetList, colName);
+              if (found)
+                return found;
+            }
+          }
+        }
+      }
+      return null;
+    },
+    setColHidden(colName, hidden) {
+      const col = this.findColByName(null, colName);
+      if (!col || !col.options)
+        return false;
+      col.options.hidden = !!hidden;
+      this.$nextTick(() => this.$forceUpdate());
+      return true;
     }
   }
 };
@@ -25648,7 +25721,7 @@ function _sfc_render$o(_ctx, _cache, $props, $setup, $data, $options) {
     _: 3
   }, 8, ["label-position", "size", "class", "label-width", "model"]);
 }
-var VFormRender = /* @__PURE__ */ _export_sfc$1(_sfc_main$o, [["render", _sfc_render$o], ["__scopeId", "data-v-64665cea"]]);
+var VFormRender = /* @__PURE__ */ _export_sfc$1(_sfc_main$o, [["render", _sfc_render$o], ["__scopeId", "data-v-32478e29"]]);
 function registerIcon(app) {
   app.component("el-icon-edit", edit);
   app.component("el-icon-minus", minus);
@@ -25663,13 +25736,13 @@ function registerIcon(app) {
 if (typeof window !== "undefined") {
   let loadSvg = function() {
     var body = document.body;
-    var svgDom = document.getElementById("__svg__icons__dom__1772181289531__");
+    var svgDom = document.getElementById("__svg__icons__dom__1772271196523__");
     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__1772181289531__";
+      svgDom.id = "__svg__icons__dom__1772271196523__";
       svgDom.setAttribute("xmlns", "http://www.w3.org/2000/svg");
       svgDom.setAttribute("xmlns:link", "http://www.w3.org/1999/xlink");
     }
@@ -25944,7 +26017,7 @@ const _hoisted_5$7 = ["title"];
 const _hoisted_6$7 = ["title"];
 const _hoisted_7$5 = ["title"];
 const _hoisted_8$4 = ["title"];
-const _hoisted_9$2 = {
+const _hoisted_9$3 = {
   key: 1,
   class: "drag-handler"
 };
@@ -26005,7 +26078,7 @@ function _sfc_render$n(_ctx, _cache, $props, $setup, $data, $options) {
         createVNode(_component_svg_icon, { "icon-class": "el-delete" })
       ], 8, _hoisted_8$4)
     ])) : createCommentVNode("", true),
-    $props.designer.selectedId === $props.widget.id && !$props.widget.internal ? (openBlock(), createElementBlock("div", _hoisted_9$2, [
+    $props.designer.selectedId === $props.widget.id && !$props.widget.internal ? (openBlock(), createElementBlock("div", _hoisted_9$3, [
       createElementVNode("i", {
         title: _ctx.i18nt("designer.hint.dragHandler")
       }, [
@@ -32626,6 +32699,11 @@ const _sfc_main$f = {
     }
   },
   watch: {
+    "widget.options.name": {
+      handler(newVal, oldVal) {
+        this.registerToRefList(oldVal);
+      }
+    },
     "designer.formConfig.layoutType": {
       handler(val) {
         if (!!this.widget.options.responsive) {
@@ -32697,7 +32775,17 @@ const _sfc_main$f = {
     this.initRefList();
     this.initLayoutProps();
   },
+  beforeUnmount() {
+    var _a, _b;
+    if (this.refList != null && ((_b = (_a = this.widget) == null ? void 0 : _a.options) == null ? void 0 : _b.name)) {
+      delete this.refList[this.widget.options.name];
+    }
+  },
   methods: {
+    setHidden(flag) {
+      this.widget.options.hidden = !!flag;
+      this.$nextTick(() => this.$forceUpdate());
+    },
     initLayoutProps() {
       if (!!this.widget.options.responsive) {
         let lyType = this.designer.formConfig.layoutType;
@@ -32782,11 +32870,15 @@ const _hoisted_8$3 = {
   key: 1,
   class: "grid-col-handler"
 };
+const _hoisted_9$2 = {
+  key: 0,
+  class: "col-hidden-tag"
+};
 function _sfc_render$f(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_draggable = resolveComponent("draggable");
   const _component_svg_icon = resolveComponent("svg-icon");
   const _component_el_col = resolveComponent("el-col");
-  return $props.widget.type === "grid-col" ? (openBlock(), createBlock(_component_el_col, mergeProps({
+  return $props.widget.type === "grid-col" && (!$props.widget.options.hidden || $props.designer) ? (openBlock(), createBlock(_component_el_col, mergeProps({
     key: 0,
     class: "grid-cell"
   }, $data.layoutProps, {
@@ -32869,13 +32961,16 @@ function _sfc_render$f(_ctx, _cache, $props, $setup, $data, $options) {
         ], 8, _hoisted_7$3)
       ])) : createCommentVNode("", true),
       $props.designer.selectedId === $props.widget.id && $props.widget.type === "grid-col" ? (openBlock(), createElementBlock("div", _hoisted_8$3, [
-        createElementVNode("i", null, toDisplayString(_ctx.i18nt("designer.widgetLabel." + $props.widget.type)), 1)
+        createElementVNode("i", null, toDisplayString(_ctx.i18nt("designer.widgetLabel." + $props.widget.type)), 1),
+        $props.widget.options.hidden === true ? (openBlock(), createElementBlock("i", _hoisted_9$2, [
+          createVNode(_component_svg_icon, { "icon-class": "el-hide" })
+        ])) : createCommentVNode("", true)
       ])) : createCommentVNode("", true)
     ]),
     _: 1
   }, 16, ["class", "style"])) : createCommentVNode("", true);
 }
-var GridColWidget = /* @__PURE__ */ _export_sfc$1(_sfc_main$f, [["render", _sfc_render$f], ["__scopeId", "data-v-3a5d5fcf"]]);
+var GridColWidget = /* @__PURE__ */ _export_sfc$1(_sfc_main$f, [["render", _sfc_render$f], ["__scopeId", "data-v-cb053c20"]]);
 var __glob_0_1 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   "default": GridColWidget
@@ -33881,6 +33976,7 @@ const _sfc_main$9 = {
         fieldSchemas.push(this.cloneFieldSchema(swItem));
       });
       if (rowIndex === void 0) {
+        console.log(fieldSchemas, "fieldSchemas");
         this.fieldSchemaData.push(fieldSchemas);
       } else {
         this.fieldSchemaData.splice(rowIndex, 0, fieldSchemas);
@@ -34059,34 +34155,36 @@ const _sfc_main$9 = {
     }
   }
 };
-const _hoisted_1$8 = { class: "group-header" };
-const _hoisted_2$6 = { class: "group-title" };
-const _hoisted_3$5 = {
+const _hoisted_1$8 = { class: "sub-form-header" };
+const _hoisted_2$6 = { class: "sub-form-label" };
+const _hoisted_3$5 = { class: "group-header" };
+const _hoisted_4$4 = { class: "group-title" };
+const _hoisted_5$2 = {
   key: 0,
   class: "row-number-span"
 };
-const _hoisted_4$4 = {
+const _hoisted_6$2 = {
   key: 1,
   class: "row-number-span"
 };
-const _hoisted_5$2 = { class: "group-actions" };
-const _hoisted_6$2 = { class: "group-content" };
-const _hoisted_7$1 = {
+const _hoisted_7$1 = { class: "group-actions" };
+const _hoisted_8$1 = { class: "group-content" };
+const _hoisted_9 = {
   key: 1,
   class: "field-loading",
   style: { "color": "#909399", "font-size": "12px", "padding": "8px" }
 };
-const _hoisted_8$1 = {
+const _hoisted_10 = {
   key: 1,
   class: "empty-hint"
 };
-const _hoisted_9 = { key: 0 };
-const _hoisted_10 = { key: 1 };
-const _hoisted_11 = {
+const _hoisted_11 = { key: 0 };
+const _hoisted_12 = { key: 1 };
+const _hoisted_13 = {
   key: 0,
   class: "empty-hint"
 };
-const _hoisted_12 = {
+const _hoisted_14 = {
   key: 1,
   class: "empty-hint"
 };
@@ -34100,16 +34198,19 @@ function _sfc_render$9(_ctx, _cache, $props, $setup, $data, $options) {
         key: $props.widget.id,
         class: normalizeClass(["custom-sub-form-container", $options.customClass])
       }, [
+        createElementVNode("div", _hoisted_1$8, [
+          createElementVNode("span", _hoisted_2$6, toDisplayString($props.widget.options.label || "\u81EA\u5B9A\u4E49\u5B50\u8868\u5355"), 1)
+        ]),
         (openBlock(true), createElementBlock(Fragment, null, renderList($data.rowIdData, (subFormRowId, sfrIdx) => {
           return openBlock(), createElementBlock("div", {
             class: "form-group-row",
             key: subFormRowId
           }, [
-            createElementVNode("div", _hoisted_1$8, [
-              createElementVNode("div", _hoisted_2$6, [
-                $props.widget.options.showRowNumber ? (openBlock(), createElementBlock("span", _hoisted_3$5, toDisplayString($props.widget.options.label || "\u81EA\u5B9A\u4E49\u5B50\u8868\u5355") + " " + toDisplayString(sfrIdx + 1), 1)) : (openBlock(), createElementBlock("span", _hoisted_4$4, "\u8868\u5355\u7EC4"))
+            createElementVNode("div", _hoisted_3$5, [
+              createElementVNode("div", _hoisted_4$4, [
+                $props.widget.options.showRowNumber ? (openBlock(), createElementBlock("span", _hoisted_5$2, toDisplayString($props.widget.options.label || "\u81EA\u5B9A\u4E49\u5B50\u8868\u5355") + " " + toDisplayString(sfrIdx + 1), 1)) : (openBlock(), createElementBlock("span", _hoisted_6$2, "\u8868\u5355\u7EC4"))
               ]),
-              createElementVNode("div", _hoisted_5$2, [
+              createElementVNode("div", _hoisted_7$1, [
                 sfrIdx > 0 ? (openBlock(), createBlock(_component_el_button, {
                   key: 0,
                   size: "small",
@@ -34125,7 +34226,7 @@ function _sfc_render$9(_ctx, _cache, $props, $setup, $data, $options) {
                 }, 8, ["onClick"])) : createCommentVNode("", true)
               ])
             ]),
-            createElementVNode("div", _hoisted_6$2, [
+            createElementVNode("div", _hoisted_8$1, [
               $props.widget && $props.widget.widgetList && $props.widget.widgetList.length > 0 ? (openBlock(true), createElementBlock(Fragment, { key: 0 }, renderList($props.widget.widgetList, (subWidget, swIdx) => {
                 return openBlock(), createElementBlock(Fragment, {
                   key: subWidget ? subWidget.id + "gc" + subFormRowId + "-" + swIdx : "gc" + subFormRowId + "-" + swIdx
@@ -34150,16 +34251,16 @@ function _sfc_render$9(_ctx, _cache, $props, $setup, $data, $options) {
                       "sub-form-row-id": subFormRowId,
                       "sub-form-row-index": sfrIdx,
                       "sub-form-col-index": swIdx
-                    }, null, 8, ["field", "parent-list", "index-of-parent-list", "parent-widget", "sub-form-row-id", "sub-form-row-index", "sub-form-col-index"])) : (openBlock(), createElementBlock("div", _hoisted_7$1, " \u5B57\u6BB5\u52A0\u8F7D\u4E2D... "))
+                    }, null, 8, ["field", "parent-list", "index-of-parent-list", "parent-widget", "sub-form-row-id", "sub-form-row-index", "sub-form-col-index"])) : (openBlock(), createElementBlock("div", _hoisted_9, " \u5B57\u6BB5\u52A0\u8F7D\u4E2D... "))
                   ], 64)) : createCommentVNode("", true)
                 ], 64);
-              }), 128)) : (openBlock(), createElementBlock("div", _hoisted_8$1, [
-                !$props.widget ? (openBlock(), createElementBlock("div", _hoisted_9, "\u7EC4\u4EF6\u672A\u521D\u59CB\u5316")) : !$props.widget.widgetList || $props.widget.widgetList.length === 0 ? (openBlock(), createElementBlock("div", _hoisted_10, " \u8BF7\u5148\u5728\u8BBE\u8BA1\u5668\u4E2D\u62D6\u62FD\u7EC4\u4EF6\u5230\u5B50\u8868\u5355\u4E2D ")) : createCommentVNode("", true)
+              }), 128)) : (openBlock(), createElementBlock("div", _hoisted_10, [
+                !$props.widget ? (openBlock(), createElementBlock("div", _hoisted_11, "\u7EC4\u4EF6\u672A\u521D\u59CB\u5316")) : !$props.widget.widgetList || $props.widget.widgetList.length === 0 ? (openBlock(), createElementBlock("div", _hoisted_12, " \u8BF7\u5148\u5728\u8BBE\u8BA1\u5668\u4E2D\u62D6\u62FD\u7EC4\u4EF6\u5230\u5B50\u8868\u5355\u4E2D ")) : createCommentVNode("", true)
               ]))
             ])
           ]);
         }), 128)),
-        !$props.widget.widgetList || $props.widget.widgetList.length === 0 ? (openBlock(), createElementBlock("div", _hoisted_11, " \u8BF7\u5148\u5728\u8BBE\u8BA1\u5668\u4E2D\u62D6\u62FD\u7EC4\u4EF6\u5230\u5B50\u8868\u5355\u4E2D ")) : $data.rowIdData.length === 0 ? (openBlock(), createElementBlock("div", _hoisted_12, ' \u70B9\u51FB"\u6DFB\u52A0"\u6309\u94AE\u6DFB\u52A0\u6570\u636E\u884C ')) : createCommentVNode("", true),
+        !$props.widget.widgetList || $props.widget.widgetList.length === 0 ? (openBlock(), createElementBlock("div", _hoisted_13, " \u8BF7\u5148\u5728\u8BBE\u8BA1\u5668\u4E2D\u62D6\u62FD\u7EC4\u4EF6\u5230\u5B50\u8868\u5355\u4E2D ")) : $data.rowIdData.length === 0 ? (openBlock(), createElementBlock("div", _hoisted_14, ' \u70B9\u51FB"\u6DFB\u52A0"\u6309\u94AE\u6DFB\u52A0\u6570\u636E\u884C ')) : createCommentVNode("", true),
         createVNode(_component_el_button, {
           disabled: $data.actionDisabled,
           type: "primary",
@@ -34180,7 +34281,7 @@ function _sfc_render$9(_ctx, _cache, $props, $setup, $data, $options) {
     _: 1
   }, 8, ["widget"]);
 }
-var CustomSubFormItem = /* @__PURE__ */ _export_sfc$1(_sfc_main$9, [["render", _sfc_render$9], ["__scopeId", "data-v-1c47559c"]]);
+var CustomSubFormItem = /* @__PURE__ */ _export_sfc$1(_sfc_main$9, [["render", _sfc_render$9], ["__scopeId", "data-v-489afa42"]]);
 var customTableCellWidget_vue_vue_type_style_index_0_scoped_true_lang = "";
 const _sfc_main$8 = {
   name: "custom-table-cell-widget",
@@ -60378,7 +60479,6 @@ const _sfc_main$1 = {
         let dictManager = null;
         if (typeof window !== "undefined" && window.getDictData) {
           const dictItems = window.getDictData(dictCode);
-          console.log(dictItems, "dictItems");
           if (dictItems && Array.isArray(dictItems) && dictItems.length > 0) {
             col.options = dictItems.map((item) => ({
               label: item.dictLabel || item.label || item.name || item.text || "",
@@ -60394,7 +60494,6 @@ const _sfc_main$1 = {
         }
         if (typeof window !== "undefined" && window.dictCache && window.dictCache[dictCode]) {
           const dictItems = window.dictCache[dictCode];
-          console.log(dictItems, "dictItems");
           if (Array.isArray(dictItems) && dictItems.length > 0) {
             col.options = dictItems.map((item) => ({
               label: item.dictLabel || item.label || item.name || item.text || "",
@@ -60409,7 +60508,6 @@ const _sfc_main$1 = {
           }
         }
         if (typeof window !== "undefined" && window.service) {
-          console.log(window.service, "window.service");
           window.service.post("/unified-dict/sysItemDict/page", {
             current: 1,
             size: 1e4,
@@ -60916,7 +61014,7 @@ function _sfc_render$1(_ctx, _cache, $props, $setup, $data, $options) {
     }, 8, ["modelValue", "title"])
   ], 64);
 }
-var SubTableColumnsEditor = /* @__PURE__ */ _export_sfc$1(_sfc_main$1, [["render", _sfc_render$1], ["__scopeId", "data-v-7d20f42f"]]);
+var SubTableColumnsEditor = /* @__PURE__ */ _export_sfc$1(_sfc_main$1, [["render", _sfc_render$1], ["__scopeId", "data-v-514d67ae"]]);
 const _sfc_main = {
   name: "current-user-widget",
   componentName: "FieldWidget",