luulam/AFFiNE
1
0
Fork 0
Code Issues Pull Requests Actions 2 Packages Projects Releases Wiki Activity

init: the first public commit for AFFiNE

Browse Source
This commit is contained in:
DarkSky
2022-07-22 15:49:21 +08:00
commit e3e3741393
1451 changed files with 108124 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
libs/components/common/src/lib/icon/Add/Add.svg Normal file
View File

@@ -0,0 +1,4 @@
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M12 20.4C16.6392 20.4 20.4 16.6392 20.4 12C20.4 7.36081 16.6392 3.6 12 3.6C7.36081 3.6 3.6 7.36081 3.6 12C3.6 16.6392 7.36081 20.4 12 20.4ZM12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22Z" fill="#98ACBD"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M11 13L11 17H13V13H17V11H13V7H11L11 11H7V13H11Z" fill="#98ACBD"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 546 B

11
libs/components/common/src/lib/icon/Add/Add.tsx Normal file
View File

@@ -0,0 +1,11 @@
import { FC } from 'react';
import { SvgIcon, SvgIconProps } from '@mui/material';
export const AddIcon: FC<SvgIconProps> = props => (
<SvgIcon {...props}>
<g clipPath="url(#a)">
<path fill-rule="evenodd" clip-rule="evenodd" d="M12 20.4C16.6392 20.4 20.4 16.6392 20.4 12C20.4 7.36081 16.6392 3.6 12 3.6C7.36081 3.6 3.6 7.36081 3.6 12C3.6 16.6392 7.36081 20.4 12 20.4ZM12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22Z" fill="#98ACBD"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M11 13L11 17H13V13H17V11H13V7H11L11 11H7V13H11Z" fill="#98ACBD"/>
</g>
</SvgIcon>
);

1
libs/components/common/src/lib/icon/Clock/Clock.svg Normal file
View File

@@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><g fill-rule="evenodd" clip-path="url(#a)" clip-rule="evenodd"><path d="M11.746 2.29C6.13 2.29 1.558 6.86 1.558 12.476c0 5.617 4.571 10.187 10.188 10.187 5.617 0 10.188-4.57 10.188-10.187 0-5.618-4.57-10.188-10.188-10.188Zm0 21.874C5.302 24.164.058 18.921.058 12.477.058 6.032 5.302.79 11.746.79c6.444 0 11.688 5.243 11.688 11.688 0 6.444-5.244 11.687-11.688 11.687Z"/><path d="M15.424 14.55H9.799V6.615h1.5v6.437h4.125v1.5Z"/></g><defs><clipPath id="a"><path d="M0 0H24V24H0z"/></clipPath></defs></svg>
Side by Side

After

Width:  |  Height:  |  Size: 563 B

18
libs/components/common/src/lib/icon/Clock/Clock.tsx Normal file
View File

@@ -0,0 +1,18 @@
import { FC } from 'react';
import { SvgIcon, SvgIconProps } from '@mui/material';
/**
* @deprecated Please use the icon from @toeverything/components/ui. If it does not exist, contact the designer to add。
*/
export const ClockIcon: FC<SvgIconProps> = props => (
<SvgIcon {...props}>
<g fillRule="evenodd" clipPath="url(#a)" clipRule="evenodd">
<path d="M11.746 2.29C6.13 2.29 1.558 6.86 1.558 12.476c0 5.617 4.571 10.187 10.188 10.187 5.617 0 10.188-4.57 10.188-10.187 0-5.618-4.57-10.188-10.188-10.188Zm0 21.874C5.302 24.164.058 18.921.058 12.477.058 6.032 5.302.79 11.746.79c6.444 0 11.688 5.243 11.688 11.688 0 6.444-5.244 11.687-11.688 11.687Z" />
<path d="M15.424 14.55H9.799V6.615h1.5v6.437h4.125v1.5Z" />
</g>
<defs>
<clipPath id="a">
<path d="M0 0H24V24H0z" />
</clipPath>
</defs>
</SvgIcon>
);

1
libs/components/common/src/lib/icon/Close/Close.svg Normal file
View File

@@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill-rule="evenodd" d="M20.468 21.383 2.491 3.404l1.061-1.06L21.53 20.322l-1.06 1.06Z" clip-rule="evenodd"/><path fill-rule="evenodd" d="m3.15 21.516-1.06-1.06L20.067 2.478l1.06 1.06L3.152 21.516Z" clip-rule="evenodd"/></svg>
Side by Side

After

Width:  |  Height:  |  Size: 291 B

19
libs/components/common/src/lib/icon/Close/Close.tsx Normal file
View File

@@ -0,0 +1,19 @@
import { FC } from 'react';
import { SvgIcon, SvgIconProps } from '@mui/material';
/**
* @deprecated Please use the icon from @toeverything/components/ui. If it does not exist, contact the designer to add。
*/
export const CloseIcon: FC<SvgIconProps> = props => (
<SvgIcon {...props}>
<path
fillRule="evenodd"
d="M20.468 21.383 2.491 3.404l1.061-1.06L21.53 20.322l-1.06 1.06Z"
clipRule="evenodd"
/>
<path
fillRule="evenodd"
d="m3.15 21.516-1.06-1.06L20.067 2.478l1.06 1.06L3.152 21.516Z"
clipRule="evenodd"
/>
</SvgIcon>
);

1
libs/components/common/src/lib/icon/CodeBlockInline/CodeBlockInline.svg Normal file
View File

@@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill-rule="evenodd" d="M5.863 17.201.337 11.676l5.526-5.524 1.053 1.053-4.472 4.471 4.472 4.472-1.053 1.053ZM17.813 17.201l-1.053-1.053 4.47-4.472-4.47-4.471 1.053-1.053 5.524 5.524-5.524 5.525ZM10.319 16.26l-1.29-.745 4.848-8.4 1.29.746-4.848 8.398Z" clip-rule="evenodd"/></svg>
Side by Side

After

Width:  |  Height:  |  Size: 345 B

14
libs/components/common/src/lib/icon/CodeBlockInline/CodeBlockInline.tsx Normal file
View File

