diff --git a/CHANGELOG.zh_CN.md b/CHANGELOG.zh_CN.md index 08115f3b6..55e6ffd34 100644 --- a/CHANGELOG.zh_CN.md +++ b/CHANGELOG.zh_CN.md @@ -22,6 +22,7 @@ - 修复 axios 大小写问题 - 修复按钮样式问题 - 修复菜单分割模式问题 +- 修复 `Modal`与`Drawer`组件在使用 emits 数据传递失效问题 ## 2.0.0-rc.13 (2020-12-10) diff --git a/src/components/Application/index.ts b/src/components/Application/index.ts index 57074ccce..983b4cfd9 100644 --- a/src/components/Application/index.ts +++ b/src/components/Application/index.ts @@ -1,5 +1,6 @@ import { withInstall } from '../util'; import { createAsyncComponent } from '/@/utils/factory/createAsyncComponent'; +import AppLogo from './src/AppLogo.vue'; export const AppLocalePicker = createAsyncComponent(() => import('./src/AppLocalePicker.vue'), { loading: true, @@ -8,8 +9,9 @@ export const AppProvider = createAsyncComponent(() => import('./src/AppProvider. export const AppSearch = createAsyncComponent(() => import('./src/search/AppSearch.vue'), { loading: true, }); -export const AppLogo = createAsyncComponent(() => import('./src/AppLogo.vue')); +// export const AppLogo = createAsyncComponent(() => import('./src/AppLogo.vue')); withInstall(AppLocalePicker, AppLogo, AppProvider, AppSearch); export { useAppProviderContext } from './src/useAppContext'; +export { AppLogo }; diff --git a/src/components/Drawer/src/useDrawer.ts b/src/components/Drawer/src/useDrawer.ts index de7719f03..1781bea58 100644 --- a/src/components/Drawer/src/useDrawer.ts +++ b/src/components/Drawer/src/useDrawer.ts @@ -102,7 +102,7 @@ export const useDrawerInner = (callbackFn?: Fn): UseDrawerInnerReturnType => { uidRef.value = uuid; drawerInstanceRef.value = modalInstance; - currentInstall.emit('register', modalInstance); + currentInstall.emit('register', modalInstance, uuid); }; watchEffect(() => { diff --git a/src/components/Modal/src/useModal.ts b/src/components/Modal/src/useModal.ts index c1e7a6340..05de30761 100644 --- a/src/components/Modal/src/useModal.ts +++ b/src/components/Modal/src/useModal.ts @@ -90,6 +90,9 @@ export const useModalInner = (callbackFn?: Fn): UseModalInnerReturnType => { throw new Error('instance is undefined!'); } + // currentInstall.type.emits = [...currentInstall.type.emits, 'register']; + // Object.assign(currentInstall.type.emits, ['register']); + const getInstance = () => { const instance = unref(modalInstanceRef); if (!instance) { @@ -103,10 +106,9 @@ export const useModalInner = (callbackFn?: Fn): UseModalInnerReturnType => { tryOnUnmounted(() => { modalInstanceRef.value = null; }); - uidRef.value = uuid; modalInstanceRef.value = modalInstance; - currentInstall.emit('register', modalInstance); + currentInstall.emit('register', modalInstance, uuid); }; watchEffect(() => { diff --git a/src/layouts/default/header/LayoutMultipleHeader.less b/src/layouts/default/header/LayoutMultipleHeader.less index 138ef48b8..e460c1d30 100644 --- a/src/layouts/default/header/LayoutMultipleHeader.less +++ b/src/layouts/default/header/LayoutMultipleHeader.less @@ -1,9 +1,10 @@ .multiple-tab-header { - flex: 0 0 auto; + margin-left: 1px; transition: width 0.2s; + flex: 0 0 auto; &.dark { - margin-left: -1px; + margin-left: 0; } &.fixed { diff --git a/src/layouts/default/index.less b/src/layouts/default/index.less index 014b67035..8ea4aeb0d 100644 --- a/src/layouts/default/index.less +++ b/src/layouts/default/index.less @@ -12,6 +12,6 @@ } &__main { - margin-left: 2px; + margin-left: 1px; } } diff --git a/src/layouts/default/sider/index.less b/src/layouts/default/sider/index.less index 9f8ca4c1f..c1a254b0d 100644 --- a/src/layouts/default/sider/index.less +++ b/src/layouts/default/sider/index.less @@ -25,7 +25,7 @@ } &:not(.ant-layout-sider-dark) { - box-shadow: 2px 0 8px 0 rgba(29, 35, 41, 0.05); + // box-shadow: 2px 0 8px 0 rgba(29, 35, 41, 0.05); .ant-layout-sider-trigger { color: @text-color-base;