Skip to content

Commit 4dd1dc4

Browse files
committed
fix: [Drawer] 监听 size 变化,更新抽屉宽度
1 parent 4780b1d commit 4dd1dc4

1 file changed

Lines changed: 6 additions & 6 deletions

File tree

src/components/drawer/index.js

Lines changed: 6 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -34,12 +34,12 @@ function Drawer(
3434
},
3535
ref,
3636
) {
37-
const getSizeStyle = _placement => ({
38-
width: [ 'top', 'bottom' ].includes(_placement) ? '100%' : size,
39-
height: [ 'left', 'right' ].includes(_placement) ? '100%' : size,
37+
const getSizeStyle = (_placement, _size) => ({
38+
width: [ 'top', 'bottom' ].includes(_placement) ? '100%' : _size,
39+
height: [ 'left', 'right' ].includes(_placement) ? '100%' : _size,
4040
});
4141

42-
const [sizeStyle, setSizeStyle] = useState(getSizeStyle(placement));
42+
const [sizeStyle, setSizeStyle] = useState(getSizeStyle(placement, size));
4343
const [isFullScreen, setIsFullScreen] = useState(false);
4444

4545
const [ visible, setVisible ] = useState(false);
@@ -52,7 +52,7 @@ function Drawer(
5252
};
5353

5454
useEffect(() => {
55-
setSizeStyle(getSizeStyle(placement));
55+
setSizeStyle(getSizeStyle(placement, size));
5656
}, [placement]);
5757

5858
useImperativeHandle(ref, () => ({
@@ -142,7 +142,7 @@ function Drawer(
142142
src={foldScreenImg}
143143
alt="收起"
144144
onClick={() => {
145-
setSizeStyle(getSizeStyle(placement));
145+
setSizeStyle(getSizeStyle(placement, size));
146146
setIsFullScreen(false);
147147
}}
148148
/>

0 commit comments

Comments
 (0)