form-custom-test 3.0.165 → 3.0.167

package/dist/designer.es.js

@@ -1437,6 +1437,10 @@ const basicFields = [
       disabled: false,
       hidden: false,
       showCheckbox: false,
+      checkStrictly: false,
+      labelKey: "label",
+      valueKey: "value",
+      childrenKey: "children",
       clearable: true,
       filterable: false,
       allowCreate: false,
@@ -25276,6 +25280,17 @@ const _sfc_main$38 = {
     };
   },
   computed: {
+    treeSelectProps() {
+      const opts = this.field.options || {};
+      return {
+        label: opts.labelKey || "label",
+        value: opts.valueKey || "value",
+        children: opts.childrenKey || "children"
+      };
+    },
+    treeNodeKey() {
+      return this.field.options && this.field.options.valueKey || "value";
+    },
     allowDefaultFirstOption() {
       return !!this.field.options.filterable && !!this.field.options.allowCreate;
     },
@@ -25332,8 +25347,9 @@ function _sfc_render$38(_ctx, _cache, $props, $setup, $data, $options) {
         "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => $data.fieldModel = $event),
         class: "full-width-input",
         data: $props.field.options.optionItems,
+        props: $options.treeSelectProps,
         "show-checkbox": $props.field.options.showCheckbox,
-        "node-key": "value",
+        "node-key": $options.treeNodeKey,
         "default-expand-all": true,
         "expand-on-click-node": false,
         disabled: _ctx.getDisabled(),
@@ -25352,7 +25368,7 @@ function _sfc_render$38(_ctx, _cache, $props, $setup, $data, $options) {
         onBlur: _ctx.handleBlurCustomEvent,
         onChange: $options.handleTreeSelectChange,
         "check-strictly": $props.field.options.checkStrictly || false
-      }, null, 8, ["modelValue", "data", "show-checkbox", "disabled", "size", "clearable", "filterable", "allow-create", "default-first-option", "automatic-dropdown", "multiple", "multiple-limit", "placeholder", "remote", "remote-method", "onFocus", "onBlur", "onChange", "check-strictly"])
+      }, null, 8, ["modelValue", "data", "props", "show-checkbox", "node-key", "disabled", "size", "clearable", "filterable", "allow-create", "default-first-option", "automatic-dropdown", "multiple", "multiple-limit", "placeholder", "remote", "remote-method", "onFocus", "onBlur", "onChange", "check-strictly"])
     ]),
     _: 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"]);
@@ -56377,6 +56393,19 @@ const _sfc_main$2h = {
         value: opts.valueKey || "value",
         children: opts.childrenKey || "children"
       };
