form-custom-test 3.0.194 → 3.0.196

package/dist/designer.es.js

@@ -27667,6 +27667,13 @@ const _sfc_main$2Y = {
               }
             });
           }
+        } else if (wItem.type === "sub-table" && wItem.formItemFlag) {
+          let fieldName = wItem.options.name;
+          if (!this.formData.hasOwnProperty(fieldName)) {
+            this.formDataModel[fieldName] = deepClone(wItem.options.defaultValue || []);
+          } else {
+            this.formDataModel[fieldName] = deepClone(this.formData[fieldName]);
+          }
         } else if (wItem.type === "sub-form") {
           let subFormName = wItem.options.name;
           if (!this.formData.hasOwnProperty(subFormName)) {
@@ -28344,7 +28351,7 @@ function _sfc_render$2Y(_ctx, _cache, $props, $setup, $data, $options) {
     _: 3
   }, 8, ["label-position", "size", "class", "label-width", "model"]);
 }
-var VFormRender = /* @__PURE__ */ _export_sfc$1(_sfc_main$2Y, [["render", _sfc_render$2Y], ["__scopeId", "data-v-3d429201"]]);
+var VFormRender = /* @__PURE__ */ _export_sfc$1(_sfc_main$2Y, [["render", _sfc_render$2Y], ["__scopeId", "data-v-7129091e"]]);
 var ace$2 = { exports: {} };
 (function(module, exports) {
   (function() {
@@ -69038,13 +69045,13 @@ function registerIcon(app) {
 if (typeof window !== "undefined") {
   let loadSvg = function() {
     var body = document.body;
-    var svgDom = document.getElementById("__svg__icons__dom__1780624450717__");
+    var svgDom = document.getElementById("__svg__icons__dom__1780627772452__");
     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__1780624450717__";
+      svgDom.id = "__svg__icons__dom__1780627772452__";
       svgDom.setAttribute("xmlns", "http://www.w3.org/2000/svg");
       svgDom.setAttribute("xmlns:link", "http://www.w3.org/1999/xlink");
     }
@@ -77805,15 +77812,25 @@ const _sfc_main$c = {
   },
   created() {
     this.initRefList();
-    this.initTableData();
-  },
-  mounted() {
-    this.initTableData();
+    this.initEventHandler();
   },
   beforeUnmount() {
     this.unregisterFromRefList();
   },
   methods: {
+    initEventHandler() {
+      this.on$("setFormData", (newFormData) => {
+        var _a2, _b2;
+        const fieldName = (_b2 = (_a2 = this.widget) == null ? void 0 : _a2.options) == null ? void 0 : _b2.name;
+        if (!fieldName || !newFormData) {
+          return;
+        }
+        const value2 = newFormData[fieldName];
+        if (Array.isArray(value2)) {
+          this.setValue(value2);
+        }
+      });
+    },
     updateFormModel(data2) {
       if (this.globalModel && this.globalModel.formModel) {
         this.globalModel.formModel[this.widget.options.name] = deepClone(data2);
@@ -77824,17 +77841,6 @@ const _sfc_main$c = {
         ]);
       }
     },
-    initTableData() {
-      if (this.fieldModel && Array.isArray(this.fieldModel)) {
-        this.tableData = deepClone(this.fieldModel);
-      } else if (this.widget.options.defaultValue && Array.isArray(this.widget.options.defaultValue)) {
-        this.tableData = deepClone(this.widget.options.defaultValue);
-        this.updateFormModel(this.tableData);
-      } else {
-        this.tableData = [];
-        this.updateFormModel([]);
-      }
-    },
     handleAddRow() {
       this.editingIndex = -1;
       this.dialogTitle = "\u65B0\u589E";
@@ -77932,6 +77938,13 @@ const _sfc_main$c = {
               });
             }
           }
+          if (this.isTextColumn(col) && col.maxLength) {
+            colRules.push({
+              max: col.maxLength,
+              message: `${col.label}\u957F\u5EA6\u4E0D\u80FD\u8D85\u8FC7${col.maxLength}\u4E2A\u5B57\u7B26`,
+              trigger: ["blur", "change"]
+            });
+          }
           if (colRules.length > 0) {
             rules[col.prop] = colRules;
           }
@@ -78012,6 +78025,12 @@ const _sfc_main$c = {
         this.dialogFormData._columnOptions = {};
       }
     },
+    isTextColumn(col) {
+      return !col.type || col.type === "input" || col.type === "textarea";
+    },
+    getColMaxLength(col) {
+      return col.maxLength && col.maxLength > 0 ? col.maxLength : void 0;
+    },
     getValue() {
       return this.tableData;
     },
@@ -78160,7 +78179,6 @@ function _sfc_render$c(_ctx, _cache, $props, $setup, $data, $options) {
           }, toDisplayString($props.widget.options.label), 3),
           $props.widget.options.required ? (openBlock(), createElementBlock("span", _hoisted_2$7, "*")) : createCommentVNode("", true)
         ])) : createCommentVNode("", true),
