chore: prefer named exports (#8315)

* chore: prefer named exports

* chore: fix import

src/nav-bar/NavBar.tsx

@@ -8,7 +8,7 @@ import { BORDER_BOTTOM } from '../utils/constant';
 import { usePlaceholder } from '../composables/use-placeholder';
 
 // Components
-import Icon from '../icon';
+import { Icon } from '../icon';
 
 const [name, bem] = createNamespace('nav-bar');
 

src/nav-bar/demo/index.vue

@@ -21,7 +21,7 @@
 
 <script lang="ts">
 import { useTranslate } from '@demo/use-translate';
-import Toast from '../../toast';
+import { Toast } from '../../toast';
 
 const i18n = {
   'zh-CN': {

src/nav-bar/test/index.spec.ts

@@ -1,4 +1,4 @@
-import NavBar from '..';
+import { NavBar } from '..';
 import { mount, mockGetBoundingClientRect, later } from '../../../test';
 
 test('should render left slot correctly', () => {