t20-common-lib 0.15.25 → 0.15.27

package/package.json

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

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

@@ -490,6 +490,21 @@ 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 }>}
@@ -498,12 +513,17 @@ export default {
       const formRef = this.$refs.dynamicForms;
       if (!formRef || typeof formRef.validate !== "function") {
         callback(false, this.formData);
+        return;
       }
       const pass = await new Promise((resolve) => {
         formRef.validate((valid) => resolve(valid));
       });
       if (!pass) {
+        this.$nextTick(() => {
+          this.scrollToFirstFormError();
+        });
         callback(false, this.formData);
+        return;
       }
       const fileUploadTableData = (this.fileUploadTableData || []).filter(
         (t) => t.beid