From 5c4e0c805ff202a12e4470f8bfee2fbdc5b1c831 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=B0=B1=E7=9C=A0=E5=84=80=E5=BC=8F?= <854085467@qq.com>
Date: Thu, 24 Mar 2022 17:51:41 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20collapse=20=E6=96=B0=E5=A2=9E=20isAmin?=
 =?UTF-8?q?=20=E5=B1=9E=E6=80=A7,=20=E6=98=AF=E5=90=A6=E5=90=AF=E7=94=A8?=
 =?UTF-8?q?=E6=8A=98=E5=8F=A0=E5=8A=A8=E7=94=BB?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 example/docs/zh-CN/components/collapse.md | 33 +++++++++++++++++++++++
 example/docs/zh-CN/guide/changelog.md     |  1 +
 src/component/collapseItem/index.vue      |  9 +++----
 3 files changed, 37 insertions(+), 6 deletions(-)

diff --git a/example/docs/zh-CN/components/collapse.md b/example/docs/zh-CN/components/collapse.md
index 6ac5dc41..4fda9c14 100644
--- a/example/docs/zh-CN/components/collapse.md
+++ b/example/docs/zh-CN/components/collapse.md
@@ -133,6 +133,39 @@ export default {
 
 :::
 
+
+::: title 关闭动画
+:::
+
+::: demo
+
+<template>
+  <lay-collapse v-model="openKeys5" :isAmin="isAmin">
+    <lay-collapse-item title="标题1" id="1"> 内容1 </lay-collapse-item>
+    <lay-collapse-item title="标题2" id="2"> 内容2 </lay-collapse-item>
+    <lay-collapse-item title="标题3" id="3"> 内容3 </lay-collapse-item>
+  </lay-collapse>
+</template>
+
+<script>
+import { ref } from 'vue'
+
+export default {
+  setup() {
+
+    const isAmin = ref(false)
+    const openKeys5 = ref("2")
+
+    return {
+      openKeys5,
+      isAmin
+    }
+  }
+}
+</script>
+
+:::
+
 ::: title 事件使用
 :::
 
diff --git a/example/docs/zh-CN/guide/changelog.md b/example/docs/zh-CN/guide/changelog.md
index 54f08c4f..648f76c1 100644
--- a/example/docs/zh-CN/guide/changelog.md
+++ b/example/docs/zh-CN/guide/changelog.md
@@ -21,6 +21,7 @@
           <li>[新增] transition 组件 type 属性, 默认为 collapse 过渡。</li>
           <li>[新增] transition 组件 enable 属性, 默认为 true 启用动画。</li>
           <li>[新增] transition 组件 type 属性 fade 值, 提供淡出淡入效果。</li>
+          <li>[新增] collapse 组件 isAmin 属性, 是否启用折叠动画, 默认为 true。</li>
           <li>[新增] input 组件 allow-clear 属性, 提供输入清空。</li>
           <li>[新增] input 组件 prefix 插槽, 提供前缀设置。</li>
           <li>[新增] input 组件 suffix 插槽, 提供后缀设置。</li>
diff --git a/src/component/collapseItem/index.vue b/src/component/collapseItem/index.vue
index 193b1916..d22fcc1c 100644
--- a/src/component/collapseItem/index.vue
+++ b/src/component/collapseItem/index.vue
@@ -19,7 +19,7 @@ const props = withDefaults(defineProps<LayCollapseItemProps>(), {
   disabled: false,
 });
 
-const { accordion, activeValues, emit } = inject("layCollapse") as any;
+const { accordion, activeValues, emit, isAmin } = inject("layCollapse") as any;
 
 let isShow = computed(() => {
   return activeValues.value.includes(props.id);
@@ -50,14 +50,11 @@ const showHandle = function () {
 
 <template>
   <div class="layui-colla-item">
-    <h2
-      :class="['layui-colla-title', { 'layui-disabled': disabled }]"
-      @click="showHandle"
-    >
+    <h2 :class="['layui-colla-title', { 'layui-disabled': disabled }]" @click="showHandle">
       <slot name="title" :props="props">{{ title }}</slot>
       <i class="layui-icon layui-colla-icon">{{ isShow ? "" : "" }}</i>
     </h2>
-    <lay-transition>
+    <lay-transition :enable="isAmin">
       <div v-if="isShow">
         <div class="layui-colla-content">
           <p>