chore: prefer named exports (#8315)

* chore: prefer named exports

* chore: fix import

src/dialog/Dialog.tsx

@@ -4,13 +4,13 @@ import { PropType, reactive, defineComponent } from 'vue';
 import { callInterceptor, Interceptor } from '../utils/interceptor';
 import { createNamespace, addUnit, pick, UnknownProp } from '../utils';
 import { BORDER_TOP, BORDER_LEFT } from '../utils/constant';
+import { popupSharedProps, popupSharedPropKeys } from '../popup/shared';
 
 // Components
-import Popup from '../popup';
-import Button from '../button';
-import ActionBar from '../action-bar';
-import ActionBarButton from '../action-bar-button';
-import { popupSharedProps, popupSharedPropKeys } from '../popup/shared';
+import { Popup } from '../popup';
+import { Button } from '../button';
+import { ActionBar } from '../action-bar';
+import { ActionBarButton } from '../action-bar-button';
 
 const [name, bem, t] = createNamespace('dialog');
 

src/dialog/demo/index.vue

@@ -30,7 +30,7 @@
 <script lang="ts">
 import { ref } from 'vue';
 import { useTranslate } from '@demo/use-translate';
-import Dialog from '..';
+import { Dialog } from '..';
 import type { DialogAction } from '../Dialog';
 
 const i18n = {

src/dialog/test/funciton-call.spec.js

@@ -1,6 +1,6 @@
 import { createApp } from 'vue';
 import { later } from '../../../test';
-import Dialog from '..';
+import { Dialog } from '..';
 import DialogComponent from '../Dialog';
 
 test('should update default options when calling setDefaultOptions method', () => {