chore: imagepreview 使用名称变更

src/packages/__VUE/imagepreview/demo.vue

@@ -1,15 +1,15 @@
 <template>
   <div class="demo">
     <h2>{{ translate('basic') }}</h2>
-    <nut-imagepreview :show="showPreview1" :images="imgData" @close="hideFn(1)" />
+    <nut-image-preview :show="showPreview1" :images="imgData" @close="hideFn(1)" />
     <nut-cell isLink :title="translate('showPreview')" :showIcon="true" @click="showFn(1)"></nut-cell>
 
     <h2>{{ translate('withInitNo') }}</h2>
-    <nut-imagepreview :show="showPreview2" :images="imgData" :content-close="true" :init-no="3" @close="hideFn(2)" />
+    <nut-image-preview :show="showPreview2" :images="imgData" :content-close="true" :init-no="3" @close="hideFn(2)" />
     <nut-cell isLink :title="translate('withInitNo')" :showIcon="true" @click="showFn(2)"></nut-cell>
 
     <h2>{{ translate('withPagination') }}</h2>
-    <nut-imagepreview
+    <nut-image-preview
       :show="showPreview3"
       :images="imgData"
       :pagination-visible="true"
@@ -19,7 +19,7 @@
     <nut-cell isLink :title="translate('withPagination')" :showIcon="true" @click="showFn(3)"></nut-cell>
 
     <h2>{{ translate('withVideos') }}</h2>
-    <nut-imagepreview :show="showPreview4" :videos="videoData" :images="imgData" @close="hideFn(4)" />
+    <nut-image-preview :show="showPreview4" :videos="videoData" :images="imgData" @close="hideFn(4)" />
     <nut-cell isLink :title="translate('withVideos')" :showIcon="true" @click="showFn(4)"></nut-cell>
 
     <h2>{{ translate('functionalCall') }}</h2>

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

@@ -25,7 +25,7 @@ app.use(ImagePreview);
 :::demo
 ```html
 <template>
-    <nut-imagepreview :show="showPreview" :images="imgData" @close="hideFn"/>
+    <nut-image-preview :show="showPreview" :images="imgData" @close="hideFn"/>
     <nut-cell isLink title="Show preview" :showIcon="true" @click="showFn"></nut-cell>
 </template>
 
@@ -74,7 +74,7 @@ app.use(ImagePreview);
 :::demo
 ```html
 <template>
-    <nut-imagepreview :show="showPreview" :images="imgData" :content-close="true" :init-no="3" @close="hideFn"/>
+    <nut-image-preview :show="showPreview" :images="imgData" :content-close="true" :init-no="3" @close="hideFn"/>
     <nut-cell isLink title="With init no" :showIcon="true" @click="showFn"></nut-cell>
 </template>
 <script lang="ts">
@@ -122,7 +122,7 @@ app.use(ImagePreview);
 :::demo
 ```html
 <template>
-    <nut-imagepreview
+    <nut-image-preview
         :show="showPreview"
         :images="imgData"
         :pagination-visible="true"
@@ -178,7 +178,7 @@ app.use(ImagePreview);
 :::demo
 ```html
 <template>
-    <nut-imagepreview
+    <nut-image-preview
         :show="showPreview"
         :images="imgData"
         :videos="videoData"      

src/packages/__VUE/imagepreview/doc.md

@@ -21,7 +21,7 @@ app.use(ImagePreview);
 :::demo
 ```html
 <template>
-    <nut-imagepreview :show="showPreview" :images="imgData" @close="hideFn"/>
+    <nut-image-preview :show="showPreview" :images="imgData" @close="hideFn"/>
     <nut-cell isLink title="展示图片预览" :showIcon="true" @click="showFn"></nut-cell>
 </template>
 
@@ -70,7 +70,7 @@ app.use(ImagePreview);
 :::demo
 ```html
 <template>