@@ -0,0 +1,14 @@
import { FC } from 'react';
import { SvgIcon, SvgIconProps } from '@mui/material';
/**
* @deprecated Please use the icon from @toeverything/components/ui. If it does not exist, contact the designer to add。
*/
export const CodeBlockInlineIcon: FC<SvgIconProps> = props => (
<SvgIcon {...props}>
<path
fillRule="evenodd"
d="M5.863 17.201.337 11.676l5.526-5.524 1.053 1.053-4.472 4.471 4.472 4.472-1.053 1.053ZM17.813 17.201l-1.053-1.053 4.47-4.472-4.47-4.471 1.053-1.053 5.524 5.524-5.524 5.525ZM10.319 16.26l-1.29-.745 4.848-8.4 1.29.746-4.848 8.398Z"
clipRule="evenodd"
/>
</SvgIcon>
);

1
libs/components/common/src/lib/icon/Document/Document.svg Normal file
View File

@@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill-rule="evenodd" d="M4 4v16h15V8.616L14.055 4H4Zm1.28 1.253h7.879v4.26h4.561v9.234H5.28V5.253Zm9.159.837 2.323 2.169h-2.324v-2.17Z" clip-rule="evenodd"/><path fill-rule="evenodd" d="M7.053 8.758h4.162V7.505H7.053v1.253ZM7.053 12.835h8.723V11.58H7.053v1.254ZM7.053 16.836h8.723v-1.253H7.053v1.253Z" clip-rule="evenodd"/></svg>
Side by Side

After

Width:  |  Height:  |  Size: 394 B

19
libs/components/common/src/lib/icon/Document/Document.tsx Normal file
View File

@@ -0,0 +1,19 @@
import { FC } from 'react';
import { SvgIcon, SvgIconProps } from '@mui/material';
/**
* @deprecated Please use the icon from @toeverything/components/ui. If it does not exist, contact the designer to add。
*/
export const DocumentIcon: FC<SvgIconProps> = props => (
<SvgIcon {...props}>
<path
fillRule="evenodd"
d="M4 4v16h15V8.616L14.055 4H4Zm1.28 1.253h7.879v4.26h4.561v9.234H5.28V5.253Zm9.159.837 2.323 2.169h-2.324v-2.17Z"
clipRule="evenodd"
/>
<path
fillRule="evenodd"
d="M7.053 8.758h4.162V7.505H7.053v1.253ZM7.053 12.835h8.723V11.58H7.053v1.254ZM7.053 16.836h8.723v-1.253H7.053v1.253Z"
clipRule="evenodd"
/>
</SvgIcon>
);

3
libs/components/common/src/lib/icon/Filter/Filter.svg Normal file
View File

@@ -0,0 +1,3 @@
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M10.6 10.8207V18.6373L13.4 15.8373V10.8208L18.584 4.6H5.41609L10.6 10.8207ZM15 16.5L10.5 21H8.99997V11.3999L3.36684 4.64018C2.82407 3.98886 3.28722 3 4.13506 3H19.865C20.7128 3 21.176 3.98886 20.6332 4.64019L15 11.4001V16.5Z" fill="#98ACBD"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 399 B

10
libs/components/common/src/lib/icon/Filter/Filter.tsx Normal file
View File

@@ -0,0 +1,10 @@
import { FC } from 'react';
import { SvgIcon, SvgIconProps } from '@mui/material';
export const FilterIcon: FC<SvgIconProps> = props => (
<SvgIcon {...props}>
<g clipPath="url(#a)">
<path fill-rule="evenodd" clip-rule="evenodd" d="M10.6 10.8207V18.6373L13.4 15.8373V10.8208L18.584 4.6H5.41609L10.6 10.8207ZM15 16.5L10.5 21H8.99997V11.3999L3.36684 4.64018C2.82407 3.98886 3.28722 3 4.13506 3H19.865C20.7128 3 21.176 3.98886 20.6332 4.64019L15 11.4001V16.5Z" fill="#98ACBD"/>
</g>
</SvgIcon>
);

3
libs/components/common/src/lib/icon/FullScreen/FullScreen.svg Normal file
View File

@@ -0,0 +1,3 @@
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M6 3C4.34315 3 3 4.34315 3 6V18C3 19.6569 4.34315 21 6 21H18C19.6569 21 21 19.6569 21 18V6C21 4.34315 19.6569 3 18 3H6ZM16.2 6.79995H13V5.19995H18.8V11H17.2V8.0627L13.7174 11.5453L12.586 10.4139L16.2 6.79995ZM10.4808 12.5191L11.6122 13.6504L8.0626 17.2H11V18.8L5.19995 18.8V13H6.79995L6.79995 16.2L10.4808 12.5191Z" fill="#98ACBD"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 489 B

10
libs/components/common/src/lib/icon/FullScreen/FullScreen.tsx Normal file
View File

@@ -0,0 +1,10 @@
import { FC } from 'react';
import { SvgIcon, SvgIconProps } from '@mui/material';
export const FullScreenIcon: FC<SvgIconProps> = props => (
<SvgIcon {...props}>
<g clipPath="url(#a)">
<path fill-rule="evenodd" clip-rule="evenodd" d="M6 3C4.34315 3 3 4.34315 3 6V18C3 19.6569 4.34315 21 6 21H18C19.6569 21 21 19.6569 21 18V6C21 4.34315 19.6569 3 18 3H6ZM16.2 6.79995H13V5.19995H18.8V11H17.2V8.0627L13.7174 11.5453L12.586 10.4139L16.2 6.79995ZM10.4808 12.5191L11.6122 13.6504L8.0626 17.2H11V18.8L5.19995 18.8V13H6.79995L6.79995 16.2L10.4808 12.5191Z" fill="#98ACBD"/>
</g>
</SvgIcon>
);

1
libs/components/common/src/lib/icon/HighlighterDuotone/HighlighterDuotone.svg Normal file
View File

