refactor: 重构多个组件以支持 Vue 3 语法和功能

- 将多个组件转换为 `<script setup>` 语法，提升可读性和性能
- 优化状态管理和事件处理逻辑，简化代码结构
- 更新样式和布局以适应新组件结构
- 添加新功能和修复已知问题，提升用户体验

patches/uview-plus+3.8.42.patch

@@ -1,5 +1,5 @@
 diff --git a/node_modules/uview-plus/components/u-image/u-image.vue b/node_modules/uview-plus/components/u-image/u-image.vue
-index 24e3b10..1360704 100644
+index 24e3b10..b59b657 100644
 --- a/node_modules/uview-plus/components/u-image/u-image.vue
 +++ b/node_modules/uview-plus/components/u-image/u-image.vue
 @@ -26,7 +26,7 @@
@@ -20,7 +20,20 @@ index 24e3b10..1360704 100644
  				class="u-image__error"
  				:style="{
  					borderRadius: shape == 'circle' ? '50%' : addUnit(radius),
-@@ -126,6 +126,12 @@
+@@ -108,7 +108,12 @@
+ 				// 图片加载完成时，去掉背景颜色，因为如果是png图片，就会显示灰色的背景
+ 				backgroundStyle: {},
+ 				// 用于fade模式的控制组件显示与否
++				// #ifdef MP-WEIXIN
++				show: true
++				// #endif
++				// #ifndef MP-WEIXIN
+ 				show: false
++				// #endif
+ 			};
+ 		},
+ 		watch: {
+@@ -126,6 +131,12 @@
  			}
  		},
  		computed: {