Jayden/AFFiNE-Mirror
1
0
Fork 0
mirror of https://github.com/toeverything/AFFiNE.git synced 2026-02-13 21:05:19 +00:00
Code Issues Packages Projects Releases Wiki Activity

chore: reduce code by gndelia/codemod-replace-react-fc-typescript

Browse Source
This commit is contained in:
DarkSky
2022-08-12 01:26:27 +08:00
parent b4f56cda59
commit 40b617c429
73 changed files with 108 additions and 115 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
libs/components/editor-blocks/src/blocks/bullet/BulletView.tsx
View File

@@ -43,7 +43,7 @@ const todoIsEmpty = (contentValue: ContentColumnValue): boolean => {
const BulletLeft = styled('div')(() => ({
height: '22px',
}));
export const BulletView: FC<CreateView> = ({ block, editor }) => {
export const BulletView = ({ block, editor }: CreateView) => {
// block.remove();
const properties = { ...defaultBulletProps, ...block.getProperties() };
const textRef = useRef<ExtendedTextUtils>(null);

2
libs/components/editor-blocks/src/blocks/code/CodeView.tsx
View File

@@ -126,7 +126,7 @@ const CodeBlock = styled('div')(({ theme }) => ({
outline: 'none !important',
},
}));
export const CodeView: FC<CreateCodeView> = ({ block, editor }) => {
export const CodeView = ({ block, editor }: CreateCodeView) => {
const initValue: string = block.getProperty('text')?.value?.[0]?.text;
const langType: string = block.getProperty('lang');
const [extensions, setExtensions] = useState<Extension[]>();

2
libs/components/editor-blocks/src/blocks/divider/divider-view.tsx
View File

@@ -18,7 +18,7 @@ const Line = styled('div')({
backgroundColor: '#e2e8f0',
});
export const DividerView: FC<CreateView> = ({ block, editor }) => {
export const DividerView = ({ block, editor }: CreateView) => {
const [isSelected, setIsSelected] = useState(false);
useOnSelect(block.id, (isSelect: boolean) => {

2
libs/components/editor-blocks/src/blocks/embed-link/EmbedLinkView.tsx
View File

@@ -13,7 +13,7 @@ const MESSAGES = {
};
type EmbedLinkView = CreateView;
export const EmbedLinkView: FC<EmbedLinkView> = props => {
export const EmbedLinkView = (props: EmbedLinkView) => {
const { block, editor } = props;
const [isSelect, setIsSelect] = useState(false);

2
libs/components/editor-blocks/src/blocks/figma/FigmaView.tsx
View File

@@ -16,7 +16,7 @@ const MESSAGES = {
interface FigmaView extends CreateView {
figmaUrl?: string;
}
export const FigmaView: FC<FigmaView> = ({ block, editor }) => {
export const FigmaView = ({ block, editor }: FigmaView) => {
const [figmaUrl, setFigmaUrl] = useState<string>(
block.getProperty('embedLink')?.value
);

2
libs/components/editor-blocks/src/blocks/file/FileView.tsx
View File

@@ -48,7 +48,7 @@ const FileViewContainer = styled('div')<{ isSelected: boolean }>(
};
}
);
export const FileView: FC<FileView> = ({ block, editor }) => {
export const FileView = ({ block, editor }: FileView) => {
const [fileUrl, setFileUrl] = useState<string>();
const fileInfo = block.getProperty('file') || ({} as FileColumnValue);
const file_id = fileInfo.value;

2
libs/components/editor-blocks/src/blocks/grid-item/GridItem.tsx
View File

@@ -7,7 +7,7 @@ import { GRID_PROPERTY_KEY, removePercent } from '../grid';
export const GRID_ITEM_CLASS_NAME = 'grid-item';
export const GRID_ITEM_CONTENT_CLASS_NAME = `${GRID_ITEM_CLASS_NAME}-content`;
export const GridItem: FC<ChildrenView> = function (props) {
export const GridItem = function (props: ChildrenView) {
const { children, block, editor } = props;
const RENDER_DELAY_TIME = 100;
const ref = useRef<HTMLDivElement>();

2
libs/components/editor-blocks/src/blocks/grid-item/GridItemRender.tsx
View File

@@ -3,7 +3,7 @@ import { RenderBlock } from '@toeverything/components/editor-core';
import { ChildrenView, CreateView } from '@toeverything/framework/virgo';
export const GridItemRender = function (creator: FC<ChildrenView>) {
const GridItem: FC<CreateView> = function (props) {
const GridItem = function (props: CreateView) {
const { block } = props;
const children = (
<>

4
libs/components/editor-blocks/src/blocks/grid/GirdHandle.tsx
View File

@@ -16,7 +16,7 @@ type GridHandleProps = {
onMouseEnter?: React.MouseEventHandler<HTMLDivElement>;
};
export const GridHandle: FC<GridHandleProps> = function ({
export const GridHandle = function ({
blockId,
editor,
enabledAddItem,
@@ -25,7 +25,7 @@ export const GridHandle: FC<GridHandleProps> = function ({
draggable,
alertHandleId,
onMouseEnter,
}) {
}: GridHandleProps) {
const [isMouseDown, setIsMouseDown] = useState<boolean>(false);
const handleMouseDown: React.MouseEventHandler<HTMLDivElement> = e => {
if (draggable) {

2
libs/components/editor-blocks/src/blocks/grid/Grid.tsx
View File

@@ -20,7 +20,7 @@ export function removePercent(str: string) {
return str.replace('%', '');
}
export const Grid: FC<CreateView> = function (props) {
export const Grid = function (props: CreateView) {
const { block, editor } = props;
const gridItemMinWidth = editor.configManager.grid.gridItemMinWidth;
const [isOnDrag, setIsOnDrag] = useState<boolean>(false);

2
libs/components/editor-blocks/src/blocks/group/GroupView.tsx
View File

@@ -78,7 +78,7 @@ const GroupContainer = styled('div')<{ isSelect?: boolean }>(
})
);
export const GroupView: FC<CreateView> = props => {
export const GroupView = (props: CreateView) => {
const { block, editor } = props;
const [currentView] = useCurrentView();
const [groupIsSelect, setGroupIsSelect] = useState(false);

2
libs/components/editor-blocks/src/blocks/group/ScenePage.tsx
View File

@@ -2,6 +2,6 @@ import { RenderBlockChildren } from '@toeverything/components/editor-core';
import type { CreateView } from '@toeverything/framework/virgo';
import { FC } from 'react';
export const ScenePage: FC<CreateView> = ({ block }) => {
export const ScenePage = ({ block }: CreateView) => {
return <RenderBlockChildren block={block} />;
};

2
libs/components/editor-blocks/src/blocks/group/SceneTable.tsx
View File

@@ -5,7 +5,7 @@ import type { CreateView } from '@toeverything/framework/virgo';
import type { TableColumn, TableRow } from '../../components/table';
import { Table, CustomCell } from '../../components/table';
export const SceneTable: FC<CreateView> = ({ block, columns, editor }) => {
export const SceneTable = ({ block, columns, editor }: CreateView) => {
const [rows, set_rows] = useState<TableRow[]>([]);
const data_columns = useMemo<TableColumn[]>(() => {
return (columns || [])

2
libs/components/editor-blocks/src/blocks/groupDvider/groupDividerView.tsx
View File

@@ -1,6 +1,6 @@
import { FC } from 'react';
import { CreateView } from '@toeverything/framework/virgo';
export const GroupDividerView: FC<CreateView> = ({ block, editor }) => {
export const GroupDividerView = ({ block, editor }: CreateView) => {
return <></>;
};

2
libs/components/editor-blocks/src/blocks/image/ImageView.tsx
View File

@@ -54,7 +54,7 @@ const KanbanImageContainer = styled('div')<{ isSelected: boolean }>(
};
}
);
export const ImageView: FC<ImageView> = ({ block, editor }) => {
export const ImageView = ({ block, editor }: ImageView) => {
const workspace = editor.workspace;
const [imgUrl, set_image_url] = useState<string>();
const [imgWidth, setImgWidth] = useState<number>(0);

2
libs/components/editor-blocks/src/blocks/numbered/NumberedView.tsx
View File

@@ -40,7 +40,7 @@ const todoIsEmpty = (contentValue: ContentColumnValue): boolean => {
);
};
export const NumberedView: FC<CreateView> = ({ block, editor }) => {
export const NumberedView = ({ block, editor }: CreateView) => {
// block.remove();
const properties = { ...defaultTodoProps, ...block.getProperties() };
const [number, set_number] = useState<number>(1);

2
libs/components/editor-blocks/src/blocks/page/PageView.tsx
View File

@@ -15,7 +15,7 @@ import {
type ExtendedTextUtils,
} from '../../components/text-manage';
export const PageView: FC<CreateView> = ({ block, editor }) => {
export const PageView = ({ block, editor }: CreateView) => {
const { workspace_id } = useParams();
const textRef = useRef<ExtendedTextUtils>(null);
const [backLinks, setBackLinks] =

2
libs/components/editor-blocks/src/blocks/ref-link/ref-link-view.tsx
View File

@@ -5,7 +5,7 @@ import { CreateView } from '@toeverything/framework/virgo';
type RefLinkView = CreateView;
export const RefLinkView: FC<RefLinkView> = ({ block, editor }) => {
export const RefLinkView = ({ block, editor }: RefLinkView) => {
const page_id = useMemo(() => block.getProperty('reference'), [block]);
const [block_content, set_block] =

4
libs/components/editor-blocks/src/blocks/text/TextView.tsx
View File

@@ -51,11 +51,11 @@ const TextBlock = styled(TextManage)<{ type: string }>(({ theme, type }) => {
}
});
export const TextView: FC<CreateTextView> = ({
export const TextView = ({
block,
editor,
containerClassName,
}) => {
}: CreateTextView) => {
const [isSelect, setIsSelect] = useState<boolean>();
useOnSelect(block.id, (is_select: boolean) => {
setIsSelect(is_select);

2
libs/components/editor-blocks/src/blocks/toc/toc-view.tsx
View File

@@ -11,7 +11,7 @@ const INITIAL_LIST: MenuItem[] = [];
const MESSAGES = {
NO_HEADINGS_FOUND: 'No headings found',
};
export const TocView: FC<CreateView> = ({ block, editor }) => {
export const TocView = ({ block, editor }: CreateView) => {
const [list, setList] = useState(INITIAL_LIST);
useEffect(() => {
const sync_toc = async () => {

4
libs/components/editor-blocks/src/blocks/todo/CheckBox.tsx
View File

@@ -8,12 +8,12 @@ interface CheckBoxProps {
onChange: (checked: boolean) => void;
}
export const CheckBox: FC<CheckBoxProps> = ({
export const CheckBox = ({
size = 16,
height = 23,
checked,
onChange,
}) => {
}: CheckBoxProps) => {
const dynamic_style = useMemo(
() => ({
height: {

2
libs/components/editor-blocks/src/blocks/todo/TodoView.tsx
View File

@@ -33,7 +33,7 @@ const todoIsEmpty = (contentValue: ContentColumnValue): boolean => {
);
};
export const TodoView: FC<CreateView> = ({ block, editor }) => {
export const TodoView = ({ block, editor }: CreateView) => {
const properties = { ...defaultTodoProps, ...block.getProperties() };
const text_ref = useRef<ExtendedTextUtils>(null);

2
libs/components/editor-blocks/src/blocks/youtube/YoutubeView.tsx
View File

@@ -10,7 +10,7 @@ const _messages = {
};
type YoutubeView = CreateView;
export const YoutubeView: FC<YoutubeView> = ({ block }) => {
export const YoutubeView = ({ block }: YoutubeView) => {
const [youtubeUrl, setYoutubeUrl] = useState<string>(
block.getProperty('embedLink')?.value
);

4
libs/components/editor-blocks/src/components/BlockContainer/BlockContainer.tsx
View File

@@ -7,13 +7,13 @@ type BlockContainerProps = Parameters<typeof Container>[0] & {
editor: BlockEditor;
};
export const BlockContainer: FC<BlockContainerProps> = function ({
export const BlockContainer = function ({
block,
children,
className,
editor,
...restProps
}) {
}: BlockContainerProps) {
return (
<Container
className={`${className || ''} block_container`}

2
libs/components/editor-blocks/src/components/ImageView/ImageView.tsx
View File

@@ -33,7 +33,7 @@ const ImageContainer = styled('div')<{ isSelected: boolean }>(
};
}
);
export const Image: FC<Props> = props => {
export const Image = (props: Props) => {
const { link, viewStyle, isSelected, block } = props;
const on_resize_end = (e: any, data: any) => {
block.setProperty('image_style', data.size);

2
libs/components/editor-blocks/src/components/IndentWrapper/IndentWrapper.tsx
View File

@@ -5,7 +5,7 @@ import { styled } from '@toeverything/components/ui';
/**
* Indent rendering child nodes
*/
export const IndentWrapper: FC<PropsWithChildren> = props => {
export const IndentWrapper = (props: PropsWithChildren) => {
return <StyledIdentWrapper>{props.children}</StyledIdentWrapper>;
};

2
libs/components/editor-blocks/src/components/editable/editable.tsx
View File

@@ -9,7 +9,7 @@ import { ErrorBoundary } from '@toeverything/utils';
// onChange: () => void;
// }
export const Editable: FC = () => {
export const Editable = () => {
const editor = useMemo(() => withReact(createEditor()), []);
return (
<ErrorBoundary

2
libs/components/editor-blocks/src/components/source-view/SourceView.tsx
View File

@@ -156,7 +156,7 @@ const LoadingContiner = () => {
return <Loading>loading...</Loading>;
};
export const SourceView: FC<Props> = props => {
export const SourceView = (props: Props) => {
const { link, isSelected, block, editorElement } = props;
const src = formatUrl(link);
// let iframeShow = useLazyIframe(src, 3000, iframeContainer);

16
libs/components/editor-blocks/src/components/table/basic-table.tsx
View File

@@ -64,8 +64,13 @@ export const DEFAULT_RENDER_CELL: CustomCell = ({ value }) => {
return <span>{value ? String(value) : '--'}</span>;
};
const Cell: FC<GridChildComponentProps<TableData>> = memo(
({ data, rowIndex, columnIndex, style }) => {
const Cell = memo(
({
data,
rowIndex,
columnIndex,
style,
}: GridChildComponentProps<TableData>) => {
const column = data.columns[columnIndex];
const row = data.rows[rowIndex];
const is_first_column = columnIndex === 0;
@@ -89,18 +94,17 @@ const Cell: FC<GridChildComponentProps<TableData>> = memo(
/>
</div>
);
},
areEqual
}
);
export const BasicTable: FC<BasicTableProps> = ({
export const BasicTable = ({
columns,
rows,
headerHeight = DEFAULT_ROW_HEIGHT,
rowKey,
border = true,
renderCell = DEFAULT_RENDER_CELL,
}) => {
}: BasicTableProps) => {
const container_ref = useRef<HTMLDivElement>();
const [table_width, set_table_width] = useState(0);

4
libs/components/editor-blocks/src/components/table/custom-cell/check-box/index.tsx
View File

@@ -6,10 +6,10 @@ import type { CellProps } from '../types';
/**
* @deprecated
*/
export const CheckBoxCell: FC<CellProps<BooleanColumnValue>> = ({
export const CheckBoxCell = ({
value,
onChange,
}) => {
}: CellProps<BooleanColumnValue>) => {
return (
<Checkbox
checked={value?.value}

4
libs/components/editor-blocks/src/components/table/custom-cell/index.tsx
View File

@@ -9,7 +9,7 @@ import type { CellProps } from './types';
/**
* @deprecated
*/
const DefaultCell: FC<CellProps> = ({ onChange, ...props }) => {
const DefaultCell = ({ onChange, ...props }: CellProps) => {
return <DEFAULT_RENDER_CELL {...props} />;
};
@@ -33,7 +33,7 @@ interface CustomCellProps extends TableCustomCellProps<unknown> {
onChange: (data: TableCustomCellProps<unknown>) => void;
}
export const CustomCell: FC<CustomCellProps> = props => {
export const CustomCell = (props: CustomCellProps) => {
const View =
props.rowIndex === 0
? DefaultCell

4
libs/components/editor-blocks/src/components/table/custom-cell/select/index.tsx
View File

@@ -8,11 +8,11 @@ import type { CellProps } from '../types';
/**
* @deprecated
*/
export const SelectCell: FC<CellProps<EnumColumnValue>> = ({
export const SelectCell = ({
value,
column,
onChange,
}) => {
}: CellProps<EnumColumnValue>) => {
const options = useMemo(() => {
if (isEnumColumn(column.columnConfig)) {
return column.columnConfig.options.map(option => {

2
libs/components/editor-blocks/src/components/table/table.tsx
View File

@@ -6,7 +6,7 @@ interface TableProps extends BasicTableProps {
addon?: ReactNode;
}
export const Table: FC<TableProps> = ({ addon, ...props }) => {
export const Table = ({ addon, ...props }: TableProps) => {
return (
<div>
{addon}

2
libs/components/editor-blocks/src/components/upload/upload.tsx
View File

@@ -71,7 +71,7 @@ const UploadBox = styled('div')<{ isSelected: boolean }>(
);
const button_styles: SxProps = { width: '60%', fontSize: '12px' };
export const Upload: FC<Props> = props => {
export const Upload = (props: Props) => {
const {
fileChange,
size,