@@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"><path fill="#FF9F65" d="M6 15.004H18V17.003999999999998H6z"/><path fill="#3A4C5C" d="m7.656 16.445 2.908-.825 6.772-5.197a1.905 1.905 0 0 0 .287-2.624 1.938 1.938 0 0 0-1.189-.767 1.698 1.698 0 0 0-1.363.316l-6.75 5.197-1.594 2.624-.7.566.937 1.269.692-.56Zm8.163-8.08a.49.49 0 0 1 .385-.078.65.65 0 0 1 .412.28.612.612 0 0 1-.042.838l-6.57 5.018-.503.144-.524-.717.273-.452 6.57-5.032Z"/></svg>
Side by Side

After

Width:  |  Height:  |  Size: 467 B

17
libs/components/common/src/lib/icon/HighlighterDuotone/HighlighterDuotone.tsx Normal file
View File

@@ -0,0 +1,17 @@
import { FC } from 'react';
import { SvgIcon, SvgIconProps } from '@mui/material';
/**
* @deprecated Please use the icon from @toeverything/components/ui. If it does not exist, contact the designer to add。
*/
export const HighlighterDuotoneIcon: FC<SvgIconProps> = props => (
<SvgIcon {...props}>
<path
style={{ fill: 'var(--color-0)' }}
d="M6 15.004H18V17.003999999999998H6z"
/>
<path
style={{ fill: 'var(--color-1)' }}
d="m7.656 16.445 2.908-.825 6.772-5.197a1.905 1.905 0 0 0 .287-2.624 1.938 1.938 0 0 0-1.189-.767 1.698 1.698 0 0 0-1.363.316l-6.75 5.197-1.594 2.624-.7.566.937 1.269.692-.56Zm8.163-8.08a.49.49 0 0 1 .385-.078.65.65 0 0 1 .412.28.612.612 0 0 1-.042.838l-6.57 5.018-.503.144-.524-.717.273-.452 6.57-5.032Z"
/>
</SvgIcon>
);

6
libs/components/common/src/lib/icon/Kanban/Kanban.svg Normal file
View File

@@ -0,0 +1,6 @@
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M21 3.79998C21 4.2418 20.6418 4.59998 20.2 4.59998L13.8 4.59997C13.3582 4.59997 13 4.2418 13 3.79997C13 3.35815 13.3582 2.99997 13.8 2.99997L20.2 2.99998C20.6418 2.99998 21 3.35815 21 3.79998Z" fill="#98ACBD"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M11 3.79998C11 4.2418 10.6418 4.59998 10.2 4.59998L3.8 4.59998C3.35817 4.59998 3 4.2418 3 3.79997C3 3.35815 3.35817 2.99997 3.8 2.99998L10.2 2.99998C10.6418 2.99998 11 3.35815 11 3.79998Z" fill="#98ACBD"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M9 8.6H5C4.77909 8.6 4.6 8.77909 4.6 9V19C4.6 19.2209 4.77909 19.4 5 19.4H9C9.22091 19.4 9.4 19.2209 9.4 19V9C9.4 8.77909 9.22091 8.6 9 8.6ZM5 7C3.89543 7 3 7.89543 3 9V19C3 20.1046 3.89543 21 5 21H9C10.1046 21 11 20.1046 11 19V9C11 7.89543 10.1046 7 9 7H5Z" fill="#98ACBD"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M19 8.6H15C14.7791 8.6 14.6 8.77909 14.6 9V14C14.6 14.2209 14.7791 14.4 15 14.4H19C19.2209 14.4 19.4 14.2209 19.4 14V9C19.4 8.77909 19.2209 8.6 19 8.6ZM15 7C13.8954 7 13 7.89543 13 9V14C13 15.1046 13.8954 16 15 16H19C20.1046 16 21 15.1046 21 14V9C21 7.89543 20.1046 7 19 7H15Z" fill="#98ACBD"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.3 KiB

13
libs/components/common/src/lib/icon/Kanban/Kanban.tsx Normal file
View File

@@ -0,0 +1,13 @@
import { FC } from 'react';
import { SvgIcon, SvgIconProps } from '@mui/material';
export const KanbanIcon: FC<SvgIconProps> = props => (
<SvgIcon {...props}>
<g clipPath="url(#a)">
<path fill-rule="evenodd" clip-rule="evenodd" d="M21 3.79998C21 4.2418 20.6418 4.59998 20.2 4.59998L13.8 4.59997C13.3582 4.59997 13 4.2418 13 3.79997C13 3.35815 13.3582 2.99997 13.8 2.99997L20.2 2.99998C20.6418 2.99998 21 3.35815 21 3.79998Z" fill="#98ACBD"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M11 3.79998C11 4.2418 10.6418 4.59998 10.2 4.59998L3.8 4.59998C3.35817 4.59998 3 4.2418 3 3.79997C3 3.35815 3.35817 2.99997 3.8 2.99998L10.2 2.99998C10.6418 2.99998 11 3.35815 11 3.79998Z" fill="#98ACBD"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M9 8.6H5C4.77909 8.6 4.6 8.77909 4.6 9V19C4.6 19.2209 4.77909 19.4 5 19.4H9C9.22091 19.4 9.4 19.2209 9.4 19V9C9.4 8.77909 9.22091 8.6 9 8.6ZM5 7C3.89543 7 3 7.89543 3 9V19C3 20.1046 3.89543 21 5 21H9C10.1046 21 11 20.1046 11 19V9C11 7.89543 10.1046 7 9 7H5Z" fill="#98ACBD"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M19 8.6H15C14.7791 8.6 14.6 8.77909 14.6 9V14C14.6 14.2209 14.7791 14.4 15 14.4H19C19.2209 14.4 19.4 14.2209 19.4 14V9C19.4 8.77909 19.2209 8.6 19 8.6ZM15 7C13.8954 7 13 7.89543 13 9V14C13 15.1046 13.8954 16 15 16H19C20.1046 16 21 15.1046 21 14V9C21 7.89543 20.1046 7 19 7H15Z" fill="#98ACBD"/>
</g>
</SvgIcon>
);

1
libs/components/common/src/lib/icon/List/List.svg Normal file
View File

