rrj-astra-ui 1.1.7 → 1.1.8

package/components/AuiListItem.vue

@@ -1,6 +1,12 @@
 <template>
     <view class="aui-list-item" ref="listItemRef">
-        <view class="aui-list-item-content-wrapper" :style="{ transform: `translateX(${offsetX}px)` }"  @touchstart="onTouchStart" @touchmove="onTouchMove" @touchend="onTouchEnd">
+        <!-- 补充：给内容区域添加 @click 事件，点击自身内容也触发重置（增强联动） -->
+        <view class="aui-list-item-content-wrapper" 
+              :style="{ transform: `translateX(${offsetX}px)` }" 
+              @touchstart="onTouchStart" 
+              @touchmove="onTouchMove" 
+              @touchend="onTouchEnd"
+              @click="onItemContentClick">
             <view class="aui-list-item_befor">
                 <slot name="befor"></slot>
             </view>
@@ -27,7 +33,7 @@
 
 <script setup>
 import { defineProps, ref, onMounted, onUnmounted } from 'vue';
-const __name = 'AuiListItem'; // 完全保留你的__name，无改动
+const __name = 'AuiListItem'; // 保留__name，无改动
 
 defineOptions({
     name: __name
@@ -56,31 +62,30 @@ const startX = ref(0);
 const offsetX = ref(0);
 const isSliding = ref(false);
 const SLIDE_THRESHOLD = -50;
-// 新增：获取组件 DOM 引用（保留你的原有定义）
 const listItemRef = ref(null);
 
-// 还原你原本的滑动逻辑（完全不改动，仅修复右滑限制问题）
+// 原有滑动逻辑（已修复右滑，无改动）
 const onTouchStart = (e) => {
     if (!props.allowSlide) return;
-    // 新增：触摸当前项时，收回其他已展开的项（解决多选项同时展开）
+    // 关键：触摸当前项时，立即发送全局通知，让所有其他项收回
     uni.$emit('auiListItem:resetAllSlide');
     startX.value = e.touches[0].clientX;
-    offsetX.value = 0; // 还原你的原有逻辑
-    isSliding.value = false; // 还原你的原有逻辑
+    offsetX.value = 0;
+    isSliding.value = false;
 };
 
 const onTouchMove = (e) => {
     if (!props.allowSlide) return;
     const currentX = e.touches[0].clientX;
     const diffX = currentX - startX.value;
-    // 移除之前的右滑限制，完全还原你的逻辑：仅左滑时更新偏移（右滑时diffX>0，不更新，自然恢复）
+    // 左滑逻辑（原有）
     if (diffX < 0) {
         offsetX.value = diffX;
         if (diffX < SLIDE_THRESHOLD) {
             isSliding.value = true;
         }
     }
-    // 补充：右滑时允许重置状态（贴合你的原有交互，左滑后右滑可实时恢复）
+    // 右滑恢复逻辑（原有，修复无法右滑问题）
     if (diffX > 0) {
         offsetX.value = 0;
         isSliding.value = false;
@@ -89,7 +94,6 @@ const onTouchMove = (e) => {
 
 const onTouchEnd = () => {
     if (!props.allowSlide) return;
-    // 完全还原你的原有逻辑，不做任何额外限制
     if (offsetX.value < SLIDE_THRESHOLD) {
         offsetX.value = -150;
     } else {
@@ -98,22 +102,28 @@ const onTouchEnd = () => {
     }
 };
 
-// 新增：收回滑动区域的核心方法（保留，无改动）
+// 核心：收回当前项的滑动状态（原有，无改动）
 const resetSlide = () => {
-    if (!props.allowSlide || !isSliding.value) return;
+    if (!props.allowSlide) return; // 移除 isSliding 判断，确保强制收回
     offsetX.value = 0;
     isSliding.value = false;
 };
 
-// 新增：监听页面点击事件，判断是否点击组件外部（保留你的原有逻辑）
+// 新增：点击当前项内容区域，触发全局重置（确保点击其他项时联动）
+const onItemContentClick = () => {
+    if (!props.allowSlide) return;
+    // 先收回自己（如果已展开），再通知其他项
+    resetSlide();
+    uni.$emit('auiListItem:resetAllSlide');
+};
+
+// 原有：监听页面点击外部（原有，无改动）
 const handlePageClick = (e) => {
     if (!listItemRef.value || !isSliding.value) return;
     
-    // 获取组件 DOM 信息
     const itemDom = listItemRef.value;
     const itemRect = itemDom.getBoundingClientRect();
     
-    // 判断点击坐标是否在组件外部
     const clickX = e.clientX || e.touches?.[0]?.clientX;
     const clickY = e.clientY || e.touches?.[0]?.clientY;
     if (
@@ -122,29 +132,24 @@ const handlePageClick = (e) => {
         clickY < itemRect.top ||
         clickY > itemRect.bottom
     ) {
-        // 点击外部，触发收回
         resetSlide();
     }
 };
 
-// 新增：监听全局事件，收回所有列表项（解决多选项同时展开）
+// 原有：监听全局重置事件（无改动，确保收到通知即收回）
 const handleResetAllSlide = () => {
     resetSlide();
 };
 
-// 挂载时添加监听（优化：去重但保留你的原有监听，新增全局事件）
 onMounted(() => {
-    // 优先使用 uni-app 内置方法（更简洁）
     uni.onClickOutside(listItemRef, resetSlide);
-    // 备用：监听 window 点击（兼容更多场景，还原你的原有逻辑）
     window.addEventListener('click', handlePageClick);
     window.addEventListener('touchstart', handlePageClick);
-    // 新增：监听全局重置事件，不影响你的原有逻辑
+    // 确保全局事件监听生效，无遗漏
     uni.$on('auiListItem:resetAllSlide', handleResetAllSlide);
 });
 
 onUnmounted(() => {
-    // 移除监听，防止内存泄漏（还原你的原有逻辑，新增全局事件移除）
     uni.offClickOutside(listItemRef, resetSlide);
     window.removeEventListener('click', handlePageClick);
     window.removeEventListener('touchstart', handlePageClick);
@@ -152,7 +157,7 @@ onUnmounted(() => {
 });
 </script>
 
-<!-- 样式部分完全保留你的原有代码，无任何改动 -->
+<!-- 样式部分完全保留，无任何改动 -->
 <style scoped lang="scss">
 @import '../style.scss';
 .aui-list-item {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "rrj-astra-ui",
-  "version": "1.1.7",
+  "version": "1.1.8",
   "description": "AstraUI - A powerful UI framework for UniApp with global SCSS color variables",
   "main": "index.js",
   "keywords": [