fix: fix modal and drawer component missing uid

vben
1 parent f7ec3c93
Showing 7 changed files with 14 additions and 8 deletions
CHANGELOG.zh_CN.md
src/components/Application/index.ts
src/components/Drawer/src/useDrawer.ts
src/components/Modal/src/useModal.ts
src/layouts/default/header/LayoutMultipleHeader.less
src/layouts/default/index.less
src/layouts/default/sider/index.less
@@ -22,6 +22,7 @@
 - 修复 axios 大小写问题
 - 修复按钮样式问题
 - 修复菜单分割模式问题
+- 修复 `Modal`与`Drawer`组件在使用 emits 数据传递失效问题
  
 ## 2.0.0-rc.13 (2020-12-10)
  
 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(() =&gt; import(&#39;./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 };
@@ -102,7 +102,7 @@ export const useDrawerInner = (callbackFn?: Fn): UseDrawerInnerReturnType =&gt; {
  
     uidRef.value = uuid;
     drawerInstanceRef.value = modalInstance;
-    currentInstall.emit('register', modalInstance);
+    currentInstall.emit('register', modalInstance, uuid);
   };
  
   watchEffect(() => {
@@ -90,6 +90,9 @@ export const useModalInner = (callbackFn?: Fn): UseModalInnerReturnType =&gt; {
     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 =&gt; {
       tryOnUnmounted(() => {
         modalInstanceRef.value = null;
       });
-
     uidRef.value = uuid;
     modalInstanceRef.value = modalInstance;
-    currentInstall.emit('register', modalInstance);
+    currentInstall.emit('register', modalInstance, uuid);
   };
  
   watchEffect(() => {
 .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 {
@@ -12,6 +12,6 @@
   }
  
   &__main {
-    margin-left: 2px;
+    margin-left: 1px;
   }
 }
@@ -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;