fix: fix collapse-transition register error & export collapse-transit…

…ion component
hug-sun · Nov 26, 2020 · 5847f0e · 5847f0e
1 parent 11385fb
commit 5847f0e
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 4 deletions.
diff --git a/src/entry.js b/src/entry.js
@@ -1,4 +1,5 @@
 // 用于构建时的入口
+import ElCollapseTransition from './transitions/collapse-transition'
 // Basic
 import ElRow from '../packages/row'
 import ElCol from '../packages/col'
@@ -171,7 +172,8 @@ const components = [
   ElInfiniteScroll,
   ElDrawer,
   ElScrollbar,
-  ElAutocomplete
+  ElAutocomplete,
+  ElCollapseTransition
 ]
 
 const install = (app, opts = {}) => {
@@ -268,6 +270,7 @@ export {
   ElCard,
   ElCollapse,
   ElCollapseItem,
+  ElCollapseTransition,
   ElTimeline,
   ElTimelineItem,
   ElDivider,

diff --git a/src/transitions/collapse-transition.js b/src/transitions/collapse-transition.js
@@ -1,4 +1,4 @@
-import { addClass, removeClass } from '../../src/utils/dom'
+import { addClass, removeClass } from '../utils/dom'
 import { h, Transition } from 'vue'
 
 class TransitionFn {
@@ -65,7 +65,8 @@ class TransitionFn {
   }
 }
 
-const ElCollapseTransition = (props, { slots }) => {
+const ElCollapseTransition = (props, context) => {
+  console.log(context)
   const transitions = new TransitionFn()
   const data = {
     onBeforeEnter: transitions.beforeEnter,
@@ -75,7 +76,11 @@ const ElCollapseTransition = (props, { slots }) => {
     onLeave: transitions.leave,
     onAfterLeave: transitions.afterLeave
   }
-  return h(Transition, data, slots)
+  return h(Transition, data, context.slots)
+}
+
+ElCollapseTransition.install = function (app) {
+  app.component('ElCollapseTransition', ElCollapseTransition)
 }
 
 export default ElCollapseTransition