refactor(core): optimize watch decorator and fix prop handling

- Update watch decorator to use a dedicated WatchCallback type
- Refactor doWatch function to use WatchCallback instead of watchMethodName
- Fix typo in handleProps function name

packages/core/src/decorators/Component.ts

@@ -240,7 +240,9 @@ function getCustomElementWrapper(target: any, { tag, style, observedAttributes }
 						warn(`invalid watchKey ${watchKey}`);
 						return;
 					}
-					doWatch(this, watchMethodName, ctx, property, statePool, item.options);
+
+					const watchCallback = this[watchMethodName];
+					doWatch(this, watchCallback, ctx, property, statePool, item.options);
 				});
 			}
 		}

packages/core/src/decorators/Watch.ts

@@ -9,6 +9,8 @@ export interface WatchOptions {
 	immediate?: boolean;
 }
 
+export type WatchCallback<T = unknown> = (value?: T, oldValue?: T, cleanup?: () => void) => void;
+
 // todo: validate watchKeys
 // todo： watchKeys param support ‘obj.s.a’
 // todo: pre / sync / post
@@ -22,7 +24,7 @@ export default function Watch(watchKeys: any[] | never[], options: WatchOptions
 
 export function doWatch(
 	instance: DecoWebComponent,
-	watchMethodName: keyof DecoWebComponent,
+	watchCallback: WatchCallback,
 	propertyCtx: any,
 	property: string | symbol,
 	statePool: StatePool,
@@ -37,7 +39,7 @@ export function doWatch(
 			statePool.delete(propertyCtx, property, watchEffect);
 		};
 
-		instance[watchMethodName].call(instance, newValue, oldValue, cleanup);
+		watchCallback.call(instance, newValue, oldValue, cleanup);
 
 		oldValue = newValue;
 

packages/renderer/src/patch/props.ts

@@ -109,19 +109,19 @@ export function patchProps(element: HTMLElement, props: Props, oldProps: Props)
 		if (!['key', 'children'].includes(propName)) {
 			const value = props[propName];
 
-			handlePros(element, propName, props, value);
+			handleProps(element, propName, props, value);
 			handledProps.add(propName);
 		}
 	}
 
 	for (const propName of Object.keys(oldProps)) {
 		if (!handledProps.has(propName)) {
-			handlePros(element, propName, oldProps, undefined);
+			handleProps(element, propName, oldProps, undefined);
 		}
 	}
 }
 
-export function handlePros(element: HTMLElement, propName: string, props: Props, value: any) {
+export function handleProps(element: HTMLElement, propName: string, props: Props, value: any) {
 	try {
 		switch (propName) {
 			case 'dangerouslySetInnerHTML':