vue2-client 1.12.50 → 1.12.51

package/package.json

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

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

@@ -15,7 +15,7 @@
           </div>
           <!-- 自定义标题 -->
           <template #title>
-            <div class="custom-title" @click="clickFooter(card, 'cardclick', itemIndex)">
+            <div class="custom-title" @click="cardClick(card, 'cardclick', itemIndex)">
               <a-tooltip placement="top">
                 <template #title>{{ card[config.id] }}</template>
                 <div class="title-id" v-if="card[config.id]">{{ card[config.id] }}</div>
@@ -278,7 +278,7 @@ export default {
           three: '未获取到配置',
           four: '未获取到配置',
           five: '未获取到配置',
-          six: 70
+          six: 70,
         }
     }
     // 测试数据初始化
@@ -307,28 +307,20 @@ export default {
       }
       return result
     },
-    // 点击按钮
+    async cardClick (card, itemIndex) {
+      try {
+        // 等待 beforeSwitch 完全执行完成
+        const result = await this.beforeSwitch(card, 'beforeSwitch', itemIndex)
+        // 如果返回 undefined 说明没有监听器，或者返回 true 说明检查通过
+        if (result === undefined || result === true) {
+          await this.clickFooter(card, 'cardclick', itemIndex)
+        }
+      } catch (error) {
+      }
+    },
     // 点击按钮
     async clickFooter (data, eventName, index) {
       if (eventName === 'cardclick') {
-        // 先触发 beforeSwitch 事件
-        if (this.data && Array.isArray(this.data)) {
-          for (const item of this.data) {
-            if (item.isClicked) {
-              // 使用 Promise 包装 beforeSwitch 事件
-              await new Promise((resolve, reject) => {
-                try {
-                  // 执行 beforeSwitch 事件
-                  this.$emit('cardEmit', item, 'beforeSwitch')
-                  resolve()
-                } catch (error) {
-                  reject(error)
-                }
-              })
-            }
-          }
-        }
-        // 如果上面的代码块执行成功，才会执行下面的代码
         // 清除所有卡片的点击状态
         if (this.data && Array.isArray(this.data)) {
           this.data.forEach(item => {
@@ -342,6 +334,32 @@ export default {
       }
       this.$emit('cardEmit', data, eventName)
     },
+    async beforeSwitch (data, eventName, index) {
+      return new Promise((resolve) => {
+        // 检查是否有其他卡片已经被点击
+        const hasClickedCard = this.data.some(item => item.isClicked)
+        // 如果没有任何卡片被点击过，直接通过
+        if (!hasClickedCard) {
+          resolve(true)
+          return
+        }
+        // 检查是否有监听器
+        const hasListeners = this._events?.cardEmit?.length > 0
+
+        // 如果没有监听器，返回 undefined 表示继续执行
+        if (!hasListeners) {
+          resolve(undefined)
+          return
+        }
+        // 如果有监听器，执行事件检查
+        try {
+          this.$emit('cardEmit', data, eventName)
+          resolve(true)
+        } catch (error) {
+          resolve(false)
+        }
+      })
+    },
     // 获取数据
     loadData () {
       this.render = false