From bcd8f4515bc18d80f217e120692e921a314f038e Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Fri, 25 Sep 2020 14:15:57 +0800
Subject: [PATCH] chore(Collapse): use relation

---
 src/collapse-item/index.js |  2 +-
 src/collapse/index.js      | 10 +++-------
 2 files changed, 4 insertions(+), 8 deletions(-)

diff --git a/src/collapse-item/index.js b/src/collapse-item/index.js
index 3f4c9de8e..01b7362ce 100644
--- a/src/collapse-item/index.js
+++ b/src/collapse-item/index.js
@@ -5,7 +5,7 @@ import { createNamespace } from '../utils';
 import { raf, doubleRaf } from '../utils/dom/raf';
 
 // Composition
-import { useParent } from '../composition/use-parent';
+import { useParent } from '../composition/use-relation';
 import { useLazyRender } from '../composition/use-lazy-render';
 
 // Components
diff --git a/src/collapse/index.js b/src/collapse/index.js
index f26af775e..d0a9dd234 100644
--- a/src/collapse/index.js
+++ b/src/collapse/index.js
@@ -1,6 +1,6 @@
-import { provide, reactive } from 'vue';
 import { createNamespace } from '../utils';
 import { BORDER_TOP_BOTTOM } from '../utils/constant';
+import { useChildren } from '../composition/use-relation';
 
 const [createComponent, bem] = createNamespace('collapse');
 
@@ -19,7 +19,7 @@ export default createComponent({
   emits: ['change', 'update:modelValue'],
 
   setup(props, { emit, slots }) {
-    const children = reactive([]);
+    const { linkChildren } = useChildren(COLLAPSE_KEY);
 
     const toggle = (name, expanded) => {
       const { accordion, modelValue } = props;
@@ -55,11 +55,7 @@ export default createComponent({
       return accordion ? modelValue === name : modelValue.indexOf(name) !== -1;
     };
 
-    provide(COLLAPSE_KEY, {
-      toggle,
-      children,
-      isExpanded,
-    });
+    linkChildren({ toggle, isExpanded });
 
     return () => (
       <div class={[bem(), { [BORDER_TOP_BOTTOM]: props.border }]}>