t20-common-lib 0.15.24 → 0.15.26

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "t20-common-lib",
-  "version": "0.15.24",
+  "version": "0.15.26",
   "description": "T20",
   "private": false,
   "main": "dist/index.js",

package/packages/dynamic-form/src/main.vue

@@ -490,31 +490,43 @@ export default {
         this.isApplyingLinkage = false;
       });
     },
+    /**
+     * 提交校验失败时，将可视区域滚动到第一个未通过的表单项（依赖 Element 的 .is-error）。
+     */
+    scrollToFirstFormError() {
+      const formRef = this.$refs.dynamicForms;
+      const formEl = formRef && formRef.$el;
+      if (!formEl || typeof formEl.querySelector !== "function") return;
+      const firstError = formEl.querySelector(".el-form-item.is-error");
+      if (!firstError || typeof firstError.scrollIntoView !== "function") return;
+      firstError.scrollIntoView({
+        behavior: "smooth",
+        block: "center",
+        inline: "nearest",
+      });
+    },
     /**
      * 触发表单校验；通过后由返回值携带表单数据与附件（与 needFile 一致时含已落档行）。
      * @returns {Promise<{ valid: false, formData: object } | { valid: true, formData: object, operate?: string, fileUploadTableData?: array }>}
      */
-    async validate() {
+    async validate(callback) {
       const formRef = this.$refs.dynamicForms;
       if (!formRef || typeof formRef.validate !== "function") {
-        return { valid: false, formData: this.formData };
+        callback(false, this.formData);
       }
       const pass = await new Promise((resolve) => {
         formRef.validate((valid) => resolve(valid));
       });
       if (!pass) {
-        return { valid: false, formData: this.formData };
-      }
-      const result = {
-        valid: true,
-        formData: this.formData,
-      };
-      if (this.needFile) {
-        result.fileUploadTableData = (this.fileUploadTableData || []).filter(
-          (t) => t.beid
-        );
+        this.$nextTick(() => {
+          this.scrollToFirstFormError();
+        });
+        callback(false, this.formData);
       }
-      return result;
+      const fileUploadTableData = (this.fileUploadTableData || []).filter(
+        (t) => t.beid
+      );
+      callback(true, this.formData, fileUploadTableData);
     },
   },
 };