form-custom-test 3.0.42 → 3.0.43

package/dist/render.es.js

@@ -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)
@@ -23264,7 +23271,6 @@ const _sfc_main$C = {
       if (this.field.options.optionItems) {
         return this.field.options.optionItems;
       }
-      console.log(this.field.options.optionItems);
       return [];
     }
   }
@@ -23323,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
@@ -24030,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 "";
@@ -24044,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;
@@ -24137,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
@@ -24362,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,
@@ -25602,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;
     }
   }
 };
@@ -25660,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);
@@ -25675,13 +25736,13 @@ function registerIcon(app) {
 if (typeof window !== "undefined") {
   let loadSvg = function() {
     var body = document.body;
-    var svgDom = document.getElementById("__svg__icons__dom__1772239307137__");
+    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__1772239307137__";
+      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");
     }
@@ -25956,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"
 };
@@ -26017,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")
       }, [
@@ -32638,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) {
@@ -32709,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;
@@ -32794,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, {
@@ -32881,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
@@ -33893,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);
@@ -34071,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"
 };
@@ -34112,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",
@@ -34137,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
@@ -34162,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",
@@ -34192,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",
@@ -60390,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 || "",
@@ -60406,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 || "",
@@ -60421,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,
@@ -60928,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",