优化注释

FightingDesign · Jun 16, 2023 · 0d30bf3 · 0d30bf3
1 parent a740bcc
commit 0d30bf3
Show file tree

Hide file tree

Showing 2 changed files with 20 additions and 11 deletions.
diff --git a/packages/fighting-design/collapse-animation/src/collapse-animation.vue b/packages/fighting-design/collapse-animation/src/collapse-animation.vue
@@ -45,9 +45,7 @@
   })
 
   /**
-   * 在元素被插入到 DOM 之前被调用
-   *
-   * 用这个来设置元素的 "enter-from" 状态
+   * 打开动画开始的回调
    *
    * @param { Object } el 元素节点
    */
@@ -99,7 +97,7 @@
   }
 
   /**
-   * 当进入过渡完成时调用
+   * 打开动画结束的回调
    *
    * @param { Object } el 元素节点
    */
@@ -114,7 +112,7 @@
   }
 
   /**
-   * 关闭动画开始执行的回调
+   * 关闭动画开始的回调
    *
    * @param { Object } el 元素节点
    */
@@ -162,9 +160,7 @@
   }
 
   /**
-   * 关闭动画结束执行的回调
-   *
-   * 且元素已从 DOM 中移除时调用
+   * 关闭动画结束的回调
    *
    * @param { Object } el 元素节点
    */

diff --git a/start/src/App.vue b/start/src/App.vue
@@ -1,10 +1,23 @@
 <script lang="ts" setup>
   import { ref } from 'vue'
 
-  const files1 = ref([])
+  const isOpen = ref(false)
 </script>
 
 <template>
-  {{ files1 }}
-  <f-up-load v-model:files="files1" multiple show-list />
+  <f-switch v-model="isOpen" />
+
+  <f-collapse-animation :opened="isOpen">
+    <p>11111</p>
+    <p>11111</p>
+    <p>11111</p>
+    <p>11111</p>
+    <p>11111</p>
+    <p>11111</p>
+    <p>11111</p>
+    <p>11111</p>
+    <p>11111</p>
+    <p>11111</p>
+    <p>222222</p>
+  </f-collapse-animation>
 </template>