vue2-client 1.17.17 → 1.17.19

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "vue2-client",
-  "version": "1.17.17",
+  "version": "1.17.19",
   "private": false,
   "scripts": {
     "serve": "SET NODE_OPTIONS=--openssl-legacy-provider && vue-cli-service serve --no-eslint",

package/src/base-client/components/common/XTab/XTab.vue

@@ -166,12 +166,28 @@ export default {
         // 使用 $nextTick 确保 DOM 更新完成
         await this.$nextTick()
 
+        // 确保组件完全就绪后再执行 changeFunc
+        if (newRef && newRef[0]) {
+          // 等待组件完全就绪（包括内部异步初始化）
+          await this.waitForComponentFullyReady(newRef[0], newKey)
+        } else {
+          // 如果没有组件实例，等待一个 tick 确保 DOM 更新
+          await this.$nextTick()
+        }
+
         result = executeStrFunctionByContext(this, this.config.changeFunc, args)
 
         if (result && result.noChange) {
           console.info('不切换页签作为按钮使用')
+          // 如果返回 noChange，恢复原来的 activeKey
+          if (this.activeKey === newKey) {
+            this.activeKey = oldKey
+          }
         } else {
-          this.activeKey = newKey
+          // 确保 activeKey 已更新（如果还没更新的话）
+          if (this.activeKey !== newKey) {
+            this.activeKey = newKey
+          }
           // 确保回调在组件完全就绪后执行
           if (result && result.callback && typeof result.callback === 'function') {
             await this.$nextTick()
@@ -214,6 +230,96 @@ export default {
         checkComponent()
       })
     },
+    // 等待组件完全就绪（包括内部异步初始化）
+    waitForComponentFullyReady (component, index) {
+      return new Promise((resolve) => {
+        if (!component) {
+          resolve()
+          return
+        }
+
+        let attempts = 0
+        const maxAttempts = 60 // 最多等待3秒
+        const checkInterval = 50
+
+        const checkReady = () => {
+          attempts++
+          
+          // 1. 检查组件是否有 loading 状态，确保不在加载中
+          if (component.loading === true) {
+            if (attempts < maxAttempts) {
+              setTimeout(checkReady, checkInterval)
+              return
+            }
+          }
+
+          // 2. 检查组件是否有 loaded 状态（如 XAddNativeForm）
+          if (component.loaded === false) {
+            if (attempts < maxAttempts) {
+              setTimeout(checkReady, checkInterval)
+              return
+            }
+          }
+
+          // 3. 检查组件是否有 realQueryConfig（如 XFormTable）
+          const tab = this.config.data[index]
+          const isFormTableType = tab?.slotType === 'x-form-table' || 
+                                 tab?.slotType === 'XFormTable' ||
+                                 tab?.slotType?.toLowerCase() === 'xformtable'
+          if (isFormTableType && component.realQueryConfig === undefined && !component.loadError) {
+            if (attempts < maxAttempts) {
+              setTimeout(checkReady, checkInterval)
+              return
+            }
+          }
+
+          // 4. 检查关键方法是否存在（如 setForm、setFormWithKey）
+          const hasSetForm = typeof component.setForm === 'function'
+          const hasSetFormWithKey = typeof component.setFormWithKey === 'function'
+          const hasSetFormWithNoKey = typeof component.setFormWithNoKey === 'function'
+          
+          // 5. 如果组件有这些方法，确保表单对象存在
+          if (hasSetForm || hasSetFormWithKey || hasSetFormWithNoKey) {
+            // 检查组件是否有 form 对象
+            if (component.form && Object.keys(component.form).length > 0) {
+              // 表单已初始化，等待 DOM 渲染完成
+              this.$nextTick(() => {
+                // 额外等待一个 tick，确保所有子组件也渲染完成
+                this.$nextTick(() => {
+                  resolve()
+                })
+              })
+              return
+            } else if (component.loaded !== false) {
+              // 如果没有 form 对象但 loaded 不为 false，可能还在初始化
+              if (attempts < maxAttempts) {
+                setTimeout(checkReady, checkInterval)
+                return
+              }
+            }
+          }
+
+          // 6. 如果以上都通过，或者超时，等待 DOM 渲染完成
+          if (attempts >= 3 || attempts >= maxAttempts) {
+            // 至少等待几次检查，确保有时间初始化
+            this.$nextTick(() => {
+              this.$nextTick(() => {
+                resolve()
+              })
+            })
+            return
+          }
+
+          // 继续等待
+          setTimeout(checkReady, checkInterval)
+        }
+
+        // 首次检查前等待一个 tick
+        this.$nextTick(() => {
+          checkReady()
+        })
+      })
+    },
     initConfig () {
       if (this.configName) {
         this.getConfig()