feat: replace react-dnd to dnd-kit (#2028)

Co-authored-by: Himself65 <himself65@outlook.com>
This commit is contained in:
Qi
2023-04-21 12:27:32 +08:00
committed by GitHub
parent 4a473f5518
commit a5a6203a95
13 changed files with 334 additions and 252 deletions
@@ -8,7 +8,7 @@ import {
export const StyledCollapsedButton = styled('button')<{
collapse: boolean;
show?: boolean;
}>(({ collapse, show = true, theme }) => {
}>(({ collapse, show = true }) => {
return {
width: '16px',
height: '100%',
@@ -43,7 +43,6 @@ export const StyledPinboard = styled('div')<{
disableCollapse,
disable = false,
active = false,
theme,
isOver,
textWrap = false,
}) => {
@@ -66,7 +65,7 @@ export const StyledPinboard = styled('div')<{
userSelect: 'none',
...(textWrap
? {
wordBreak: 'break-all',
wordBreak: 'break-word',
whiteSpace: 'pre-wrap',
}
: {}),
@@ -106,7 +105,7 @@ export const StyledOperationButton = styled(IconButton, {
};
});
export const StyledSearchContainer = styled('div')(({ theme }) => {
export const StyledSearchContainer = styled('div')(() => {
return {
width: 'calc(100% - 24px)',
margin: '0 auto',
@@ -125,7 +124,7 @@ export const StyledMenuContent = styled('div')(() => {
overflow: 'auto',
};
});
export const StyledMenuSubTitle = styled('div')(({ theme }) => {
export const StyledMenuSubTitle = styled('div')(() => {
return {
color: 'var(--affine-text-secondary-color)',
lineHeight: '36px',
@@ -133,7 +132,7 @@ export const StyledMenuSubTitle = styled('div')(({ theme }) => {
};
});
export const StyledMenuFooter = styled('div')(({ theme }) => {
export const StyledMenuFooter = styled('div')(() => {
return {
width: 'calc(100% - 24px)',
margin: '0 auto',