fix: 修复Layout/Sider组件safari下响应式报错问题

NSFI · May 8, 2020 · 4d082db · 4d082db
1 parent 50a5bc2
commit 4d082db
Show file tree

Hide file tree

Showing 3 changed files with 10 additions and 1 deletion.
diff --git a/site/docs/upgradeNotes/1.7/1.7.4.md b/site/docs/upgradeNotes/1.7/1.7.4.md
@@ -33,3 +33,7 @@
 ### 1.7.4-beta.1
 - Notification
   - 🔨 优化 API onClose，新增参数 key 区分手动和自动关闭
+
+### 1.7.4-beta.2
+- Layout
+  - 🐛 修复 Safari下 Sider组件监听事件报错
diff --git a/site/docs/upgradeNotes/版本升级说明.md b/site/docs/upgradeNotes/版本升级说明.md
@@ -970,3 +970,7 @@
 ## 1.7.4-beta.1
 - Notification
   - 🔨 优化 API onClose，新增参数 key 区分手动和自动关闭
+
+## 1.7.4-beta.2
+- Layout
+  - 🐛 修复 Safari下 Sider组件监听事件报错
diff --git a/source/components/Layout/Sider.tsx b/source/components/Layout/Sider.tsx
@@ -140,7 +140,8 @@ class Sider extends React.Component<SiderProps, SiderState> {
 
   componentDidMount() {
     if (this.mql) {
-      this.mql.addEventListener('change', this.responsiveHandler);
+      // this.mql.addEventListener('change', this.responsiveHandler);
+      this.mql.addListener(this.responsiveHandler);
       this.responsiveHandler((this.mql as any) as MediaQueryListEvent);
     }