chore: adjust some code (#8446)

src/address-edit/AddressEdit.tsx

@@ -381,15 +381,15 @@ export default defineComponent({
               onBlur={onDetailBlur}
               onFocus={() => onFocus('addressDetail')}
               onInput={onChangeDetail}
-              onSelect-search={(event: Event) => emit('select-search', event)}
+              onSelectSearch={(event: Event) => emit('select-search', event)}
             />
             {props.showPostal && (
               <Field
                 v-show={!hideBottomFields.value}
                 v-model={data.postalCode}
                 type="tel"
-                maxlength="6"
                 label={t('postal')}
+                maxlength="6"
                 placeholder={t('postal')}
                 errorMessage={errorInfo.postalCode}
                 onFocus={() => onFocus('postalCode')}
@@ -402,9 +402,9 @@ export default defineComponent({
             <Button
               block
               round
-              loading={props.isSaving}
               type="danger"
               text={props.saveButtonText || t('save')}
+              loading={props.isSaving}
               onClick={onSave}
             />
             {props.showDelete && (

src/swipe/Swipe.tsx

@@ -139,14 +139,14 @@ export default defineComponent({
     });
 
     const trackStyle = computed(() => {
-      const mainAxis = props.vertical ? 'height' : 'width';
-      const crossAxis = props.vertical ? 'width' : 'height';
       const style: CSSProperties = {
         transitionDuration: `${state.swiping ? 0 : props.duration}ms`,
         transform: `translate${props.vertical ? 'Y' : 'X'}(${state.offset}px)`,
       };
 
       if (size.value) {
+        const mainAxis = props.vertical ? 'height' : 'width';
+        const crossAxis = props.vertical ? 'width' : 'height';
         style[mainAxis] = `${trackSize.value}px`;
         style[crossAxis] = props[crossAxis] ? `${props[crossAxis]}px` : '';
       }
@@ -225,8 +225,7 @@ export default defineComponent({
 
       if (state.active <= -1) {
         move({ pace: count.value });
-      }
-      if (state.active >= count.value) {
+      } else if (state.active >= count.value) {
         move({ pace: -count.value });
       }
     };

src/tab/test/insert.spec.tsx

@@ -1,3 +1,4 @@
+import { defineComponent } from 'vue';
 import { mount, later } from '../../../test';
 import { Tab } from '..';
 import { Tabs } from '../../tabs';
@@ -64,11 +65,11 @@ test('should render correctly after inserting a tab with name', async () => {
 });
 
 test('should render Tab inside a component correctly', async () => {
-  const MyTab = {
+  const MyTab = defineComponent({
     render() {
       return <Tab title="2">2</Tab>;
     },
-  };
+  });
 
   const wrapper = mount({
     render() {

src/vue-tsx-shim.d.ts

@@ -36,5 +36,6 @@ declare module 'vue' {
     onTouchmove?: EventHandler;
     onTouchstart?: EventHandler;
     onTouchcancel?: EventHandler;
+    onSelectSearch?: EventHandler;
   }
 }