@@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M5.98 10.86v1.78h4.45v-1.78H5.98ZM5.98 15.52v1.78h7.55v-1.78H5.98ZM5.98 6.2v1.78h11.55V6.2H5.98Z"/><path fill-rule="evenodd" d="M1 22.5V1h21.5v21.5H1ZM2.5 21H21V2.5H2.5V21Z" clip-rule="evenodd"/></svg>
Side by Side

After

Width:  |  Height:  |  Size: 270 B

15
libs/components/common/src/lib/icon/List/List.tsx Normal file
View File

@@ -0,0 +1,15 @@
import { FC } from 'react';
import { SvgIcon, SvgIconProps } from '@mui/material';
/**
* @deprecated Please use the icon from @toeverything/components/ui. If it does not exist, contact the designer to add。
*/
export const ListIcon: FC<SvgIconProps> = props => (
<SvgIcon {...props}>
<path d="M5.98 10.86v1.78h4.45v-1.78H5.98ZM5.98 15.52v1.78h7.55v-1.78H5.98ZM5.98 6.2v1.78h11.55V6.2H5.98Z" />
<path
fillRule="evenodd"
d="M1 22.5V1h21.5v21.5H1ZM2.5 21H21V2.5H2.5V21Z"
clipRule="evenodd"
/>
</SvgIcon>
);

1
libs/components/common/src/lib/icon/Newpage/Newpage.svg Normal file
View File

@@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><g fill-rule="evenodd" clip-path="url(#a)" clip-rule="evenodd"><path d="M18.662 21.85H-.008V2.03h18.67v1.497l-17.17.002v16.82h15.67v-1.896h1.5v3.396Z"/><path d="M17.162 15.984h1.5V5.06h-1.5v10.923Z"/><path d="M12.676 11.272h10.66v-1.5h-10.66v1.5Z"/></g><defs><clipPath id="a"><path d="M0 0H24V24H0z"/></clipPath></defs></svg>
Side by Side

After

Width:  |  Height:  |  Size: 385 B

19
libs/components/common/src/lib/icon/Newpage/Newpage.tsx Normal file
View File

@@ -0,0 +1,19 @@
import { FC } from 'react';
import { SvgIcon, SvgIconProps } from '@mui/material';
/**
* @deprecated Please use the icon from @toeverything/components/ui. If it does not exist, contact the designer to add。
*/
export const NewpageIcon: FC<SvgIconProps> = props => (
<SvgIcon {...props}>
<g fillRule="evenodd" clipPath="url(#a)" clipRule="evenodd">
<path d="M18.662 21.85H-.008V2.03h18.67v1.497l-17.17.002v16.82h15.67v-1.896h1.5v3.396Z" />
<path d="M17.162 15.984h1.5V5.06h-1.5v10.923Z" />
<path d="M12.676 11.272h10.66v-1.5h-10.66v1.5Z" />
</g>
<defs>
<clipPath id="a">
<path d="M0 0H24V24H0z" />
</clipPath>
</defs>
</SvgIcon>
);

1
libs/components/common/src/lib/icon/Pages/Pages.svg Normal file
View File

@@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill-rule="evenodd" d="M13.233 9.68h1.5V4.583h-1.5V9.68Z" clip-rule="evenodd"/><path fill-rule="evenodd" d="M13.45 10.43h5.5v-1.5h-5.5v1.5Z" clip-rule="evenodd"/><path fill-rule="evenodd" d="M3.996 21.482H18.58v-11.48l-4.896-4.668H3.996v16.148Zm16.084 1.5H2.496V3.834h11.787l5.797 5.525v13.623Z" clip-rule="evenodd"/><path fill-rule="evenodd" d="M17.12 8.324h3.993v-1.5H17.12v1.5ZM15.395 6.696h1.5V2.477h-1.5v4.219Z" clip-rule="evenodd"/><path fill-rule="evenodd" d="M22.242 20.877H18.95v-1.5h1.79V7.896l-4.895-4.668H6.159v1.797h-1.5V1.728h11.786l5.797 5.525v13.624Z" clip-rule="evenodd"/><path fill-rule="evenodd" d="M6.075 9.527h4.879v-1.5h-4.88v1.5ZM6.075 14.405H16.3v-1.5H6.075v1.5ZM6.075 19.195H16.3v-1.5H6.075v1.5Z" clip-rule="evenodd"/></svg>
Side by Side

After

Width:  |  Height:  |  Size: 815 B

39
libs/components/common/src/lib/icon/Pages/Pages.tsx Normal file
View File

@@ -0,0 +1,39 @@
import { FC } from 'react';
import { SvgIcon, SvgIconProps } from '@mui/material';
/**
* @deprecated Please use the icon from @toeverything/components/ui. If it does not exist, contact the designer to add。
*/
export const PagesIcon: FC<SvgIconProps> = props => (
<SvgIcon {...props}>
<path
fillRule="evenodd"
d="M13.233 9.68h1.5V4.583h-1.5V9.68Z"
clipRule="evenodd"
/>
<path
fillRule="evenodd"
d="M13.45 10.43h5.5v-1.5h-5.5v1.5Z"
clipRule="evenodd"
/>
<path
fillRule="evenodd"
d="M3.996 21.482H18.58v-11.48l-4.896-4.668H3.996v16.148Zm16.084 1.5H2.496V3.834h11.787l5.797 5.525v13.623Z"
clipRule="evenodd"
/>
<path
fillRule="evenodd"
d="M17.12 8.324h3.993v-1.5H17.12v1.5ZM15.395 6.696h1.5V2.477h-1.5v4.219Z"
clipRule="evenodd"
/>
<path
fillRule="evenodd"
d="M22.242 20.877H18.95v-1.5h1.79V7.896l-4.895-4.668H6.159v1.797h-1.5V1.728h11.786l5.797 5.525v13.624Z"
clipRule="evenodd"
/>
<path
fillRule="evenodd"
d="M6.075 9.527h4.879v-1.5h-4.88v1.5ZM6.075 14.405H16.3v-1.5H6.075v1.5ZM6.075 19.195H16.3v-1.5H6.075v1.5Z"
clipRule="evenodd"
/>
</SvgIcon>
);

