fix: collapse flash on init

wxsms · wxsms · commit 158977680059 · 2021-11-24T11:44:45.000+08:00
diff --git a/src/components/collapse/Collapse.vue b/src/components/collapse/Collapse.vue
@@ -1,6 +1,6 @@
 <script>
 import { addClass, removeClass } from '../../utils/dom.utils';
-import { onMounted, ref, watchEffect, defineComponent, h } from 'vue';
+import { onMounted, ref, defineComponent, h, watch } from 'vue';
 
 export default defineComponent({
   props: {
@@ -59,7 +59,18 @@ export default defineComponent({
       }
     }
 
-    watchEffect(toggle);
+    watch(
+      () => props.modelValue,
+      () => {
+        toggle();
+      }
+    );
+
+    onMounted(() => {
+      if (props.modelValue) {
+        addClass(element.value, IN);
+      }
+    });
 
     return () =>
       h(props.tag, { ref: element, class: COLLAPSE }, slots.default?.());
