chore: datepicker 使用名称变更

src/packages/__VUE/datepicker/demo.vue

@@ -29,7 +29,7 @@
     </nut-cell-group>
 
     <!-- 选择年月日 -->
-    <nut-datepicker
+    <nut-date-picker
       v-model="currentDate"
       :min-date="minDate"
       :max-date="maxDate"
@@ -41,9 +41,9 @@
       v-model:visible="show"
       :is-show-chinese="true"
       :threeDimensional="false"
-    ></nut-datepicker>
+    ></nut-date-picker>
     <!-- 选择月日 -->
-    <nut-datepicker
+    <nut-date-picker
       v-model="currentDate2"
       type="month-day"
       :title="translate('basic')"
@@ -55,9 +55,9 @@
         }
       "
       v-model:visible="show2"
-    ></nut-datepicker>
+    ></nut-date-picker>
     <!-- 选择年月日时分 -->
-    <nut-datepicker
+    <nut-date-picker
       v-model="currentDate3"
       :title="translate('chooseDate')"
       type="datetime"
@@ -69,9 +69,9 @@
         }
       "
       v-model:visible="show3"
-    ></nut-datepicker>
+    ></nut-date-picker>
     <!-- 选择时分秒 -->
-    <nut-datepicker
+    <nut-date-picker
       v-model="currentDate4"
       :title="translate('chooseTime')"
       type="time"
@@ -83,9 +83,9 @@
         }
       "
       v-model:visible="show4"
-    ></nut-datepicker>
+    ></nut-date-picker>
     <!-- 格式化选项 -->
-    <nut-datepicker
+    <nut-date-picker
       v-model="currentDate5"
       :title="translate('chooseTime')"
       type="datetime"
@@ -98,10 +98,10 @@
         }
       "
       v-model:visible="show5"
-      ><nut-button block type="primary" @click="alwaysFun">{{ translate('forever') }}</nut-button></nut-datepicker
+      ><nut-button block type="primary" @click="alwaysFun">{{ translate('forever') }}</nut-button></nut-date-picker
     >
     <!-- 分钟数递增步长设置 -->
-    <nut-datepicker
+    <nut-date-picker
       v-model="currentDate6"
       :title="translate('chooseTime')"
       type="time"
@@ -114,9 +114,9 @@
         }
       "
       v-model:visible="show6"
-    ></nut-datepicker>
+    ></nut-date-picker>
     <!-- 过滤选项 -->
-    <nut-datepicker
+    <nut-date-picker
       v-model="currentDate7"
       :title="translate('chooseTime')"
       type="datehour"
@@ -130,14 +130,14 @@
         }
       "
       v-model:visible="show7"
-    ></nut-datepicker>
+    ></nut-date-picker>
   </div>
 </template>
 
 <script lang="ts">
 import { toRefs, watch, ref, reactive } from 'vue';
 import { createComponent } from '@/packages/utils/create';
