chore: update jsx event binding to ts 4.4 (#9660)

packages/vant/src/action-sheet/ActionSheet.tsx

@@ -148,8 +148,8 @@ export default defineComponent({
       <Popup
         class={bem()}
         position="bottom"
+        onUpdate:show={updateShow}
         {...pick(props, popupKeys)}
-        {...{ 'onUpdate:show': updateShow }}
       >
         {renderHeader()}
         {renderDescription()}

packages/vant/src/address-edit/AddressEditDetail.tsx

@@ -96,7 +96,7 @@ export default defineComponent({
               errorMessage={props.errorMessage}
               onBlur={onBlur}
               onFocus={onFocus}
-              {...{ 'onUpdate:modelValue': onInput }}
+              onUpdate:modelValue={onInput}
             />
             {renderSearchResult()}
           </>

packages/vant/src/calendar/Calendar.tsx

@@ -566,7 +566,7 @@ export default defineComponent({
             teleport={props.teleport}
             closeOnPopstate={props.closeOnPopstate}
             closeOnClickOverlay={props.closeOnClickOverlay}
-            {...{ 'onUpdate:show': updateShow }}
+            onUpdate:show={updateShow}
           >
             {renderCalendar()}
           </Popup>

packages/vant/src/dialog/Dialog.tsx

@@ -228,8 +228,8 @@ export default defineComponent({
           class={[bem([theme]), className]}
           style={{ width: addUnit(width) }}
           aria-labelledby={title || message}
+          onUpdate:show={updateShow}
           {...pick(props, popupKeys)}
-          {...{ 'onUpdate:show': updateShow }}
         >
           {renderTitle()}
           {renderContent()}

packages/vant/src/dialog/function-call.tsx

@@ -10,7 +10,7 @@ function initInstance() {
   const Wrapper = {
     setup() {
       const { state, toggle } = usePopupState();
-      return () => <VanDialog {...state} {...{ 'onUpdate:show': toggle }} />;
+      return () => <VanDialog {...state} onUpdate:show={toggle} />;
     },
   };
 

packages/vant/src/image-preview/ImagePreview.tsx

@@ -206,13 +206,13 @@ export default defineComponent({
         class={[bem(), props.className]}
         overlayClass={bem('overlay')}
         onClosed={onClosed}
+        onUpdate:show={updateShow}
         {...pick(props, [
           'show',
           'transition',
           'overlayStyle',
           'closeOnPopstate',
         ])}
-        {...{ 'onUpdate:show': updateShow }}
       >
         {renderClose()}
         {renderImages()}

packages/vant/src/image-preview/function-call.tsx

@@ -40,10 +40,8 @@ function initInstance() {
       return () => (
         <VanImagePreview
           {...state}
-          {...{
+          onClosed={onClosed}
-            onClosed,
+          onUpdate:show={toggle}
-            'onUpdate:show': toggle,
-          }}
         />
       );
     },

packages/vant/src/notify/Notify.tsx

@@ -24,7 +24,11 @@ export default defineComponent({
     lockScroll: Boolean,
   }),
 
-  setup(props, { slots }) {
+  emits: ['update:show'],
+
+  setup(props, { emit, slots }) {
+    const updateShow = (show: boolean) => emit('update:show', show);
+
     return () => (
       <Popup
         show={props.show}
@@ -37,6 +41,7 @@ export default defineComponent({
         position="top"
         duration={0.2}
         lockScroll={props.lockScroll}
+        onUpdate:show={updateShow}
       >
         {slots.default ? slots.default() : props.message}
       </Popup>

packages/vant/src/notify/function-call.tsx

@@ -20,7 +20,7 @@ function initInstance() {
   ({ instance } = mountComponent({
     setup() {
       const { state, toggle } = usePopupState();
-      return () => <VanNotify {...state} {...{ 'onUpdate:show': toggle }} />;
+      return () => <VanNotify {...state} onUpdate:show={toggle} />;
     },
   }));
 }

packages/vant/src/popover/Popover.tsx

@@ -223,9 +223,9 @@ export default defineComponent({
           transition="van-popover-zoom"
           lockScroll={false}
           onTouchstart={onTouchstart}
+          onUpdate:show={updateShow}
           {...attrs}
           {...pick(props, popupProps)}
-          {...{ 'onUpdate:show': updateShow }}
         >
           {props.showArrow && <div class={bem('arrow')} />}
           <div role="menu" class={bem('content')}>

packages/vant/src/search/Search.tsx

@@ -105,8 +105,8 @@ export default defineComponent({
           class={bem('field')}
           border={false}
           onKeypress={onKeypress}
+          onUpdate:modelValue={onInput}
           {...fieldAttrs}
-          {...{ 'onUpdate:modelValue': onInput }}
         />
       );
     };

packages/vant/src/share-sheet/ShareSheet.tsx

@@ -140,8 +140,8 @@ export default defineComponent({
       <Popup
         class={bem()}
         position="bottom"
+        onUpdate:show={updateShow}
         {...pick(props, popupKeys)}
-        {...{ 'onUpdate:show': updateShow }}
       >
         {renderHeader()}
         {renderRows()}

packages/vant/src/toast/Toast.tsx

@@ -141,7 +141,7 @@ export default defineComponent({
         closeOnClickOverlay={props.closeOnClickOverlay}
         onClick={onClick}
         onClosed={clearTimer}
-        {...{ 'onUpdate:show': updateShow }}
+        onUpdate:show={updateShow}
       >
         {renderIcon()}
         {renderMessage()}