mirror of
https://github.com/toeverything/AFFiNE.git
synced 2025-01-02 18:07:45 +03:00
c95e6ec518
Close issue [AF-1785](https://linear.app/affine-design/issue/AF-1785). ### What changed? - Support copy as image in electron app： - Select the whole mindmap if any of the mindmap nodes is selected. - Hide unselected overlap elements before taking a snapshot. - Fit the selected elements to the screen. - Add CSS style to hide irrelevant dom nodes, like widgets, whiteboard background and so on. - Due to the usage of Shadow Dom in our code, not all node styles can be controlled. Thus this PR use `-2px` padding for `affine:frame` snapshots. - Using electron `capturePage` API to take a snapshot of selected elements. <div class='graphite__hidden'> <div>🎥 Video uploaded on Graphite:</div> <a href="https://app.graphite.dev/media/video/sJGviKxfE3Ap685cl5bj/c1b7b772-ddf8-4a85-b670-e96af7bd5cc0.mov"> <img src="https://app.graphite.dev/api/v1/graphite/video/thumbnail/sJGviKxfE3Ap685cl5bj/c1b7b772-ddf8-4a85-b670-e96af7bd5cc0.mov"> </a> </div> <video src="https://graphite-user-uploaded-assets-prod.s3.amazonaws.com/sJGviKxfE3Ap685cl5bj/c1b7b772-ddf8-4a85-b670-e96af7bd5cc0.mov">录屏2024-11-27 16.11.03.mov</video>
87 lines
2.7 KiB
JSON
87 lines
2.7 KiB
JSON
{
|
|
"name": "@affine/component",
|
|
"private": true,
|
|
"main": "./src/index.ts",
|
|
"exports": {
|
|
".": "./src/index.ts",
|
|
"./theme": "./src/theme/index.ts",
|
|
"./ui/*": "./src/ui/*/index.ts",
|
|
"./*": "./src/components/*/index.tsx"
|
|
},
|
|
"scripts": {
|
|
"dev": "storybook dev -p 6006",
|
|
"build:storybook": "storybook build"
|
|
},
|
|
"peerDependencies": {
|
|
"@blocksuite/affine": "*",
|
|
"@blocksuite/icons": "2.1.71"
|
|
},
|
|
"dependencies": {
|
|
"@affine/cli": "workspace:*",
|
|
"@affine/debug": "workspace:*",
|
|
"@affine/electron-api": "workspace:*",
|
|
"@affine/graphql": "workspace:*",
|
|
"@affine/i18n": "workspace:*",
|
|
"@atlaskit/pragmatic-drag-and-drop": "^1.2.1",
|
|
"@atlaskit/pragmatic-drag-and-drop-hitbox": "^1.0.3",
|
|
"@blocksuite/icons": "2.1.71",
|
|
"@emotion/react": "^11.11.4",
|
|
"@emotion/styled": "^11.11.5",
|
|
"@radix-ui/react-avatar": "^1.0.4",
|
|
"@radix-ui/react-collapsible": "^1.1.1",
|
|
"@radix-ui/react-dialog": "^1.1.1",
|
|
"@radix-ui/react-dropdown-menu": "^2.1.1",
|
|
"@radix-ui/react-popover": "^1.0.7",
|
|
"@radix-ui/react-progress": "^1.1.0",
|
|
"@radix-ui/react-radio-group": "^1.1.3",
|
|
"@radix-ui/react-scroll-area": "^1.0.5",
|
|
"@radix-ui/react-slider": "^1.2.0",
|
|
"@radix-ui/react-slot": "^1.1.0",
|
|
"@radix-ui/react-tabs": "^1.1.0",
|
|
"@radix-ui/react-toast": "^1.1.5",
|
|
"@radix-ui/react-tooltip": "^1.0.7",
|
|
"@radix-ui/react-visually-hidden": "^1.1.0",
|
|
"@toeverything/theme": "^1.0.18",
|
|
"@vanilla-extract/dynamic": "^2.1.0",
|
|
"check-password-strength": "^2.0.10",
|
|
"clsx": "^2.1.0",
|
|
"dayjs": "^1.11.10",
|
|
"jotai": "^2.8.0",
|
|
"lit": "^3.1.2",
|
|
"lodash-es": "^4.17.21",
|
|
"lottie-react": "^2.4.0",
|
|
"lottie-web": "^5.12.2",
|
|
"nanoid": "^5.0.7",
|
|
"next-themes": "^0.4.0",
|
|
"react": "18.3.1",
|
|
"react-dom": "18.3.1",
|
|
"react-paginate": "^8.2.0",
|
|
"react-router-dom": "^6.22.3",
|
|
"react-transition-state": "^2.1.1",
|
|
"sonner": "^1.4.41",
|
|
"swr": "^2.2.5",
|
|
"zod": "^3.22.4"
|
|
},
|
|
"devDependencies": {
|
|
"@blocksuite/affine": "0.18.1",
|
|
"@blocksuite/icons": "2.1.71",
|
|
"@chromatic-com/storybook": "^3.0.0",
|
|
"@storybook/addon-essentials": "^8.2.9",
|
|
"@storybook/addon-interactions": "^8.2.9",
|
|
"@storybook/addon-links": "^8.2.9",
|
|
"@storybook/addon-mdx-gfm": "^8.2.9",
|
|
"@storybook/react": "^8.2.9",
|
|
"@storybook/react-vite": "^8.2.9",
|
|
"@testing-library/react": "^16.0.0",
|
|
"@types/react": "^18.2.75",
|
|
"@types/react-dom": "^18.2.24",
|
|
"@vanilla-extract/css": "^1.14.2",
|
|
"storybook": "^8.2.9",
|
|
"typescript": "^5.6.3",
|
|
"unplugin-swc": "^1.5.1",
|
|
"vite": "^6.0.1",
|
|
"vitest": "2.1.6"
|
|
},
|
|
"version": "0.18.0"
|
|
}
|