style(action-menu): misspelled word (#2431)

Author: betavs

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,19 +19,19 @@
       :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
     >
 
     <tiny-dialog-box
       :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: {}

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);
 

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 }">