uview-plus 3.4.71 → 3.4.73

package/changelog.md

@@ -1,3 +1,11 @@
+## 3.4.73（2025-08-05）
+improvment: 优化下拉刷新默认图标
+
+## 3.4.72（2025-08-05）
+improvment: 优化virtual-list虚拟列表样式
+
+feat: 新增virtual-list虚拟列表演示
+
 ## 3.4.71（2025-08-05）
 feat: 新增virtual-list虚拟列表组件
 

package/components/u-pull-refresh/u-pull-refresh.vue

@@ -22,7 +22,7 @@
         <!-- 默认下拉状态 -->
         <view class="refresh-content">
           <view class="refresh-indicator">
-            <view class="arrow"></view>
+            <up-icon name="arrow-downward" size="26px"></up-icon>
           </view>
           <text class="refresh-text">下拉刷新</text>
         </view>
@@ -37,7 +37,7 @@
         <!-- 默认释放状态 -->
         <view class="refresh-content">
           <view class="refresh-indicator">
-            <view class="arrow rotate"></view>
+            <up-icon name="arrow-upward" size="26px"></up-icon>
           </view>
           <text class="refresh-text">释放刷新</text>
         </view>
@@ -106,7 +106,7 @@ export default {
     // 下拉刷新阈值
     threshold: {
       type: Number,
-      default: 50
+      default: 80
     },
     // 阻尼系数
     damping: {
@@ -116,7 +116,7 @@ export default {
     // 最大下拉距离
     maxDistance: {
       type: Number,
-      default: 100
+      default: 120
     },
     // 是否显示加载更多
     showLoadmore: {
@@ -311,28 +311,6 @@ export default {
   padding-bottom: 10px;
 }
 
-.refresh-indicator {
-  width: 24px;
-  height: 24px;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  margin-bottom: 8px;
-}
-
-.arrow {
-  width: 12px;
-  height: 12px;
-  border-left: 2px solid #666;
-  border-bottom: 2px solid #666;
-  transform: rotate(-45deg);
-  transition: transform 0.2s;
-}
-
-.arrow.rotate {
-  transform: rotate(135deg);
-}
-
 .spinner {
   width: 16px;
   height: 16px;

package/components/u-virtual-list/u-virtual-list.vue

@@ -1,13 +1,13 @@
 <template>
-  <view class="u-virtual-list" :style="{ height: addUnit(height) }">
+  <view class="u-virtual-list" :style="{ height: addUnit(height) }" ref="container">
     <scroll-view
       class="virtual-scroll-container"
       :scroll-y="true"
       :scroll-top="scrollTop"
       :style="{ height: '100%' }"
       @scroll="handleScroll"
-      touchmove.stop.prevent="handleTouchMove"
     >
+    <!-- @touchmove.stop.prevent="handleTouchMove" -->
       <view class="scroll-content">
         <!-- 顶部占位 -->
         <view :style="{ height: topPlaceholderHeight + 'px' }"></view>
@@ -81,7 +81,9 @@ export default {
         // 默认值，防止除以0
         return Math.ceil(500 / this.itemHeight) || 10
       }
-      return Math.ceil(this.containerHeight / this.itemHeight)
+      const calculated = Math.ceil(this.containerHeight / this.itemHeight)
+      // 确保至少显示一些项
+      return Math.max(1, calculated)
     },
     // 可视项数量
     visibleCount() {
@@ -111,6 +113,7 @@ export default {
       return (this.listData.length - end) * this.itemHeight
     }
   },
+  emits: ['update:scrollTop', 'scroll'],
   watch: {
     listData: {
       handler() {
@@ -132,25 +135,69 @@ export default {
     
     // 测量容器高度
     measureContainerHeight() {
+      // 使用 uni.createSelectorQuery 获取实际高度
+      this.$nextTick(() => {
+        // #ifdef H5
+        if (this.$refs.container) {
+          const element = this.$refs.container.$el || this.$refs.container
+          this.containerHeight = element.offsetHeight || 500
+        }
+        // #endif
+        
+        // #ifndef H5
+        const query = uni.createSelectorQuery().in(this)
+        query.select('.u-virtual-list').boundingClientRect(rect => {
+          if (rect) {
+            this.containerHeight = rect.height || 500
+          } else {
+            // 如果无法获取实际高度，使用默认计算
+            this.containerHeight = this.calculateDefaultHeight()
+          }
+        }).exec()
+        // #endif
+      })
+    },
+    
+    // 计算默认高度
+    calculateDefaultHeight() {
       const height = this.height
       if (typeof height === 'number') {
-        this.containerHeight = height
-        return
+        return height
       }
       
       if (typeof height === 'string') {
         if (height.includes('px')) {
-          this.containerHeight = parseInt(height)
+          return parseInt(height) || 500
+        } else if (height.includes('vh')) {
+          // 处理视口高度单位
+          const vh = parseInt(height)
+          return isNaN(vh) ? 500 : (vh / 100) * this.getViewportHeight()
         } else if (height.includes('%')) {
-          // 对于百分比高度，使用默认值或根据父容器计算
-          this.containerHeight = 500
+          // 百分比高度，使用默认值
+          return 500
         } else {
           const num = parseInt(height)
-          this.containerHeight = isNaN(num) ? 500 : num
+          return isNaN(num) ? 500 : num
         }
-      } else {
-        this.containerHeight = 500
       }
+      
+      return 500
+    },
+    
+    // 获取视口高度
+    getViewportHeight() {
+      // #ifdef H5
+      return window.innerHeight
+      // #endif
+      
+      // #ifndef H5
+      try {
+        const res = uni.getSystemInfoSync()
+        return res.windowHeight
+      } catch (e) {
+        return 600 // 默认值
+      }
+      // #endif
     },
     
     getItemKey(item) {
@@ -166,6 +213,7 @@ export default {
     // 处理滚动
     handleScroll(e) {
       const scrollTop = e.detail.scrollTop
+      this.$emit('update:scrollTop', scrollTop)
       this.$emit('scroll', scrollTop)
     },
     
@@ -183,4 +231,23 @@ export default {
     }
   }
 }
-</script>
+</script>
+
+<style scoped lang="scss">
+.u-virtual-list {
+  position: relative;
+  overflow: hidden;
+}
+
+.virtual-scroll-container {
+  height: 100%;
+}
+
+.scroll-content {
+  position: relative;
+}
+
+.list-item {
+  will-change: transform;
+}
+</style>

package/package.json

@@ -2,15 +2,13 @@
   "id": "uview-plus",
   "name": "uview-plus",
   "displayName": "零云®uview-plus3.0重磅发布，全面的Vue3鸿蒙移动组件库。",
-  "version": "3.4.71",
-  "description": "零云®uview-plus已兼容vue3，全面的组件和便捷的工具会让您信手拈来，如鱼得水。",
+  "version": "3.4.73",
+  "description": "零云®uview-plus已兼容vue3，100+全面的组件和便捷的工具会让您信手拈来，如鱼得水。",
   "keywords": [
     "uview",
     "uview-plus",
     "ui",
-    "ui",
-    "uni-app",
-    "uni-app",
+    "echarts",
     "ui",
     "可视化设计"
 ],