@form-create/element-ui 3.2.21 → 3.2.22

package/dist/form-create.esm.js

@@ -1,5 +1,5 @@
 /*!
- * @form-create/element-ui v3.2.21
+ * @form-create/element-ui v3.2.22
  * (c) 2018-2025 xaboy
  * Github https://github.com/xaboy/form-create
  * Released under the MIT License.
@@ -162,6 +162,10 @@ function _createSuper(Derived) {
   };
 }
 
+function _slicedToArray(arr, i) {
+  return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest();
+}
+
 function _toConsumableArray(arr) {
   return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread();
 }
@@ -170,10 +174,44 @@ function _arrayWithoutHoles(arr) {
   if (Array.isArray(arr)) return _arrayLikeToArray(arr);
 }
 
+function _arrayWithHoles(arr) {
+  if (Array.isArray(arr)) return arr;
+}
+
 function _iterableToArray(iter) {
   if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter);
 }
 
+function _iterableToArrayLimit(arr, i) {
+  var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"];
+
+  if (_i == null) return;
+  var _arr = [];
+  var _n = true;
+  var _d = false;
+
+  var _s, _e;
+
+  try {
+    for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) {
+      _arr.push(_s.value);
+
+      if (i && _arr.length === i) break;
+    }
+  } catch (err) {
+    _d = true;
+    _e = err;
+  } finally {
+    try {
+      if (!_n && _i["return"] != null) _i["return"]();
+    } finally {
+      if (_d) throw _e;
+    }
+  }
+
+  return _arr;
+}
+
 function _unsupportedIterableToArray(o, minLen) {
   if (!o) return;
   if (typeof o === "string") return _arrayLikeToArray(o, minLen);
@@ -195,6 +233,10 @@ function _nonIterableSpread() {
   throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
 }
 
+function _nonIterableRest() {
+  throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
+}
+
 function getSlot(slots, exclude) {
   return Object.keys(slots).reduce(function (lst, name) {
     if (!exclude || exclude.indexOf(name) === -1) {
@@ -1757,7 +1799,7 @@ var Group = defineComponent({
       var keys = this.sort;
 
       if (keys.filter(function (k) {
-        return cacheRule[k].$f;
+        return cacheRule[k] && cacheRule[k].$f;
       }).length !== keys.length) {
         return;
       }
@@ -1810,6 +1852,7 @@ var Group = defineComponent({
         rule: rule,
         options: options
       };
+      this.sort = Object.keys(this.cacheRule);
 
       if (emit) {
         nextTick(function () {
@@ -1831,6 +1874,7 @@ var Group = defineComponent({
       var index = Object.keys(this.cacheRule).indexOf(key);
       delete this.cacheRule[key];
       delete this.cacheValue[key];
+      this.sort = Object.keys(this.cacheRule);
 
       if (emit) {
         nextTick(function () {
@@ -1953,15 +1997,6 @@ var Group = defineComponent({
     }
   },
   created: function created() {
-    var _this12 = this;
-
-    watch(function () {
-      return _objectSpread2({}, _this12.cacheRule);
-    }, function (n) {
-      _this12.sort = Object.keys(n);
-    }, {
-      immediate: true
-    });
     var d = (this.expand || 0) - this.modelValue.length;
 
     for (var i = 0; i < this.modelValue.length; i++) {
@@ -1973,7 +2008,7 @@ var Group = defineComponent({
     }
   },
   render: function render() {
-    var _this13 = this;
+    var _this12 = this;
 
     var keys = this.sort;
     var button = this.button;
@@ -1987,10 +2022,10 @@ var Group = defineComponent({
       "class": "_fc-group-plus-minus _fc-group-add fc-clock",
       "onClick": this.add
     }, null) : keys.map(function (key, index) {
-      var _this13$cacheRule$key = _this13.cacheRule[key],
-          rule = _this13$cacheRule$key.rule,
-          options = _this13$cacheRule$key.options;
-      var btn = button && !disabled ? _this13.makeIcon(keys.length, index, key) : [];
+      var _this12$cacheRule$key = _this12.cacheRule[key],
+          rule = _this12$cacheRule$key.rule,
+          options = _this12$cacheRule$key.options;
+      var btn = button && !disabled ? _this12.makeIcon(keys.length, index, key) : [];
       return createVNode("div", {
         "class": "_fc-group-container",
         "key": key
@@ -1999,20 +2034,20 @@ var Group = defineComponent({
       }, {
         disabled: disabled,
         'onUpdate:modelValue': function onUpdateModelValue(formData) {
-          return _this13.formData(key, formData);
+          return _this12.formData(key, formData);
         },
         'onEmit-event': function onEmitEvent(name) {
           for (var _len = arguments.length, args = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
             args[_key - 1] = arguments[_key];
           }
 
-          return _this13.emitEvent(name, args, index, key);
+          return _this12.emitEvent(name, args, index, key);
         },
         'onUpdate:api': function onUpdateApi($f) {
-          return _this13.add$f(index, key, $f);
+          return _this12.add$f(index, key, $f);
         },
         inFor: true,
-        modelValue: _this13.field ? _defineProperty({}, _this13.field, _this13._value(_this13.modelValue[index])) : _this13.modelValue[index],
+        modelValue: _this12.field ? _defineProperty({}, _this12.field, _this12._value(_this12.modelValue[index])) : _this12.modelValue[index],
         rule: rule,
         option: options,
         extendOption: true
@@ -3230,6 +3265,10 @@ function Api(h) {
       return undefined;
     },
 
+    get formulas() {
+      return _objectSpread2({}, h.fc.formulas);
+    },
+
     formData: function formData(fields) {
       if (fields == null || typeof fields === 'boolean') {
         var data = {};
@@ -3660,10 +3699,13 @@ function Api(h) {
         }
       }
     },
-    getChildrenFormData: function getChildrenFormData(id) {
+    getChildrenFormData: function getChildrenFormData(id, flag) {
       var rules = api.getChildrenRuleList(id);
       return rules.reduce(function (formData, rule) {
-        formData[rule.field] = copy(rule.value);
+        if (rule.ignore !== true || flag === true) {
+          formData[rule.field] = copy(rule.value);
+        }
+
         return formData;
       }, {});
     },
@@ -3756,7 +3798,7 @@ function Api(h) {
             });
             reject(e);
           });
-        });
+        })["catch"](function (e) {});
       });
     },
     watchFetch: function watchFetch(opt, callback, error, beforeFetch) {
@@ -3781,7 +3823,7 @@ function Api(h) {
             });
             error && error(e);
           });
-        });
+        })["catch"](function (e) {});
       }, opt.wait == null ? 1000 : opt.wait);
     },
     getData: function getData(id, def) {
@@ -5942,19 +5984,25 @@ function useContext(Handler) {
         return info;
       });
       ctx.refRule['__$validate'] = computed(function () {
+        var t = function t(msg) {
+          var match = msg.match(/^\{\{\s*\$t\.(.+)\s*\}\}$/);
+
+          if (match) {
+            var _ctx$refRule, _ctx$refRule$__$title;
+
+            return _this.api.t(match[1], {
+              title: (_ctx$refRule = ctx.refRule) === null || _ctx$refRule === void 0 ? void 0 : (_ctx$refRule$__$title = _ctx$refRule.__$title) === null || _ctx$refRule$__$title === void 0 ? void 0 : _ctx$refRule$__$title.value
+            });
+          }
+
+          return msg;
+        };
+
         return toArray(ctx.rule.validate).map(function (item) {
           var temp = _objectSpread2({}, item);
 
           if (temp.message) {
-            var match = temp.message.match(/^\{\{\s*\$t\.(.+)\s*\}\}$/);
-
-            if (match) {
-              var _ctx$refRule, _ctx$refRule$__$title;
-
-              temp.message = _this.api.t(match[1], {
-                title: (_ctx$refRule = ctx.refRule) === null || _ctx$refRule === void 0 ? void 0 : (_ctx$refRule$__$title = _ctx$refRule.__$title) === null || _ctx$refRule$__$title === void 0 ? void 0 : _ctx$refRule$__$title.value
-              });
-            }
+            temp.message = t(temp.message);
           }
 
           if (is.Function(temp.validator)) {
@@ -5975,8 +6023,19 @@ function useContext(Handler) {
                 api: that.$handle.api
               }].concat(args));
             };
+          }
+
+          if (temp.adapter) {
+            if (_typeof(temp.error) === 'object') {
+              var msg = _objectSpread2({}, temp.error);
 
-            return temp;
+              Object.keys(msg).forEach(function (key) {
+                msg[key] = t(msg[key]);
+              });
+              temp.error = msg;
+            }
+
+            return _this.adapterValidate(temp, ctx);
           }
 
           return temp;
@@ -6048,9 +6107,282 @@ function useContext(Handler) {
       });
       this.watchEffect(ctx);
     },
-    compute: function compute(ctx, item) {
+    adapterValidate: function adapterValidate(validate, ctx) {
       var _this2 = this;
 
+      var validator = function validator(value, callback) {
+        var before = validate.beforeValidate && invoke(function () {
+          return validate.beforeValidate({
+            value: value,
+            api: _this2.api,
+            validate: validate,
+            rule: ctx.rule
+          });
+        });
+
+        if (before === false) {
+          callback();
+        } else {
+          var key = _this2.validator(value, validate);
+
+          if (!key) {
+            if (validate.validator) {
+              var res = validate.validator && invoke(function () {
+                return validate.validator(value, callback);
+              });
+
+              if (res && is.Function(res.then)) {
+                res.then(function () {
+                  return callback();
+                })["catch"](function (e) {
+                  return callback(e);
+                });
+              }
+            } else {
+              callback();
+            }
+          } else {
+            var message = '';
+
+            if (_typeof(validate.error) === 'object') {
+              message = validate.error[key] || validate.error["default"];
+            }
+
+            if (!message && typeof validate.message === 'string') {
+              message = validate.message;
+            }
+
+            if (!message) {
+              message = _this2.getValidateMessage(ctx, {
+                key: key,
+                rule: validate[key]
+              });
+            }
+
+            callback(message);
+          }
+        }
+      };
+
+      return this.$manager.adapterValidate({
+        required: validate.required,
+        message: validate.message,
+        target: validate.trigger
+      }, validator);
+    },
+    getValidateMessage: function getValidateMessage(ctx, invalid) {
+      var _ctx$refRule2, _ctx$refRule2$__$titl, _this$api$t;
+
+      var formatRule = Array.isArray(invalid.rule) ? invalid.rule.join(',') : '' + invalid.rule;
+      return this.api.t(invalid.key === 'required' ? invalid.key : 'validate.' + invalid.key, (_this$api$t = {}, _defineProperty(_this$api$t, invalid.key, formatRule), _defineProperty(_this$api$t, "title", (_ctx$refRule2 = ctx.refRule) === null || _ctx$refRule2 === void 0 ? void 0 : (_ctx$refRule2$__$titl = _ctx$refRule2.__$title) === null || _ctx$refRule2$__$titl === void 0 ? void 0 : _ctx$refRule2$__$titl.value), _this$api$t));
+    },
+    validator: function validator(value, validate) {
+      var isEmpty = is.empty(value);
+
+      if (isEmpty) {
+        if (validate.required) {
+          return 'required';
+        }
+
+        return;
+      }
+
+      var _loop = function _loop() {
+        var _Object$entries$_i = _slicedToArray(_Object$entries[_i], 2),
+            key = _Object$entries$_i[0],
+            rule = _Object$entries$_i[1];
+
+        switch (key) {
+          case 'len':
+          case 'maxLen':
+          case 'minLen':
+            var check = function check(val) {
+              if (key === 'len') {
+                return val === rule;
+              } else if (key === 'maxLen') {
+                return val <= rule;
+              } else {
+                return val >= rule;
+              }
+            };
+
+            if (Array.isArray(value)) {
+              if (!check(value.length)) {
+                return {
+                  v: key
+                };
+              }
+            } else if (_typeof(value) === 'object') {
+              return {
+                v: key
+              };
+            } else if (!check(('' + value).length)) {
+              return {
+                v: key
+              };
+            }
+
+            break;
+
+          case 'pattern':
+            var reg = typeof rule === 'string' ? new RegExp(rule) : rule;
+
+            if (!reg.test('' + value)) {
+              return {
+                v: key
+              };
+            }
+
+            break;
+
+          case 'uppercase':
+            if (rule && (typeof value !== 'string' || !/^[A-Z]*$/.test(value))) {
+              return {
+                v: key
+              };
+            }
+
+            break;
+
+          case 'lowercase':
+            if (rule && (typeof value !== 'string' || !/^[a-z]*$/.test(value))) {
+              return {
+                v: key
+              };
+            }
+
+            break;
+
+          case 'min':
+          case 'max':
+          case 'positive':
+          case 'negative':
+          case 'integer':
+          case 'number':
+            var num = Number(value);
+
+            if (Number.isNaN(num)) {
+              return {
+                v: key
+              };
+            }
+
+            if (key === 'min' && num < rule) {
+              return {
+                v: key
+              };
+            }
+
+            if (key === 'max' && num > rule) {
+              return {
+                v: key
+              };
+            }
+
+            if (key === 'positive' && num <= 0) {
+              return {
+                v: key
+              };
+            }
+
+            if (key === 'negative' && num >= 0) {
+              return {
+                v: key
+              };
+            }
+
+            if (key === 'integer' && !Number.isInteger(num)) {
+              return {
+                v: key
+              };
+            }
+
+            break;
+
+          case 'equal':
+            if (value !== rule) {
+              return {
+                v: key
+              };
+            }
+
+            break;
+
+          case 'enum':
+            if (Array.isArray(rule) && !rule.includes(value)) {
+              return {
+                v: key
+              };
+            }
+
+            break;
+
+          case 'hasKeys':
+            if (_typeof(value) !== 'object' || Array.isArray(rule) && rule.some(function (key) {
+              return !(key in value);
+            })) {
+              return {
+                v: key
+              };
+            }
+
+            break;
+
+          case 'email':
+            var regexEmail = /^(([^<>()\[\]\\.,;:\s@"]+(\.[^<>()\[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/;
+
+            if (!regexEmail.test('' + value)) {
+              return {
+                v: key
+              };
+            }
+
+            break;
+
+          case 'url':
+            var regexUrl = new RegExp("^(?!mailto:)(?:(?:http|https|ftp)://)(?:\\S+(?::\\S*)?@)?(?:(?:(?:[1-9]\\d?|1\\d\\d|2[01]\\d|22[0-3])(?:\\.(?:1?\\d{1,2}|2[0-4]\\d|25[0-5])){2}(?:\\.(?:[0-9]\\d?|1\\d\\d|2[0-4]\\d|25[0-4]))|(?:(?:[a-z\\u00a1-\\uffff0-9]+-?)*[a-z\\u00a1-\\uffff0-9]+)(?:\\.(?:[a-z\\u00a1-\\uffff0-9]+-?)*[a-z\\u00a1-\\uffff0-9]+)*(?:\\.(?:[a-z\\u00a1-\\uffff]{2,})))|localhost)(?::\\d{2,5})?(?:(/|\\?|#)[^\\s]*)?$", 'i');
+
+            if (!regexUrl.test('' + value)) {
+              return {
+                v: key
+              };
+            }
+
+            break;
+
+          case 'ip':
+            var regexIp = /^(2(5[0-5]{1}|[0-4]\d{1})|[0-1]?\d{1,2})(\.(2(5[0-5]{1}|[0-4]\d{1})|[0-1]?\d{1,2})){3}$/;
+
+            if (!regexIp.test('' + value)) {
+              return {
+                v: key
+              };
+            }
+
+            break;
+
+          case 'phone':
+            var regexPhone = /^(?:(?:\+|00)86)?1[3-9]\d{9}$/;
+
+            if (!regexPhone.test('' + value)) {
+              return {
+                v: key
+              };
+            }
+
+            break;
+        }
+      };
+
+      for (var _i = 0, _Object$entries = Object.entries(validate); _i < _Object$entries.length; _i++) {
+        var _ret = _loop();
+
+        if (_typeof(_ret) === "object") return _ret.v;
+      }
+    },
+    compute: function compute(ctx, item) {
+      var _this3 = this;
+
       var fn;
 
       if (_typeof(item) === 'object') {
@@ -6069,13 +6401,13 @@ function useContext(Handler) {
           var or = item.mode === 'OR';
           var valid = true;
 
-          var _loop = function _loop(i) {
+          var _loop2 = function _loop2(i) {
             var one = item.group[i];
             var flag = void 0;
             var field = null;
 
             if (one.variable) {
-              field = JSON.stringify(_this2.fc.getLoadData(one.variable) || '');
+              field = JSON.stringify(_this3.fc.getLoadData(one.variable) || '');
             } else if (one.field) {
               field = convertFieldToConditions(one.field || '');
             } else if (!one.mode) {
@@ -6096,11 +6428,11 @@ function useContext(Handler) {
               flag = false;
             } else if (is.Function(one.handler)) {
               flag = invoke(function () {
-                return one.handler(_this2.api, ctx.rule);
+                return one.handler(_this3.api, ctx.rule);
               });
             } else {
               flag = invoke(function () {
-                return new Function('$condition', '$val', '$form', '$scope', '$group', '$rule', "with($form){with($scope){with(this){with($group){ return $condition['".concat(one.condition, "'](").concat(field, ", ").concat(compare ? compare : '$val', "); }}}}")).call(_this2.api.form, condition, one.value, _this2.api.top.form, _this2.api.top === _this2.api.scope ? {} : _this2.api.scope.form, group ? _this2.subRuleData[group.id] || {} : {}, ctx.rule);
+                return new Function('$condition', '$val', '$form', '$scope', '$group', '$rule', "with($form){with($scope){with(this){with($group){ return $condition['".concat(one.condition, "'](").concat(field, ", ").concat(compare ? compare : '$val', "); }}}}")).call(_this3.api.form, condition, one.value, _this3.api.top.form, _this3.api.top === _this3.api.scope ? {} : _this3.api.scope.form, group ? _this3.subRuleData[group.id] || {} : {}, ctx.rule);
               });
             }
 
@@ -6116,9 +6448,9 @@ function useContext(Handler) {
           };
 
           for (var i = 0; i < item.group.length; i++) {
-            var _ret = _loop(i);
+            var _ret2 = _loop2(i);
 
-            if (_typeof(_ret) === "object") return _ret.v;
+            if (_typeof(_ret2) === "object") return _ret2.v;
           }
 
           return or ? false : valid;
@@ -6129,27 +6461,27 @@ function useContext(Handler) {
 
         if (item.linkage) {
           return val ? invoke(function () {
-            return _this2.computeValue(item.linkage, ctx, group);
+            return _this3.computeValue(item.linkage, ctx, group);
           }, undefined) : oldValueTag;
         }
 
         return val;
       } else if (is.Function(item)) {
         fn = function fn() {
-          return item(_this2.api.form, _this2.api);
+          return item(_this3.api.form, _this3.api);
         };
       } else {
         var _group = ctx.getParentGroup();
 
         fn = function fn() {
-          return _this2.computeValue(item, ctx, _group);
+          return _this3.computeValue(item, ctx, _group);
         };
       }
 
       return invoke(fn, undefined);
     },
     computeValue: function computeValue(str, ctx, group) {
-      var _this3 = this;
+      var _this4 = this;
 
       var that = this;
       var formulas = Object.keys(this.fc.formulas).reduce(function (obj, k) {
@@ -6171,35 +6503,35 @@ function useContext(Handler) {
         return obj;
       }, {});
       return invoke(function () {
-        return new Function('$formulas', '$form', '$scope', '$group', '$rule', '$api', "with($form){with($scope){with(this){with($group){with($formulas){ return ".concat(str, " }}}}}")).call(_this3.api.form, formulas, _this3.api.top.form, _this3.api.top === _this3.api.scope ? {} : _this3.api.scope.form, group ? _this3.subRuleData[group.id] || {} : {}, ctx.rule, _this3.api);
+        return new Function('$formulas', '$form', '$scope', '$group', '$rule', '$api', "with($form){with($scope){with(this){with($group){with($formulas){ return ".concat(str, " }}}}}")).call(_this4.api.form, formulas, _this4.api.top.form, _this4.api.top === _this4.api.scope ? {} : _this4.api.scope.form, group ? _this4.subRuleData[group.id] || {} : {}, ctx.rule, _this4.api);
       }, undefined);
     },
     updateChildren: function updateChildren(ctx, n, o) {
-      var _this4 = this;
+      var _this5 = this;
 
       this.deferSyncValue(function () {
         o && o.forEach(function (child) {
           if ((n || []).indexOf(child) === -1 && child && !is.String(child) && child.__fc__ && child.__fc__.parent === ctx) {
-            _this4.rmCtx(child.__fc__);
+            _this5.rmCtx(child.__fc__);
           }
         });
 
         if (is.trueArray(n)) {
-          _this4.loadChildren(n, ctx);
+          _this5.loadChildren(n, ctx);
 
-          _this4.bus.$emit('update', _this4.api);
+          _this5.bus.$emit('update', _this5.api);
         }
       });
     },
     rmSub: function rmSub(sub) {
-      var _this5 = this;
+      var _this6 = this;
 
       is.trueArray(sub) && sub.forEach(function (r) {
-        r && r.__fc__ && _this5.rmCtx(r.__fc__);
+        r && r.__fc__ && _this6.rmCtx(r.__fc__);
       });
     },
     rmCtx: function rmCtx(ctx) {
-      var _this6 = this;
+      var _this7 = this;
 
       if (ctx.deleted) return;
       var id = ctx.id,
@@ -6228,19 +6560,19 @@ function useContext(Handler) {
       }
 
       this.deferSyncValue(function () {
-        if (!_this6.reloading) {
+        if (!_this7.reloading) {
           if (ctx.parser.loadChildren !== false) {
             var children = ctx.getPending('children', ctx.rule.children);
 
             if (is.trueArray(children)) {
               children.forEach(function (h) {
-                return h.__fc__ && _this6.rmCtx(h.__fc__);
+                return h.__fc__ && _this7.rmCtx(h.__fc__);
               });
             }
           }
 
-          if (ctx.root === _this6.rules) {
-            _this6.vm.setupState.renderRule();
+          if (ctx.root === _this7.rules) {
+            _this7.vm.setupState.renderRule();
           }
         }
       }, input);
@@ -6613,7 +6945,26 @@ extend(Handler.prototype, {
       }
     }).then(function () {
       return _this3.globalBeforeFetch(opt);
-    })["catch"](function () {});
+    });
+  },
+  beforeSubmit: function beforeSubmit(formData) {
+    var _this4 = this;
+
+    return new Promise(function (resolve, reject) {
+      var res = _this4.options.beforeSubmit && invoke(function () {
+        return _this4.options.beforeSubmit(formData, {
+          api: _this4.api
+        });
+      });
+
+      if (res && is.Function(res.then)) {
+        res.then(resolve)["catch"](reject);
+      } else if (res === false) {
+        reject();
+      } else {
+        resolve();
+      }
+    });
   }
 });
 useInject(Handler);
@@ -6768,6 +7119,13 @@ extend(Manager.prototype, {
   form: function form() {
     return this.vm.refs[this.ref];
   },
+  adapterValidate: function adapterValidate(validate, validator) {
+    validate.validator = function (rule, value, callback) {
+      return validator(value, callback);
+    };
+
+    return validate;
+  },
   getSlot: function getSlot(name) {
     var _fn = function _fn(vm) {
       if (vm) {
@@ -7128,7 +7486,7 @@ var fetch = function fetch(fc) {
             api: api
           });
         });
-      });
+      })["catch"](function (e) {});
     }, option.wait || 600));
   }
 
@@ -7262,6 +7620,57 @@ function sessionStorageDriver(name) {
   return baseDriver(getSessionStorage, name);
 }
 
+var baseLanguage = {
+  en: {
+    required: '{title} is required',
+    validate: {
+      url: '{title} is not a valid url',
+      email: '{title} is not a valid email',
+      ip: '{title} {title} is not a valid ip',
+      phone: '{title} {title} is not a valid phone',
+      pattern: '{title} does not match pattern {pattern}',
+      uppercase: '{title} must be all uppercase',
+      lowercase: '{title} must be all lowercased',
+      positive: '{title} is not a positive number',
+      negative: '{title} is not a negative number',
+      equal: '{title} is not equal to {equal}',
+      min: '{title} cannot be less than {min}',
+      max: '{title} cannot be greater than {max}',
+      "enum": '{title} must be one of {enum}',
+      hasKeys: '{title} does not contain required fields {hasKeys}',
+      minLen: '{title} must be at least {minLen}',
+      maxLen: '{title} cannot be longer than {maxLen}',
+      len: '{title} must be exactly {len}',
+      integer: '{title} is not an integer',
+      number: '{title} is not an number'
+    }
+  },
+  'zh-cn': {
+    required: '{title}不能为空',
+    validate: {
+      url: '{title}不是有效的 url 地址',
+      email: '{title}不是有效的邮箱地址',
+      ip: '{title}不是有效的 IP 地址',
+      phone: '{title}不是正确的手机号',
+      pattern: '{title}必须匹配 {pattern}',
+      uppercase: '{title}必须全大写',
+      lowercase: '{title}必须全小写',
+      positive: '{title}不是正数',
+      negative: '{title}不是负数',
+      equal: '{title}必须等于 {equal}',
+      min: '{title}必须大于等于 {min}',
+      max: '{title}必须小于等于 {max}',
+      "enum": '{title}必须是 {enum} 之一',
+      hasKeys: '{title}必须包含 {hasKeys} 字段',
+      minLen: '{title}长度必须大于 {minLen}',
+      maxLen: '{title}长度必须小于 {maxLen}',
+      len: '{title}长度必须为 {len}',
+      integer: '{title}必须为整数',
+      number: '{title}必须为数字'
+    }
+  }
+};
+
 function parseProp(name, id) {
   var prop;
 
@@ -7785,7 +8194,11 @@ function FormCreateFactory(config) {
 
         var _locale = this.getLocale();
 
-        value = deepGet(language[_locale], id);
+        value = deepGet(language[_locale] || {}, id);
+
+        if (value == null) {
+          value = deepGet(baseLanguage[_locale] || {}, id);
+        }
       }
 
       return value;
@@ -8462,7 +8875,6 @@ var manager = {
           e.preventDefault();
         }
       },
-      "class": [form.className, form["class"], 'form-create', this.$handle.preview ? 'is-preview' : ''],
       style: form.style,
       type: 'form'
     };
@@ -8471,9 +8883,11 @@ var manager = {
     var key = this.key,
         ref = this.ref,
         $handle = this.$handle;
+    var form = this.options.form;
     extend(this.rule, {
       key: key,
-      ref: ref
+      ref: ref,
+      "class": [form.className, form["class"], 'form-create', this.$handle.preview ? 'is-preview' : '']
     });
     extend(this.rule.props, {
       model: $handle.formData
@@ -8938,14 +9352,16 @@ function extendApi(api, h) {
         var promise = h.options.validateOnSubmit === false ? Promise.resolve() : api.validate();
         promise.then(function () {
           var formData = api.formData();
-          is.Function(successFn) && invoke(function () {
-            return successFn(formData, api);
-          });
-          is.Function(h.options.onSubmit) && invoke(function () {
-            return h.options.onSubmit(formData, api);
-          });
-          h.vm.emit('submit', formData, api);
-          resolve(formData);
+          h.beforeSubmit(formData).then(function () {
+            is.Function(successFn) && invoke(function () {
+              return successFn(formData, api);
+            });
+            is.Function(h.options.onSubmit) && invoke(function () {
+              return h.options.onSubmit(formData, api);
+            });
+            h.vm.emit('submit', formData, api);
+            resolve(formData);
+          })["catch"](function (e) {});
         })["catch"](function () {
           for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
             args[_key] = arguments[_key];
@@ -9052,7 +9468,7 @@ function install(FormCreate) {
 function elmFormCreate() {
   return FormCreateFactory({
     ui: 'element-ui',
-    version: '3.2.21',
+    version: '3.2.22',
     manager: manager,
     extendApi: extendApi,
     install: install,