-        createTextVNode(" " + toDisplayString($data.tableData) + " ", 1),
         createElementVNode("div", _hoisted_3$6, [
           !$props.widget.options.disabled ? (openBlock(), createBlock(_component_el_button, {
             key: 0,
@@ -78305,8 +78323,10 @@ function _sfc_render$c(_ctx, _cache, $props, $setup, $data, $options) {
                         "onUpdate:modelValue": ($event) => $data.dialogFormData[col.prop] = $event,
                         placeholder: col.placeholder || `\u8BF7\u8F93\u5165${col.label}`,
                         disabled: $props.widget.options.disabled,
+                        maxlength: $options.getColMaxLength(col),
+                        "show-word-limit": !!col.showWordLimit && !!col.maxLength,
                         onChange: ($event) => $options.handleInputChange(col)
-                      }, null, 8, ["modelValue", "onUpdate:modelValue", "placeholder", "disabled", "onChange"])) : col.type === "number" ? (openBlock(), createBlock(_component_el_input_number, {
+                      }, null, 8, ["modelValue", "onUpdate:modelValue", "placeholder", "disabled", "maxlength", "show-word-limit", "onChange"])) : col.type === "number" ? (openBlock(), createBlock(_component_el_input_number, {
                         key: 1,
                         modelValue: $data.dialogFormData[col.prop],
                         "onUpdate:modelValue": ($event) => $data.dialogFormData[col.prop] = $event,
@@ -78371,8 +78391,10 @@ function _sfc_render$c(_ctx, _cache, $props, $setup, $data, $options) {
                         placeholder: col.placeholder || `\u8BF7\u8F93\u5165${col.label}`,
                         disabled: $props.widget.options.disabled,
                         rows: col.rows || 3,
+                        maxlength: $options.getColMaxLength(col),
+                        "show-word-limit": !!col.showWordLimit && !!col.maxLength,
                         onChange: ($event) => $options.handleInputChange(col)
-                      }, null, 8, ["modelValue", "onUpdate:modelValue", "placeholder", "disabled", "rows", "onChange"])) : createCommentVNode("", true)
+                      }, null, 8, ["modelValue", "onUpdate:modelValue", "placeholder", "disabled", "rows", "maxlength", "show-word-limit", "onChange"])) : createCommentVNode("", true)
                     ]),
                     _: 2
                   }, 1032, ["label", "prop", "required"]);
@@ -78390,7 +78412,7 @@ function _sfc_render$c(_ctx, _cache, $props, $setup, $data, $options) {
     _: 1
   }, 8, ["widget"]);
 }
