rrj-astra-ui 1.1.8 → 1.1.9

package/components/AuiList.vue

@@ -3,16 +3,32 @@
         <slot></slot>
     </view>
 </template>
+
 <script setup>
+import { defineProps, ref, provide } from 'vue';
+const __name = 'AuiList'; // 保留你的 __name，无改动
+
+defineOptions({
+    name: __name
+})
+
+const props = defineProps({});
 
-    import { defineProps } from 'vue';
-    const __name = 'AuiList';
+// 核心：记录当前展开的子组件实例（AuiListItem）
+const currentOpenItem = ref(null);
 
-    defineOptions({
-        name: __name
-    })
+// 核心：父组件提供的重置方法，供所有子组件调用
+const resetAllListItems = (currentItem) => {
+    // 如果有其他展开的子项，调用它的重置方法
+    if (currentOpenItem.value && currentOpenItem.value !== currentItem) {
+        currentOpenItem.value.resetSlide();
+    }
+    // 记录当前展开的子项（如果是 null，说明要清空所有展开状态）
+    currentOpenItem.value = currentItem;
+};
 
-    const props = defineProps({
-        
-    });
+// 关键：通过 provide 向所有子组件注入重置方法，实现父子通信
+provide('auiListContext', {
+    resetAllListItems,
+});
 </script>

package/components/AuiListItem.vue

@@ -1,12 +1,10 @@
 <template>
     <view class="aui-list-item" ref="listItemRef">
-        <!-- 补充：给内容区域添加 @click 事件，点击自身内容也触发重置（增强联动） -->
         <view class="aui-list-item-content-wrapper" 
               :style="{ transform: `translateX(${offsetX}px)` }" 
               @touchstart="onTouchStart" 
               @touchmove="onTouchMove" 
-              @touchend="onTouchEnd"
-              @click="onItemContentClick">
+              @touchend="onTouchEnd">
             <view class="aui-list-item_befor">
                 <slot name="befor"></slot>
             </view>
@@ -32,8 +30,8 @@
 </template>
 
 <script setup>
-import { defineProps, ref, onMounted, onUnmounted } from 'vue';
-const __name = 'AuiListItem'; // 保留__name，无改动
+import { defineProps, ref, onMounted, onUnmounted, inject, expose } from 'vue';
+const __name = 'AuiListItem'; // 保留你的 __name，无改动
 
 defineOptions({
     name: __name
@@ -58,6 +56,9 @@ const props = defineProps({
     }
 });
 
+// 注入父组件提供的上下文（重置方法）
+const auiListContext = inject('auiListContext', null);
+
 const startX = ref(0);
 const offsetX = ref(0);
 const isSliding = ref(false);
@@ -67,8 +68,6 @@ 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;
@@ -78,14 +77,14 @@ const onTouchMove = (e) => {
     if (!props.allowSlide) return;
     const currentX = e.touches[0].clientX;
     const diffX = currentX - startX.value;
-    // 左滑逻辑（原有）
+    // 左滑逻辑（你的原有逻辑）
     if (diffX < 0) {
         offsetX.value = diffX;
         if (diffX < SLIDE_THRESHOLD) {
             isSliding.value = true;
         }
     }
-    // 右滑恢复逻辑（原有，修复无法右滑问题）
+    // 右滑恢复逻辑（你的原有逻辑，修复无法右滑）
     if (diffX > 0) {
         offsetX.value = 0;
         isSliding.value = false;
@@ -96,28 +95,28 @@ const onTouchEnd = () => {
     if (!props.allowSlide) return;
     if (offsetX.value < SLIDE_THRESHOLD) {
         offsetX.value = -150;
+        isSliding.value = true;
+        // 关键：当前项展开时，通知父组件重置其他子项，并记录自身实例
+        if (auiListContext) {
+            auiListContext.resetAllListItems(instanceRef.value);
+        }
     } else {
-        offsetX.value = 0;
-        isSliding.value = false;
+        resetSlide();
+        // 关键：当前项收回时，通知父组件清空展开记录
+        if (auiListContext) {
+            auiListContext.resetAllListItems(null);
+        }
     }
 };
 
-// 核心：收回当前项的滑动状态（原有，无改动）
+// 核心：收回当前项的滑动状态（暴露给父组件调用）
 const resetSlide = () => {
-    if (!props.allowSlide) return; // 移除 isSliding 判断，确保强制收回
+    if (!props.allowSlide) return;
     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;
     
@@ -133,31 +132,41 @@ const handlePageClick = (e) => {
         clickY > itemRect.bottom
     ) {
         resetSlide();
+        if (auiListContext) {
+            auiListContext.resetAllListItems(null);
+        }
     }
 };
 
-// 原有：监听全局重置事件（无改动，确保收到通知即收回）
-const handleResetAllSlide = () => {
-    resetSlide();
-};
+// 关键：暴露当前组件实例和 resetSlide 方法，供父组件调用
+const instanceRef = ref({
+    resetSlide
+});
+expose({
+    resetSlide
+});
 
 onMounted(() => {
-    uni.onClickOutside(listItemRef, resetSlide);
+    // 保留你的外部点击监听（兼容所有场景）
+    uni.onClickOutside(listItemRef, () => {
+        resetSlide();
+        if (auiListContext) {
+            auiListContext.resetAllListItems(null);
+        }
+    });
     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);
-    uni.$off('auiListItem:resetAllSlide', handleResetAllSlide);
 });
 </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.8",
+  "version": "1.1.9",
   "description": "AstraUI - A powerful UI framework for UniApp with global SCSS color variables",
   "main": "index.js",
   "keywords": [