-    <nut-imagepreview :show="showPreview" :images="imgData" :content-close="true" :init-no="3" @close="hideFn"/>
+    <nut-image-preview :show="showPreview" :images="imgData" :content-close="true" :init-no="3" @close="hideFn"/>
     <nut-cell isLink title="设置初始页码的图片预览" :showIcon="true" @click="showFn"></nut-cell>
 </template>
 <script lang="ts">
@@ -118,7 +118,7 @@ app.use(ImagePreview);
 :::demo
 ```html
 <template>
-    <nut-imagepreview
+    <nut-image-preview
         :show="showPreview"
         :images="imgData"
         :pagination-visible="true"
@@ -174,7 +174,7 @@ app.use(ImagePreview);
 :::demo
 ```html
 <template>
-    <nut-imagepreview
+    <nut-image-preview
         :show="showPreview"
         :images="imgData"
         :videos="videoData"      

src/packages/__VUE/imagepreview/imagePreviewItem.vue

@@ -20,7 +20,7 @@ import { useTouch } from '@/packages/utils/useTouch';
 import { preventDefault, clamp } from '@/packages/utils/util';
 import { ImageInterface } from './types';
 import { baseProps } from './types';
-const { create } = createComponent('imagepreviewitem');
+const { create } = createComponent('image-preview-item');
 
 export default create({
   props: {

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

@@ -35,7 +35,7 @@ import Popup from '../popup/index.taro.vue';
 import Swiper from '../swiper/index.taro.vue';
 import SwiperItem from '../swiperitem/index.taro.vue';
 import Taro from '@tarojs/taro';
-const { create } = createComponent('imagepreview');
+const { create } = createComponent('image-preview');
 
 export default create({
   props: {

src/packages/__VUE/imagepreview/index.vue

@@ -53,7 +53,7 @@ import ImagePreviewItem from './imagePreviewItem.vue';
 import Popup from '../popup/index.vue';
 import Swiper from '../swiper/index.vue';
 import { ImageInterface, baseProps } from './types';
-const { create } = createComponent('imagepreview');
+const { create } = createComponent('image-preview');
 
 export default create({
   props: {

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

@@ -1,15 +1,15 @@
 <template>
   <div class="demo">
     <h2>基础用法</h2>
-    <nut-imagepreview :show="showPreview1" :images="imgData" @close="hideFn(1)" :isLoop="false" />
+    <nut-image-preview :show="showPreview1" :images="imgData" @close="hideFn(1)" :isLoop="false" />
     <nut-cell isLink title="展示图片预览" :showIcon="true" @click="showFn(1)"></nut-cell>
 
     <h2>设置初始页码</h2>
-    <nut-imagepreview :show="showPreview2" :images="imgData" :content-close="true" :init-no="3" @close="hideFn(2)" />
+    <nut-image-preview :show="showPreview2" :images="imgData" :content-close="true" :init-no="3" @close="hideFn(2)" />
     <nut-cell isLink title="设置初始页码的图片预览" :showIcon="true" @click="showFn(2)"></nut-cell>
 
     <h2>设置轮播指示器及颜色</h2>
-    <nut-imagepreview
+    <nut-image-preview
       :show="showPreview3"
       :images="imgData"
       :pagination-visible="true"
@@ -19,7 +19,7 @@
     <nut-cell isLink title="设置轮播指示器及颜色的图片预览" :showIcon="true" @click="showFn(3)"></nut-cell>
 
     <!-- <h2>视频、图片预览</h2>
-    <nut-imagepreview :show="showPreview4" :videos="videoData" :images="imgData" @close="hideFn(4)" />
+    <nut-image-preview :show="showPreview4" :videos="videoData" :images="imgData" @close="hideFn(4)" />
     <nut-cell isLink title="视频、图片预览" :showIcon="true" @click="showFn(4)"></nut-cell> -->
 
     <!-- <h2>函数式调用</h2>