-var SubTableItem = /* @__PURE__ */ _export_sfc$1(_sfc_main$c, [["render", _sfc_render$c], ["__scopeId", "data-v-69f3fc2b"]]);
+var SubTableItem = /* @__PURE__ */ _export_sfc$1(_sfc_main$c, [["render", _sfc_render$c], ["__scopeId", "data-v-70478d6d"]]);
 var subTableColumnsEditor_vue_vue_type_style_index_0_scoped_true_lang = "";
 const _sfc_main$b = {
   name: "sub-table-columns-editor",
@@ -78437,6 +78459,17 @@ const _sfc_main$b = {
     }
   },
   methods: {
+    isTextColumn(col) {
+      return !col.type || col.type === "input" || col.type === "textarea";
+    },
+    handleMaxLengthInput(col, val) {
+      if (!val || isNaN(val)) {
+        col.maxLength = null;
+        col.showWordLimit = false;
+      } else {
+        col.maxLength = Number(val);
+      }
+    },
     addNewColumn() {
       if (!this.optionModel.columns) {
         this.optionModel.columns = [];
@@ -78448,6 +78481,8 @@ const _sfc_main$b = {
         width: "",
         minWidth: "",
         placeholder: "",
+        maxLength: null,
+        showWordLimit: false,
         required: false,
         validation: "",
         validationHint: "",
@@ -78777,6 +78812,36 @@ function _sfc_render$b(_ctx, _cache, $props, $setup, $data, $options) {
                   ]),
                   _: 2
                 }, 1024),
+                $options.isTextColumn(col) ? (openBlock(), createBlock(_component_el_form_item, {
+                  key: 1,
+                  label: _ctx.i18nt("designer.setting.maxLength")
+                }, {
+                  default: withCtx(() => [
+                    createVNode(_component_el_input, {
+                      type: "number",
+                      class: "hide-spin-button",
+                      min: "1",
+                      "model-value": col.maxLength,
+                      placeholder: "\u4E0D\u9650",
+                      onInput: (val) => $options.handleMaxLengthInput(col, val),
+                      onChange: $options.handleColumnChange
+                    }, null, 8, ["model-value", "onInput", "onChange"])
+                  ]),
+                  _: 2
+                }, 1032, ["label"])) : createCommentVNode("", true),
+                $options.isTextColumn(col) && col.maxLength ? (openBlock(), createBlock(_component_el_form_item, {
+                  key: 2,
+                  label: _ctx.i18nt("designer.setting.showWordLimit")
+                }, {
+                  default: withCtx(() => [
+                    createVNode(_component_el_switch, {
+                      modelValue: col.showWordLimit,
+                      "onUpdate:modelValue": ($event) => col.showWordLimit = $event,
+                      onChange: $options.handleColumnChange
+                    }, null, 8, ["modelValue", "onUpdate:modelValue", "onChange"])
+                  ]),
+                  _: 2
+                }, 1032, ["label"])) : createCommentVNode("", true),
                 createVNode(_component_el_form_item, { label: "\u662F\u5426\u5FC5\u586B" }, {
                   default: withCtx(() => [
                     createVNode(_component_el_switch, {
@@ -78813,7 +78878,7 @@ function _sfc_render$b(_ctx, _cache, $props, $setup, $data, $options) {
                   _: 2
                 }, 1024),
                 col.validation ? (openBlock(), createBlock(_component_el_form_item, {
-                  key: 1,
+                  key: 3,
                   label: "\u6821\u9A8C\u5931\u8D25\u63D0\u793A"
                 }, {
                   default: withCtx(() => [
@@ -78827,7 +78892,7 @@ function _sfc_render$b(_ctx, _cache, $props, $setup, $data, $options) {
                   _: 2
                 }, 1024)) : createCommentVNode("", true),
                 col.type === "select" ? (openBlock(), createBlock(_component_el_form_item, {
-                  key: 2,
+                  key: 4,
                   label: "\u9009\u9879\u6570\u636E"
                 }, {
                   default: withCtx(() => [
@@ -78844,7 +78909,7 @@ function _sfc_render$b(_ctx, _cache, $props, $setup, $data, $options) {
                   _: 2
                 }, 1024)) : createCommentVNode("", true),
                 col.type === "select" ? (openBlock(), createBlock(_component_el_form_item, {
-                  key: 3,
+                  key: 5,
                   label: "onMounted\u4E8B\u4EF6"
                 }, {
                   default: withCtx(() => [
@@ -78872,7 +78937,7 @@ function _sfc_render$b(_ctx, _cache, $props, $setup, $data, $options) {
                   _: 2
                 }, 1024)) : createCommentVNode("", true),
                 col.type === "select" ? (openBlock(), createBlock(_component_el_form_item, {
-                  key: 4,
+                  key: 6,
                   label: "\u4F9D\u8D56\u5217\uFF08\u8054\u52A8\uFF09"
                 }, {
                   default: withCtx(() => [
@@ -78905,7 +78970,7 @@ function _sfc_render$b(_ctx, _cache, $props, $setup, $data, $options) {
                   _: 2
                 }, 1024)) : createCommentVNode("", true),
                 col.type === "select" && col.dependOn ? (openBlock(), createBlock(_component_el_form_item, {
-                  key: 5,
+                  key: 7,
                   label: "\u8054\u52A8\u5904\u7406\u51FD\u6570"
                 }, {
                   default: withCtx(() => [
@@ -78989,7 +79054,7 @@ function _sfc_render$b(_ctx, _cache, $props, $setup, $data, $options) {
                   _: 2
                 }, 1024),
                 col.type === "textarea" ? (openBlock(), createBlock(_component_el_form_item, {
-                  key: 6,
+                  key: 8,
                   label: "\u884C\u6570"
                 }, {
                   default: withCtx(() => [
@@ -79070,7 +79135,7 @@ function _sfc_render$b(_ctx, _cache, $props, $setup, $data, $options) {
     }, 8, ["modelValue", "title"])
   ], 64);
 }
-var SubTableColumnsEditor = /* @__PURE__ */ _export_sfc$1(_sfc_main$b, [["render", _sfc_render$b], ["__scopeId", "data-v-2d1b4989"]]);
+var SubTableColumnsEditor = /* @__PURE__ */ _export_sfc$1(_sfc_main$b, [["render", _sfc_render$b], ["__scopeId", "data-v-2401420e"]]);
 const _sfc_main$a = {
   name: "current-user-widget",
   componentName: "FieldWidget",
@@ -80106,17 +80171,25 @@ const _sfc_main$7 = {
     },
     applyFormJsonToRender(parsed) {
       this.formJson = parsed && parsed.widgetList && parsed.formConfig ? parsed : lodash.exports.cloneDeep(this.defaultFormJson);
+      this.showForm = true;
       this.$nextTick(() => {
         const ref2 = this.$refs.detailFormRender;
         if (ref2 && typeof ref2.setFormJson === "function") {
           ref2.setFormJson(lodash.exports.cloneDeep(this.formJson));
           this.$nextTick(() => {
+            this.applyFormDataToRender();
             this.flushPendingColHiddenOps();
             this.syncFormDisabledStatus();
           });
         }
       });
     },
+    applyFormDataToRender() {
+      const ref2 = this.$refs.detailFormRender;
+      if (ref2 && typeof ref2.setFormData === "function" && this.formData) {
+        ref2.setFormData(lodash.exports.cloneDeep(this.formData));
+      }
+    },
     setColHidden(colNames, hidden) {
       const names = Array.isArray(colNames) ? colNames : [colNames];
       this.pendingColHiddenOps.push({ names, hidden });
@@ -80137,7 +80210,6 @@ const _sfc_main$7 = {
     initFormData() {
       this.showForm = false;
       this.formData = lodash.exports.cloneDeep(this.currentRowData) || {};
-      console.log(this.formData, "formData");
       const code = this.typeJson;
       if (!code) {
         this.$message.error("\u672A\u627E\u5230\u8D44\u4EA7\u7C7B\u578B\u5BF9\u5E94\u7684\u8868\u5355\u914D\u7F6E");
@@ -80155,20 +80227,11 @@ const _sfc_main$7 = {
         let parsed;
         try {
           parsed = typeof data2.formJson === "string" ? JSON.parse(data2.formJson) : data2.formJson;
-          this.showForm = true;
         } catch (e) {
           console.error(e);
           parsed = null;
         }
         this.applyFormJsonToRender(parsed);
-        this.showForm = true;
-        setTimeout(() => {
-          const ref2 = this.$refs.detailFormRender;
-          if (!ref2) {
-            return;
-          }
-          ref2.setFormData(__spreadValues({}, this.formData));
-        }, 1e3);
       }).catch((err) => {
         console.error(err);
         this.applyFormJsonToRender(null);
@@ -80269,7 +80332,7 @@ function _sfc_render$7(_ctx, _cache, $props, $setup, $data, $options) {
     _: 1
   }, 8, ["modelValue", "onClose"]);
 }
-var DetailDialog = /* @__PURE__ */ _export_sfc$1(_sfc_main$7, [["render", _sfc_render$7], ["__scopeId", "data-v-7947e8f0"]]);
+var DetailDialog = /* @__PURE__ */ _export_sfc$1(_sfc_main$7, [["render", _sfc_render$7], ["__scopeId", "data-v-a20a039c"]]);
 var index_vue_vue_type_style_index_0_lang = "";
 const _sfc_main$6 = {
   name: "asset-table-widget",