+    },
+    designerTreeProps() {
+      const opts = this.optionModel || {};
+      const childrenKey = opts.childrenKey || "children";
+      const labelKey = opts.labelKey || "label";
+      return {
+        children: childrenKey,
+        label: labelKey
+      };
+    },
+    designerTreeNodeKey() {
+      const opts = this.optionModel || {};
+      return opts.valueKey || "value";
     }
   },
   watch: {
@@ -56752,9 +56781,9 @@ function _sfc_render$2h(_ctx, _cache, $props, $setup, $data, $options) {
     ])) : $props.selectedWidget.type === "select-tree" ? (openBlock(), createElementBlock("div", _hoisted_3$g, [
       createVNode(_component_el_tree, {
         data: $options.optionModel.optionItems,
-        props: { children: "children", label: "label" },
+        props: $options.designerTreeProps,
         "show-checkbox": "",
-        "node-key": "value",
+        "node-key": $options.designerTreeNodeKey,
         "default-expand-all": true,
         "expand-on-click-node": false
       }, {
@@ -56790,7 +56819,7 @@ function _sfc_render$2h(_ctx, _cache, $props, $setup, $data, $options) {
           ])
         ]),
         _: 1
-      }, 8, ["data"])
+      }, 8, ["data", "props", "node-key"])
     ])) : createCommentVNode("", true),
     $props.selectedWidget.type === "cascader" ? (openBlock(), createElementBlock("div", _hoisted_6$a, [
       createVNode(_component_el_button, {
@@ -57060,7 +57089,7 @@ function _sfc_render$2h(_ctx, _cache, $props, $setup, $data, $options) {
     ]) : createCommentVNode("", true)
   ]);
 }
-var OptionItemsSetting = /* @__PURE__ */ _export_sfc$1(_sfc_main$2h, [["render", _sfc_render$2h], ["__scopeId", "data-v-1b1072d8"]]);
+var OptionItemsSetting = /* @__PURE__ */ _export_sfc$1(_sfc_main$2h, [["render", _sfc_render$2h], ["__scopeId", "data-v-66966c40"]]);
 const _sfc_main$2g = {
   name: "optionItems-editor",
   mixins: [i18n$1],
@@ -68896,13 +68925,13 @@ function registerIcon(app) {
 if (typeof window !== "undefined") {
   let loadSvg = function() {
     var body = document.body;
-    var svgDom = document.getElementById("__svg__icons__dom__1779671607460__");
+    var svgDom = document.getElementById("__svg__icons__dom__1779707068811__");
     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__1779671607460__";
+      svgDom.id = "__svg__icons__dom__1779707068811__";
       svgDom.setAttribute("xmlns", "http://www.w3.org/2000/svg");
       svgDom.setAttribute("xmlns:link", "http://www.w3.org/1999/xlink");
     }
@@ -77757,14 +77786,36 @@ const _sfc_main$9 = {
       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;
           }
         });
       }
@@ -78220,7 +78271,7 @@ function _sfc_render$9(_ctx, _cache, $props, $setup, $data, $options) {
     _: 1
   }, 8, ["widget"]);
 }
-var SubTableItem = /* @__PURE__ */ _export_sfc$1(_sfc_main$9, [["render", _sfc_render$9], ["__scopeId", "data-v-758a2ba6"]]);
+var SubTableItem = /* @__PURE__ */ _export_sfc$1(_sfc_main$9, [["render", _sfc_render$9], ["__scopeId", "data-v-607d749e"]]);
 var subTableColumnsEditor_vue_vue_type_style_index_0_scoped_true_lang = "";
 const _sfc_main$8 = {
   name: "sub-table-columns-editor",
@@ -78239,7 +78290,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() {
@@ -78260,6 +78330,8 @@ const _sfc_main$8 = {
         minWidth: "",
         placeholder: "",
         required: false,
+        validation: "",
+        validationHint: "",
         defaultValue: ""
       };
       this.optionModel.columns.push(newColumn);
@@ -78272,6 +78344,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()) {
@@ -78590,8 +78668,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(() => [
@@ -78608,7 +78725,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(() => [
@@ -78636,7 +78753,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(() => [
@@ -78669,7 +78786,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(() => [
@@ -78753,7 +78870,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(() => [
@@ -78834,7 +78951,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",
@@ -80253,7 +80370,7 @@ function _sfc_render$3(_ctx, _cache, $props, $setup, $data, $options) {
             }),
             createVNode(_component_el_table_column, {
               prop: "originalValue",
-              label: "\u539F\u503C"
+              label: "\u539F\u503C(\u4E07\u5143)"
             }, {
               default: withCtx(({ row }) => [
                 createTextVNode(toDisplayString(row.originalValue), 1)
@@ -80262,7 +80379,7 @@ function _sfc_render$3(_ctx, _cache, $props, $setup, $data, $options) {
             }),
             createVNode(_component_el_table_column, {
               prop: "netValue",
-              label: "\u51C0\u503C"
+              label: "\u51C0\u503C(\u4E07\u5143)"
             }, {
               default: withCtx(({ row }) => [
                 createTextVNode(toDisplayString(row.netValue), 1)