form-custom-test 3.0.195 → 3.0.197

package/dist/designer.es.js

@@ -69045,13 +69045,13 @@ function registerIcon(app) {
 if (typeof window !== "undefined") {
   let loadSvg = function() {
     var body = document.body;
-    var svgDom = document.getElementById("__svg__icons__dom__1780624786015__");
+    var svgDom = document.getElementById("__svg__icons__dom__1780637039927__");
     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__1780624786015__";
+      svgDom.id = "__svg__icons__dom__1780637039927__";
       svgDom.setAttribute("xmlns", "http://www.w3.org/2000/svg");
       svgDom.setAttribute("xmlns:link", "http://www.w3.org/1999/xlink");
     }
@@ -77938,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;
           }
@@ -78018,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;
     },
@@ -78310,15 +78323,19 @@ 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,
-                        onChange: ($event) => $options.handleInputChange(col)
-                      }, null, 8, ["modelValue", "onUpdate:modelValue", "placeholder", "disabled", "onChange"])) : col.type === "number" ? (openBlock(), createBlock(_component_el_input_number, {
+                        maxlength: $options.getColMaxLength(col),
+                        "show-word-limit": !!col.showWordLimit && !!col.maxLength,
+                        onChange: ($event) => $options.handleInputChange(col),
+                        clearable: ""
+                      }, 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,
                         placeholder: col.placeholder || `\u8BF7\u8F93\u5165${col.label}`,
                         disabled: $props.widget.options.disabled,
                         style: { "width": "100%" },
-                        onChange: ($event) => $options.handleInputChange(col)
+                        onChange: ($event) => $options.handleInputChange(col),
+                        clearable: ""
                       }, null, 8, ["modelValue", "onUpdate:modelValue", "placeholder", "disabled", "onChange"])) : col.type === "date" ? (openBlock(), createBlock(_component_el_date_picker, {
                         key: 2,
                         modelValue: $data.dialogFormData[col.prop],
@@ -78328,7 +78345,8 @@ function _sfc_render$c(_ctx, _cache, $props, $setup, $data, $options) {
                         disabled: $props.widget.options.disabled,
                         style: { "width": "100%" },
                         "value-format": "YYYY-MM-DD",
-                        onChange: ($event) => $options.handleInputChange(col)
+                        onChange: ($event) => $options.handleInputChange(col),
+                        clearable: ""
                       }, null, 8, ["modelValue", "onUpdate:modelValue", "placeholder", "disabled", "onChange"])) : col.type === "datetime" ? (openBlock(), createBlock(_component_el_date_picker, {
                         key: 3,
                         modelValue: $data.dialogFormData[col.prop],
@@ -78336,6 +78354,7 @@ function _sfc_render$c(_ctx, _cache, $props, $setup, $data, $options) {
                         type: "datetime",
                         placeholder: col.placeholder || `\u8BF7\u9009\u62E9${col.label}`,
                         disabled: $props.widget.options.disabled,
+                        clearable: "",
                         style: { "width": "100%" },
                         "value-format": "YYYY-MM-DD HH:mm:ss"
                       }, null, 8, ["modelValue", "onUpdate:modelValue", "placeholder", "disabled"])) : col.type === "month" ? (openBlock(), createBlock(_component_el_date_picker, {
@@ -78347,12 +78366,14 @@ function _sfc_render$c(_ctx, _cache, $props, $setup, $data, $options) {
                         disabled: $props.widget.options.disabled,
                         style: { "width": "100%" },
                         "value-format": "YYYY-MM",
+                        clearable: "",
                         onChange: ($event) => $options.handleInputChange(col)
                       }, null, 8, ["modelValue", "onUpdate:modelValue", "placeholder", "disabled", "onChange"])) : col.type === "select" ? (openBlock(), createBlock(_component_el_select, {
                         modelValue: $data.dialogFormData[col.prop],
                         "onUpdate:modelValue": ($event) => $data.dialogFormData[col.prop] = $event,
                         placeholder: col.placeholder || `\u8BF7\u9009\u62E9${col.label}`,
                         disabled: $props.widget.options.disabled,
+                        clearable: "",
                         style: { "width": "100%" },
                         ref_for: true,
                         ref: (el) => $options.handleSelectMounted(el, col),
@@ -78376,8 +78397,11 @@ 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,
+                        clearable: "",
                         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"]);
@@ -78395,7 +78419,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-407a6f2b"]]);
+var SubTableItem = /* @__PURE__ */ _export_sfc$1(_sfc_main$c, [["render", _sfc_render$c], ["__scopeId", "data-v-0b6beffd"]]);
 var subTableColumnsEditor_vue_vue_type_style_index_0_scoped_true_lang = "";
 const _sfc_main$b = {
   name: "sub-table-columns-editor",
@@ -78442,6 +78466,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 = [];
@@ -78453,6 +78488,8 @@ const _sfc_main$b = {
         width: "",
         minWidth: "",
         placeholder: "",
+        maxLength: null,
+        showWordLimit: false,
         required: false,
         validation: "",
         validationHint: "",
@@ -78782,6 +78819,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, {
@@ -78818,7 +78885,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(() => [
@@ -78832,7 +78899,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(() => [
@@ -78849,7 +78916,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(() => [
@@ -78877,7 +78944,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(() => [
@@ -78910,7 +78977,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(() => [
@@ -78994,7 +79061,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(() => [
@@ -79075,7 +79142,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",