1
libs/components/common/src/lib/icon/PencilDotDuotone/PencilDotDuotone.svg Normal file
View File

@@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"><path fill="#3A4C5C" d="M17.315 10.76c.417-.382.664-.911.685-1.472a2.101 2.101 0 0 0-.57-1.518 2.25 2.25 0 0 0-1.452-.754 2.04 2.04 0 0 0-1.576.47L9.78 11.084l-1.65 3.104a.933.933 0 0 0 .14 1.07.966.966 0 0 0 .429.291c.206.069.43.069.635 0l3.351-1.183 4.63-3.606Zm-1.948-2.196a.607.607 0 0 1 .446-.122.83.83 0 0 1 .512.276.682.682 0 0 1 0 .956l-4.416 3.42-.586.203-.677-.81.281-.527 4.44-3.396Z"/><path fill="#FF9F65" d="M6.825 17a.818.818 0 0 0 .826-.81c0-.448-.37-.81-.826-.81a.818.818 0 0 0-.825.81c0 .447.37.81.825.81Z"/></svg>
Side by Side

After

Width:  |  Height:  |  Size: 603 B

17
libs/components/common/src/lib/icon/PencilDotDuotone/PencilDotDuotone.tsx Normal file
View File

@@ -0,0 +1,17 @@
import { FC } from 'react';
import { SvgIcon, SvgIconProps } from '@mui/material';
/**
* @deprecated Please use the icon from @toeverything/components/ui. If it does not exist, contact the designer to add。
*/
export const PencilDotDuotoneIcon: FC<SvgIconProps> = props => (
<SvgIcon {...props}>
<path
style={{ fill: 'var(--color-0)' }}
d="M17.315 10.76c.417-.382.664-.911.685-1.472a2.101 2.101 0 0 0-.57-1.518 2.25 2.25 0 0 0-1.452-.754 2.04 2.04 0 0 0-1.576.47L9.78 11.084l-1.65 3.104a.933.933 0 0 0 .14 1.07.966.966 0 0 0 .429.291c.206.069.43.069.635 0l3.351-1.183 4.63-3.606Zm-1.948-2.196a.607.607 0 0 1 .446-.122.83.83 0 0 1 .512.276.682.682 0 0 1 0 .956l-4.416 3.42-.586.203-.677-.81.281-.527 4.44-3.396Z"
/>
<path
style={{ fill: 'var(--color-1)' }}
d="M6.825 17a.818.818 0 0 0 .826-.81c0-.448-.37-.81-.826-.81a.818.818 0 0 0-.825.81c0 .447.37.81.825.81Z"
/>
</SvgIcon>
);

1
libs/components/common/src/lib/icon/PencilDuotone/PencilDuotone.svg Normal file
View File

@@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"><path fill="#FF9F65" d="M8 14.779H20V15.779H8z" transform="rotate(-40.407 8 14.779)"/><path fill="#3A4C5C" d="M17.357 9.615A2.026 2.026 0 0 0 18 8.204a2.05 2.05 0 0 0-.534-1.457 2.069 2.069 0 0 0-1.354-.733 1.853 1.853 0 0 0-1.46.452l-7.007 6.19-1.538 2.985a.923.923 0 0 0 .123 1.036.945.945 0 0 0 .4.273c.192.067.4.067.592 0l3.13-1.138 7.006-6.197Zm-1.815-2.104a.497.497 0 0 1 .416-.117.708.708 0 0 1 .484.265.652.652 0 0 1 0 .912l-6.806 6.017-.546.203-.63-.78.26-.514 6.822-5.986Z"/></svg>
Side by Side

After

Width:  |  Height:  |  Size: 563 B

18
libs/components/common/src/lib/icon/PencilDuotone/PencilDuotone.tsx Normal file
View File

@@ -0,0 +1,18 @@
import { FC } from 'react';
import { SvgIcon, SvgIconProps } from '@mui/material';
/**
* @deprecated Please use the icon from @toeverything/components/ui. If it does not exist, contact the designer to add。
*/
export const PencilDuotoneIcon: FC<SvgIconProps> = props => (
<SvgIcon {...props}>
<path
style={{ fill: 'var(--color-0)' }}
d="M8 14.779H20V15.779H8z"
transform="rotate(-40.407 8 14.779)"
/>
<path
style={{ fill: 'var(--color-1)' }}
d="M17.357 9.615A2.026 2.026 0 0 0 18 8.204a2.05 2.05 0 0 0-.534-1.457 2.069 2.069 0 0 0-1.354-.733 1.853 1.853 0 0 0-1.46.452l-7.007 6.19-1.538 2.985a.923.923 0 0 0 .123 1.036.945.945 0 0 0 .4.273c.192.067.4.067.592 0l3.13-1.138 7.006-6.197Zm-1.815-2.104a.497.497 0 0 1 .416-.117.708.708 0 0 1 .484.265.652.652 0 0 1 0 .912l-6.806 6.017-.546.203-.63-.78.26-.514 6.822-5.986Z"
/>
</SvgIcon>
);

5
libs/components/common/src/lib/icon/Sorter/Sorter.svg Normal file
View File

@@ -0,0 +1,5 @@
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M9 4.6H5C4.77909 4.6 4.6 4.77909 4.6 5V9C4.6 9.22091 4.77909 9.4 5 9.4H9C9.22091 9.4 9.4 9.22091 9.4 9V5C9.4 4.77909 9.22091 4.6 9 4.6ZM5 3C3.89543 3 3 3.89543 3 5V9C3 10.1046 3.89543 11 5 11H9C10.1046 11 11 10.1046 11 9V5C11 3.89543 10.1046 3 9 3H5Z" fill="#98ACBD"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M5 13C3.89543 13 3 13.8954 3 15V19C3 20.1046 3.89543 21 5 21H9C10.1046 21 11 20.1046 11 19V15C11 13.8954 10.1046 13 9 13H5ZM6.16661 19.3819L9.92421 15.6243L9.07568 14.7758L6.16661 17.6848L4.92421 16.4424L4.07568 17.291L6.16661 19.3819Z" fill="#98ACBD"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M18 17.8687L20.4343 15.4343L21.5657 16.5657L17 21.1314L12.4343 16.5657L13.5657 15.4343L16 17.8686L16 3H18L18 17.8687Z" fill="#98ACBD"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 921 B

