From ccd9ce626dedb67f6c0015e2d2ae94686e3a87e1 Mon Sep 17 00:00:00 2001
From: betavs <34408516+betavs@users.noreply.github.com>
Date: Tue, 12 Nov 2024 16:16:00 +0800
Subject: [PATCH] style(action-menu): misspelled word (#2431)

---
 .../app/dialog-box/basic-usage.vue            | 30 +++++++++----------
 packages/theme/src/action-menu/index.less     |  4 +--
 packages/vue/src/action-menu/src/pc.vue       | 14 ++++-----
 3 files changed, 24 insertions(+), 24 deletions(-)

diff --git a/examples/sites/demos/mobile-first/app/dialog-box/basic-usage.vue b/examples/sites/demos/mobile-first/app/dialog-box/basic-usage.vue
index 2c8cad101f..c8cc5fe213 100644
--- a/examples/sites/demos/mobile-first/app/dialog-box/basic-usage.vue
+++ b/examples/sites/demos/mobile-first/app/dialog-box/basic-usage.vue
@@ -1,15 +1,15 @@
 <template>
   <div style="height: 330px">
     <span>
-      <tiny-button @click="defaultVisable = true">默认属性配置</tiny-button>
-      <tiny-button @click="hideVisable = true">隐藏头部</tiny-button>
-      <tiny-button @click="btnVisable = true">隐藏关闭按钮</tiny-button>
+      <tiny-button @click="defaultVisible = true">默认属性配置</tiny-button>
+      <tiny-button @click="hideVisible = true">隐藏头部</tiny-button>
+      <tiny-button @click="btnVisible = true">隐藏关闭按钮</tiny-button>
     </span>
 
     <tiny-dialog-box
-      v-if="defaultVisable"
-      :visible="defaultVisable"
-      @update:visible="defaultVisable = $event"
+      v-if="defaultVisible"
+      :visible="defaultVisible"
+      @update:visible="defaultVisible = $event"
       :modal-append-to-body="false"
     >
       <div>自定义内容</div>
@@ -19,9 +19,9 @@
       :modal-append-to-body="false"
       title="标题1"
       :show-header="false"
-      :visible="hideVisable"
-      v-if="hideVisable"
-      @update:visible="hideVisable = $event"
+      :visible="hideVisible"
+      v-if="hideVisible"
+      @update:visible="hideVisible = $event"
       ><div>自定义内容</div></tiny-dialog-box
     >
 
@@ -29,9 +29,9 @@
       :modal-append-to-body="false"
       title="标题1"
       :show-close="false"
-      v-if="btnVisable"
-      :visible="btnVisable"
-      @update:visible="btnVisable = $event"
+      v-if="btnVisible"
+      :visible="btnVisible"
+      @update:visible="btnVisible = $event"
       ><div>自定义内容</div></tiny-dialog-box
     >
   </div>
@@ -47,9 +47,9 @@ export default {
   },
   data() {
     return {
-      hideVisable: false,
-      btnVisable: false,
-      defaultVisable: false
+      hideVisible: false,
+      btnVisible: false,
+      defaultVisible: false
     }
   },
   methods: {}
diff --git a/packages/theme/src/action-menu/index.less b/packages/theme/src/action-menu/index.less
index 457308149f..24d5f21174 100644
--- a/packages/theme/src/action-menu/index.less
+++ b/packages/theme/src/action-menu/index.less
@@ -35,7 +35,7 @@
       align-items: center;
 
       // 默认
-      &.@{action-menu-prefix-cls}__item-visable {
+      &.@{action-menu-prefix-cls}__item-visible {
         .@{dropdown-item-prefix-cls} {
           padding: 0;
 
@@ -83,7 +83,7 @@
       }
 
       .@{action-menu-prefix-cls}__item {
-        &.@{action-menu-prefix-cls}__item-visable {
+        &.@{action-menu-prefix-cls}__item-visible {
           .@{dropdown-item-prefix-cls}__wrap {
             color: var(--tv-ActionMenu-text-color-card);
 
diff --git a/packages/vue/src/action-menu/src/pc.vue b/packages/vue/src/action-menu/src/pc.vue
index 7d9a42985f..cb0cfb005e 100644
--- a/packages/vue/src/action-menu/src/pc.vue
+++ b/packages/vue/src/action-menu/src/pc.vue
@@ -2,20 +2,20 @@
   <div class="tiny-action-menu">
     <ul :class="{ 'tiny-action-menu__wrap': true, 'tiny-action-menu__card-mode': state.isCardMode }">
       <li
-        v-for="(visableItem, index) in state.visibleOptions"
+        v-for="(visibleItem, index) in state.visibleOptions"
         :key="index"
         :class="[
           'tiny-action-menu__item',
-          'tiny-action-menu__item-visable',
-          { 'is-disabled': visableItem.disabled, 'tiny-action-menu__card-item': state.isCardMode }
+          'tiny-action-menu__item-visible',
+          { 'is-disabled': visibleItem.disabled, 'tiny-action-menu__card-item': state.isCardMode }
         ]"
       >
         <tiny-dropdown-item
-          :item-data="visableItem"
-          :label="visableItem[textField]"
+          :item-data="visibleItem"
+          :label="visibleItem[textField]"
           :text-field="textField"
-          :disabled="visableItem.disabled"
-          :icon="visableItem.icon"
+          :disabled="visibleItem.disabled"
+          :icon="visibleItem.icon"
           @item-click="handleItemClick"
         >
           <template #default="{ itemData }">