form-custom-test 3.0.164 → 3.0.166

package/dist/render.es.js

@@ -1432,6 +1432,12 @@ var enLocale = {
       multipleLimit: "Multiple Limit",
       checkStrictly: "Any Level Selectable",
       showAllLevels: "Show All Levels",
+      cascaderLabelKey: "Label Field",
+      cascaderLabelKeyPlaceholder: "Default: label",
+      cascaderValueKey: "Value Field",
+      cascaderValueKeyPlaceholder: "Default: value",
+      cascaderChildrenKey: "Children Field",
+      cascaderChildrenKeyPlaceholder: "Default: children",
       showCheckbox: "Show Checkbox",
       contentPosition: "Content Position",
       plain: "Plain",
@@ -1761,6 +1767,12 @@ var zhLocale = {
       multipleLimit: "\u591A\u9009\u6570\u91CF\u9650\u5236",
       checkStrictly: "\u4EFB\u610F\u7EA7\u8282\u70B9\u53EF\u9009",
       showAllLevels: "\u663E\u793A\u5B8C\u6574\u8DEF\u5F84",
+      cascaderLabelKey: "\u663E\u793A\u5B57\u6BB5\u540D",
+      cascaderLabelKeyPlaceholder: "\u9ED8\u8BA4 label",
+      cascaderValueKey: "\u503C\u5B57\u6BB5\u540D",
+      cascaderValueKeyPlaceholder: "\u9ED8\u8BA4 value",
+      cascaderChildrenKey: "\u5B50\u8282\u70B9\u5B57\u6BB5\u540D",
+      cascaderChildrenKeyPlaceholder: "\u9ED8\u8BA4 children",
       showCheckbox: "\u663E\u793A\u590D\u9009\u6846",
       contentPosition: "\u6587\u5B57\u4F4D\u7F6E",
       plain: "\u6734\u7D20\u6309\u94AE",
@@ -9613,6 +9625,17 @@ const _sfc_main$18 = {
   computed: {
     showFullPath() {
       return this.field.options.showAllLevels === void 0 || !!this.field.options.showAllLevels;
+    },
+    cascaderProps() {
+      const opts = this.field.options || {};
+      return {
+        checkStrictly: !!opts.checkStrictly,
+        multiple: !!opts.multiple,
+        expandTrigger: "click",
+        label: opts.labelKey || "label",
+        value: opts.valueKey || "value",
+        children: opts.childrenKey || "children"
+      };
     }
   },
   beforeCreate() {
@@ -9662,7 +9685,7 @@ function _sfc_render$18(_ctx, _cache, $props, $setup, $data, $options) {
           filterable: $props.field.options.filterable,
           placeholder: $props.field.options.placeholder || _ctx.i18nt("render.hint.selectPlaceholder"),
           "show-all-levels": $options.showFullPath,
-          props: { checkStrictly: $props.field.options.checkStrictly, multiple: $props.field.options.multiple, expandTrigger: "hover" },
+          props: $options.cascaderProps,
           onFocus: _ctx.handleFocusCustomEvent,
           onBlur: _ctx.handleBlurCustomEvent,
           onChange: _ctx.handleChangeEvent
@@ -9672,7 +9695,7 @@ function _sfc_render$18(_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 cascaderWidget = /* @__PURE__ */ _export_sfc$1(_sfc_main$18, [["render", _sfc_render$18], ["__scopeId", "data-v-7c3dbd57"]]);
+var cascaderWidget = /* @__PURE__ */ _export_sfc$1(_sfc_main$18, [["render", _sfc_render$18], ["__scopeId", "data-v-a81e00a2"]]);
 var __glob_0_1$2 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   "default": cascaderWidget
@@ -26441,13 +26464,13 @@ function registerIcon(app) {
 if (typeof window !== "undefined") {
   let loadSvg = function() {
     var body = document.body;
-    var svgDom = document.getElementById("__svg__icons__dom__1779419651820__");
+    var svgDom = document.getElementById("__svg__icons__dom__1779690464308__");
     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__1779419651820__";
+      svgDom.id = "__svg__icons__dom__1779690464308__";
       svgDom.setAttribute("xmlns", "http://www.w3.org/2000/svg");
       svgDom.setAttribute("xmlns:link", "http://www.w3.org/1999/xlink");
     }
@@ -36302,14 +36325,36 @@ const _sfc_main$a = {
       const rules = {};
       if (this.widget.options.columns && this.widget.options.columns.length > 0) {
         this.widget.options.columns.forEach((col) => {
+          if (!col.prop)
+            return;
+          const colRules = [];
           if (col.required) {
-            rules[col.prop] = [
-              {
-                required: true,
-                message: `\u8BF7\u8F93\u5165${col.label}`,
-                trigger: "blur"
-              }
-            ];
+            colRules.push({
+              required: true,
+              message: col.requiredHint || `\u8BF7\u8F93\u5165${col.label}`,
+              trigger: "blur"
+            });
+          }
+          if (col.validation) {
+            if (FormValidators[col.validation]) {
+              colRules.push({
+                validator: FormValidators[col.validation],
+                trigger: ["blur", "change"],
+                label: col.label,
+                errorMsg: col.validationHint
+              });
+            } else {
+              colRules.push({
+                validator: FormValidators.regExp,
+                trigger: ["blur", "change"],
+                regExp: col.validation,
+                label: col.label,
+                errorMsg: col.validationHint
+              });
+            }
+          }
+          if (colRules.length > 0) {
+            rules[col.prop] = colRules;
           }
         });
       }
@@ -36765,7 +36810,7 @@ function _sfc_render$a(_ctx, _cache, $props, $setup, $data, $options) {
     _: 1
   }, 8, ["widget"]);
 }
-var SubTableItem = /* @__PURE__ */ _export_sfc$1(_sfc_main$a, [["render", _sfc_render$a], ["__scopeId", "data-v-758a2ba6"]]);
+var SubTableItem = /* @__PURE__ */ _export_sfc$1(_sfc_main$a, [["render", _sfc_render$a], ["__scopeId", "data-v-607d749e"]]);
 var ace$2 = { exports: {} };
 (function(module, exports) {
   (function() {
@@ -61331,7 +61376,26 @@ const _sfc_main$8 = {
       currentEventName: "",
       currentColumn: null,
       columnEventHandlerCode: "",
-      eventHeader: ""
+      eventHeader: "",
+      fieldValidators: [
+        { value: "number", label: this.i18nt("designer.hint.numberValidator") },
+        { value: "letter", label: this.i18nt("designer.hint.letterValidator") },
+        { value: "letterAndNumber", label: this.i18nt("designer.hint.letterAndNumberValidator") },
+        { value: "mobilePhone", label: this.i18nt("designer.hint.mobilePhoneValidator") },
+        { value: "email", label: this.i18nt("designer.hint.emailValidator") },
+        { value: "url", label: this.i18nt("designer.hint.urlValidator") },
+        { value: "noChinese", label: this.i18nt("designer.hint.noChineseValidator") },
+        { value: "chinese", label: this.i18nt("designer.hint.chineseValidator") },
+        { value: "maxLen12Decimals6", label: this.i18nt("designer.hint.maxLen12Decimals6Validator") },
+        { value: "isPositiveIntegerLength", label: this.i18nt("designer.hint.isPositiveIntegerLengthValidator") },
+        { value: "isPositiveIntegerZero", label: this.i18nt("designer.hint.isPositiveIntegerZeroValidator") },
+        { value: "maxLen10Decimals2", label: this.i18nt("designer.hint.maxLen10Decimals2Validator") },
+        { value: "maxLen12Decimals2", label: this.i18nt("designer.hint.maxLen12Decimals2Validator") },
+        { value: "latitude", label: this.i18nt("designer.hint.latitude") },
+        { value: "longitude", label: this.i18nt("designer.hint.longitude") },
+        { value: "sixFigures", label: this.i18nt("designer.hint.sixFigures") },
+        { value: "percentage", label: this.i18nt("designer.hint.percentage") }
+      ]
     };
   },
   created() {
@@ -61352,6 +61416,8 @@ const _sfc_main$8 = {
         minWidth: "",
         placeholder: "",
         required: false,
+        validation: "",
+        validationHint: "",
         defaultValue: ""
       };
       this.optionModel.columns.push(newColumn);
@@ -61364,6 +61430,12 @@ const _sfc_main$8 = {
     handleColumnChange() {
       this.designer.saveCurrentHistoryStep();
     },
+    handleValidationChange(col) {
+      if (!col.validation) {
+        col.validationHint = "";
+      }
+      this.handleColumnChange();
+    },
     handleSelectOptionsChange(col, optionsText) {
       try {
         if (optionsText && optionsText.trim()) {
@@ -61682,8 +61754,47 @@ function _sfc_render$8(_ctx, _cache, $props, $setup, $data, $options) {
                   ]),
                   _: 2
                 }, 1024),
-                col.type === "select" ? (openBlock(), createBlock(_component_el_form_item, {
+                createVNode(_component_el_form_item, { label: "\u6821\u9A8C\u89C4\u5219" }, {
+                  default: withCtx(() => [
+                    createVNode(_component_el_select, {
+                      modelValue: col.validation,
+                      "onUpdate:modelValue": ($event) => col.validation = $event,
+                      placeholder: "\u8BF7\u9009\u62E9\u6821\u9A8C\u89C4\u5219",
+                      filterable: "",
+                      clearable: "",
+                      style: { "width": "100%" },
+                      onChange: ($event) => $options.handleValidationChange(col)
+                    }, {
+                      default: withCtx(() => [
+                        (openBlock(true), createElementBlock(Fragment, null, renderList($data.fieldValidators, (fv, fvIdx) => {
+                          return openBlock(), createBlock(_component_el_option, {
+                            key: fvIdx,
+                            label: fv.label,
+                            value: fv.value
+                          }, null, 8, ["label", "value"]);
+                        }), 128))
+                      ]),
+                      _: 1
+                    }, 8, ["modelValue", "onUpdate:modelValue", "onChange"])
+                  ]),
+                  _: 2
+                }, 1024),
+                col.validation ? (openBlock(), createBlock(_component_el_form_item, {
                   key: 1,
+                  label: "\u6821\u9A8C\u5931\u8D25\u63D0\u793A"
+                }, {
+                  default: withCtx(() => [
+                    createVNode(_component_el_input, {
+                      modelValue: col.validationHint,
+                      "onUpdate:modelValue": ($event) => col.validationHint = $event,
+                      placeholder: "\u53EF\u9009\uFF0C\u4E0D\u586B\u5219\u4F7F\u7528\u9ED8\u8BA4\u63D0\u793A",
+                      onInput: $options.handleColumnChange
+                    }, null, 8, ["modelValue", "onUpdate:modelValue", "onInput"])
+                  ]),
+                  _: 2
+                }, 1024)) : createCommentVNode("", true),
+                col.type === "select" ? (openBlock(), createBlock(_component_el_form_item, {
+                  key: 2,
                   label: "\u9009\u9879\u6570\u636E"
                 }, {
                   default: withCtx(() => [
@@ -61700,7 +61811,7 @@ function _sfc_render$8(_ctx, _cache, $props, $setup, $data, $options) {
                   _: 2
                 }, 1024)) : createCommentVNode("", true),
                 col.type === "select" ? (openBlock(), createBlock(_component_el_form_item, {
-                  key: 2,
+                  key: 3,
                   label: "onMounted\u4E8B\u4EF6"
                 }, {
                   default: withCtx(() => [
@@ -61728,7 +61839,7 @@ function _sfc_render$8(_ctx, _cache, $props, $setup, $data, $options) {
                   _: 2
                 }, 1024)) : createCommentVNode("", true),
                 col.type === "select" ? (openBlock(), createBlock(_component_el_form_item, {
-                  key: 3,
+                  key: 4,
                   label: "\u4F9D\u8D56\u5217\uFF08\u8054\u52A8\uFF09"
                 }, {
                   default: withCtx(() => [
@@ -61761,7 +61872,7 @@ function _sfc_render$8(_ctx, _cache, $props, $setup, $data, $options) {
                   _: 2
                 }, 1024)) : createCommentVNode("", true),
                 col.type === "select" && col.dependOn ? (openBlock(), createBlock(_component_el_form_item, {
-                  key: 4,
+                  key: 5,
                   label: "\u8054\u52A8\u5904\u7406\u51FD\u6570"
                 }, {
                   default: withCtx(() => [
@@ -61845,7 +61956,7 @@ function _sfc_render$8(_ctx, _cache, $props, $setup, $data, $options) {
                   _: 2
                 }, 1024),
                 col.type === "textarea" ? (openBlock(), createBlock(_component_el_form_item, {
-                  key: 5,
+                  key: 6,
                   label: "\u884C\u6570"
                 }, {
                   default: withCtx(() => [
@@ -61926,7 +62037,7 @@ function _sfc_render$8(_ctx, _cache, $props, $setup, $data, $options) {
     }, 8, ["modelValue", "title"])
   ], 64);
 }
-var SubTableColumnsEditor = /* @__PURE__ */ _export_sfc$1(_sfc_main$8, [["render", _sfc_render$8], ["__scopeId", "data-v-514d67ae"]]);
+var SubTableColumnsEditor = /* @__PURE__ */ _export_sfc$1(_sfc_main$8, [["render", _sfc_render$8], ["__scopeId", "data-v-66b4c9ce"]]);
 const _sfc_main$7 = {
   name: "current-user-widget",
   componentName: "FieldWidget",
@@ -63345,7 +63456,7 @@ function _sfc_render$3(_ctx, _cache, $props, $setup, $data, $options) {
             }),
             createVNode(_component_el_table_column, {
               prop: "originalValue",
-              label: "\u539F\u503C"
+              label: "\u539F\u503C\uFF08\u4E07\u5143\uFF09"
             }, {
               default: withCtx(({ row }) => [
                 createTextVNode(toDisplayString(row.originalValue), 1)
@@ -63354,7 +63465,7 @@ function _sfc_render$3(_ctx, _cache, $props, $setup, $data, $options) {
             }),
             createVNode(_component_el_table_column, {
               prop: "netValue",
-              label: "\u51C0\u503C"
+              label: "\u51C0\u503C\uFF08\u4E07\u5143\uFF09"
             }, {
               default: withCtx(({ row }) => [
                 createTextVNode(toDisplayString(row.netValue), 1)