uview-pro 0.0.22 → 0.0.23

package/changelog.md

@@ -1,3 +1,19 @@
+## 0.0.23（2025-09-15）
+
+### 🐛 Bug Fixes | Bug 修复
+
+- **u-collapse:** fix accordion mode ([c411fef](https://github.com/anyup/uView-Pro/commit/c411fef340cff07ab06a64f623741e9c1ad125cb))
+
+### 🚀 Chore | 构建/工程依赖/工具
+
+- revert comments ([3eed330](https://github.com/anyup/uView-Pro/commit/3eed330c27a7026eb87cb9ef285d1ecbe6789552))
+- **docs:** 增加贡献者 ([8b9d44e](https://github.com/anyup/uView-Pro/commit/8b9d44e281c02f639079b77b7c32cc0a566b35a1))
+- **docs:** add contributors ([b4035da](https://github.com/anyup/uView-Pro/commit/b4035da5a39acc5ae9dcb13b06143cda6a73fec3))
+
+### 📝 Documentation | 文档
+
+- 更新交流群二维码图片 ([00c0581](https://github.com/anyup/uView-Pro/commit/00c058159ea9d169219474728e8b31cdc892ab2c))
+
 ## 0.0.22（2025-09-11）
 
 ### 🚀 Chore | 构建/工程依赖/工具

package/components/u-collapse/u-collapse.vue

@@ -30,13 +30,13 @@ const props = defineProps(CollapseProps);
 const emit = defineEmits(['change']);
 
 // 子元素集合
-const childrens = ref<any[]>([]);
+const children = ref<any[]>([]);
 
 /**
  * 重新初始化一次内部的所有子元素的高度计算，用于异步获取数据渲染的情况
  */
 function init() {
-    childrens.value.forEach((vm, index) => {
+    children.value.forEach((vm, index) => {
         vm.init && vm.init();
     });
 }
@@ -49,7 +49,7 @@ function onChange(index: string | number) {
 }
 
 provide('u-collapse', {
-    childrens,
+    children,
     props,
     init,
     onChange
@@ -57,7 +57,7 @@ provide('u-collapse', {
 
 defineExpose({
     props,
-    childrens,
+    children,
     init,
     onChange
 });

package/components/u-collapse-item/u-collapse-item.vue

@@ -7,11 +7,12 @@
                 </view>
                 <slot v-else name="title" />
                 <view class="u-icon-wrap">
-                    <u-icon v-if="arrow" :color="arrowColor" :class="{ 'u-arrow-down-icon-active': isShow }" class="u-arrow-down-icon" name="arrow-down"></u-icon>
+                    <u-icon v-if="arrow" :color="arrowColor" :class="{ 'u-arrow-down-icon-active': isShow }" class="u-arrow-down-icon" name="arrow-down" />
                 </view>
             </template>
             <slot v-else name="title-all" />
         </view>
+
         <view class="u-collapse-body" :style="{ height: isShow ? height + 'px' : '0' }">
             <view class="u-collapse-content" :id="elId" :style="bodyStyle">
                 <slot></slot>
@@ -25,9 +26,7 @@ import { ref, watch, onMounted, useSlots, getCurrentInstance, nextTick, inject }
 import { $u } from '../..';
 import { CollapseItemProps } from './types';
 
-defineOptions({
-    name: 'u-collapse-item'
-});
+defineOptions({ name: 'u-collapse-item' });
 
 /**
  * collapseItem 手风琴Item
@@ -44,7 +43,6 @@ defineOptions({
  * @example <u-collapse-item :title="item.head" v-for="(item, index) in itemList" :key="index">{{item.body}}</u-collapse-item>
  */
 const props = defineProps(CollapseItemProps);
-
 const emit = defineEmits(['change']);
 const slots = useSlots();
 const instance = getCurrentInstance();
@@ -57,15 +55,17 @@ const bodyStyle = ref<Record<string, any>>({}); // 主体部分样式
 const itemStyle = ref<Record<string, any>>({}); // 每个item的整体样式
 const arrowColor = ref(''); // 箭头的颜色
 const hoverClass = ref(''); // 头部按下时的效果样式类
-const arrow = ref(true); // 是否显示右侧箭头
-// let parent: any = null
+const accordion = ref(true); // 是否显示右侧箭头
+const arrow = ref(true);
+
 const parent = inject<any>('u-collapse', null);
-// 监听 open 属性变化
+
 watch(
     () => props.open,
     val => {
         isShow.value = val;
-    }
+    },
+    { immediate: true }
 );
 
 /**
@@ -74,13 +74,16 @@ watch(
 function init() {
     if (parent) {
         // 不存在时才添加本实例
-        if (!parent.childrens.value.includes(instance?.proxy)) parent.childrens.value.push(instance?.proxy);
+        if (!parent.children.value.includes(instance?.exposed)) {
+            parent.children.value.push(instance?.exposed);
+        }
         headStyle.value = parent.props.headStyle;
         bodyStyle.value = parent.props.bodyStyle;
         arrowColor.value = parent.props.arrowColor;
         hoverClass.value = parent.props.hoverClass;
         arrow.value = parent.props.arrow;
         itemStyle.value = parent.props.itemStyle;
+        accordion.value = parent.props.accordion;
     }
     elId.value = $u.guid();
     nextTick(() => {
@@ -89,17 +92,31 @@ function init() {
 }
 
 /**
- * 点击collapsehead头部
+ * 点击collapse head头部
  */
 function headClick() {
     if (props.disabled) return;
-    isShow.value = !isShow.value;
-    // 触发本组件的事件
-    emit('change', {
-        index: props.index,
-        show: isShow.value
-    });
-    // 只有在打开时才发出事件
+
+    if (accordion.value && parent) {
+        parent.children.value.forEach((vm: any) => {
+            if (vm.elId !== elId.value) {
+                vm.isShow = false;
+            } else {
+                vm.isShow = !vm.isShow;
+                emit('change', {
+                    index: props.index,
+                    show: vm.isShow
+                });
+            }
+        });
+    } else {
+        isShow.value = !isShow.value;
+        emit('change', {
+            index: props.index,
+            show: isShow.value
+        });
+    }
+
     if (isShow.value) parent && parent.onChange && parent.onChange(props.index);
 }
 
@@ -117,6 +134,7 @@ function queryRect() {
 onMounted(() => {
     init();
 });
+
 defineExpose({
     init,
     isShow,

package/package.json

@@ -2,7 +2,7 @@
     "id": "uview-pro",
     "name": "uview-pro",
     "displayName": "【Vue3重构版】uView Pro｜基于Vue3+TS全面重构的70+精选UI组件库",
-    "version": "0.0.22",
+    "version": "0.0.23",
     "description": "uView Pro，是全面支持Vue3的uni-app生态框架，70+精选组件已使用TypeScript重构，已全面支持uni-app Vue3.0",
     "main": "index.ts",
     "module": "index.ts",

package/readme.md

@@ -69,7 +69,7 @@ pnpm dev
 
 <table class="table">
     <tr>
-        <td><img src="https://ik.imagekit.io/anyup/images/social/weixin-chat.png?updatedAt=1757299344899" width="250" height="345" ></td>
+        <td><img src="https://ik.imagekit.io/anyup/images/social/weixin-chat.png?updatedAt=1757940337724" width="250" height="345" ></td>
         <td><img src="https://ik.imagekit.io/anyup/images/social/qq-chat.png" width="250" height="345" ></td>
     </tr>
     <tr>
@@ -217,6 +217,12 @@ export function createApp() {
     </tr>
 </table>
 
+## 贡献者
+
+<a href="https://github.com/anyup/uView-Pro/graphs/contributors">
+  <img alt="Contributors" src="https://contrib.rocks/image?repo=anyup/uView-Pro" />
+</a>
+
 ## 版权信息
 
 `uView Pro` 遵循[MIT](https://en.wikipedia.org/wiki/MIT_License)开源协议，意味着您无需支付任何费用，也无需授权，即可将 `uView Pro` 应用到您的产品中。