fix: typo

src/config/color.ts

@@ -110,7 +110,7 @@ export const COLOR_TOKEN: TColorSeries = {
     '@brand-color-1': '#eee6f7',
     '@brand-color-2': '#ddceee',
     '@brand-color-3': '#ccb6e6',
-    '@brand-color-4': '#bb9ede',
+    '@brand-color-4': '#bb9edc',
     '@brand-color-5': '#ab87d5',
     '@brand-color-6': '#9a6fce',
     '@brand-color-7': '#9a6fce',

src/layouts/setting.vue

@@ -61,7 +61,7 @@
         </t-radio-group>
 
         <div class="setting-group-title">导航布局</div>
-        <t-radio-group v-model="formData.layout" default-vaule="top">
+        <t-radio-group v-model="formData.layout">
           <div v-for="(item, index) in LAYOUT_OPTION" :key="index" class="setting-layout-drawer">
             <t-radio-button :key="index" :value="item">
               <Thumbnail :src="getThumbnailUrl(item)" />

src/pages/dashboard/base/index.ts

@@ -657,11 +657,11 @@ export function getLineChartDataSet({
  *
  * @export
  * @param {string} productName
- * @param {number} devideNum
+ * @param {number} divideNum
  */
-export function getSelftItemList(productName: string, devideNum: number): string[] {
+export function getSelftItemList(productName: string, divideNum: number): string[] {
   const productArray: string[] = [productName];
-  for (let i = 0; i < devideNum; i++) {
+  for (let i = 0; i < divideNum; i++) {
     productArray.push(getRandomArray(100 * i).toString());
   }
 

src/pages/detail/advanced/components/Product.vue

@@ -1,33 +1,33 @@
 <template>
-  <div class="operater-block operater-gap">
+  <div class="operator-block operator-gap">
-    <div class="operater-content">
+    <div class="operator-content">
-      <div class="operater-title">
+      <div class="operator-title">
-        <t-icon name="cart" class="operater-title-icon" />
+        <t-icon name="cart" class="operator-title-icon" />
         <h1>{{ data.name }}</h1>
-        <div class="operater-title-subtitle">
+        <div class="operator-title-subtitle">
           {{ data.subtitle }}
         </div>
-        <div class="operater-title-tags">
+        <div class="operator-title-tags">
-          <t-tag class="operater-title-tag" theme="success" size="small">
+          <t-tag class="operator-title-tag" theme="success" size="small">
             {{ data.size }}
           </t-tag>
-          <t-tag class="operater-title-tag" size="small">
+          <t-tag class="operator-title-tag" size="small">
             {{ data.cpu }}
           </t-tag>
-          <t-tag class="operater-title-tag" size="small">
+          <t-tag class="operator-title-tag" size="small">
             {{ data.memory }}
           </t-tag>
         </div>
       </div>
-      <div class="operater-item">
+      <div class="operator-item">
-        <span class="operater-item-info">{{ data.info }}</span>
+        <span class="operator-item-info">{{ data.info }}</span>
-        <t-icon class="operater-item-icon" name="chevron-right" size="small" style="color: rgba(0, 0, 0, 0.26)" />
+        <t-icon class="operator-item-icon" name="chevron-right" size="small" style="color: rgba(0, 0, 0, 0.26)" />
       </div>
     </div>
-    <div class="operater-footer">
+    <div class="operator-footer">
-      <span class="operater-footer-percentage">{{ data.use }} / {{ data.stock }}（台）</span>
+      <span class="operator-footer-percentage">{{ data.use }} / {{ data.stock }}（台）</span>
       <t-progress
-        class="operater-progress"
+        class="operator-progress"
         theme="line"
         :percentage="(data.use / data.stock) * 100"
         :label="false"
@@ -55,21 +55,21 @@ export default defineComponent({
 
 <style lang="less" scoped>
 @import '@/style/variables.less';
-.operater-gap {
+.operator-gap {
   margin-left: 20px;
 }
 
-.operater-block {
+.operator-block {
   position: relative;
   background-color: @bg-color-container;
   border: 1px solid @component-border;
   border-radius: 3px;
 
-  .operater-content {
+  .operator-content {
     padding: 20px 32px 24px 32px;
     height: 256px;
 
-    .operater-title-icon {
+    .operator-title-icon {
       background: @brand-color-1;
       color: @brand-color;
       font-size: 56px;
@@ -77,7 +77,7 @@ export default defineComponent({
       border-radius: 100%;
     }
 
-    .operater-title {
+    .operator-title {
       margin-bottom: 25px;
       position: relative;
 
@@ -120,7 +120,7 @@ export default defineComponent({
       }
     }
 
-    .operater-item {
+    .operator-item {
       position: relative;
       padding-top: 8px;
       padding-bottom: 8px;
@@ -141,7 +141,7 @@ export default defineComponent({
     }
   }
 
-  .operater-footer {
+  .operator-footer {
     position: absolute;
     width: 100%;
     bottom: 0px;

src/pages/detail/advanced/index.less

@@ -3,7 +3,7 @@
 .product-block-container {
   .t-col-xl-4 + .t-col-xl-4 {
     @media (max-width: @screen-lg-max) {
-      .operater-gap {
+      .operator-gap {
         margin: 16px 0 0 0;
       }
     }

src/style/theme/purple.less

@@ -3,7 +3,7 @@
   --td-brand-color-1: #eee6f7;
   --td-brand-color-2: #ddceee;
   --td-brand-color-3: #ccb6e6;
-  --td-brand-color-4: #bb9ede;
+  --td-brand-color-4: #bb9edc;
   --td-brand-color-5: #ab87d5;
   --td-brand-color-6: #9a6fce;
   --td-brand-color-7: #9a6fce;