chore: merge blocksuite source code (#9213)

blocksuite/affine/data-view/src/property-presets/image/cell-renderer.ts

@@ -0,0 +1,32 @@
+import { css, html } from 'lit';
+
+import { BaseCellRenderer } from '../../core/property/index.js';
+import { createFromBaseCellRenderer } from '../../core/property/renderer.js';
+import { createIcon } from '../../core/utils/uni-icon.js';
+import { imagePropertyModelConfig } from './define.js';
+
+export class TextCell extends BaseCellRenderer<string> {
+  static override styles = css`
+    affine-database-image-cell {
+      width: 100%;
+      height: 100%;
+      display: flex;
+      align-items: center;
+    }
+    affine-database-image-cell img {
+      width: 20px;
+      height: 20px;
+    }
+  `;
+
+  override render() {
+    return html`<img src=${this.value ?? ''}></img>`;
+  }
+}
+
+export const imagePropertyConfig = imagePropertyModelConfig.createPropertyMeta({
+  icon: createIcon('ImageIcon'),
+  cellRenderer: {
+    view: createFromBaseCellRenderer(TextCell),
+  },
+});

blocksuite/affine/data-view/src/property-presets/image/define.ts

@@ -0,0 +1,19 @@
+import { t } from '../../core/logical/type-presets.js';
+import { propertyType } from '../../core/property/property-config.js';
+
+export const imagePropertyType = propertyType('image');
+
+export const imagePropertyModelConfig = imagePropertyType.modelConfig<string>({
+  name: 'image',
+  type: () => t.image.instance(),
+  defaultData: () => ({}),
+  cellToString: ({ value }) => value ?? '',
+  cellFromString: ({ value }) => {
+    return {
+      value: value,
+    };
+  },
+  cellToJson: ({ value }) => value ?? null,
+  cellFromJson: ({ value }) => (typeof value !== 'string' ? undefined : value),
+  isEmpty: ({ value }) => value == null,
+});