chore: actionsheet 使用名称变更

src/packages/__VUE/actionsheet/demo.vue

@@ -38,23 +38,23 @@
     </nut-cell>
 
     <!-- demo 基础用法 -->
-    <nut-actionsheet
+    <nut-action-sheet
       :safe-area-inset-bottom="true"
       v-model:visible="state.isVisible1"
       :menu-items="menuItemsOne"
       @choose="chooseItem"
     >
-    </nut-actionsheet>
+    </nut-action-sheet>
     <!-- demo(带取消按钮） -->
-    <nut-actionsheet
+    <nut-action-sheet
       v-model:visible="state.isVisible2"
       :cancel-txt="translate('cancelTxt')"
       :menu-items="menuItemsOne"
       @choose="chooseItemTwo"
     >
-    </nut-actionsheet>
+    </nut-action-sheet>
     <!-- 展示描述信息 -->
-    <nut-actionsheet
+    <nut-action-sheet
       v-model:visible="state.isVisible3"
       :title="translate('title')"
       :description="desc"
@@ -62,26 +62,26 @@
       @choose="chooseItemThree"
       :cancel-txt="translate('cancelTxt')"
     >
-    </nut-actionsheet>
+    </nut-action-sheet>
     <!-- demo 选项状态-->
-    <nut-actionsheet
+    <nut-action-sheet
       v-model:visible="state.isVisible4"
       :cancel-txt="translate('cancelTxt')"
       :menu-items="menuItemsThree"
       @choose="chooseItemFour"
       :choose-tag-value="chooseTagValue"
-    ></nut-actionsheet>
+    ></nut-action-sheet>
     <!-- 自定义面板-->
-    <nut-actionsheet v-model:visible="state.isVisible5" :title="translate('title')">
+    <nut-action-sheet v-model:visible="state.isVisible5" :title="translate('title')">
       <div class="custom-content">{{ translate('customContent') }}</div>
-    </nut-actionsheet>
+    </nut-action-sheet>
   </div>
 </template>
 
 <script lang="ts">
 import { computed, reactive } from 'vue';
 import { createComponent } from '@/packages/utils/create';
-const { createDemo, translate } = createComponent('actionsheet');
+const { createDemo, translate } = createComponent('action-sheet');
 import { useTranslate } from '@/sites/assets/util/useTranslate';
 const initTranslate = () =>
   useTranslate({

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

@@ -34,12 +34,12 @@ app.use(Overlay);
       <div v-html="state.val"></div>
     </nut-cell>
      <!-- demo Basic Usage -->
-    <nut-actionsheet
+    <nut-action-sheet
       v-model:visible="state.isVisible"
       :menu-items="menuItems"
       @choose="chooseItem"
     >
-    </nut-actionsheet>
+    </nut-action-sheet>
     </div>
 </template>
 <script>
@@ -93,13 +93,13 @@ export default {
       <div v-html="state.val"></div>
     </nut-cell>
      <!-- demo Show Cancel Button -->
-    <nut-actionsheet
+    <nut-action-sheet
       v-model:visible="state.isVisible"
       :menu-items="menuItems"
       cancel-txt="cancel"
       @choose="chooseItem"
     >
-    </nut-actionsheet>
+    </nut-action-sheet>
     </div>
 </template>
 <script>
@@ -152,14 +152,14 @@ export default {
       <div v-html="state.val"></div>
     </nut-cell>
      <!-- demo Show Description -->
-    <nut-actionsheet
+    <nut-action-sheet
       v-model:visible="state.isVisible"
       cancel-txt="cancel"
       description="This is a presentation"
       :menu-items="menuItems"
       @choose="chooseItem"
     >
-    </nut-actionsheet>
+    </nut-action-sheet>
     </div>
 </template>
 <script>
@@ -216,14 +216,14 @@ export default {
       <div v-html="state.val"></div>
     </nut-cell>
      <!-- demo Option Status -->
-    <nut-actionsheet
+    <nut-action-sheet
       v-model:visible="state.isVisible"
       :menu-items="menuItems"
       choose-tag-value="Shading Options"
       @choose="chooseItem"
        cancel-txt="cancel"
     >
-    </nut-actionsheet>
+    </nut-action-sheet>
     </div>
 </template>
 <script>
@@ -275,9 +275,9 @@ export default {
     >
       <span><label>Custom Content</label></span>
     </nut-cell>
-     <nut-actionsheet v-model:visible="state.isVisible" title="title">
+     <nut-action-sheet v-model:visible="state.isVisible" title="title">
       <div class="custom-content">Custom Content</div>
-    </nut-actionsheet>
+    </nut-action-sheet>
     </div>
 </template>
 <script>

src/packages/__VUE/actionsheet/doc.md

@@ -35,12 +35,12 @@ app.use(Overlay);
       <div v-html="state.val"></div>
     </nut-cell>
      <!-- demo 基础用法 -->
-    <nut-actionsheet
+    <nut-action-sheet
       v-model:visible="state.isVisible"
       :menu-items="menuItems"
       @choose="chooseItem"
     >
-    </nut-actionsheet>
+    </nut-action-sheet>
     </div>
 </template>
 <script>
@@ -94,13 +94,13 @@ export default {
       <div v-html="state.val"></div>
     </nut-cell>
      <!-- demo 展示取消按钮 -->
-    <nut-actionsheet
+    <nut-action-sheet
       v-model:visible="state.isVisible"
       :menu-items="menuItems"
       cancel-txt="取消"
       @choose="chooseItem"
     >
-    </nut-actionsheet>
+    </nut-action-sheet>
     </div>
 </template>
 <script>
@@ -153,14 +153,14 @@ export default {
       <div v-html="state.val"></div>
     </nut-cell>
      <!-- demo 展示描述信息 -->
-    <nut-actionsheet
+    <nut-action-sheet
       v-model:visible="state.isVisible"
       cancel-txt="取消"
       description="这是一段展示信息"
       :menu-items="menuItems"
       @choose="chooseItem"
     >
-    </nut-actionsheet>
+    </nut-action-sheet>
     </div>
 </template>
 <script>
@@ -217,14 +217,14 @@ export default {
       <div v-html="state.val"></div>
     </nut-cell>
      <!-- demo 选项状态 -->
-    <nut-actionsheet
+    <nut-action-sheet
       v-model:visible="state.isVisible"
       :menu-items="menuItems"
       choose-tag-value="着色选项"
       @choose="chooseItem"
        cancel-txt="取消"
     >
-    </nut-actionsheet>
+    </nut-action-sheet>
     </div>
 </template>
 <script>
@@ -278,9 +278,9 @@ export default {
     >
       <span><label>自定义内容</label></span>
     </nut-cell>
-     <nut-actionsheet v-model:visible="state.isVisible" title="标题">
+     <nut-action-sheet v-model:visible="state.isVisible" title="标题">
       <div class="custom-content">自定义内容</div>
-    </nut-actionsheet>
+    </nut-action-sheet>
     </div>
 </template>
 <script>

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

@@ -33,7 +33,7 @@
 import { createComponent } from '@/packages/utils/create';
 import { computed, useSlots } from 'vue';
 import type { PropType } from 'vue';
-const { componentName, create } = createComponent('actionsheet');
+const { componentName, create } = createComponent('action-sheet');
 import Popup from '../popup/index.taro.vue';
 import { popupProps } from '../popup/props';
 export interface menuItems {
@@ -92,7 +92,7 @@ export default create({
   setup(props, { emit }) {
     const slotDefault = !!useSlots().default;
     const classes = computed(() => {
-      const prefixCls = componentName;
+      const prefixCls = 'nut-actionsheet';
       return {
         [prefixCls]: true
       };

src/packages/__VUE/actionsheet/index.vue

@@ -42,7 +42,7 @@ import { computed, useSlots } from 'vue';
 import type { PropType } from 'vue';
 import { popupProps } from '../popup/props';
 import Popup from '../popup/index.vue';
-const { componentName, create } = createComponent('actionsheet');
+const { componentName, create } = createComponent('action-sheet');
 export interface menuItems {
   disable: boolean;
   loading: boolean;
@@ -103,7 +103,7 @@ export default create({
   setup(props, { emit }) {
     const slotDefault = !!useSlots().default;
     const classes = computed(() => {
-      const prefixCls = componentName;
+      const prefixCls = 'nut-actionsheet';
       return {
         [prefixCls]: true
       };

src/sites/mobile-taro/vue/src/feedback/pages/actionsheet/index.vue

@@ -28,23 +28,23 @@
     </nut-cell>
 
     <!-- demo 基础用法 -->
-    <nut-actionsheet
+    <nut-action-sheet
       :safe-area-inset-bottom="true"
       v-model:visible="state.isVisible1"
       :menu-items="menuItemsOne"
       @choose="chooseItem"
     >
-    </nut-actionsheet>
+    </nut-action-sheet>
     <!-- demo(带取消按钮） -->
-    <nut-actionsheet
+    <nut-action-sheet
       v-model:visible="state.isVisible2"
       cancel-txt="取消"
       :menu-items="menuItemsOne"
       @choose="chooseItemTwo"
     >
-    </nut-actionsheet>
+    </nut-action-sheet>
     <!-- 展示描述信息 -->
-    <nut-actionsheet
+    <nut-action-sheet
       v-model:visible="state.isVisible3"
       title="标题"
       :description="state.desc"
@@ -52,19 +52,19 @@
       @choose="chooseItemThree"
       cancel-txt="取消"
     >
-    </nut-actionsheet>
+    </nut-action-sheet>
     <!-- demo 选项状态-->
-    <nut-actionsheet
+    <nut-action-sheet
       v-model:visible="state.isVisible4"
       cancel-txt="取消"
       :menu-items="menuItemsThree"
       @choose="chooseItemFour"
       :choose-tag-value="state.chooseTagValue"
-    ></nut-actionsheet>
+    ></nut-action-sheet>
     <!-- 自定义面板-->
-    <nut-actionsheet v-model:visible="state.isVisible5" title="标题">
+    <nut-action-sheet v-model:visible="state.isVisible5" title="标题">
       <div class="custom-content">自定义内容</div>
-    </nut-actionsheet>
+    </nut-action-sheet>
   </div>
 </template>