Files
AFFiNE-Mirror/blocksuite/affine/block-image/src/preview-image/edgeless.ts
T
doouding 8ece812017 feat: dnd image preview && edgeless dnd preview issue (#10177)
### Changed
- Add new image block to render dnd preview
- Fixed the bug that dragging uploaded image does not have width and height
- Fixed the bug that drag image block from page to edgeless does not have width and height
- Better edgeless dnd preview
2025-02-14 16:02:03 +00:00

26 lines
698 B
TypeScript

import { toGfxBlockComponent } from '@blocksuite/block-std';
import { css } from 'lit';
import { ImagePlaceholderBlockComponent } from './page.js';
export class ImageEdgelessPlaceholderBlockComponent extends toGfxBlockComponent(
ImagePlaceholderBlockComponent
) {
static override styles = css`
affine-edgeless-placeholder-preview-image
.affine-placeholder-preview-container {
border: 1px solid var(--affine-background-tertiary-color);
}
`;
override renderGfxBlock(): unknown {
return super.renderGfxBlock();
}
}
declare global {
interface HTMLElementTagNameMap {
'affine-edgeless-placeholder-preview-image': ImageEdgelessPlaceholderBlockComponent;
}
}