ci: add typo check and fix typos

.github/workflows/pr-spelling.template.yml

@@ -0,0 +1,13 @@
+name: pr-spell-check
+on: [pull_request]
+
+jobs:
+  run:
+    name: Spell Check with Typos
+    runs-on: ubuntu-latest
+    steps:
+    - uses: actions/checkout@v4
+    - name: Check spelling
+      uses: crate-ci/typos@master
+      with: 
+        config: .github/workflows/typos-config.toml

.github/workflows/typos-config.toml

@@ -0,0 +1,10 @@
+default.check-filename = true
+
+default.extend-ignore-re   = [
+    "Vai a",
+    "(\\w+\\s)?(S|s)uccessivo"
+]
+
+[default.extend-words]
+actived = "actived"
+colum = "colum"

docs/web/api/tag-input.en-US.md

@@ -37,7 +37,7 @@ Provide large, medium (default), small three different size of the label input b
 
 ### Tag Input Box for Customizable Tags
 
-- `tag` is used to define the content of a single tag- `valueDispaly` is used to completely customize the full tag content
+- `tag` is used to define the content of a single tag- `valueDisplay` is used to completely customize the full tag content
 
 {{ custom-tag }}
 

docs/web/api/tag-input.md

@@ -39,7 +39,7 @@ spline: data
 ### 可自定义标签的标签输入框
 
 - `tag` 用于定义单个标签的内容
-- `valueDispaly` 用于完全自定义全量标签内容
+- `valueDisplay` 用于完全自定义全量标签内容
 
 {{ custom-tag }}
 

js/global-config/locale/ar_KW.ts

@@ -225,7 +225,7 @@ export default {
   },
   typography: {
     expand: 'توسيع',
-    collpase: 'طي',
+    collapse: 'طي',
     copied: 'النسخ اكتمل'
   }
 } as const;

js/global-config/locale/en_US.ts

