refactor(editor): add runtime type checks to database cell values (#10770)

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

@@ -5,7 +5,7 @@ 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> {
+export class ImageCell extends BaseCellRenderer<string, string> {
   static override styles = css`
     affine-database-image-cell {
       width: 100%;
@@ -27,6 +27,6 @@ export class TextCell extends BaseCellRenderer<string> {
 export const imagePropertyConfig = imagePropertyModelConfig.createPropertyMeta({
   icon: createIcon('ImageIcon'),
   cellRenderer: {
-    view: createFromBaseCellRenderer(TextCell),
+    view: createFromBaseCellRenderer(ImageCell),
   },
 });

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

@@ -2,21 +2,31 @@ import zod from 'zod';
 
 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({
   name: 'image',
-  valueSchema: zod.string().optional(),
-  hide: true,
-  type: () => t.image.instance(),
-  defaultData: () => ({}),
-  cellToString: ({ value }) => value ?? '',
-  cellFromString: ({ value }) => {
-    return {
-      value: value,
-    };
+  propertyData: {
+    schema: zod.object({}),
+    default: () => ({}),
   },
-  cellToJson: ({ value }) => value ?? null,
-  cellFromJson: ({ value }) => (typeof value !== 'string' ? undefined : value),
-  isEmpty: ({ value }) => value == null,
+  jsonValue: {
+    schema: zod.string().nullable(),
+    isEmpty: ({ value }) => value == null,
+    type: () => t.image.instance(),
+  },
+  rawValue: {
+    schema: zod.string().nullable(),
+    default: () => null,
+    toString: ({ value }) => value ?? '',
+    fromString: ({ value }) => {
+      return {
+        value: value,
+      };
+    },
+    toJson: ({ value }) => value,
+    fromJson: ({ value }) => value,
+  },
+  hide: true,
 });