diff --git a/package.json b/package.json
index 2e01a67..778949b 100644
--- a/package.json
+++ b/package.json
@@ -23,7 +23,8 @@
     "lint:style": "stylelint --fix \"**/*.{vue,less,postcss,css,scss}\" --cache --cache-location node_modules/.cache/stylelint/",
     "lint:lint-staged": "lint-staged -c ./.husky/lintstagedrc.js",
     "prepare": "husky install",
-    "p": "plop"
+    "p": "plop",
+    "analysis": "windicss-analysis"
   },
   "dependencies": {
     "@iconify/iconify": "^3.0.0",
diff --git a/src/layout/components/ToolHeader.vue b/src/layout/components/ToolHeader.vue
index 091a25a..2c6d86c 100644
--- a/src/layout/components/ToolHeader.vue
+++ b/src/layout/components/ToolHeader.vue
@@ -48,25 +48,25 @@ export default defineComponent({
         {layout.value !== 'top' ? (
           <div class="h-full flex items-center">
             {hamburger.value && layout.value !== 'cutMenu' ? (
-              <Collapse class="hover-tigger" color="var(--top-header-text-color)"></Collapse>
+              <Collapse class="hover-trigger" color="var(--top-header-text-color)"></Collapse>
             ) : undefined}
             {breadcrumb.value ? <Breadcrumb class="<md:hidden"></Breadcrumb> : undefined}
           </div>
         ) : undefined}
         <div class="h-full flex items-center">
           {screenfull.value ? (
-            <Screenfull class="hover-tigger" color="var(--top-header-text-color)"></Screenfull>
+            <Screenfull class="hover-trigger" color="var(--top-header-text-color)"></Screenfull>
           ) : undefined}
           {size.value ? (
-            <SizeDropdown class="hover-tigger" color="var(--top-header-text-color)"></SizeDropdown>
+            <SizeDropdown class="hover-trigger" color="var(--top-header-text-color)"></SizeDropdown>
           ) : undefined}
           {locale.value ? (
             <LocaleDropdown
-              class="hover-tigger"
+              class="hover-trigger"
               color="var(--top-header-text-color)"
             ></LocaleDropdown>
           ) : undefined}
-          <UserInfo class="hover-tigger"></UserInfo>
+          <UserInfo class="hover-trigger"></UserInfo>
         </div>
       </div>
     )
diff --git a/src/layout/components/useRenderLayout.tsx b/src/layout/components/useRenderLayout.tsx
index 40134a6..d388d5f 100644
--- a/src/layout/components/useRenderLayout.tsx
+++ b/src/layout/components/useRenderLayout.tsx
@@ -110,7 +110,7 @@ export const useRenderLayout = () => {
     return (
       <>
         <div class="flex items-center bg-[var(--top-header-bg-color)] border-bottom-1 border-solid border-[var(--top-tool-border-color)] dark:border-[var(--el-border-color)]">
-          {logo.value ? <Logo class="hover-tigger !pr-15px"></Logo> : undefined}
+          {logo.value ? <Logo class="hover-trigger !pr-15px"></Logo> : undefined}
 
           <ToolHeader class="flex-1"></ToolHeader>
         </div>
@@ -167,7 +167,7 @@ export const useRenderLayout = () => {
     return (
       <>
         <div class="flex items-center justify-between bg-[var(--top-header-bg-color)] border-bottom-1 border-solid border-[var(--top-tool-border-color)] dark:border-[var(--el-border-color)]">
-          {logo.value ? <Logo class="hover-tigger"></Logo> : undefined}
+          {logo.value ? <Logo class="hover-trigger"></Logo> : undefined}
           <Menu class="flex-1 px-10px h-[var(--top-tool-height)]"></Menu>
           <ToolHeader></ToolHeader>
         </div>
@@ -204,7 +204,7 @@ export const useRenderLayout = () => {
     return (
       <>
         <div class="flex items-center bg-[var(--top-header-bg-color)] border-bottom-1 border-solid border-[var(--top-tool-border-color)] dark:border-[var(--el-border-color)]">
-          {logo.value ? <Logo class="hover-tigger !pr-15px"></Logo> : undefined}
+          {logo.value ? <Logo class="hover-trigger !pr-15px"></Logo> : undefined}
 
           <ToolHeader class="flex-1"></ToolHeader>
         </div>
diff --git a/src/views/Authorization/Role.vue b/src/views/Authorization/Role.vue
index 9d189c5..5c30df2 100644
--- a/src/views/Authorization/Role.vue
+++ b/src/views/Authorization/Role.vue
@@ -71,7 +71,7 @@ const getTableList = async (params?: Params) => {
 
 getTableList()
 
-const acitonFn = (data: TableSlotDefault) => {
+const actionFn = (data: TableSlotDefault) => {
   console.log(data)
 }
 </script>
@@ -80,7 +80,7 @@ const acitonFn = (data: TableSlotDefault) => {
   <ContentWrap :title="t('userDemo.title')" :message="t('userDemo.message')">
     <Table :columns="columns" :data="tableDataList" :loading="loading" :selection="false">
       <template #action="data">
-        <ElButton type="primary" @click="acitonFn(data as TableSlotDefault)">
+        <ElButton type="primary" @click="actionFn(data as TableSlotDefault)">
           {{ t('tableDemo.action') }}
         </ElButton>
       </template>
diff --git a/src/views/Authorization/User.vue b/src/views/Authorization/User.vue
index 9d189c5..5c30df2 100644
--- a/src/views/Authorization/User.vue
+++ b/src/views/Authorization/User.vue
@@ -71,7 +71,7 @@ const getTableList = async (params?: Params) => {
 
 getTableList()
 
-const acitonFn = (data: TableSlotDefault) => {
+const actionFn = (data: TableSlotDefault) => {
   console.log(data)
 }
 </script>
@@ -80,7 +80,7 @@ const acitonFn = (data: TableSlotDefault) => {
   <ContentWrap :title="t('userDemo.title')" :message="t('userDemo.message')">
     <Table :columns="columns" :data="tableDataList" :loading="loading" :selection="false">
       <template #action="data">
-        <ElButton type="primary" @click="acitonFn(data as TableSlotDefault)">
+        <ElButton type="primary" @click="actionFn(data as TableSlotDefault)">
           {{ t('tableDemo.action') }}
         </ElButton>
       </template>
diff --git a/src/views/Components/Table/DefaultTable.vue b/src/views/Components/Table/DefaultTable.vue
index 5e58d97..9e17227 100644
--- a/src/views/Components/Table/DefaultTable.vue
+++ b/src/views/Components/Table/DefaultTable.vue
@@ -83,7 +83,7 @@ const getTableList = async (params?: Params) => {
 
 getTableList()
 
-const acitonFn = (data: TableSlotDefault) => {
+const actionFn = (data: TableSlotDefault) => {
   console.log(data)
 }
 </script>
@@ -92,7 +92,7 @@ const acitonFn = (data: TableSlotDefault) => {
   <ContentWrap :title="t('tableDemo.table')" :message="t('tableDemo.tableDes')">
     <Table :columns="columns" :data="tableDataList" :loading="loading">
       <template #action="data">
-        <ElButton type="primary" @click="acitonFn(data as TableSlotDefault)">
+        <ElButton type="primary" @click="actionFn(data as TableSlotDefault)">
           {{ t('tableDemo.action') }}
         </ElButton>
       </template>
diff --git a/src/views/Components/Table/RefTable.vue b/src/views/Components/Table/RefTable.vue
index d292f40..95506bb 100644
--- a/src/views/Components/Table/RefTable.vue
+++ b/src/views/Components/Table/RefTable.vue
@@ -80,7 +80,7 @@ getList()
 
 const tableRef = ref<TableExpose>()
 
-const acitonFn = (data: TableSlotDefault) => {
+const actionFn = (data: TableSlotDefault) => {
   console.log(data)
 }
 
@@ -165,7 +165,7 @@ const selectAllNone = () => {
       @register="register"
     >
       <template #action="data">
-        <ElButton type="primary" @click="acitonFn(data as TableSlotDefault)">
+        <ElButton type="primary" @click="actionFn(data as TableSlotDefault)">
           {{ t('tableDemo.action') }}
         </ElButton>
       </template>
diff --git a/src/views/Components/Table/UseTableDemo.vue b/src/views/Components/Table/UseTableDemo.vue
index 1cfd35c..7dd6024 100644
--- a/src/views/Components/Table/UseTableDemo.vue
+++ b/src/views/Components/Table/UseTableDemo.vue
@@ -75,7 +75,7 @@ const columns = reactive<TableColumn[]>([
   }
 ])
 
-const acitonFn = (data: TableSlotDefault) => {
+const actionFn = (data: TableSlotDefault) => {
   console.log(data)
 }
 
@@ -164,7 +164,7 @@ const selectAllNone = () => {
       @register="register"
     >
       <template #action="data">
-        <ElButton type="primary" @click="acitonFn(data as TableSlotDefault)">
+        <ElButton type="primary" @click="actionFn(data as TableSlotDefault)">
           {{ t('tableDemo.action') }}
         </ElButton>
       </template>
diff --git a/windi.config.ts b/windi.config.ts
index de72177..4ef7b06 100644
--- a/windi.config.ts
+++ b/windi.config.ts
@@ -53,7 +53,7 @@ export default defineConfig({
         }
       })
       addComponents({
-        '.hover-tigger': {
+        '.hover-trigger': {
           display: 'flex',
           height: '100%',
           padding: '1px 10px 0',
@@ -64,7 +64,7 @@ export default defineConfig({
             backgroundColor: 'var(--top-header-hover-color)'
           }
         },
-        '.dark .hover-tigger': {
+        '.dark .hover-trigger': {
           '&:hover': {
             backgroundColor: 'var(--el-bg-color-overlay)'
           }