@@ -23,14 +23,14 @@ export default {
     showWeekend: 'Show Week',
     today: 'Today',
     thisMonth: 'This Month',
-    week: 'Monday,Tuesday,Wedsday,Thuresday,Friday,Staturday,Sunday',
+    week: 'Monday,Tuesday,Wedsday,Thuresday,Friday,Saturday,Sunday',
     cellMonth:
       'January,February,March,April,May,June,July,August,September,October,November,December',
   },
   transfer: {
     title: '{checked} / {total}',
     empty: 'Empty Data',
-    placeholder: 'enter keyworkd to search',
+    placeholder: 'enter keyword to search',
   },
   timePicker: {
     dayjsLocale: 'en',

js/global-config/locale/zh_TW.ts

@@ -118,7 +118,7 @@ export default {
     weekAbbreviation: '週',
     yearAriaLabel: '年',
     monthAriaLabel: '月',
-    comfirm: '確認',
+    confirm: '確認',
     selectTime: '選擇時間',
     selectDate: '選擇日期',
     nextYear: '下一年',

style/mobile/components/back-top/_index.less

@@ -16,7 +16,7 @@
 
   &--round {
     border-radius: @radius-circle;
-    background-color: @back-top-backgroud-color-white;
+    background-color: @back-top-background-color-white;
     color: @back-top-text-color-black;
     border: 1px solid;
     border-color: @back-top-border-color;
@@ -26,7 +26,7 @@
   &--half-round {
     width: @back-top-half-width;
     height: @back-top-half-height;
-    background-color: @back-top-backgroud-color-white;
+    background-color: @back-top-background-color-white;
     color: @back-top-text-color-black;
     border: 1px solid;
     border-color: @back-top-border-color;
@@ -41,7 +41,7 @@
   }
 
   &--round-dark {
-    background-color: @back-top-backgroud-color-black;
+    background-color: @back-top-background-color-black;
     color: @back-top-text-color-white;
     border-radius: @radius-circle;
     flex-direction: column;
@@ -53,7 +53,7 @@
     flex-direction: row;
     justify-content: space-evenly;
     border-radius: 40px 0 0 40px;
-    background-color: @back-top-backgroud-color-black;
+    background-color: @back-top-background-color-black;
     color: @back-top-text-color-white;
 
     .@{prefix}-back-top__text {

style/mobile/components/back-top/_var.less

@@ -16,8 +16,8 @@
 @back-top-text-color-white: @bg-color-container;
 
 // 背景颜色
-@back-top-backgroud-color-black: @gray-color-14;
-@back-top-backgroud-color-white: @bg-color-container;
+@back-top-background-color-black: @gray-color-14;
+@back-top-background-color-white: @bg-color-container;
 
 // 边框颜色
 @back-top-border-color: @component-border;

style/mobile/components/message/v2/_index.less

@@ -12,7 +12,7 @@
   min-height: @message-height;
   align-items: center;
   z-index: @message-z-index;
-  padding: @message-verticle-padding @message-horizontal-padding;
+  padding: @message-vertical-padding @message-horizontal-padding;
   box-sizing: border-box;
   border-radius: @message-border-radius;
   line-height: 1em;

style/mobile/components/message/v2/_var.less

@@ -1,5 +1,5 @@
 @message-height: 48px;
-@message-verticle-padding: 12px;
+@message-vertical-padding: 12px;
 @message-horizontal-padding: 16px;
 @message-z-index: 15000;
 

style/mobile/components/slider/_index.less

@@ -6,7 +6,7 @@
 
 .@{slider} {
   position: relative;
-  height: @slider-hander-height + 6px;
+  height: @slider-handle-height + 6px;
 
   &--with-marks {
     margin-top: 24px;
@@ -34,9 +34,9 @@
   &__handle {
     position: absolute;
     top: 50%;
-    width: @slider-hander-width;
-    height: @slider-hander-height;
-    margin-top: (-@slider-hander-height / 2);
+    width: @slider-handle-width;
+    height: @slider-handle-height;
+    margin-top: (-@slider-handle-height / 2);
     background-color: #fff;
     border: solid 2px @brand-color;
     border-radius: 50%;
@@ -52,11 +52,11 @@
 
   &__mark {
     position: absolute;
-    top: -@slider-hander-height - 4px;
+    top: -@slider-handle-height - 4px;
     left: 0;
     width: 100%;
     font-size: @slider-font-size-base;
-    height: @slider-hander-height + 4px;
+    height: @slider-handle-height + 4px;
 
     &-text {
       position: absolute;
@@ -118,7 +118,7 @@
 
     &.@{prefix}-is {
       &-mark {
-        padding-top: @slider-hander-height + 4px;
+        padding-top: @slider-handle-height + 4px;
       }
 
       &-disabled {
@@ -150,6 +150,6 @@
 
 .@{prefix}-is-mark-slider {
   .@{prefix}-cell--label {
-    padding-top: @slider-hander-height + 4px;
+    padding-top: @slider-handle-height + 4px;
   }
 }

style/mobile/components/slider/_var.less

@@ -1,8 +1,8 @@
 @slider-track-bg-color: @brand-color;
 @slider-bar-bg-color: @component-stroke;
 @slider-bar-height:2px;
-@slider-hander-height: 20px;
-@slider-hander-width: 20px;
+@slider-handle-height: 20px;
+@slider-handle-width: 20px;
 @slider-font-size-base:@font-size-base;
 @slider-value-color: @text-color-primary;
 @slider-value-font-size: @font-size-l;

style/mobile/components/step-item/v2/_index.less

@@ -72,7 +72,7 @@
     font-size: @font-size-base;
     position: relative;
 
-    &--finsh,
+    &--finish,
     &--process {
       color: @brand-color;
     }

style/mobile/components/switch/_index.less

@@ -69,7 +69,7 @@
 
     .@{prefix}-switch__node {
       cursor: not-allowed;
-      background-color: @switch-background-color-disbaled;
+      background-color: @switch-background-color-disabled;
 
       &::after {
         cursor: not-allowed;

style/mobile/components/switch/_var.less

@@ -3,7 +3,7 @@
 @switch-height: 24px;
 @switch-border-radius: 15px;
 @switch-background-color: @gray-color-5;
-@switch-background-color-disbaled: @gray-color-2;
+@switch-background-color-disabled: @gray-color-2;
 
 @switch-node-font-size: @font-size-s;
 @switch-node-width: 20px;

style/web/components/calendar/_index.less

@@ -107,7 +107,7 @@
   &--card {
     width: @calendar-card-width;
     border-radius: @border-radius-medium;
-    padding: @calendar-card-pannel-padding;
+    padding: @calendar-card-panel-padding;
     .@{prefix}-calendar__control {
       padding: @calendar-card-calendar-control-padding;
 
@@ -129,12 +129,12 @@
 
       &.@{prefix}-calendar__panel--month {
         height: @calendar-card-calendar-panel-height-month;
-        margin-top: @calendar-card-pannel-margin-top;
+        margin-top: @calendar-card-panel-margin-top;
       }
 
       &.@{prefix}-calendar__panel--year {
         height: @calendar-card-calendar-panel-height-year;
-        margin-top: @calendar-card-pannel-margin-top;
+        margin-top: @calendar-card-panel-margin-top;
         .@{prefix}-calendar__table {
           &-body {
             &-cell {

style/web/components/calendar/_var.less

@@ -52,16 +52,16 @@
 @calendar-table-margin-right: @comp-margin-s;
 @calendar-footer-padding: @comp-paddingTB-xxl @comp-paddingLR-xxl;
 @calendar-table-cell-padding: 0;
-@calendar-card-pannel-padding: @comp-paddingTB-m @comp-paddingLR-m;
+@calendar-card-panel-padding: @comp-paddingTB-m @comp-paddingLR-m;
 @calendar-card-calendar-control-padding: 0;
-@calendar-card-pannel-margin-top: @comp-margin-m;
+@calendar-card-panel-margin-top: @comp-margin-m;
 @calendar-card-footer-padding: 0 @comp-paddingLR-m;
 @calendar-control-section-cell-margin-right: @comp-margin-s;
 @calendar-body-line-height: @text-line-height-base;
 @calendar-header-row-padding: 0px;
 @calendar-card-body-cell-display-padding: calc(@comp-paddingTB-xxs / 2);
 @calendar-control-margin-bottom: @comp-margin-xxxl;
-@calerdar-panel-card-padding: @comp-paddingTB-m @comp-paddingLR-m;
+@calendar-panel-card-padding: @comp-paddingTB-m @comp-paddingLR-m;
 @calendar-card-control-margin-bottom: @comp-margin-m;
 
 // 尺寸

style/web/components/dialog/_index.less

@@ -221,7 +221,7 @@
     }
   }
 
-  &.@{prefix}-is-visable {
+  &.@{prefix}-is-visible {
     visibility: visible;
   }
 

style/web/components/upload/_docs.less

@@ -44,7 +44,7 @@
   overflow-y: auto;
 
   &--empty,
-  &--draging {
+  &--dragging {
     display: flex;
     align-items: center;
     justify-content: center;