@form-create/element-ui 3.1.28 → 3.1.30

package/src/core/manager.js

@@ -44,8 +44,8 @@ export default {
         return new Promise((resolve, reject) => {
             const form = this.form();
             if (form) {
-                form.validateField(field, (res) => {
-                    res ? reject(res) : resolve(null);
+                form.validateField(field, (res, err) => {
+                    err ? reject(err) : resolve(res);
                 });
             } else {
                 resolve();
@@ -59,7 +59,7 @@ export default {
         }
     },
     tidyOptions(options) {
-        ['submitBtn', 'resetBtn', 'row', 'info', 'wrap', 'col'].forEach(name => {
+        ['submitBtn', 'resetBtn', 'row', 'info', 'wrap', 'col', 'title'].forEach(name => {
             tidyBool(options, name);
         })
         return options;
@@ -74,6 +74,7 @@ export default {
             info: this.options.info || {},
             wrap: this.options.wrap || {},
             col: this.options.col || {},
+            title: this.options.title || {},
         }, ctx.prop], {
             info: {
                 trigger: 'hover',
@@ -97,7 +98,7 @@ export default {
                     e.preventDefault();
                 }
             },
-            class: [form.className, form.class, 'form-create'],
+            class: [form.className, form.class, 'form-create', this.options.preview ? 'is-preview' : ''],
             style: form.style,
             type: 'form',
         };
@@ -110,7 +111,7 @@ export default {
         });
     },
     render(children) {
-        if (children.slotLen()) {
+        if (children.slotLen() && !this.options.preview) {
             children.setSlot(undefined, () => this.makeFormBtn());
         }
         return this.$r(this.rule, isFalse(this.options.row.show) ? children.getSlots() : [this.makeRow(children)]);
@@ -128,7 +129,7 @@ export default {
                 label: isTitle ? rule.title.title : undefined,
                 ...tidyRule(rule.wrap || {}),
                 prop: ctx.id,
-                rules: rule.validate,
+                rules: ctx.injectValidate(),
             },
             class: rule.className,
             key: `${uni}fi`,

package/src/core/provider.js

@@ -6,6 +6,7 @@ const required = {
         const val = parseVal(inject.getValue());
         if (val.required === false) {
             inject.clearProp();
+            api.clearValidateState([rule.field]);
         } else {
             const validate = {
                 required: true,

package/src/style/index.css

@@ -2,6 +2,14 @@
     margin-bottom: 22px;
 }
 
-.form-create{
+.form-create {
     width: 100%;
 }
+
+.form-create.is-preview .fc-clock, .form-create .fc-none {
+    display: none !important;
+}
+
+.form-create.is-preview .el-form-item.is-required > .el-form-item__label-wrap > .el-form-item__label:before, .form-create.is-preview .el-form-item.is-required > .el-form-item__label:before {
+    content: "" !important;
+}