chore: rename component name (#1920)

* chore: countup 组件名称变更

* chore: countdown 组件名称变更

* chore: searchbar 组件名称变更

* chore: noticebar 组件名称变更

src/config.json

@@ -462,7 +462,7 @@
         },
         {
           "version": "3.0.0",
-          "name": "SearchBar",
+          "name": "Searchbar",
           "type": "component",
           "cName": "搜索栏",
           "desc": "搜索栏",
@@ -924,7 +924,7 @@
         },
         {
           "version": "3.0.0",
-          "name": "NoticeBar",
+          "name": "Noticebar",
           "type": "component",
           "cName": "公告栏",
           "desc": "用于循环播放展示一组消息通知",
@@ -1037,7 +1037,7 @@
         },
         {
           "version": "3.0.0",
-          "name": "CountUp",
+          "name": "Countup",
           "taro": true,
           "sort": 12,
           "cName": "数字滚动",
@@ -1048,7 +1048,7 @@
           "styleDeps": []
         },
         {
-          "name": "CountDown",
+          "name": "Countdown",
           "type": "component",
           "cName": "倒计时",
           "desc": "倒计时",

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

@@ -1,6 +1,6 @@
 import { config, mount } from '@vue/test-utils';
 import { nextTick, toRefs, reactive } from 'vue';
-import CountDown from '../index.vue';
+import Countdown from '../index.vue';
 import Button from '../../button/index.vue';
 
 function sleep(delay = 0): Promise<void> {
@@ -14,7 +14,7 @@ afterAll(() => {
 });
 
 test('endTime props', async () => {
-  const wrapper = mount(CountDown, {
+  const wrapper = mount(Countdown, {
     props: {
       endTime: Date.now() + 1 * 1000
     }
@@ -25,7 +25,7 @@ test('endTime props', async () => {
 });
 
 test('format props', async () => {
-  const wrapper = mount(CountDown, {
+  const wrapper = mount(Countdown, {
     props: {
       endTime: Date.now() + 1 * 1000,
       format: 'DD天HH时mm分ss秒'
@@ -40,7 +40,7 @@ test('format props', async () => {
 test('paused props', async () => {
   const wrapper = mount({
     components: {
-      'nut-countdown': CountDown,
+      'nut-countdown': Countdown,
       'nut-button': Button
     },
     template: `

src/packages/__VUE/countdown/demo.vue

@@ -58,7 +58,7 @@
 
     <h2>{{ translate('handleControl') }}</h2>
     <nut-cell>
-      <nut-countdown time="20000" ref="CountDown" :autoStart="false" format="ss:SS" />
+      <nut-countdown time="20000" ref="Countdown" :autoStart="false" format="ss:SS" />
     </nut-cell>
 
     <nut-grid :column-num="3">
@@ -121,7 +121,7 @@ export default createDemo({
   props: {},
   setup() {
     initTranslate();
-    const CountDown = ref(null);
+    const Countdown = ref(null);
     const state = reactive({
       serverTime: Date.now() - 20 * 1000,
       end: Date.now() + 60 * 1000,
@@ -149,18 +149,18 @@ export default createDemo({
       console.log('restart: ', v);
     };
     const start = () => {
-      CountDown.value.start();
+      Countdown.value.start();
     };
 
     const pause = () => {
-      CountDown.value.pause();
+      Countdown.value.pause();
     };
 
     const reset = () => {
-      CountDown.value.reset();
+      Countdown.value.reset();
     };
     onMounted(() => {
-      console.log(CountDown.value);
+      console.log(Countdown.value);
     });
 
     setTimeout(() => {
@@ -173,7 +173,7 @@ export default createDemo({
       onend,
       onpaused,
       onrestart,
-      CountDown,
+      Countdown,
       start,
       pause,
       reset,

src/packages/__VUE/countdown/doc.en-US.md

@@ -1,4 +1,4 @@
-#  CountDown 倒计时
+#  Countdown 倒计时
 
 ### 介绍
 Used to display the countdown value in real time, and precision supports milliseconds.
@@ -8,12 +8,12 @@ Used to display the countdown value in real time, and precision supports millise
 ``` javascript
 import { createApp } from 'vue';
 // vue
-import { CountDown } from '@nutui/nutui';
+import { Countdown } from '@nutui/nutui';
 // taro
-import { CountDown } from '@nutui/nutui-taro';
+import { Countdown } from '@nutui/nutui-taro';
 
 const app = createApp();
-app.use(CountDown);
+app.use(Countdown);
 ```
 
 ### Basic Usage
@@ -267,7 +267,7 @@ Paused and restarted the countdown with the paused attribute
 ```html
 <template>
   <nut-cell>
-      <nut-countdown time="20000" ref="CountDown" :autoStart="false" format="ss:SS"/>
+      <nut-countdown time="20000" ref="Countdown" :autoStart="false" format="ss:SS"/>
   </nut-cell>
   <nut-grid :column-num="3">
     <nut-grid-item><nut-button type="primary" @click="start">Start</nut-button></nut-grid-item>
@@ -279,15 +279,15 @@ Paused and restarted the countdown with the paused attribute
   import { ref,reactive,toRefs } from 'vue';
   export default {
     setup(props) {
-      const CountDown = ref(null);
+      const Countdown = ref(null);
       const start = () => {
-        CountDown.value.start();
+        Countdown.value.start();
       };
       const pause = () => {
-        CountDown.value.pause();
+        Countdown.value.pause();
       };
       const reset = () => {
-        CountDown.value.reset();
+        Countdown.value.reset();
       };
       return {
           toggle,

src/packages/__VUE/countdown/doc.md

@@ -1,4 +1,4 @@
-#  CountDown 倒计时
+#  Countdown 倒计时
 
 ### 介绍
 用于实时展示倒计时数值，支持毫秒精度。
@@ -9,12 +9,12 @@
 ``` javascript
 import { createApp } from 'vue';
 // vue
-import { CountDown } from '@nutui/nutui';
+import { Countdown } from '@nutui/nutui';
 // taro
-import { CountDown } from '@nutui/nutui-taro';
+import { Countdown } from '@nutui/nutui-taro';
 
 const app = createApp();
-app.use(CountDown);
+app.use(Countdown);
 ```
 
 ### 基础用法
@@ -270,7 +270,7 @@ app.use(CountDown);
 ```html
 <template>
   <nut-cell>
-      <nut-countdown time="20000" ref="CountDown" :autoStart="false" format="ss:SS"/>
+      <nut-countdown time="20000" ref="Countdown" :autoStart="false" format="ss:SS"/>
   </nut-cell>
   <nut-grid :column-num="3">
     <nut-grid-item><nut-button type="primary" @click="start">开始</nut-button></nut-grid-item>
@@ -282,15 +282,15 @@ app.use(CountDown);
   import { ref,reactive,toRefs } from 'vue';
   export default {
     setup(props) {
-      const CountDown = ref(null);
+      const Countdown = ref(null);
       const start = () => {
-        CountDown.value.start();
+        Countdown.value.start();
       };
       const pause = () => {
-        CountDown.value.pause();
+        Countdown.value.pause();
       };
       const reset = () => {
-        CountDown.value.reset();
+        Countdown.value.reset();
       };
       return {
           toggle,
@@ -343,7 +343,7 @@ app.use(CountDown);
 
 ### 方法
 
-通过 ref 可以获取到 CountDown 实例并调用实例方法。
+通过 ref 可以获取到 Countdown 实例并调用实例方法。
 
 | 方法明 | 说明 |
 | ----- | ----- | 

src/packages/__VUE/countup/doc.en-US.md

@@ -1,4 +1,4 @@
-#  CountUp Digital scrolling
+#  Countup Digital scrolling
 
 ### Intro
 
@@ -10,12 +10,12 @@ Digital scrolling component, which is used to display the dynamic effect of digi
 ``` javascript
 import { createApp } from 'vue';
 // vue
-import { CountUp } from '@nutui/nutui';
+import { Countup } from '@nutui/nutui';
 // taro
-import { CountUp } from '@nutui/nutui-taro';
+import { Countup } from '@nutui/nutui-taro';
 
 const app = createApp();
-app.use(CountUp);
+app.use(Countup);
 ```
 
 

src/packages/__VUE/countup/doc.md

@@ -1,4 +1,4 @@
-#  CountUp 数字滚动
+#  Countup 数字滚动
 
 ### 介绍
 
@@ -10,12 +10,12 @@
 ``` javascript
 import { createApp } from 'vue';
 // vue
-import { CountUp } from '@nutui/nutui';
+import { Countup } from '@nutui/nutui';
 // taro
-import { CountUp } from '@nutui/nutui-taro';
+import { Countup } from '@nutui/nutui-taro';
 
 const app = createApp();
-app.use(CountUp);
+app.use(Countup);
 ```
 
 ### 基础用法

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

@@ -1,6 +1,6 @@
 import { config, mount } from '@vue/test-utils';
 import { nextTick, ref, reactive } from 'vue';
-import NoticeBar from '../index.vue';
+import Noticebar from '../index.vue';
 import NutIcon from '../../icon/index.vue';
 
 function sleep(delay = 0): Promise<void> {
@@ -24,7 +24,7 @@ Object.defineProperty(window.HTMLElement.prototype, 'clientWidth', {
 });
 
 test('close event', async () => {
-  const wrapper = mount(NoticeBar, {
+  const wrapper = mount(Noticebar, {
     props: {
       text: '华为畅享9新品即将上市，活动期间0元预约可参与抽奖，赢HUAWEI WATCH等好礼，更多产品信息请持续关注！',
       direction: 'across',
@@ -46,7 +46,7 @@ test('close event', async () => {
 });
 
 test('slot event', async () => {
-  const wrapper = mount(NoticeBar, {
+  const wrapper = mount(Noticebar, {
     slots: {
       default: () => 'Custom Content'
     }
@@ -59,7 +59,7 @@ test('slot event', async () => {
 test('icon custom', async () => {
   const wrapper = mount({
     components: {
-      'nut-noticebar': NoticeBar
+      'nut-noticebar': Noticebar
     },
     template: `
         <nut-noticebar
@@ -77,7 +77,7 @@ test('icon custom', async () => {
 test('vertical scroll', async () => {
   const wrapper = mount({
     components: {
-      'nut-noticebar': NoticeBar
+      'nut-noticebar': Noticebar
     },
     template: `
       <nut-noticebar direction='vertical'  :list="horseLamp" ></nut-noticebar>
@@ -94,7 +94,7 @@ test('vertical scroll', async () => {
 test('custon scroll list', async () => {
   const wrapper = mount({
     components: {
-      'nut-noticebar': NoticeBar
+      'nut-noticebar': Noticebar
     },
     template: `
       <nut-noticebar direction='vertical' :height='50' :speed='10' :standTime='1000' :list="[]" >

src/packages/__VUE/noticebar/demo.vue

@@ -88,7 +88,7 @@ const initTranslate = () =>
       customRightIcon: '纵向--自定义右侧图标',
       text: 'NutUI 是京东风格的移动端组件库，使用 Vue 语言来编写可以在 H5，小程序平台上的应用，帮助研发人员提升开发效率，改善开发体验。',
       textShort: 'NutUI 是移动端组件库',
-      horseLamp: ['NoticeBar 公告栏', 'Cascader 级联选择', 'DatePicker 日期选择器', 'CheckBox 复选按钮'],
+      horseLamp: ['Noticebar 公告栏', 'Cascader 级联选择', 'DatePicker 日期选择器', 'CheckBox 复选按钮'],
       jd: '京东商城'
     },
     'en-US': {
@@ -102,7 +102,7 @@ const initTranslate = () =>
       customRightIcon: 'Vertical Scroll Custom Right Icon',
       text: 'Nutui is a Jingdong style mobile terminal component library. It uses Vue language to write applications that can be used on H5 and applet platforms to help R & D personnel improve development efficiency and development experience.',
       textShort: 'Nutui is a mobile terminal component library.',
-      horseLamp: ['NoticeBar', 'Cascader', 'DatePicker', 'CheckBox'],
+      horseLamp: ['Noticebar', 'Cascader', 'DatePicker', 'CheckBox'],
       jd: 'Jingdong'
     }
   });

src/packages/__VUE/noticebar/doc.en-US.md

@@ -1,4 +1,4 @@
-# NoticeBar
+# Noticebar
 
 ### Intro
 
@@ -10,12 +10,12 @@ Used to display a group of message notifications in a continuons loop.
 
 import { createApp } from 'vue';
 // vue
-import { NoticeBar } from '@nutui/nutui';
+import { Noticebar } from '@nutui/nutui';
 // taro
-import { NoticeBar } from '@nutui/nutui-taro';
+import { Noticebar } from '@nutui/nutui-taro';
 
 const app = createApp();
-app.use(NoticeBar);
+app.use(Noticebar);
 
 ```
 
@@ -129,7 +129,7 @@ When text is long, you can enable multi-line display by setting the wrapable pro
   import { ref } from 'vue';
   export default {
     setup(props) {
-      const horseLamp1 = ref(['NoticeBar', 'Cascader', 'DatePicker', 'CheckBox']);
+      const horseLamp1 = ref(['Noticebar', 'Cascader', 'DatePicker', 'CheckBox']);
       const go = (item) => {
         console.log(item)
       }
@@ -154,7 +154,7 @@ When text is long, you can enable multi-line display by setting the wrapable pro
   import { ref } from 'vue';
   export default {
     setup(props) {
-      const horseLamp2 = ref(['NoticeBar', 'Cascader', 'DatePicker', 'CheckBox']);
+      const horseLamp2 = ref(['Noticebar', 'Cascader', 'DatePicker', 'CheckBox']);
       return { horseLamp2 };
     }
   }
@@ -178,7 +178,7 @@ When text is long, you can enable multi-line display by setting the wrapable pro
   import { ref } from 'vue';
   export default {
     setup(props) {
-      const horseLamp3 = ref(['NoticeBar', 'Cascader', 'DatePicker', 'CheckBox']);
+      const horseLamp3 = ref(['Noticebar', 'Cascader', 'DatePicker', 'CheckBox']);
       return { horseLamp3 };
     }
   }
@@ -204,7 +204,7 @@ When text is long, you can enable multi-line display by setting the wrapable pro
   import { ref } from 'vue';
   export default {
     setup(props) {
-      const horseLamp1 = ref(['NoticeBar', 'Cascader', 'DatePicker', 'CheckBox']);
+      const horseLamp1 = ref(['Noticebar', 'Cascader', 'DatePicker', 'CheckBox']);
       return { horseLamp1 };
     }
   }
@@ -252,5 +252,5 @@ When text is long, you can enable multi-line display by setting the wrapable pro
 
 | Attribute  | Description                             | Arguments     |
 | ---------- | --------------------------------------- | ------------ |
-| click      | Emitted when NoticeBar is clicked       | event: Event |
-| close      | Emitted when NoticeBar is closed        | event: Event |
+| click      | Emitted when Noticebar is clicked       | event: Event |
+| close      | Emitted when Noticebar is closed        | event: Event |

src/packages/__VUE/noticebar/doc.md

@@ -1,4 +1,4 @@
-# NoticeBar 通告栏
+# Noticebar 通告栏
 
 ### 介绍 
 
@@ -12,12 +12,12 @@
 
 import { createApp } from 'vue';
 // vue
-import { NoticeBar } from '@nutui/nutui';
+import { Noticebar } from '@nutui/nutui';
 // taro
-import { NoticeBar } from '@nutui/nutui-taro';
+import { Noticebar } from '@nutui/nutui-taro';
 
 const app = createApp();
-app.use(NoticeBar);
+app.use(Noticebar);
 
 ```
 
@@ -136,7 +136,7 @@ app.use(NoticeBar);
   import { ref } from 'vue';
   export default {
     setup(props) {
-      const horseLamp1 = ref(['NoticeBar 公告栏', 'Cascader 级联选择', 'DatePicker 日期选择器', 'CheckBox 复选按钮']);
+      const horseLamp1 = ref(['Noticebar 公告栏', 'Cascader 级联选择', 'DatePicker 日期选择器', 'CheckBox 复选按钮']);
       const go = (item) => {
         console.log(item)
       }
@@ -160,7 +160,7 @@ app.use(NoticeBar);
   import { ref } from 'vue';
   export default {
     setup(props) {
-      const horseLamp2 = ref(['NoticeBar 公告栏', 'Cascader 级联选择', 'DatePicker 日期选择器', 'CheckBox 复选按钮']);
+      const horseLamp2 = ref(['Noticebar 公告栏', 'Cascader 级联选择', 'DatePicker 日期选择器', 'CheckBox 复选按钮']);
       return { horseLamp2 };
     }
   }
@@ -182,7 +182,7 @@ app.use(NoticeBar);
   import { ref } from 'vue';
   export default {
     setup(props) {
-      const horseLamp3 = ref(['NoticeBar 公告栏', 'Cascader 级联选择', 'DatePicker 日期选择器', 'CheckBox 复选按钮']);
+      const horseLamp3 = ref(['Noticebar 公告栏', 'Cascader 级联选择', 'DatePicker 日期选择器', 'CheckBox 复选按钮']);
       return { horseLamp3 };
     }
   }
@@ -206,7 +206,7 @@ app.use(NoticeBar);
   import { ref } from 'vue';
   export default {
     setup(props) {
-      const horseLamp1 = ref(['NoticeBar 公告栏', 'Cascader 级联选择', 'DatePicker 日期选择器', 'CheckBox 复选按钮']);
+      const horseLamp1 = ref(['Noticebar 公告栏', 'Cascader 级联选择', 'DatePicker 日期选择器', 'CheckBox 复选按钮']);
       return { horseLamp1 };
     }
   }

src/packages/__VUE/noticebar/index.taro.vue

@@ -1,7 +1,7 @@
 <template>
   <view :class="classes">
     <view
-      v-show="showNoticeBar"
+      v-show="showNoticebar"
       class="nut-noticebar__page"
       :class="{
         'nut-noticebar__page--withicon': closeMode,
@@ -169,7 +169,7 @@ export default create({
       firstRound: true,
       duration: 0,
       offsetWidth: 0,
-      showNoticeBar: true,
+      showNoticebar: true,
       animationClass: '',
 
       animate: false,
@@ -265,7 +265,7 @@ export default create({
     );
 
     const initScrollWrap = (value: string) => {
-      if (state.showNoticeBar == false) {
+      if (state.showNoticebar == false) {
         return;
       }
       setTimeout(() => {
@@ -307,7 +307,7 @@ export default create({
 
     const onClickIcon = (event: Event) => {
       if (props.closeMode) {
-        state.showNoticeBar = !props.closeMode;
+        state.showNoticebar = !props.closeMode;
       }
       emit('close', event);
     };

src/packages/__VUE/noticebar/index.vue

@@ -1,7 +1,7 @@
 <template>
   <view :class="classes">
     <view
-      v-show="showNoticeBar"
+      v-show="showNoticebar"
       class="nut-noticebar__page"
       :class="{
         'nut-noticebar__page--withicon': closeMode,
@@ -93,7 +93,7 @@ interface StateProps {
   firstRound: boolean;
   duration: number;
   offsetWidth: number;
-  showNoticeBar: boolean;
+  showNoticebar: boolean;
   animationClass: string;
 
   animate: boolean;
@@ -183,7 +183,7 @@ export default create({
       firstRound: true,
       duration: 0,
       offsetWidth: 0,
-      showNoticeBar: true,
+      showNoticebar: true,
       animationClass: '',
 
       animate: false,
@@ -278,7 +278,7 @@ export default create({
     );
 
     const initScrollWrap = (value: string) => {
-      if (state.showNoticeBar == false) {
+      if (state.showNoticebar == false) {
         return;
       }
       setTimeout(() => {
@@ -308,7 +308,7 @@ export default create({
 
     const onClickIcon = (event: Event) => {
       if (props.closeMode) {
-        state.showNoticeBar = !props.closeMode;
+        state.showNoticebar = !props.closeMode;
       }
       emit('close', event);
     };

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

@@ -1,5 +1,5 @@
 import { mount, config } from '@vue/test-utils';
-import SearchBar from '../index.vue';
+import Searchbar from '../index.vue';
 
 import NutIcon from '../../icon/index.vue';
 
@@ -14,7 +14,7 @@ afterAll(() => {
 });
 
 test('basic usage', () => {
-  const wrapper = mount(SearchBar, {
+  const wrapper = mount(Searchbar, {
     props: {
       modelValue: ''
     }
@@ -24,7 +24,7 @@ test('basic usage', () => {
 });
 
 test('should limit maxlength of input value when using maxlength prop', async () => {
-  const wrapper = mount(SearchBar, {
+  const wrapper = mount(Searchbar, {
     props: {
       maxLength: 3,
       modelValue: '9999'
@@ -38,7 +38,7 @@ test('should limit maxlength of input value when using maxlength prop', async ()
 });
 
 test('should format input value when type is number', () => {
-  const wrapper = mount(SearchBar, {
+  const wrapper = mount(Searchbar, {
     props: {
       type: 'number',
       modelValue: ''
@@ -51,7 +51,7 @@ test('should format input value when type is number', () => {
 });
 
 test('should format input value when type is number', () => {
-  const wrapper = mount(SearchBar, {
+  const wrapper = mount(Searchbar, {
     props: {
       type: 'number',
       modelValue: ''
@@ -68,7 +68,7 @@ test('should format input value when type is number', () => {
 });
 
 test('backgrounds prop test', () => {
-  const wrapper = mount(SearchBar, {
+  const wrapper = mount(Searchbar, {
     props: {
       modelValue: '',
       background: 'red',
@@ -82,7 +82,7 @@ test('backgrounds prop test', () => {
 });
 
 test('change event test', async () => {
-  const wrapper = mount(SearchBar, {
+  const wrapper = mount(Searchbar, {
     props: {
       modelValue: ''
     }
@@ -94,7 +94,7 @@ test('change event test', async () => {
 });
 
 test('change event test', async () => {
-  const wrapper = mount(SearchBar, {
+  const wrapper = mount(Searchbar, {
     props: {
       modelValue: ''
     }
@@ -106,7 +106,7 @@ test('change event test', async () => {
 });
 
 test('focus event focus', async () => {
-  const wrapper = mount(SearchBar, {
+  const wrapper = mount(Searchbar, {
     props: {
       modelValue: ''
     }
@@ -118,7 +118,7 @@ test('focus event focus', async () => {
 });
 
 test('blur event test', async () => {
-  const wrapper = mount(SearchBar, {
+  const wrapper = mount(Searchbar, {
     props: {
       modelValue: ''
     }
@@ -130,7 +130,7 @@ test('blur event test', async () => {
 });
 
 test('clear event test', async () => {
-  const wrapper = mount(SearchBar, { props: { modelValue: 3 } });
+  const wrapper = mount(Searchbar, { props: { modelValue: 3 } });
   const input = wrapper.find('input');
   const clear = wrapper.find('.nut-searchbar__input-clear');
   wrapper.find('input').trigger('input');
@@ -142,7 +142,7 @@ test('clear event test', async () => {
 });
 
 test('slot test', () => {
-  const wrapper = mount(SearchBar, {
+  const wrapper = mount(Searchbar, {
     props: { modelValue: '' },
     slots: {
       default: () => {
@@ -168,7 +168,7 @@ test('slot test', () => {
 });
 
 test('custom clear icon', () => {
-  const wrapper = mount(SearchBar, {
+  const wrapper = mount(Searchbar, {
     props: {
       clearIcon: 'close',
       modelValue: 'test'

src/packages/__VUE/searchbar/doc.en-US.md

@@ -1,4 +1,4 @@
-# SearchBar
+# Searchbar
 
 ### Intro
 
@@ -10,12 +10,12 @@ Search bar
 import { createApp } from 'vue';
 
 // vue
-import { SearchBar, Icon } from '@nutui/nutui';
+import { Searchbar, Icon } from '@nutui/nutui';
 // taro
-import { SearchBar, Icon } from '@nutui/nutui-taro';
+import { Searchbar, Icon } from '@nutui/nutui-taro';
 
 const app = createApp();
-app.use(SearchBar);
+app.use(Searchbar);
 app.use(Icon);
 
 ```    

src/packages/__VUE/searchbar/doc.md

@@ -1,4 +1,4 @@
-# SearchBar 搜索栏
+# Searchbar 搜索栏
 
 ### 介绍
 
@@ -10,12 +10,12 @@
 import { createApp } from 'vue';
 
 // vue
-import { SearchBar, Icon } from '@nutui/nutui';
+import { Searchbar, Icon } from '@nutui/nutui';
 // taro
-import { SearchBar, Icon } from '@nutui/nutui-taro';
+import { Searchbar, Icon } from '@nutui/nutui-taro';
 
 const app = createApp();
-app.use(SearchBar);
+app.use(Searchbar);
 app.use(Icon);
 
 ```    

src/sites/mobile-taro/vue/src/exhibition/pages/countdown/index.config.ts

@@ -1,3 +1,3 @@
 export default {
-  navigationBarTitleText: 'CountDown'
+  navigationBarTitleText: 'Countdown'
 };

src/sites/mobile-taro/vue/src/exhibition/pages/countdown/index.vue

@@ -55,7 +55,7 @@
 
     <h2>手动控制</h2>
     <nut-cell>
-      <nut-countdown time="20000" ref="CountDown" :autoStart="false" format="ss:SS" />
+      <nut-countdown time="20000" ref="Countdown" :autoStart="false" format="ss:SS" />
     </nut-cell>
 
     <nut-grid :column-num="3">
@@ -72,7 +72,7 @@ import { toRefs, onMounted, ref, reactive } from 'vue';
 export default {
   props: {},
   setup() {
-    const CountDown = ref(null);
+    const Countdown = ref(null);
     const state = reactive({
       serverTime: Date.now() - 20 * 1000,
       end: Date.now() + 60 * 1000,
@@ -100,18 +100,18 @@ export default {
       console.log('restart: ', v);
     };
     const start = () => {
-      CountDown.value.start();
+      Countdown.value.start();
     };
 
     const pause = () => {
-      CountDown.value.pause();
+      Countdown.value.pause();
     };
 
     const reset = () => {
-      CountDown.value.reset();
+      Countdown.value.reset();
     };
     onMounted(() => {
-      console.log(CountDown.value);
+      console.log(Countdown.value);
     });
 
     setTimeout(() => {
@@ -124,7 +124,7 @@ export default {
       onend,
       onpaused,
       onrestart,
-      CountDown,
+      Countdown,
       start,
       pause,
       reset

src/sites/mobile-taro/vue/src/exhibition/pages/countup/index.config.ts

@@ -1,3 +1,3 @@
 export default {
-  navigationBarTitleText: 'CountUp'
+  navigationBarTitleText: 'Countup'
 };

src/sites/mobile-taro/vue/src/exhibition/pages/noticebar/index.config.ts

@@ -1,3 +1,3 @@
 export default {
-  navigationBarTitleText: 'NoticeBar'
+  navigationBarTitleText: 'Noticebar'
 };