12
libs/components/common/src/lib/icon/Sorter/Sorter.tsx Normal file
View File

@@ -0,0 +1,12 @@
import { FC } from 'react';
import { SvgIcon, SvgIconProps } from '@mui/material';
export const SorterIcon: FC<SvgIconProps> = props => (
<SvgIcon {...props}>
<g clipPath="url(#a)">
<path fill-rule="evenodd" clip-rule="evenodd" d="M9 4.6H5C4.77909 4.6 4.6 4.77909 4.6 5V9C4.6 9.22091 4.77909 9.4 5 9.4H9C9.22091 9.4 9.4 9.22091 9.4 9V5C9.4 4.77909 9.22091 4.6 9 4.6ZM5 3C3.89543 3 3 3.89543 3 5V9C3 10.1046 3.89543 11 5 11H9C10.1046 11 11 10.1046 11 9V5C11 3.89543 10.1046 3 9 3H5Z" fill="#98ACBD"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M5 13C3.89543 13 3 13.8954 3 15V19C3 20.1046 3.89543 21 5 21H9C10.1046 21 11 20.1046 11 19V15C11 13.8954 10.1046 13 9 13H5ZM6.16661 19.3819L9.92421 15.6243L9.07568 14.7758L6.16661 17.6848L4.92421 16.4424L4.07568 17.291L6.16661 19.3819Z" fill="#98ACBD"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M18 17.8687L20.4343 15.4343L21.5657 16.5657L17 21.1314L12.4343 16.5657L13.5657 15.4343L16 17.8686L16 3H18L18 17.8687Z" fill="#98ACBD"/>
</g>
</SvgIcon>
);

1
libs/components/common/src/lib/icon/Space/Space.svg Normal file
View File

@@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><g clip-path="url(#a)"><path fill-rule="evenodd" d="M12.001 5.211a6.67 6.67 0 0 0-6.663 6.663 6.67 6.67 0 0 0 6.663 6.663 6.67 6.67 0 0 0 6.663-6.663A6.67 6.67 0 0 0 12 5.211Zm0 14.537c-4.342 0-7.874-3.532-7.874-7.874S7.659 4 12.001 4s7.874 3.532 7.874 7.874-3.532 7.874-7.874 7.874Z" clip-rule="evenodd"/><path stroke-width=".3" d="M12.001 5.211a6.67 6.67 0 0 0-6.663 6.663 6.67 6.67 0 0 0 6.663 6.663 6.67 6.67 0 0 0 6.663-6.663A6.67 6.67 0 0 0 12 5.211m0 14.537c-4.342 0-7.874-3.532-7.874-7.874S7.659 4 12.001 4s7.874 3.532 7.874 7.874-3.532 7.874-7.874 7.874"/><path fill-rule="evenodd" d="M3.636 16.083c-1.878 0-3.366-.326-3.603-1.304-.26-1.065 1.065-1.955 2.085-2.533a.605.605 0 1 1 .596 1.054c-1.403.795-1.501 1.218-1.501 1.222.392.513 4.49.712 11.208-.918 6.704-1.629 10.255-3.678 10.369-4.373-.046-.004-.413-.354-2.399-.357a.605.605 0 0 1 0-1.212h.002c2.225.004 3.362.42 3.576 1.307.697 2.873-10.774 5.693-11.263 5.812-.322.078-5.429 1.302-9.07 1.302Z" clip-rule="evenodd"/><path stroke-width=".3" d="M3.636 16.083c-1.878 0-3.366-.326-3.603-1.304-.26-1.065 1.065-1.955 2.085-2.533a.605.605 0 1 1 .596 1.054c-1.403.795-1.501 1.218-1.501 1.222.392.513 4.49.712 11.208-.918 6.704-1.629 10.255-3.678 10.369-4.373-.046-.004-.413-.354-2.399-.357a.605.605 0 0 1 0-1.212h.002c2.225.004 3.362.42 3.576 1.307.697 2.873-10.774 5.693-11.263 5.812-.322.078-5.429 1.302-9.07 1.302"/></g><defs><clipPath id="a"><path d="M0 0H24V24H0z"/></clipPath></defs></svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.5 KiB

34
libs/components/common/src/lib/icon/Space/Space.tsx Normal file
View File

@@ -0,0 +1,34 @@
import { FC } from 'react';
import { SvgIcon, SvgIconProps } from '@mui/material';
/**
* @deprecated Please use the icon from @toeverything/components/ui. If it does not exist, contact the designer to add。
*/
export const SpaceIcon: FC<SvgIconProps> = props => (
<SvgIcon {...props}>
<g clipPath="url(#a)">
<path
fillRule="evenodd"
d="M12.001 5.211a6.67 6.67 0 0 0-6.663 6.663 6.67 6.67 0 0 0 6.663 6.663 6.67 6.67 0 0 0 6.663-6.663A6.67 6.67 0 0 0 12 5.211Zm0 14.537c-4.342 0-7.874-3.532-7.874-7.874S7.659 4 12.001 4s7.874 3.532 7.874 7.874-3.532 7.874-7.874 7.874Z"
clipRule="evenodd"
/>
<path
strokeWidth={0.3}
d="M12.001 5.211a6.67 6.67 0 0 0-6.663 6.663 6.67 6.67 0 0 0 6.663 6.663 6.67 6.67 0 0 0 6.663-6.663A6.67 6.67 0 0 0 12 5.211m0 14.537c-4.342 0-7.874-3.532-7.874-7.874S7.659 4 12.001 4s7.874 3.532 7.874 7.874-3.532 7.874-7.874 7.874"
/>
<path
fillRule="evenodd"
d="M3.636 16.083c-1.878 0-3.366-.326-3.603-1.304-.26-1.065 1.065-1.955 2.085-2.533a.605.605 0 1 1 .596 1.054c-1.403.795-1.501 1.218-1.501 1.222.392.513 4.49.712 11.208-.918 6.704-1.629 10.255-3.678 10.369-4.373-.046-.004-.413-.354-2.399-.357a.605.605 0 0 1 0-1.212h.002c2.225.004 3.362.42 3.576 1.307.697 2.873-10.774 5.693-11.263 5.812-.322.078-5.429 1.302-9.07 1.302Z"
clipRule="evenodd"
/>
<path
strokeWidth={0.3}
d="M3.636 16.083c-1.878 0-3.366-.326-3.603-1.304-.26-1.065 1.065-1.955 2.085-2.533a.605.605 0 1 1 .596 1.054c-1.403.795-1.501 1.218-1.501 1.222.392.513 4.49.712 11.208-.918 6.704-1.629 10.255-3.678 10.369-4.373-.046-.004-.413-.354-2.399-.357a.605.605 0 0 1 0-1.212h.002c2.225.004 3.362.42 3.576 1.307.697 2.873-10.774 5.693-11.263 5.812-.322.078-5.429 1.302-9.07 1.302"
/>
</g>
<defs>
<clipPath id="a">
<path d="M0 0H24V24H0z" />
</clipPath>
</defs>
</SvgIcon>
);

