chore: rename api folder to composition

src/action-bar-button/index.js

@@ -1,8 +1,12 @@
 import { computed } from 'vue';
 import { createNamespace } from '../utils';
-import { useRoute, routeProps } from '../utils/router';
-import { useParent } from '../api/use-relation';
 import { ACTION_BAR_KEY } from '../action-bar';
+
+// Composition
+import { useParent } from '../composition/use-relation';
+import { useRoute, routeProps } from '../composition/use-route';
+
+// Components
 import Button from '../button';
 
 const [createComponent, bem] = createNamespace('action-bar-button');

src/action-bar-icon/index.js

@@ -1,7 +1,11 @@
 import { createNamespace } from '../utils';
-import { useRoute, routeProps } from '../utils/router';
-import { useParent } from '../api/use-relation';
 import { ACTION_BAR_KEY } from '../action-bar';
+
+// Composition
+import { useParent } from '../composition/use-relation';
+import { useRoute, routeProps } from '../composition/use-route';
+
+// Components
 import Icon from '../icon';
 import Badge from '../badge';
 

src/button/index.js

@@ -1,7 +1,7 @@
 // Utils
 import { createNamespace } from '../utils';
 import { BORDER_SURROUND, WHITE } from '../utils/constant';
-import { useRoute, routeProps } from '../utils/router';
+import { useRoute, routeProps } from '../composition/use-route';
 
 // Components
 import Icon from '../icon';

src/calendar/components/Month.js

@@ -15,9 +15,9 @@ import {
   formatMonthTitle,
 } from '../utils';
 
-// Compositions
-import { useHeight } from '../../api/use-rect';
-import { useToggle } from '../../api/use-toggle';
+// Composition
+import { useHeight } from '../../composition/use-rect';
+import { useToggle } from '../../composition/use-toggle';
 
 // Components
 import Day from './Day';

src/cell/index.js

@@ -1,8 +1,10 @@
 // Utils
 import { createNamespace, isDef } from '../utils';
-import { useRoute, routeProps } from '../utils/router';
 import { cellProps } from './shared';
 
+// Composition
+import { useRoute, routeProps } from '../composition/use-route';
+
 // Components
 import Icon from '../icon';
 

src/col/index.js

@@ -1,6 +1,6 @@
 import { computed } from 'vue';
 import { createNamespace } from '../utils';
-import { useParent } from '../api/use-relation';
+import { useParent } from '../composition/use-relation';
 import { ROW_KEY } from '../row';
 
 const [createComponent, bem] = createNamespace('col');

src/collapse-item/index.js

@@ -5,8 +5,8 @@ import { createNamespace, isDef } from '../utils';
 import { raf, doubleRaf } from '../utils/dom/raf';
 
 // Composition
-import { useParent } from '../api/use-relation';
-import { useLazyRender } from '../api/use-lazy-render';
+import { useParent } from '../composition/use-relation';
+import { useLazyRender } from '../composition/use-lazy-render';
 
 // Components
 import Cell from '../cell';

src/grid-item/index.js

@@ -1,7 +1,7 @@
 // Utils
 import { createNamespace, addUnit } from '../utils';
 import { BORDER } from '../utils/constant';
-import { route, routeProps } from '../utils/router';
+import { route, routeProps } from '../composition/use-route';
 
 // Mixins
 import { ChildrenMixin } from '../mixins/relation';

src/nav-bar/index.js

@@ -4,8 +4,8 @@ import { ref, onMounted } from 'vue';
 import { createNamespace } from '../utils';
 import { BORDER_BOTTOM } from '../utils/constant';
 
-// Compositions
-import { useHeight } from '../api/use-rect';
+// Composition
+import { useHeight } from '../composition/use-rect';
 
 // Components
 import Icon from '../icon';

src/sidebar-item/index.js

@@ -1,6 +1,6 @@
 import { createNamespace } from '../utils';
-import { useRoute, routeProps } from '../utils/router';
-import { useParent } from '../api/use-relation';
+import { useRoute, routeProps } from '../composition/use-route';
+import { useParent } from '../composition/use-relation';
 import { SIDEBAR_KEY } from '../sidebar';
 import Badge from '../badge';
 

src/tab/index.js

@@ -1,6 +1,6 @@
 import { isDef, createNamespace } from '../utils';
 import { ChildrenMixin } from '../mixins/relation';
-import { routeProps } from '../utils/router';
+import { routeProps } from '../composition/use-route';
 
 const [createComponent, bem] = createNamespace('tab');
 

src/tabbar-item/index.js

@@ -1,6 +1,6 @@
 // Utils
 import { createNamespace, isObject, isDef } from '../utils';
-import { route, routeProps } from '../utils/router';
+import { route, routeProps } from '../composition/use-route';
 
 // Mixins
 import { ChildrenMixin } from '../mixins/relation';

src/tabs/index.js

@@ -1,7 +1,7 @@
 // Utils
 import { createNamespace, isDef, addUnit, isPromise } from '../utils';
 import { scrollLeftTo, scrollTopTo } from './utils';
-import { route } from '../utils/router';
+import { route } from '../composition/use-route';
 import { isHidden } from '../utils/dom/style';
 import { on, off } from '../utils/dom/event';
 import { BORDER_TOP_BOTTOM } from '../utils/constant';