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

fix(editor): remove rootRect and modify layout

Browse Source
This commit is contained in:
austaras
2022-07-26 17:28:19 +08:00
parent 8b5e47ed73
commit b9f46028a8
21 changed files with 138 additions and 200 deletions
Download Patch File Download Diff File Expand all files Collapse all files

18
libs/components/ui/src/patch-elements/index.tsx → libs/components/ui/src/PatchElements.tsx
View File

@@ -6,12 +6,12 @@ export type UnPatchNode = () => void;
export type PatchNode = (key: string, node: ReactNode) => UnPatchNode;
export const usePatchNodes = () => {
const [nodes, set_nodes] = useState<Record<string, ReactNode>>({});
const [nodes, setNodes] = useState<Record<string, ReactNode>>({});
const patch_node: PatchNode = (key: string, node: ReactNode) => {
set_nodes(oldNodes => ({ ...oldNodes, [key]: node }));
const patchNode: PatchNode = (key: string, node: ReactNode) => {
setNodes(oldNodes => ({ ...oldNodes, [key]: node }));
return () => {
set_nodes(oldNodes => {
setNodes(oldNodes => {
const nodes = { ...oldNodes };
delete nodes[key];
return nodes;
@@ -19,11 +19,11 @@ export const usePatchNodes = () => {
};
};
const has_node = (key: string) => {
const hasNode = (key: string) => {
return has(nodes, key);
};
const patched_nodes = (
const patchedNodes = (
<>
{Object.entries(nodes).map(([key, node]) => {
return <Fragment key={key}>{node}</Fragment>;
@@ -32,8 +32,8 @@ export const usePatchNodes = () => {
);
return {
patch: patch_node,
has: has_node,
patchedNodes: patched_nodes,
patch: patchNode,
has: hasNode,
patchedNodes: patchedNodes,
};
};

4
libs/components/ui/src/index.ts
View File

@@ -27,8 +27,8 @@ export { message } from './message';
export { Input } from './input';
export type { InputProps } from './input';
export { Tooltip } from './tooltip';
export { usePatchNodes } from './patch-elements';
export type { PatchNode, UnPatchNode } from './patch-elements';
export { usePatchNodes } from './PatchElements';
export type { PatchNode, UnPatchNode } from './PatchElements';
export { Tag } from './tag';
export type { TagProps } from './tag';
export { Divider } from './divider';