3
libs/components/common/src/lib/icon/Table/Table.svg Normal file
View File

@@ -0,0 +1,3 @@
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M6 4.6H18C18.7732 4.6 19.4 5.2268 19.4 6V7.99998L4.6 7.99997V6C4.6 5.2268 5.2268 4.6 6 4.6ZM9.6001 9.59997L19.4 9.59998V13.8L9.6001 13.8V9.59997ZM8.0001 13.8V9.59997L4.6 9.59997V13.8H8.0001ZM4.6 15.4H8.0001V19.4H6C5.2268 19.4 4.6 18.7732 4.6 18V15.4ZM9.6001 15.4L19.4 15.4V18C19.4 18.7732 18.7732 19.4 18 19.4H9.6001V15.4ZM3 6C3 4.34315 4.34315 3 6 3H18C19.6569 3 21 4.34315 21 6V18C21 19.6569 19.6569 21 18 21H6C4.34315 21 3 19.6569 3 18V6Z" fill="#98ACBD"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 616 B

10
libs/components/common/src/lib/icon/Table/Table.tsx Normal file
View File

@@ -0,0 +1,10 @@
import { FC } from 'react';
import { SvgIcon, SvgIconProps } from '@mui/material';
export const TableIcon: FC<SvgIconProps> = props => (
<SvgIcon {...props}>
<g clipPath="url(#a)">
<path fill-rule="evenodd" clip-rule="evenodd" d="M6 4.6H18C18.7732 4.6 19.4 5.2268 19.4 6V7.99998L4.6 7.99997V6C4.6 5.2268 5.2268 4.6 6 4.6ZM9.6001 9.59997L19.4 9.59998V13.8L9.6001 13.8V9.59997ZM8.0001 13.8V9.59997L4.6 9.59997V13.8H8.0001ZM4.6 15.4H8.0001V19.4H6C5.2268 19.4 4.6 18.7732 4.6 18V15.4ZM9.6001 15.4L19.4 15.4V18C19.4 18.7732 18.7732 19.4 18 19.4H9.6001V15.4ZM3 6C3 4.34315 4.34315 3 6 3H18C19.6569 3 21 4.34315 21 6V18C21 19.6569 19.6569 21 18 21H6C4.34315 21 3 19.6569 3 18V6Z" fill="#98ACBD"/>
</g>
</SvgIcon>
);

8
libs/components/common/src/lib/icon/TodoList/TodoList.svg Normal file
View File

@@ -0,0 +1,8 @@
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M10 4.19999L21 4.19999L21 5.79999L10 5.79999L10 4.19999Z" fill="#98ACBD"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M10 18.2L21 18.2L21 19.8L10 19.8L10 18.2Z" fill="#98ACBD"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M10 11.2L21 11.2L21 12.8L10 12.8L10 11.2Z" fill="#98ACBD"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M7.57574 2.77576L8.42426 3.62428L5 7.04855L3.07574 5.12428L3.92426 4.27576L5 5.35149L7.57574 2.77576Z" fill="#98ACBD"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M7.57574 16.7758L8.42426 17.6243L5 21.0485L3.07574 19.1243L3.92426 18.2758L5 19.3515L7.57574 16.7758Z" fill="#98ACBD"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M7.57574 9.77576L8.42426 10.6243L5 14.0485L3.07574 12.1243L3.92426 11.2758L5 12.3515L7.57574 9.77576Z" fill="#98ACBD"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 976 B

15
libs/components/common/src/lib/icon/TodoList/TodoList.tsx Normal file
View File

@@ -0,0 +1,15 @@
import { FC } from 'react';
import { SvgIcon, SvgIconProps } from '@mui/material';
export const TodoListIcon: FC<SvgIconProps> = props => (
<SvgIcon {...props}>
<g clipPath="url(#a)">
<path fill-rule="evenodd" clip-rule="evenodd" d="M10 4.19999L21 4.19999L21 5.79999L10 5.79999L10 4.19999Z" fill="#98ACBD"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M10 18.2L21 18.2L21 19.8L10 19.8L10 18.2Z" fill="#98ACBD"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M10 11.2L21 11.2L21 12.8L10 12.8L10 11.2Z" fill="#98ACBD"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M7.57574 2.77576L8.42426 3.62428L5 7.04855L3.07574 5.12428L3.92426 4.27576L5 5.35149L7.57574 2.77576Z" fill="#98ACBD"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M7.57574 16.7758L8.42426 17.6243L5 21.0485L3.07574 19.1243L3.92426 18.2758L5 19.3515L7.57574 16.7758Z" fill="#98ACBD"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M7.57574 9.77576L8.42426 10.6243L5 14.0485L3.07574 12.1243L3.92426 11.2758L5 12.3515L7.57574 9.77576Z" fill="#98ACBD"/>
</g>
</SvgIcon>
);

4
libs/components/common/src/lib/icon/UnGroup/UnGroup.svg Normal file
View File

