eoss-mobiles 0.1.78 → 0.1.80

package/lib/form.js

@@ -199,21 +199,22 @@ function normalizeComponent(
 // ESM COMPAT FLAG
 __webpack_require__.r(__webpack_exports__);
 
-// CONCATENATED MODULE: ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./packages/form/src/main.vue?vue&type=template&id=152d0360&
+// CONCATENATED MODULE: ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./packages/form/src/main.vue?vue&type=template&id=5aa23c3c&
 var render = function () {
   var _vm = this
   var _h = _vm.$createElement
   var _c = _vm._self._c || _h
   return _c(
     "van-form",
-    _vm._g(
-      _vm._b(
-        { ref: "emForm", staticClass: "em-form" },
-        "van-form",
-        _vm.$attrs,
-        false
-      ),
-      _vm.$listeners
+    _vm._b(
+      {
+        ref: "emForm",
+        staticClass: "em-form",
+        on: { failed: _vm.handleFailed, submit: _vm.handleSubmit },
+      },
+      "van-form",
+      _vm.$attrs,
+      false
     ),
     [
       _vm._l(_vm.newContent, function (item, index) {
@@ -539,10 +540,12 @@ var render = function () {
                   "em-table",
                   _vm._b(
                     {
+                      ref: "emFormTable",
+                      refInFor: true,
                       staticClass: "em-form-table",
                       style: "margin:" + (item.margin || 10) + "px 0px",
                       attrs: {
-                        data: _vm.model[item.name] || [],
+                        data: _vm.model[item.name],
                         thead: item.tHead,
                         form:
                           !item.disabled &&
@@ -617,7 +620,7 @@ var staticRenderFns = []
 render._withStripped = true
 
 
-// CONCATENATED MODULE: ./packages/form/src/main.vue?vue&type=template&id=152d0360&
+// CONCATENATED MODULE: ./packages/form/src/main.vue?vue&type=template&id=5aa23c3c&
 
 // CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib??vue-loader-options!./packages/form/src/main.vue?vue&type=script&lang=js&
 //
@@ -804,7 +807,6 @@ render._withStripped = true
 //
 //
 //
-//
 
 /* harmony default export */ var mainvue_type_script_lang_js_ = ({
   name: 'EmForm',
@@ -875,27 +877,42 @@ render._withStripped = true
   },
 
   methods: {
-    // setBtnType() {
-    //   let tableList = this.contents.filter(x => x.type == 'table');
-    //   if (tableList.length > 0) {
-    //     tableList.map(x => {
-    //       if (x.type == 'handle' && x.events) {
-    //         x.events.map(y => {
-    //           y['native-type'] = 'button';
-    //         });
-    //       }
-    //     });
-    //   }
-    //   this.contents
-    // },
+    handleFailed: function handleFailed(values) {
+      this.$refs.emFormTable.map(function (item) {
+        item.validate();
+      });
+      this.$emit('failed', { errors: values.errors, values: this.model });
+    },
+    handleSubmit: function handleSubmit() {
+      var errForm = false;
+      this.$refs.emFormTable.map(function (item) {
+        if (!item.validate()) {
+          errForm = true;
+        }
+      });
+      if (errForm) {
+        this.$emit('failed', { errors: [], values: this.model });
+      } else {
+        this.$emit('submit', this.model);
+      }
+    },
     handleChange: function handleChange(key, value) {
       this.$emit('change', key, value);
     },
     handleBtnClick: function handleBtnClick(val) {
       this.$emit('table-btn-click', val);
     },
-    validate: function validate() {
-      this.$refs.emForm.validate();
+    validate: function validate(name) {
+      this.$refs.emForm.validate(name);
+    },
+    submit: function submit() {
+      this.$refs.emForm.submit();
+    },
+    resetValidation: function resetValidation(name) {
+      this.$refs.emForm.resetValidation(name);
+    },
+    scrollToField: function scrollToField(name, alignToTop) {
+      this.$refs.emForm.scrollToField(name, alignToTop);
     },
     handleClick: function handleClick(val) {
       this.$emit('click', { values: this.model, btn: val });