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

feat: move templates into AFFiNE (#5750)

Browse Source 
Related to https://github.com/toeverything/blocksuite/pull/6156

### Change
Move the edgeless templates to AFFiNE. All templates are stored as zip files. Run `node build-edgeless.mjs` in `@affine/templates` to generate JSON-format templates and importing script. The template will be generated automatically during building and dev (`yarn dev`).
This commit is contained in:
Lye Hongtao
2024-02-21 06:26:01 +00:00
parent 53b312c06f
commit 4641bc422b
42 changed files with 896 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

31
packages/frontend/templates/edgeless-snapshot/Project Management/Fishbone Diagram.svg Normal file
View File

@@ -0,0 +1,31 @@
<svg width="135" height="80" viewBox="0 0 135 80" fill="none" xmlns="http://www.w3.org/2000/svg">
<rect width="135" height="80" fill="white"/>
<rect x="22" y="39" width="82" height="2" fill="#77757D"/>
<path d="M125.478 34.3617C129.347 36.6946 129.347 42.3054 125.478 44.6383L109.098 54.5144C105.099 56.9255 100 54.0457 100 49.3761L100 29.6239C100 24.9543 105.099 22.0745 109.098 24.4856L125.478 34.3617Z" fill="#77757D"/>
<path d="M21.2542 36.712C23.5502 38.3028 23.5502 41.6972 21.2542 43.288L13.528 48.6409C10.8752 50.4788 7.25 48.5802 7.25 45.3529L7.25 34.6471C7.25 31.4198 10.8752 29.5212 13.528 31.3591L21.2542 36.712Z" fill="#77757D"/>
<path d="M83 17L95 39" stroke="#77757D" stroke-width="2" stroke-linecap="round"/>
<path d="M83 63L95 41" stroke="#77757D" stroke-width="2" stroke-linecap="round"/>
<path d="M56 17L68 39" stroke="#77757D" stroke-width="2" stroke-linecap="round"/>
<path d="M56 63L68 41" stroke="#77757D" stroke-width="2" stroke-linecap="round"/>
<path d="M29 17L41 39" stroke="#77757D" stroke-width="2" stroke-linecap="round"/>
<path d="M29 63L41 41" stroke="#77757D" stroke-width="2" stroke-linecap="round"/>
<circle cx="123.5" cy="39.5" r="2.5" fill="white"/>
<rect x="47.5" y="8.5" width="17" height="10" rx="1.5" fill="#E3E2E0" stroke="#77757D"/>
<rect x="0.5" y="-0.5" width="17" height="10" rx="1.5" transform="matrix(1 0 0 -1 47 71)" fill="#E3E2E0" stroke="#77757D"/>
<rect x="74.5" y="8.5" width="16" height="10" rx="1.5" fill="#E3E2E0" stroke="#77757D"/>
<rect x="0.5" y="-0.5" width="16" height="10" rx="1.5" transform="matrix(1 0 0 -1 74 71)" fill="#E3E2E0" stroke="#77757D"/>
<rect x="21.5" y="8.5" width="16" height="10" rx="1.5" fill="#E3E2E0" stroke="#77757D"/>
<rect x="0.5" y="-0.5" width="16" height="10" rx="1.5" transform="matrix(1 0 0 -1 21 71)" fill="#E3E2E0" stroke="#77757D"/>
<line x1="75" y1="27.5" x2="89" y2="27.5" stroke="#77757D" stroke-dasharray="2 2"/>
<line x1="48" y1="27.5" x2="62" y2="27.5" stroke="#77757D" stroke-dasharray="2 2"/>
<line x1="21" y1="27.5" x2="35" y2="27.5" stroke="#77757D" stroke-dasharray="2 2"/>
<line x1="77" y1="32.5" x2="91" y2="32.5" stroke="#77757D" stroke-dasharray="2 2"/>
<line x1="50" y1="32.5" x2="64" y2="32.5" stroke="#77757D" stroke-dasharray="2 2"/>
<line x1="23" y1="32.5" x2="37" y2="32.5" stroke="#77757D" stroke-dasharray="2 2"/>
<line y1="-0.5" x2="14" y2="-0.5" transform="matrix(1 0 0 -1 74 54)" stroke="#77757D" stroke-dasharray="2 2"/>
<line y1="-0.5" x2="14" y2="-0.5" transform="matrix(1 0 0 -1 47 54)" stroke="#77757D" stroke-dasharray="2 2"/>
<line y1="-0.5" x2="14" y2="-0.5" transform="matrix(1 0 0 -1 20 54)" stroke="#77757D" stroke-dasharray="2 2"/>
<line y1="-0.5" x2="14" y2="-0.5" transform="matrix(1 0 0 -1 76 49)" stroke="#77757D" stroke-dasharray="2 2"/>
<line y1="-0.5" x2="14" y2="-0.5" transform="matrix(1 0 0 -1 49 49)" stroke="#77757D" stroke-dasharray="2 2"/>
<line y1="-0.5" x2="14" y2="-0.5" transform="matrix(1 0 0 -1 22 49)" stroke="#77757D" stroke-dasharray="2 2"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 2.9 KiB

BIN
packages/frontend/templates/edgeless-snapshot/Project Management/Fishbone Diagram.zip Normal file
View File

Binary file not shown.

29
packages/frontend/templates/edgeless-snapshot/Project Management/Gantt Chart.svg Normal file
View File

@@ -0,0 +1,29 @@
<svg width="135" height="80" viewBox="0 0 135 80" fill="none" xmlns="http://www.w3.org/2000/svg">
<rect width="135" height="80" fill="white"/>
<rect x="28" y="7" width="19" height="10" fill="#FFDE6B" stroke="white"/>
<rect x="47" y="7" width="20" height="10" fill="#FFDE6B" stroke="white"/>
<rect x="67" y="7" width="20" height="10" fill="#FFDE6B" stroke="white"/>
<rect x="87" y="7" width="19" height="10" fill="#FFDE6B" stroke="white"/>
<rect x="106" y="7" width="20" height="10" fill="#FFDE6B" stroke="white"/>
<rect x="8" y="7" width="20" height="10" fill="#FFDE6B" stroke="white"/>
<rect x="8" y="17" width="20" height="14" fill="#FFC46B" stroke="white"/>
<rect x="28" y="17" width="98" height="14" fill="#FFC46B" stroke="white"/>
<rect x="8" y="31" width="20" height="14" fill="#937EE7" stroke="white"/>
<rect x="28" y="31" width="98" height="14" fill="#937EE7" stroke="white"/>
<rect x="8" y="45" width="20" height="14" fill="#B8E3FF" stroke="white"/>
<rect x="28" y="45" width="98" height="14" fill="#B8E3FF" stroke="white"/>
<rect x="8" y="59" width="20" height="14" fill="#9DD194" stroke="white"/>
<rect x="28" y="59" width="98" height="14" fill="#9DD194" stroke="white"/>
<rect x="30" y="19" width="18" height="4" fill="#FFEACA"/>
<rect x="30.05" y="19.05" width="17.9" height="3.9" stroke="black" stroke-opacity="0.1" stroke-width="0.1"/>
<rect x="48" y="33" width="18" height="4" fill="#F3F0FF"/>
<rect x="48.05" y="33.05" width="17.9" height="3.9" stroke="black" stroke-opacity="0.1" stroke-width="0.1"/>
<rect x="55" y="39" width="34" height="4" fill="#F3F0FF"/>
<rect x="55.05" y="39.05" width="33.9" height="3.9" stroke="black" stroke-opacity="0.1" stroke-width="0.1"/>
<rect x="87" y="49" width="34" height="4" fill="#E1EFFF"/>
<rect x="87.05" y="49.05" width="33.9" height="3.9" stroke="black" stroke-opacity="0.1" stroke-width="0.1"/>
<rect x="40" y="62" width="28" height="4" fill="#DFF4E8"/>
<rect x="40.05" y="62.05" width="27.9" height="3.9" stroke="black" stroke-opacity="0.1" stroke-width="0.1"/>
<rect x="40" y="67" width="28" height="4" fill="#DFF4E8"/>
<rect x="40.05" y="67.05" width="27.9" height="3.9" stroke="black" stroke-opacity="0.1" stroke-width="0.1"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 2.1 KiB

BIN
packages/frontend/templates/edgeless-snapshot/Project Management/Gantt Chart.zip Normal file
View File

Binary file not shown.

47
packages/frontend/templates/edgeless-snapshot/Project Management/Monthly Calendar.svg Normal file
View File

@@ -0,0 +1,47 @@
<svg width="135" height="80" viewBox="0 0 135 80" fill="none" xmlns="http://www.w3.org/2000/svg">
<rect width="135" height="80" fill="white"/>
<rect x="28" y="7" width="19" height="10" fill="#FFC46B" stroke="white"/>
<rect x="28" y="17" width="19" height="14" fill="#FFF4D8" stroke="white"/>
<rect x="28" y="31" width="19" height="14" fill="#FFF4D8" stroke="white"/>
<rect x="28" y="45" width="19" height="14" fill="#FFF4D8" stroke="white"/>
<rect x="28" y="59" width="19" height="14" fill="#FFF4D8" stroke="white"/>
<rect x="47" y="7" width="20" height="10" fill="#FFC46B" stroke="white"/>
<rect x="47" y="17" width="20" height="14" fill="#FFF4D8" stroke="white"/>
<rect x="47" y="31" width="20" height="14" fill="#FFF4D8" stroke="white"/>
<rect x="47" y="45" width="20" height="14" fill="#FFF4D8" stroke="white"/>
<rect x="47" y="59" width="20" height="14" fill="#FFF4D8" stroke="white"/>
<rect x="67" y="7" width="20" height="10" fill="#FFC46B" stroke="white"/>
<rect x="67" y="17" width="20" height="14" fill="#FFF4D8" stroke="white"/>
<rect x="67" y="31" width="20" height="14" fill="#FFF4D8" stroke="white"/>
<rect x="67" y="45" width="20" height="14" fill="#FFF4D8" stroke="white"/>
<rect x="67" y="59" width="20" height="14" fill="#FFF4D8" stroke="white"/>
<rect x="87" y="7" width="19" height="10" fill="#FFC46B" stroke="white"/>
<rect x="87" y="17" width="19" height="14" fill="#FFF4D8" stroke="white"/>
<rect x="87" y="31" width="19" height="14" fill="#FFF4D8" stroke="white"/>
<rect x="87" y="45" width="19" height="14" fill="#FFF4D8" stroke="white"/>
<rect x="87" y="59" width="19" height="14" fill="#FFF4D8" stroke="white"/>
<rect x="106" y="7" width="20" height="10" fill="#FFC46B" stroke="white"/>
<rect x="106" y="17" width="20" height="14" fill="#FFF4D8" stroke="white"/>
<rect x="106" y="31" width="20" height="14" fill="#FFF4D8" stroke="white"/>
<rect x="106" y="45" width="20" height="14" fill="#FFF4D8" stroke="white"/>
<rect x="106" y="59" width="20" height="14" fill="#FFF4D8" stroke="white"/>
<rect x="8" y="7" width="20" height="10" fill="#FFC46B" stroke="white"/>
<rect x="8" y="17" width="20" height="14" fill="#FFC46B" stroke="white"/>
<rect x="8" y="31" width="20" height="14" fill="#FFC46B" stroke="white"/>
<rect x="8" y="45" width="20" height="14" fill="#FFC46B" stroke="white"/>
<rect x="8" y="59" width="20" height="14" fill="#FFC46B" stroke="white"/>
<rect x="92" y="35" width="11" height="6" fill="#937EE7"/>
<rect x="92.05" y="35.05" width="10.9" height="5.9" stroke="black" stroke-opacity="0.1" stroke-width="0.1"/>
<rect x="90" y="62" width="11" height="6" fill="#F16F6F"/>
<rect x="90.05" y="62.05" width="10.9" height="5.9" stroke="black" stroke-opacity="0.1" stroke-width="0.1"/>
<rect x="54" y="48" width="12" height="6" fill="#F16F6F"/>
<rect x="54.05" y="48.05" width="11.9" height="5.9" stroke="black" stroke-opacity="0.1" stroke-width="0.1"/>
<rect x="32" y="21" width="12" height="6" fill="#84CFFF"/>
<rect x="32.05" y="21.05" width="11.9" height="5.9" stroke="black" stroke-opacity="0.1" stroke-width="0.1"/>
<rect x="69" y="32" width="12" height="6" fill="#84CFFF"/>
<rect x="69.05" y="32.05" width="11.9" height="5.9" stroke="black" stroke-opacity="0.1" stroke-width="0.1"/>
<rect x="111" y="48" width="11" height="6" fill="#9DD194"/>
<rect x="111.05" y="48.05" width="10.9" height="5.9" stroke="black" stroke-opacity="0.1" stroke-width="0.1"/>
<rect x="32" y="63" width="11" height="6" fill="#937EE7"/>
<rect x="32.05" y="63.05" width="10.9" height="5.9" stroke="black" stroke-opacity="0.1" stroke-width="0.1"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 3.5 KiB

BIN
packages/frontend/templates/edgeless-snapshot/Project Management/Monthly Calendar.zip Normal file
View File

Binary file not shown.

22
packages/frontend/templates/edgeless-snapshot/Project Management/Project Planning.svg Normal file
View File

@@ -0,0 +1,22 @@
<svg width="135" height="80" viewBox="0 0 135 80" fill="none" xmlns="http://www.w3.org/2000/svg">
<rect width="135" height="80" fill="white"/>
<rect x="10" y="7" width="29" height="65" fill="#937EE7"/>
<rect x="39" y="7" width="29" height="65" fill="#B8E3FF"/>
<rect x="68" y="7" width="29" height="65" fill="#937EE7"/>
<rect x="97" y="7" width="29" height="65" fill="#B8E3FF"/>
<rect x="22" y="27" width="13" height="13" fill="white"/>
<rect x="22.05" y="27.05" width="12.9" height="12.9" stroke="black" stroke-opacity="0.3" stroke-width="0.1"/>
<rect x="47" y="24" width="13" height="13" fill="#ED8CBD"/>
<rect x="47.05" y="24.05" width="12.9" height="12.9" stroke="black" stroke-opacity="0.3" stroke-width="0.1"/>
<rect x="73" y="36" width="13" height="13" fill="#ED8CBD"/>
<rect x="73.05" y="36.05" width="12.9" height="12.9" stroke="black" stroke-opacity="0.3" stroke-width="0.1"/>
<rect x="13" y="53" width="13" height="13" fill="#FFDE6B"/>
<rect x="13.05" y="53.05" width="12.9" height="12.9" stroke="black" stroke-opacity="0.1" stroke-width="0.1"/>
<rect x="101" y="22" width="13" height="13" fill="white"/>
<rect x="109" y="46" width="13" height="13" fill="#FFDE6B"/>
<rect x="109.05" y="46.05" width="12.9" height="12.9" stroke="black" stroke-opacity="0.1" stroke-width="0.1"/>
<rect x="80" y="26" width="13" height="13" fill="#FFDE6B"/>
<rect x="80.05" y="26.05" width="12.9" height="12.9" stroke="black" stroke-opacity="0.1" stroke-width="0.1"/>
<rect x="15" y="18" width="13" height="13" fill="#B8E3FF"/>
<rect x="15.05" y="18.05" width="12.9" height="12.9" stroke="black" stroke-opacity="0.3" stroke-width="0.1"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.6 KiB

BIN
packages/frontend/templates/edgeless-snapshot/Project Management/Project Planning.zip Normal file
View File

Binary file not shown.

25
packages/frontend/templates/edgeless-snapshot/Project Management/Project Tracking Kanban.svg Normal file
View File

@@ -0,0 +1,25 @@
<svg width="135" height="80" viewBox="0 0 135 80" fill="none" xmlns="http://www.w3.org/2000/svg">
<rect width="135" height="80" fill="white"/>
<rect x="8" y="15" width="36" height="57" rx="1" fill="#F3F0FF"/>
<rect x="49" y="15" width="37" height="57" rx="1" fill="#FFF4D8"/>
<rect x="91" y="15" width="36" height="57" rx="1" fill="#F5F5F5"/>
<rect x="13" y="19" width="11" height="10" fill="#937EE7"/>
<rect x="13.05" y="19.05" width="10.9" height="9.9" stroke="black" stroke-opacity="0.1" stroke-width="0.1"/>
<rect x="55" y="19" width="11" height="10" fill="#FFC46B"/>
<rect x="55.05" y="19.05" width="10.9" height="9.9" stroke="black" stroke-opacity="0.1" stroke-width="0.1"/>
<rect x="27" y="19" width="11" height="10" fill="#937EE7"/>
<rect x="27.05" y="19.05" width="10.9" height="9.9" stroke="black" stroke-opacity="0.1" stroke-width="0.1"/>
<rect x="69" y="19" width="11" height="10" fill="#FFC46B"/>
<rect x="69.05" y="19.05" width="10.9" height="9.9" stroke="black" stroke-opacity="0.1" stroke-width="0.1"/>
<rect x="96" y="19" width="11" height="10" fill="#B8E3FF"/>
<rect x="96.05" y="19.05" width="10.9" height="9.9" stroke="black" stroke-opacity="0.1" stroke-width="0.1"/>
<rect x="96" y="34" width="11" height="10" fill="#B8E3FF"/>
<rect x="96.05" y="34.05" width="10.9" height="9.9" stroke="black" stroke-opacity="0.1" stroke-width="0.1"/>
<rect x="112" y="26" width="11" height="10" fill="#B8E3FF"/>
<rect x="112.05" y="26.05" width="10.9" height="9.9" stroke="black" stroke-opacity="0.1" stroke-width="0.1"/>
<rect x="13" y="32" width="11" height="10" fill="#937EE7"/>
<rect x="13.05" y="32.05" width="10.9" height="9.9" stroke="black" stroke-opacity="0.1" stroke-width="0.1"/>
<rect x="8" y="7" width="15" height="4" rx="2" fill="#937EE7"/>
<rect x="49" y="7" width="15" height="4" rx="2" fill="#FFC46B"/>
<rect x="91" y="7" width="15" height="4" rx="2" fill="#B8E3FF"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.9 KiB

BIN
packages/frontend/templates/edgeless-snapshot/Project Management/Project Tracking Kanban.zip Normal file
View File

Binary file not shown.