@@ -0,0 +1,4 @@
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M4 3C3.44772 3 3 3.44772 3 4V7C3 7.55228 3.44772 8 4 8H4.70005L4.70005 16H4C3.44772 16 3 16.4477 3 17V20C3 20.5523 3.44772 21 4 21H7C7.55229 21 8 20.5523 8 20L8 19.3H16V20C16 20.5523 16.4477 21 17 21H20C20.5523 21 21 20.5523 21 20V17C21 16.4477 20.5523 16 20 16H19.3V8H20C20.5523 8 21 7.55228 21 7V4C21 3.44772 20.5523 3 20 3H17C16.4477 3 16 3.44772 16 4V4.70005L8 4.70005V4C8 3.93096 7.993 3.86356 7.97968 3.79847C7.88644 3.34278 7.48325 3 7 3H4ZM8 6.30005V7C8 7.55228 7.55228 8 7 8H6.30005L6.30005 16H7C7.55229 16 8 16.4477 8 17L8 17.7H16V17C16 16.4477 16.4477 16 17 16H17.7L17.7 8H17C16.4477 8 16 7.55228 16 7V6.30005L8 6.30005Z" fill="#98ACBD"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M9 8C8.44772 8 8 8.44772 8 9V12.3333C8 12.8856 8.44772 13.3333 9 13.3333H10.6667V15C10.6667 15.5523 11.1144 16 11.6667 16H15C15.5523 16 16 15.5523 16 15V11.6667C16 11.1144 15.5523 10.6667 15 10.6667H13.3333V9C13.3333 8.44772 12.8856 8 12.3333 8H9Z" fill="#98ACBD"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.1 KiB

11
libs/components/common/src/lib/icon/UnGroup/UnGroup.tsx Normal file
View File

@@ -0,0 +1,11 @@
import { FC } from 'react';
import { SvgIcon, SvgIconProps } from '@mui/material';
export const UnGroupIcon: FC<SvgIconProps> = props => (
<SvgIcon {...props}>
<g clipPath="url(#a)">
<path fill-rule="evenodd" clip-rule="evenodd" d="M4 3C3.44772 3 3 3.44772 3 4V7C3 7.55228 3.44772 8 4 8H4.70005L4.70005 16H4C3.44772 16 3 16.4477 3 17V20C3 20.5523 3.44772 21 4 21H7C7.55229 21 8 20.5523 8 20L8 19.3H16V20C16 20.5523 16.4477 21 17 21H20C20.5523 21 21 20.5523 21 20V17C21 16.4477 20.5523 16 20 16H19.3V8H20C20.5523 8 21 7.55228 21 7V4C21 3.44772 20.5523 3 20 3H17C16.4477 3 16 3.44772 16 4V4.70005L8 4.70005V4C8 3.93096 7.993 3.86356 7.97968 3.79847C7.88644 3.34278 7.48325 3 7 3H4ZM8 6.30005V7C8 7.55228 7.55228 8 7 8H6.30005L6.30005 16H7C7.55229 16 8 16.4477 8 17L8 17.7H16V17C16 16.4477 16.4477 16 17 16H17.7L17.7 8H17C16.4477 8 16 7.55228 16 7V6.30005L8 6.30005Z" fill="#98ACBD"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M9 8C8.44772 8 8 8.44772 8 9V12.3333C8 12.8856 8.44772 13.3333 9 13.3333H10.6667V15C10.6667 15.5523 11.1144 16 11.6667 16H15C15.5523 16 16 15.5523 16 15V11.6667C16 11.1144 15.5523 10.6667 15 10.6667H13.3333V9C13.3333 8.44772 12.8856 8 12.3333 8H9Z" fill="#98ACBD"/>
</g>
</SvgIcon>
);

1
libs/components/common/src/lib/icon/ViewSidebar/ViewSidebar.svg Normal file
View File

@@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><g clip-path="url(#a)"><path d="M2 22.5V1h21.5v21.5H2ZM3.66 2.662v18.177h18.177V2.662H3.661Z"/><path d="M17.842 21.369V1h-1.698v20.369h1.698Z"/></g><defs><clipPath id="a"><path d="M0 0H24V24H0z" transform="rotate(90 12 12)"/></clipPath></defs></svg>
Side by Side

After

Width:  |  Height:  |  Size: 309 B

18
libs/components/common/src/lib/icon/ViewSidebar/ViewSidebar.tsx Normal file
View File

@@ -0,0 +1,18 @@
import { FC } from 'react';
import { SvgIcon, SvgIconProps } from '@mui/material';
/**
* @deprecated Please use the icon from @toeverything/components/ui. If it does not exist, contact the designer to add。
*/
export const ViewSidebarIcon: FC<SvgIconProps> = props => (
<SvgIcon {...props}>
<g clipPath="url(#a)">
<path d="M2 22.5V1h21.5v21.5H2ZM3.66 2.662v18.177h18.177V2.662H3.661Z" />
<path d="M17.842 21.369V1h-1.698v20.369h1.698Z" />
</g>
<defs>
<clipPath id="a">
<path d="M0 0H24V24H0z" transform="rotate(90 12 12)" />
</clipPath>
</defs>
</SvgIcon>
);

21
libs/components/common/src/lib/icon/index.ts Normal file
View File

@@ -0,0 +1,21 @@
export const timestamp = 1650018884367;
export * from './CodeBlockInline/CodeBlockInline';
export * from './Newpage/Newpage';
export * from './Pages/Pages';
export * from './Clock/Clock';
export * from './Space/Space';
export * from './Close/Close';
export * from './ViewSidebar/ViewSidebar';
export * from './List/List';
export * from './Document/Document';
export * from './HighlighterDuotone/HighlighterDuotone';
export * from './PencilDotDuotone/PencilDotDuotone';
export * from './PencilDuotone/PencilDuotone';
export * from './TodoList/TodoList';
export * from './Kanban/Kanban';
export * from './Table/Table';
export * from './Add/Add';
export * from './Filter/Filter';
export * from './Sorter/Sorter';
export * from './FullScreen/FullScreen';
export * from './UnGroup/UnGroup';