fix: countdown/invoice/navbar 优化事件命名 (#2536)

Author: eiinu

packages/nutui-taro-demo/src/business/pages/invoice/index.vue

@@ -2,7 +2,7 @@
   <div class="demo full" :class="{ web: env === 'WEB' }">
     <Header v-if="env === 'WEB'" />
     <h2>默认用法</h2>
-    <nut-invoice :data="data" :formValue="formValue" @onSubmit="submit"></nut-invoice>
+    <nut-invoice :data="data" :formValue="formValue" @submit="submit"></nut-invoice>
   </div>
 </template>
 

packages/nutui-taro-demo/src/exhibition/pages/countdown/index.vue

@@ -3,7 +3,7 @@
     <Header v-if="env === 'WEB'" />
     <h2>基础用法</h2>
     <nut-cell>
-      <nut-countdown :endTime="end" @on-end="onend"></nut-countdown>
+      <nut-countdown :endTime="end" @end="onend"></nut-countdown>
     </nut-cell>
     <h2>自定义格式</h2>
     <nut-cell>
@@ -31,7 +31,7 @@
     <h2>控制开始和暂停的倒计时</h2>
 
     <nut-cell>
-      <nut-countdown :endTime="end" :paused="paused" @on-paused="onpaused" @on-restart="onrestart" />
+      <nut-countdown :endTime="end" :paused="paused" @paused="onpaused" @restart="onrestart" />
       <div style="position: absolute; right: 10px; top: 9px">
         <nut-button type="primary" size="small" @click="toggle">{{ paused ? 'start' : 'stop' }}</nut-button>
       </div>

packages/nutui-taro-demo/src/nav/pages/navbar/index.vue

@@ -3,7 +3,7 @@
     <Header v-if="env === 'WEB'" />
     <h2>基础用法</h2>
 
-    <nut-navbar @on-click-back="back" @on-click-title="title" title="订单详情">
+    <nut-navbar @click-back="back" @click-title="title" title="订单详情">
       <template #left>
         <div>返回</div>
       </template>
@@ -13,19 +13,19 @@
     </nut-navbar>
 
     <nut-navbar
-      @on-click-back="back"
-      @on-click-title="title"
-      @on-click-right="rightClick"
+      @click-back="back"
+      @click-title="title"
+      @click-right="rightClick"
       title="浏览记录"
       desc="清空"
     ></nut-navbar>
 
     <nut-navbar
       :left-show="false"
-      @on-click-back="back"
-      @on-click-title="title"
-      @on-click-icon="icon"
-      @on-click-right="rightClick"
+      @click-back="back"
+      @click-title="title"
+      @click-icon="icon"
+      @click-right="rightClick"
       title="购物车"
       :titleIcon="true"
       desc="编辑"
@@ -39,7 +39,7 @@
     </nut-navbar>
 
     <h2>自定义导航栏中间内容</h2>
-    <nut-navbar @on-click-back="back" @on-click-title="title" @on-click-right="rightClick" desc="编辑">
+    <nut-navbar @click-back="back" @click-title="title" @click-right="rightClick" desc="编辑">
       <template #content>
         <nut-tabs v-model="tab1value" @click="changeTab">
           <nut-tab-pane title="商品"> </nut-tab-pane>
@@ -53,7 +53,7 @@
     </nut-navbar>
 
     <h2>多tab切换导航</h2>
-    <nut-navbar @on-click-back="back">
+    <nut-navbar @click-back="back">
       <template #content>
         <nut-tabs v-model="tab2value" @click="changeTabList">
           <nut-tab-pane title="商品"> </nut-tab-pane>

src/packages/__VUE/countdown/__tests__/countdown.spec.ts

@@ -10,9 +10,9 @@ test('endTime props', async () => {
       endTime: Date.now() + 1 * 50
     }
   });
-  expect(wrapper.emitted('onEnd')).toBeFalsy();
+  expect(wrapper.emitted('end')).toBeFalsy();
   await sleep(51);
-  expect(wrapper.emitted('onEnd')).toBeTruthy();
+  expect(wrapper.emitted('end')).toBeTruthy();
 });
 
 test('format props', async () => {
@@ -63,7 +63,7 @@ test('paused props', async () => {
       'nut-button': Button
     },
     template: `
-      <nut-countdown  :endTime="endTime" :paused="paused" />
+      <nut-countdown  :end-time="endTime" :paused="paused" />
       <nut-button  @click="toggle">{{ paused ? 'start' : 'stop' }}</nut-button>
     `,
     setup() {

src/packages/__VUE/countdown/demo.vue

@@ -2,7 +2,7 @@
   <div class="demo">
     <h2>{{ translate('basic') }}</h2>
     <nut-cell>
-      <nut-countdown :end-time="end" @on-end="onend"></nut-countdown>
+      <nut-countdown :end-time="end" @end="onend"></nut-countdown>
     </nut-cell>
     <h2>{{ translate('format') }}</h2>
     <nut-cell>
@@ -33,7 +33,7 @@
     <h2>{{ translate('controlTime') }}</h2>
 
     <nut-cell>
-      <nut-countdown :end-time="end" :paused="paused" @on-paused="onpaused" @on-restart="onrestart" />
+      <nut-countdown :end-time="end" :paused="paused" @paused="onpaused" @restart="onrestart" />
       <div style="position: absolute; right: 10px; top: 9px">
         <nut-button type="primary" size="small" @click="toggle">{{ paused ? 'start' : 'stop' }}</nut-button>
       </div>