form-custom-test 3.0.41 → 3.0.43

package/dist/designer.es.js

@@ -307,7 +307,7 @@ var settle$1 = function settle2(resolve, reject, response) {
   }
 };
 var utils$9 = utils$d;
-var cookies$3 = utils$9.isStandardBrowserEnv() ? function standardBrowserEnv() {
+var cookies$2 = utils$9.isStandardBrowserEnv() ? function standardBrowserEnv() {
   return {
     write: function write(name, value2, expires, path, domain, secure) {
       var cookie = [];
@@ -447,7 +447,7 @@ Cancel$3.prototype.__CANCEL__ = true;
 var Cancel_1 = Cancel$3;
 var utils$6 = utils$d;
 var settle = settle$1;
-var cookies$2 = cookies$3;
+var cookies$1 = cookies$2;
 var buildURL$1 = buildURL$2;
 var buildFullPath = buildFullPath$1;
 var parseHeaders = parseHeaders$1;
@@ -538,7 +538,7 @@ var xhr = function xhrAdapter(config) {
       request2 = null;
     };
     if (utils$6.isStandardBrowserEnv()) {
-      var xsrfValue = (config.withCredentials || isURLSameOrigin(fullPath)) && config.xsrfCookieName ? cookies$2.read(config.xsrfCookieName) : void 0;
+      var xsrfValue = (config.withCredentials || isURLSameOrigin(fullPath)) && config.xsrfCookieName ? cookies$1.read(config.xsrfCookieName) : void 0;
       if (xsrfValue) {
         requestHeaders[config.xsrfHeaderName] = xsrfValue;
       }
@@ -1865,9 +1865,9 @@ const advancedFields = [
       uploadURL: "",
       uploadTip: "",
       withCredentials: false,
-      multipleSelect: false,
+      multipleSelect: true,
       showFileList: true,
-      limit: 3,
+      limit: 10,
       fileMaxSize: 5,
       fileTypes: ["doc", "docx", "xls", "xlsx"],
       allowDrag: true,
@@ -4077,7 +4077,7 @@ const _hoisted_5$h = ["title", "onDblclick"];
 const _hoisted_6$g = ["src"];
 const _hoisted_7$d = ["src"];
 const _hoisted_8$9 = { class: "bottom clear-fix" };
-const _hoisted_9$6 = { class: "ft-title" };
+const _hoisted_9$7 = { class: "ft-title" };
 function _sfc_render$3s(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_svg_icon = resolveComponent("svg-icon");
   const _component_draggable = resolveComponent("draggable");
@@ -4297,7 +4297,7 @@ function _sfc_render$3s(_ctx, _cache, $props, $setup, $data, $options) {
                         _: 2
                       }, 1024),
                       createElementVNode("div", _hoisted_8$9, [
-                        createElementVNode("span", _hoisted_9$6, "#" + toDisplayString(idx + 1) + " " + toDisplayString(ft.title), 1),
+                        createElementVNode("span", _hoisted_9$7, "#" + toDisplayString(idx + 1) + " " + toDisplayString(ft.title), 1),
                         createVNode(_component_el_button, {
                           link: "",
                           type: "primary",
@@ -10472,6 +10472,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) {
@@ -10586,8 +10594,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();
     },
@@ -10875,7 +10882,7 @@ const _hoisted_7$b = {
   class: "drag-handler background-opacity"
 };
 const _hoisted_8$7 = ["title"];
-const _hoisted_9$5 = { key: 0 };
+const _hoisted_9$6 = { key: 0 };
 function _sfc_render$3o(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_svg_icon = resolveComponent("svg-icon");
   const _component_el_tooltip = resolveComponent("el-tooltip");
@@ -10984,7 +10991,7 @@ function _sfc_render$3o(_ctx, _cache, $props, $setup, $data, $options) {
           createVNode(_component_svg_icon, { "icon-class": "el-drag-move" })
         ], 8, _hoisted_8$7),
         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$5, [
+        $props.field.options.hidden === true ? (openBlock(), createElementBlock("i", _hoisted_9$6, [
           createVNode(_component_svg_icon, { "icon-class": "el-hide" })
         ])) : createCommentVNode("", true)
       ])) : createCommentVNode("", true)
@@ -11959,7 +11966,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: cookies$1 } = useCookies();
+useCookies();
 let selectFileText = "'" + translate("render.hint.selectFile") + "'";
 const _sfc_main$36 = {
   name: "file-upload-widget",
@@ -11998,7 +12005,9 @@ const _sfc_main$36 = {
       fieldModel: [],
       rules: [],
       uploadHeaders: {
-        authorization: cookies$1.get("Authorization"),
+        authorization: sessionStorage.getItem("Authorization"),
+        Company: sessionStorage.getItem("companyId"),
+        Post: sessionStorage.getItem("postId"),
         client: "web"
       },
       uploadData: {},
@@ -12013,17 +12022,14 @@ const _sfc_main$36 = {
   },
   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";
     }
   },
@@ -12044,49 +12050,41 @@ const _sfc_main$36 = {
   },
   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 _a2, _b2, _c2;
       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 (!!((_b2 = (_a2 = this.field.options) == null ? void 0 : _a2.fileTypes) == null ? void 0 : _b2.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 (!!((_c2 = this.field.options) == null ? void 0 : _c2.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);
@@ -12099,62 +12097,83 @@ const _sfc_main$36 = {
         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 _a2, _b2, _c2, _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: (_b2 = (_a2 = d.fileName) != null ? _a2 : d.name) != null ? _b2 : item.name,
+            fileId: d.fileId,
+            fileUrl: (_e = (_d = (_c2 = d.fileUrl) != null ? _c2 : 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 _a2;
       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) || ((_a2 = res == null ? void 0 : res.data) == null ? void 0 : _a2.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) {
@@ -12307,7 +12326,7 @@ function _sfc_render$36(_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$36, [["render", _sfc_render$36], ["__scopeId", "data-v-5625ea65"]]);
+var fileUploadWidget = /* @__PURE__ */ _export_sfc$1(_sfc_main$36, [["render", _sfc_render$36], ["__scopeId", "data-v-4ae90317"]]);
 var __glob_0_7$1 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   "default": fileUploadWidget
@@ -24881,7 +24900,6 @@ const _sfc_main$2Y = {
       if (this.field.options.optionItems) {
         return this.field.options.optionItems;
       }
-      console.log(this.field.options.optionItems);
       return [];
     }
   }
@@ -24940,7 +24958,7 @@ function _sfc_render$2Y(_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$2Y, [["render", _sfc_render$2Y], ["__scopeId", "data-v-6e88c84c"]]);
+var selectWidget = /* @__PURE__ */ _export_sfc$1(_sfc_main$2Y, [["render", _sfc_render$2Y], ["__scopeId", "data-v-70a357a0"]]);
 var __glob_0_17$1 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   "default": selectWidget
@@ -25647,6 +25665,9 @@ const _sfc_main$2Q = {
     formConfig() {
       return this.getFormConfig();
     },
+    colVisible() {
+      return !!(this.widget && this.widget.options && !this.widget.options.hidden);
+    },
     customClass() {
       if (!this.widget || !this.widget.options) {
         return "";
@@ -25661,7 +25682,20 @@ const _sfc_main$2Q = {
     this.initLayoutProps();
     this.initRefList();
   },
+  beforeUnmount() {
+    var _a2, _b2;
+    if (this.refList != null && ((_b2 = (_a2 = this.widget) == null ? void 0 : _a2.options) == null ? void 0 : _b2.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;
@@ -25754,10 +25788,10 @@ function _sfc_render$2Q(_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$2Q, [["render", _sfc_render$2Q], ["__scopeId", "data-v-7d0b212c"]]);
+var GridColItem = /* @__PURE__ */ _export_sfc$1(_sfc_main$2Q, [["render", _sfc_render$2Q], ["__scopeId", "data-v-76952447"]]);
 var __glob_0_1$2 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   "default": GridColItem
@@ -25979,7 +26013,7 @@ function _sfc_render$2P(_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,
@@ -27219,6 +27253,45 @@ const _sfc_main$2K = {
     },
     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;
     }
   }
 };
@@ -27277,7 +27350,7 @@ function _sfc_render$2K(_ctx, _cache, $props, $setup, $data, $options) {
     _: 3
   }, 8, ["label-position", "size", "class", "label-width", "model"]);
 }
-var VFormRender = /* @__PURE__ */ _export_sfc$1(_sfc_main$2K, [["render", _sfc_render$2K], ["__scopeId", "data-v-64665cea"]]);
+var VFormRender = /* @__PURE__ */ _export_sfc$1(_sfc_main$2K, [["render", _sfc_render$2K], ["__scopeId", "data-v-32478e29"]]);
 var ace$2 = { exports: {} };
 (function(module, exports) {
   (function() {
@@ -53261,7 +53334,7 @@ const _hoisted_8$6 = {
   key: 2,
   class: ""
 };
-const _hoisted_9$4 = { class: "dialog-footer" };
+const _hoisted_9$5 = { class: "dialog-footer" };
 const _hoisted_10$4 = {
   key: 3,
   class: ""
@@ -53271,8 +53344,8 @@ const _hoisted_12$2 = {
   key: 4,
   class: ""
 };
-const _hoisted_13$1 = { style: { "border": "1px solid #DCDFE6" } };
-const _hoisted_14$1 = { class: "dialog-footer" };
+const _hoisted_13$2 = { style: { "border": "1px solid #DCDFE6" } };
+const _hoisted_14$2 = { class: "dialog-footer" };
 const _hoisted_15$1 = {
   key: 5,
   class: ""
@@ -53622,7 +53695,7 @@ function _sfc_render$2I(_ctx, _cache, $props, $setup, $data, $options) {
         "destroy-on-close": true
       }, {
         footer: withCtx(() => [
-          createElementVNode("div", _hoisted_9$4, [
+          createElementVNode("div", _hoisted_9$5, [
             createVNode(_component_el_button, {
               type: "primary",
               class: "copy-json-btn",
@@ -53784,7 +53857,7 @@ function _sfc_render$2I(_ctx, _cache, $props, $setup, $data, $options) {
         "append-to-body": true
       }, {
         footer: withCtx(() => [
-          createElementVNode("div", _hoisted_14$1, [
+          createElementVNode("div", _hoisted_14$2, [
             createVNode(_component_el_button, {
               type: "primary",
               class: "copy-form-data-json-btn",
@@ -53813,7 +53886,7 @@ function _sfc_render$2I(_ctx, _cache, $props, $setup, $data, $options) {
           ])
         ]),
         default: withCtx(() => [
-          createElementVNode("div", _hoisted_13$1, [
+          createElementVNode("div", _hoisted_13$2, [
             createVNode(_component_code_editor, {
               mode: "json",
               readonly: true,
@@ -55565,7 +55638,6 @@ const _sfc_main$27 = {
             const records = (data2 == null ? void 0 : data2.records) || (data2 == null ? void 0 : data2.data) || data2 || [];
             if (Array.isArray(records) && records.length > 0) {
               const dictItems = records.filter((item) => item.dictType === dictCode);
-              console.log(dictItems, "dictItems222222");
               if (dictItems.length > 0) {
                 this.optionModel.optionItems = dictItems.map((item) => ({
                   id: generateId(),
@@ -55614,7 +55686,7 @@ const _hoisted_8$5 = {
   key: 6,
   style: { "margin-bottom": "10px" }
 };
-const _hoisted_9$3 = { key: 7 };
+const _hoisted_9$4 = { key: 7 };
 const _hoisted_10$3 = {
   key: 8,
   class: ""
@@ -55624,8 +55696,8 @@ const _hoisted_12$1 = {
   key: 9,
   class: ""
 };
-const _hoisted_13 = { class: "dialog-footer" };
-const _hoisted_14 = {
+const _hoisted_13$1 = { class: "dialog-footer" };
+const _hoisted_14$1 = {
   key: 10,
   class: ""
 };
@@ -55879,7 +55951,7 @@ function _sfc_render$27(_ctx, _cache, $props, $setup, $data, $options) {
         _: 1
       })
     ])) : createCommentVNode("", true),
-    $props.selectedWidget.type === "radio" || $props.selectedWidget.type === "radio-other" || $props.selectedWidget.type === "checkbox" || $props.selectedWidget.type === "select" || $props.selectedWidget.type === "select-other" ? (openBlock(), createElementBlock("div", _hoisted_9$3, [
+    $props.selectedWidget.type === "radio" || $props.selectedWidget.type === "radio-other" || $props.selectedWidget.type === "checkbox" || $props.selectedWidget.type === "select" || $props.selectedWidget.type === "select-other" ? (openBlock(), createElementBlock("div", _hoisted_9$4, [
       createVNode(_component_el_button, {
         link: "",
         type: "primary",
@@ -55977,7 +56049,7 @@ function _sfc_render$27(_ctx, _cache, $props, $setup, $data, $options) {
         "destroy-on-close": true
       }, {
         footer: withCtx(() => [
-          createElementVNode("div", _hoisted_13, [
+          createElementVNode("div", _hoisted_13$1, [
             createVNode(_component_el_button, {
               size: "large",
               type: "primary",
@@ -56012,7 +56084,7 @@ function _sfc_render$27(_ctx, _cache, $props, $setup, $data, $options) {
     ])), [
       [_directive_drag, [".drag-dialog.el-dialog", ".drag-dialog .el-dialog__header"]]
     ]) : createCommentVNode("", true),
-    $data.showImportTreeDialogFlag ? withDirectives((openBlock(), createElementBlock("div", _hoisted_14, [
+    $data.showImportTreeDialogFlag ? withDirectives((openBlock(), createElementBlock("div", _hoisted_14$1, [
       createVNode(_component_el_dialog, {
         title: _ctx.i18nt("designer.setting.importOptions"),
         modelValue: $data.showImportTreeDialogFlag,
@@ -56062,7 +56134,7 @@ function _sfc_render$27(_ctx, _cache, $props, $setup, $data, $options) {
     ]) : createCommentVNode("", true)
   ]);
 }
-var OptionItemsSetting = /* @__PURE__ */ _export_sfc$1(_sfc_main$27, [["render", _sfc_render$27], ["__scopeId", "data-v-1342d87e"]]);
+var OptionItemsSetting = /* @__PURE__ */ _export_sfc$1(_sfc_main$27, [["render", _sfc_render$27], ["__scopeId", "data-v-77962d50"]]);
 const _sfc_main$26 = {
   name: "optionItems-editor",
   mixins: [i18n$1],
@@ -61667,7 +61739,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"
 };
@@ -61728,7 +61800,7 @@ function _sfc_render$o(_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")
       }, [
@@ -61816,6 +61888,11 @@ const _sfc_main$n = {
     }
   },
   watch: {
+    "widget.options.name": {
+      handler(newVal, oldVal) {
+        this.registerToRefList(oldVal);
+      }
+    },
     "designer.formConfig.layoutType": {
       handler(val) {
         if (!!this.widget.options.responsive) {
@@ -61887,7 +61964,17 @@ const _sfc_main$n = {
     this.initRefList();
     this.initLayoutProps();
   },
+  beforeUnmount() {
+    var _a2, _b2;
+    if (this.refList != null && ((_b2 = (_a2 = this.widget) == null ? void 0 : _a2.options) == null ? void 0 : _b2.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;
@@ -61972,11 +62059,15 @@ const _hoisted_8$3 = {
   key: 1,
   class: "grid-col-handler"
 };
+const _hoisted_9$2 = {
+  key: 0,
+  class: "col-hidden-tag"
+};
 function _sfc_render$n(_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, {
@@ -62059,13 +62150,16 @@ function _sfc_render$n(_ctx, _cache, $props, $setup, $data, $options) {
         ], 8, _hoisted_7$4)
       ])) : 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$n, [["render", _sfc_render$n], ["__scopeId", "data-v-3a5d5fcf"]]);
+var GridColWidget = /* @__PURE__ */ _export_sfc$1(_sfc_main$n, [["render", _sfc_render$n], ["__scopeId", "data-v-cb053c20"]]);
 var __glob_0_1 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   "default": GridColWidget
@@ -63440,6 +63534,45 @@ function createDesigner(vueInstance) {
       }
       return Object.keys(originalWidget.options).indexOf(configName) > -1;
     },
+    findColByName(list, colName) {
+      const listToSearch = list != null ? list : this.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.saveCurrentHistoryStep();
+      return true;
+    },
     upgradeWidgetConfig(oldWidget) {
       let newWidget = null;
       if (!!oldWidget.category) {
@@ -64036,7 +64169,7 @@ function _sfc_render$h(_ctx, _cache, $props, $setup, $data, $options) {
     _: 3
   });
 }
-var VFormDesigner = /* @__PURE__ */ _export_sfc$1(_sfc_main$h, [["render", _sfc_render$h], ["__scopeId", "data-v-08bd1fe8"]]);
+var VFormDesigner = /* @__PURE__ */ _export_sfc$1(_sfc_main$h, [["render", _sfc_render$h], ["__scopeId", "data-v-cd16a5dc"]]);
 var vuedraggable_umd = { exports: {} };
 var require$$0 = /* @__PURE__ */ getDefaultExportFromNamespaceIfPresent(vue);
 (function(module, exports) {
@@ -67622,13 +67755,13 @@ function registerIcon(app) {
 if (typeof window !== "undefined") {
   let loadSvg = function() {
     var body = document.body;
-    var svgDom = document.getElementById("__svg__icons__dom__1772181279249__");
+    var svgDom = document.getElementById("__svg__icons__dom__1772271186397__");
     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__1772181279249__";
+      svgDom.id = "__svg__icons__dom__1772271186397__";
       svgDom.setAttribute("xmlns", "http://www.w3.org/2000/svg");
       svgDom.setAttribute("xmlns:link", "http://www.w3.org/1999/xlink");
     }
@@ -74793,6 +74926,7 @@ const _sfc_main$8 = {
         fieldSchemas.push(this.cloneFieldSchema(swItem));
       });
       if (rowIndex === void 0) {
+        console.log(fieldSchemas, "fieldSchemas");
         this.fieldSchemaData.push(fieldSchemas);
       } else {
         this.fieldSchemaData.splice(rowIndex, 0, fieldSchemas);
@@ -74971,34 +75105,36 @@ const _sfc_main$8 = {
     }
   }
 };
-const _hoisted_1$7 = { class: "group-header" };
-const _hoisted_2$5 = { class: "group-title" };
-const _hoisted_3$5 = {
+const _hoisted_1$7 = { class: "sub-form-header" };
+const _hoisted_2$5 = { 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"
 };
@@ -75012,16 +75148,19 @@ function _sfc_render$8(_ctx, _cache, $props, $setup, $data, $options) {
         key: $props.widget.id,
         class: normalizeClass(["custom-sub-form-container", $options.customClass])
       }, [
+        createElementVNode("div", _hoisted_1$7, [
+          createElementVNode("span", _hoisted_2$5, 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$7, [
-              createElementVNode("div", _hoisted_2$5, [
-                $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",
@@ -75037,7 +75176,7 @@ function _sfc_render$8(_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
@@ -75062,16 +75201,16 @@ function _sfc_render$8(_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",
@@ -75092,7 +75231,7 @@ function _sfc_render$8(_ctx, _cache, $props, $setup, $data, $options) {
     _: 1
   }, 8, ["widget"]);
 }
-var CustomSubFormItem = /* @__PURE__ */ _export_sfc$1(_sfc_main$8, [["render", _sfc_render$8], ["__scopeId", "data-v-1c47559c"]]);
+var CustomSubFormItem = /* @__PURE__ */ _export_sfc$1(_sfc_main$8, [["render", _sfc_render$8], ["__scopeId", "data-v-489afa42"]]);
 const customTableCellSchema = {
   type: "custom-table-cell",
   category: "container",
@@ -76811,7 +76950,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 || "",
@@ -76827,7 +76965,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 || "",
@@ -76842,7 +76979,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,
@@ -77349,7 +77485,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",