feat: add checked payload type

src/model/element-action.ts

@@ -164,6 +164,8 @@ export class ElementAction {
 						return event.target.name;
 					case 'value':
 						return event.target.value;
+					case 'checked':
+						return event.target.checked;
 				}
 				return undefined;
 			}

src/model/pattern-property/event-handler-property.ts

@@ -3,6 +3,10 @@ import * as Mobx from 'mobx';
 import { deserializeOrigin, PatternPropertyBase, serializeOrigin } from './property-base';
 import * as Types from '../../types';
 
+export interface PatternEventInit {
+	type: Types.PatternEventType;
+}
+
 export class PatternEvent {
 	@Mobx.observable private type: Types.PatternEventType;
 
@@ -22,6 +26,7 @@ export class PatternEvent {
 			case Types.PatternEventType.FocusEvent:
 				return ['name', 'value'];
 			case Types.PatternEventType.ChangeEvent:
+				return ['name', 'checked', 'value'];
 			case Types.PatternEventType.InputEvent:
 				return ['name', 'value'];
 			case Types.PatternEventType.MouseEvent:
@@ -121,10 +126,6 @@ export class PatternEventHandlerProperty extends PatternPropertyBase<string[]> {
 	}
 }
 
-export interface PatternEventInit {
-	type: Types.PatternEventType;
-}
-
 function deserializeEventType(type: Types.SerializedPatternEventType): Types.PatternEventType {
 	switch (type) {
 		case 'FocusEvent':

src/preview/preview-store.ts

@@ -201,7 +201,6 @@ export class PreviewStore<V> {
 						return;
 					}
 
-					e.preventDefault();
 					elementAction.execute({ sender: this.sender, project: this.getProject(), event: e });
 				};
 			} else {