@form-create/element-ui 3.1.9 → 3.1.12

package/README.md

@@ -1,7 +1,7 @@
 # @form-create/element-ui
-**form-create 是一个可以通过 JSON 生成具有动态渲染、数据收集、验证和提交功能的表单生成组件。支持3个UI框架，并且支持生成任何 Vue 组件。内置20种常用表单组件和自定义组件，再复杂的表单都可以轻松搞定。**
+**form-create 是一个可以通过 JSON 生成具有动态渲染、数据收集、验证和提交功能的表单生成组件。支持5个UI框架，并且支持生成任何 Vue 组件。内置20种常用表单组件和自定义组件，再复杂的表单都可以轻松搞定。**
 
-form-create is a form generation component that can generate dynamic rendering, data collection, verification and submission functions through JSON. Supports 3 UI frameworks, and supports the generation of any Vue components. Built-in 20 kinds of commonly used form components and custom components, no matter how complex forms can be easily handled.
+form-create is a form generation component that can generate dynamic rendering, data collection, verification and submission functions through JSON. Supports 5 UI frameworks, and supports the generation of any Vue components. Built-in 20 kinds of commonly used form components and custom components, no matter how complex forms can be easily handled.
 
 > form-create element-ui 动态表单组件
 >

package/dist/form-create.esm.js

@@ -1,5 +1,5 @@
 /*!
- * @form-create/element-ui v3.1.9
+ * @form-create/element-ui v3.1.12
  * (c) 2018-2022 xaboy
  * Github https://github.com/xaboy/form-create
  * Released under the MIT License.
@@ -255,7 +255,7 @@ var Checkbox = defineComponent({
           delete props.value;
           return createVNode(Type, mergeProps$1(props, {
             "label": value,
-            "key": name + index + opt.value
+            "key": name + index + '-' + opt.value
           }), {
             "default": function _default() {
               return [props.label || props.value || ''];
@@ -992,7 +992,7 @@ var Radio = defineComponent({
           delete props.value;
           return createVNode(Type, mergeProps$1(props, {
             "label": value,
-            "key": name + index + opt.value
+            "key": name + index + '-' + opt.value
           }), {
             "default": function _default() {
               return [props.label || props.value || ''];
@@ -1044,7 +1044,7 @@ var Select = defineComponent({
       "default": function _default() {
         return [_this.options().map(function (props, index) {
           return createVNode(resolveComponent("ElOption"), mergeProps$1(props, {
-            "key": '' + index + props.value
+            "key": '' + index + '-' + props.value
           }), null);
         }), (_this$$slots$default = (_this$$slots = _this.$slots)["default"]) === null || _this$$slots$default === void 0 ? void 0 : _this$$slots$default.call(_this$$slots)];
       }
@@ -2075,7 +2075,9 @@ function $FormCreate(FormCreate) {
         fc.$handle.reloadRule(rule.value);
         vm.setupState.renderRule();
       });
-      watch(props.option, function (n) {
+      watch(function () {
+        return props.option;
+      }, function (n) {
         fc.initOptions(n);
         fapi.refresh();
       });
@@ -2839,7 +2841,6 @@ function Api(h) {
         h.getCtxs(field).forEach(function (ctx) {
           h.$render.clearCache(ctx);
           ctx.rule.value = copy(ctx.defaultValue);
-          h.refreshControl(ctx);
         });
       });
     },
@@ -2950,8 +2951,13 @@ function useCache(Render) {
     },
     getCache: function getCache(ctx) {
       var cache = this.cache[ctx.id];
-      cache.use = true;
-      return cache.vnode;
+
+      if (cache) {
+        cache.use = true;
+        return cache.vnode;
+      }
+
+      return undefined;
     }
   });
 }
@@ -4167,6 +4173,7 @@ function useLoader(Handler) {
       }
 
       if (!validate.length) return false;
+      var hideLst = [];
       var flag = false;
       this.deferSyncValue(function () {
         validate.reverse().forEach(function (_ref) {
@@ -4184,7 +4191,7 @@ function useLoader(Handler) {
               children: rule,
               valid: valid
             }) : ctx.ctrlRule.splice(ctx.ctrlRule.indexOf(ctrl), 1);
-            nextTick(function () {
+            hideLst[valid ? 'push' : 'unshift'](function () {
               _this7.api.hidden(!valid, rule);
             });
             return;
@@ -4217,6 +4224,11 @@ function useLoader(Handler) {
           }
         });
       });
+      hideLst.length && nextTick(function () {
+        hideLst.forEach(function (v) {
+          return v();
+        });
+      });
       this.vm.emit('control', ctx.origin, this.api);
       this.effect(ctx, 'control');
       return flag;
@@ -4686,9 +4698,13 @@ function useContext(Handler) {
       $del(this.formData, id);
       $del(this.subForm, id);
       $del(this.vm.setupState.ctxInject, id);
-      input && $del(this.form, field);
       input && this.rmIdCtx(ctx, field, 'field');
       name && this.rmIdCtx(ctx, name, 'name');
+
+      if (input && !hasProperty(this.fieldCtx, field)) {
+        $del(this.form, field);
+      }
+
       this.deferSyncValue(function () {
         if (!_this4.reloading) {
           if (ctx.parser.loadChildren !== false) {
@@ -5269,9 +5285,16 @@ function run(inject, rule, api) {
     return fetch(_objectSpread2(_objectSpread2({}, option), {}, {
       onSuccess: function onSuccess(body) {
         if (check()) return;
-        set((option.parse || function (v) {
+
+        var fn = function fn(v) {
           return v.data;
-        })(body, rule, api));
+        };
+
+        if (is.Function(option.parse)) {
+          fn = option.parse;
+        }
+
+        set(fn(body, rule, api));
         api.sync(rule);
       },
       onError: function onError(e) {
@@ -6488,7 +6511,8 @@ var required = {
       }, val);
 
       if (!validate.message) {
-        validate.message = rule.title + ' is required';
+        var title = rule.title || '';
+        validate.message = ((_typeof(title) === 'object' ? title.title : title) || '') + '不能为空';
       }
 
       inject.getProp().validate = [validate];
@@ -6544,7 +6568,7 @@ function install(FormCreate) {
 function elmFormCreate() {
   return FormCreateFactory({
     ui: 'element-ui',
-    version: '3.1.9',
+    version: '3.1.12',
     manager: manager,
     extendApi: extendApi,
     install: install,