-const { createDemo, translate } = createComponent('datepicker');
+const { createDemo, translate } = createComponent('date-picker');
 import { useTranslate } from '@/sites/assets/util/useTranslate';
 const initTranslate = () =>
   useTranslate({

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

@@ -26,7 +26,7 @@ app.use(Overlay);
 ```html
 <template>
   <nut-cell title="Show Chinese" :desc="desc" @click="show = true"></nut-cell>
-  <nut-datepicker
+  <nut-date-picker
       v-model="currentDate"
       v-model:visible="show"
       :min-date="minDate"
@@ -34,7 +34,7 @@ app.use(Overlay);
       :is-show-chinese="true"
       :three-dimensional="false"
       @confirm="confirm"
-  ></nut-datepicker> 
+  ></nut-date-picker> 
 </template>
 
 <script>
@@ -70,7 +70,7 @@ app.use(Overlay);
 ```html
 <template>
   <nut-cell title="Limit the start and end time" :desc="desc" @click="show = true"></nut-cell>
-  <nut-datepicker
+  <nut-date-picker
       v-model="currentDate"
       type="month-day"
       title="Choose Time"
@@ -78,7 +78,7 @@ app.use(Overlay);
       :max-date="new Date(2022, 7, 1)"
       @confirm="confirm"
       v-model:visible="show"
-  ></nut-datepicker> 
+  ></nut-date-picker> 
 </template>
 
 <script>
@@ -109,7 +109,7 @@ app.use(Overlay);
 ```html
 <template>
   <nut-cell title="Choose Time" :desc="desc" @click="show = true"></nut-cell>
-  <nut-datepicker
+  <nut-date-picker
       v-model="currentDate"
       title="Choose Time"
       type="datetime"
@@ -117,7 +117,7 @@ app.use(Overlay);
       :max-date="maxDate"
       @confirm="confirm"
       v-model:visible="show" 
-  ></nut-datepicker> 
+  ></nut-date-picker> 
 </template>
 <script>
   import { ref } from 'vue';
@@ -150,7 +150,7 @@ app.use(Overlay);
 ```html
 <template>
   <nut-cell title="Choose Time" :desc="desc" @click="show = true"></nut-cell>
-  <nut-datepicker
+  <nut-date-picker
       v-model="currentDate"
       title="Choose Time"
       type="time"
@@ -158,7 +158,7 @@ app.use(Overlay);
       :max-date="maxDate"
       @confirm="confirm"
       v-model:visible="show"
-  ></nut-datepicker>
+  ></nut-date-picker>
 </template>
 <script>
   import { ref } from 'vue';
@@ -189,7 +189,7 @@ app.use(Overlay);
 ```html
 <template>
   <nut-cell title="Choose Time" :desc="desc" @click="show = true"></nut-cell>
-  <nut-datepicker
+  <nut-date-picker
       v-model="currentDate"
       title="Choose Time"
       type="datetime"
@@ -198,7 +198,7 @@ app.use(Overlay);
       :formatter="formatter"
       @confirm="confirm"
       v-model:visible="show"
-  ><nut-button block type="primary" @click="alwaysFun">Forever</nut-button></nut-datepicker>
+  ><nut-button block type="primary" @click="alwaysFun">Forever</nut-button></nut-date-picker>
 </template>
 <script>
   import { ref } from 'vue';
@@ -258,7 +258,7 @@ app.use(Overlay);
 ```html
 <template>
   <nut-cell title="Choose Time" :desc="desc" @click="show = true"></nut-cell>
-  <nut-datepicker
+  <nut-date-picker
       v-model="currentDate"
       type="time"
       :minute-step="5"
@@ -266,7 +266,7 @@ app.use(Overlay);
       :max-date="maxDate"
       @confirm="confirm"
       v-model:visible="show"
-  ></nut-datepicker>
+  ></nut-date-picker>
 </template>
 <script>
   import { ref } from 'vue';
@@ -297,7 +297,7 @@ app.use(Overlay);
 ```html
 <template>
   <nut-cell title="Choose Time" :desc="desc" @click="show = true"></nut-cell>
-  <nut-datepicker
+  <nut-date-picker
       v-model="currentDate"
       title="Choose Time"
       type="datehour"
@@ -307,7 +307,7 @@ app.use(Overlay);
       :formatter="formatter"
       @confirm="confirm"
       v-model:visible="show"
-  ></nut-datepicker>
+  ></nut-date-picker>
 </template>
 <script>
   import { ref } from 'vue';

src/packages/__VUE/datepicker/doc.md

@@ -26,7 +26,7 @@ app.use(Overlay);
 ```html
 <template>
   <nut-cell title="显示中文" :desc="desc" @click="show = true"></nut-cell>
-  <nut-datepicker
+  <nut-date-picker
       v-model="currentDate"
       v-model:visible="show"
       :min-date="minDate"
@@ -34,7 +34,7 @@ app.use(Overlay);
       :is-show-chinese="true"
       :three-dimensional="false"
       @confirm="confirm"
-  ></nut-datepicker> 
+  ></nut-date-picker> 
 </template>
 
 <script>
@@ -72,7 +72,7 @@ DatetimePicker 通过 type 属性来定义需要选择的时间类型。将 type
 ```html
 <template>
   <nut-cell title="限制开始结束时间" :desc="desc" @click="show = true"></nut-cell>
-  <nut-datepicker
+  <nut-date-picker
       v-model="currentDate"
       type="month-day"
       title="日期选择"
@@ -80,7 +80,7 @@ DatetimePicker 通过 type 属性来定义需要选择的时间类型。将 type
       :max-date="new Date(2022, 7, 1)"
       @confirm="confirm"
       v-model:visible="show"
-  ></nut-datepicker> 
+  ></nut-date-picker> 
 </template>
 
 <script>
@@ -113,7 +113,7 @@ DatetimePicker 通过 type 属性来定义需要选择的时间类型。将 type
 ```html
 <template>
   <nut-cell title="日期时间选择" :desc="desc" @click="show = true"></nut-cell>
-  <nut-datepicker
+  <nut-date-picker
       v-model="currentDate"
       title="日期时间选择"
       type="datetime"
@@ -121,7 +121,7 @@ DatetimePicker 通过 type 属性来定义需要选择的时间类型。将 type
       :max-date="maxDate"
       @confirm="confirm"
       v-model:visible="show" 
-  ></nut-datepicker> 
+  ></nut-date-picker> 
 </template>
 <script>
   import { ref } from 'vue';
@@ -154,7 +154,7 @@ DatetimePicker 通过 type 属性来定义需要选择的时间类型。将 type
 ```html
 <template>
   <nut-cell title="日期选择" :desc="desc" @click="show = true"></nut-cell>
-  <nut-datepicker
+  <nut-date-picker
       v-model="currentDate"
       title="时间选择"
       type="time"
@@ -162,7 +162,7 @@ DatetimePicker 通过 type 属性来定义需要选择的时间类型。将 type
       :max-date="maxDate"
       @confirm="confirm"
       v-model:visible="show"
-  ></nut-datepicker>
+  ></nut-date-picker>
 </template>
 <script>
   import { ref } from 'vue';
@@ -196,7 +196,7 @@ DatetimePicker 通过 type 属性来定义需要选择的时间类型。将 type
 ```html
 <template>
   <nut-cell title="日期选择" :desc="desc" @click="show = true"></nut-cell>
-  <nut-datepicker
+  <nut-date-picker
       v-model="currentDate"
       title="时间选择"
       type="datetime"
@@ -205,7 +205,7 @@ DatetimePicker 通过 type 属性来定义需要选择的时间类型。将 type
       :formatter="formatter"
       @confirm="confirm"
       v-model:visible="show"
-  ><nut-button block type="primary" @click="alwaysFun">永远有效</nut-button></nut-datepicker>
+  ><nut-button block type="primary" @click="alwaysFun">永远有效</nut-button></nut-date-picker>
 </template>
 <script>
   import { ref } from 'vue';
@@ -265,7 +265,7 @@ DatetimePicker 通过 type 属性来定义需要选择的时间类型。将 type
 ```html
 <template>
   <nut-cell title="日期选择" :desc="desc" @click="show = true"></nut-cell>
-  <nut-datepicker
+  <nut-date-picker
       v-model="currentDate"
       type="time"
       :minute-step="5"
@@ -273,7 +273,7 @@ DatetimePicker 通过 type 属性来定义需要选择的时间类型。将 type
       :max-date="maxDate"
       @confirm="confirm"
       v-model:visible="show"
-  ></nut-datepicker>
+  ></nut-date-picker>
 </template>
 <script>
   import { ref } from 'vue';
@@ -306,7 +306,7 @@ DatetimePicker 通过 type 属性来定义需要选择的时间类型。将 type
 ```html
 <template>
   <nut-cell title="日期选择" :desc="desc" @click="show = true"></nut-cell>
-  <nut-datepicker
+  <nut-date-picker
       v-model="currentDate"
       title="时间选择"
       type="datehour"
@@ -316,7 +316,7 @@ DatetimePicker 通过 type 属性来定义需要选择的时间类型。将 type
       :formatter="formatter"
       @confirm="confirm"
       v-model:visible="show"
-  ></nut-datepicker>
+  ></nut-date-picker>
 </template>
 <script>
   import { ref } from 'vue';

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

@@ -28,7 +28,7 @@ import nutPicker from '../picker/index.taro.vue';
 import { popupProps } from '../popup/props';
 import { createComponent } from '@/packages/utils/create';
 import { padZero, isDate as isDateU } from '@/packages/utils/util';
-const { componentName, create } = createComponent('datepicker');
+const { componentName, create } = createComponent('date-picker');
 
 const currentYear = new Date().getFullYear();
 function isDate(val: Date): val is Date {

src/packages/__VUE/datepicker/index.vue

@@ -29,7 +29,7 @@ import { popupProps } from '../popup/props';
 import { PickerOption } from '../picker/types';
 import { createComponent } from '@/packages/utils/create';
 import { padZero, isDate as isDateU } from '@/packages/utils/util';
-const { componentName, create, translate } = createComponent('datepicker');
+const { componentName, create, translate } = createComponent('date-picker');
 
 const currentYear = new Date().getFullYear();
 function isDate(val: Date): val is Date {

src/sites/mobile-taro/vue/src/dentry/pages/datepicker/index.vue

@@ -15,7 +15,7 @@
     <h2>过滤选项</h2>
     <nut-cell title="时间选择" :desc="desc7" @click="show7 = true"></nut-cell>
     <!-- 选择年月日 -->
-    <nut-datepicker
+    <nut-date-picker
       v-model="currentDate"
       :min-date="minDate"
       :max-date="maxDate"
@@ -28,9 +28,9 @@
       :threeDimensional="false"
       :is-show-chinese="true"
       :safeAreaInsetBottom="true"
-    ></nut-datepicker>
+    ></nut-date-picker>
     <!-- 选择月日 -->
-    <nut-datepicker
+    <nut-date-picker
       v-model="currentDate2"
       type="month-day"
       title="日期选择"
@@ -42,9 +42,9 @@
         }
       "
       v-model:visible="show2"
-    ></nut-datepicker>
+    ></nut-date-picker>
     <!-- 选择年月日时分 -->
-    <nut-datepicker
+    <nut-date-picker
       v-model="currentDate3"
       title="日期时间选择"
       type="datetime"
@@ -56,9 +56,9 @@
         }
       "
       v-model:visible="show3"
-    ></nut-datepicker>
+    ></nut-date-picker>
     <!-- 选择时分秒 -->
-    <nut-datepicker
+    <nut-date-picker
       v-model="currentDate4"
       title="时间选择"
       type="time"
@@ -70,9 +70,9 @@
         }
       "
       v-model:visible="show4"
-    ></nut-datepicker>
+    ></nut-date-picker>
     <!-- 格式化选项 -->
-    <nut-datepicker
+    <nut-date-picker
       v-model="currentDate5"
       title="日期选择"
       type="datetime"
@@ -85,10 +85,10 @@
         }
       "
       v-model:visible="show5"
-      ><nut-button block type="primary" @click="alwaysFun">永远有效</nut-button></nut-datepicker
+      ><nut-button block type="primary" @click="alwaysFun">永远有效</nut-button></nut-date-picker
     >
     <!-- 分钟数递增步长设置 -->
-    <nut-datepicker
+    <nut-date-picker
       v-model="currentDate6"
       title="时间选择"
       type="time"
@@ -101,9 +101,9 @@
         }
       "
       v-model:visible="show6"
-    ></nut-datepicker>
+    ></nut-date-picker>
     <!-- 过滤选项 -->
-    <nut-datepicker
+    <nut-date-picker
       v-model="currentDate7"
       title="时间选择"
       type="datehour"
@@ -117,7 +117,7 @@
         }
       "
       v-model:visible="show7"
-    ></nut-datepicker>
+    ></nut-date-picker>
   </div>
 </template>