diff --git a/package.json b/package.json
index 5d321cb387abdc094d3b7ccaa2f62aa36e565a66..4d0d755bedf87fc6e7144485461025b111668027 100644
--- a/package.json
+++ b/package.json
@@ -14,7 +14,8 @@
     "clean:cache": "rimraf node_modules/.cache/ && rimraf node_modules/.vite",
     "clean:lib": "npx rimraf node_modules",
     "typecheck": "vuedx-typecheck .",
-    "lint:eslint": "eslint \"{src,mock}/**/*.{vue,ts,tsx}\" --fix",
+    "lint:eslint": "eslint \"{src,mock}/**/*.{vue,ts,tsx}\" ",
+    "lint:eslint:fix": "eslint \"{src,mock}/**/*.{vue,ts,tsx}\" --fix",
     "lint:prettier": "prettier --write --loglevel warn \"src/**/*.{js,json,tsx,css,less,scss,vue,html,md}\"",
     "lint:stylelint": "stylelint --fix \"**/*.{vue,less,postcss,css,scss}\" --cache --cache-location node_modules/.cache/stylelint/",
     "lint:ls-lint": "ls-lint",
diff --git a/src/components/Application/index.ts b/src/components/Application/index.ts
index 1dfffc12cea5942acd2c11c9a054fcbb5a05169e..98f79e261fd41d7dcc06cdc06c12936e069d1c22 100644
--- a/src/components/Application/index.ts
+++ b/src/components/Application/index.ts
@@ -1,7 +1,6 @@
 import { createAsyncComponent } from '/@/utils/factory/createAsyncComponent';
 import AppLogo from './src/AppLogo.vue';
 import AppProvider from './src/AppProvider.vue';
-import { withInstall } from '../util';
 
 export const AppLocalePicker = createAsyncComponent(() => import('./src/AppLocalePicker.vue'));
 export const AppSearch = createAsyncComponent(() => import('./src/search/AppSearch.vue'), {
@@ -10,5 +9,3 @@ export const AppSearch = createAsyncComponent(() => import('./src/search/AppSear
 
 export { useAppProviderContext } from './src/useAppContext';
 export { AppLogo, AppProvider };
-
-withInstall(AppLogo, AppProvider);
diff --git a/src/components/Application/src/AppLocalePicker.vue b/src/components/Application/src/AppLocalePicker.vue
index 48204d8660476f863925e76e0695a55af83e5351..fa111c0ff837086a0063af72ce3e7bf62751f704 100644
--- a/src/components/Application/src/AppLocalePicker.vue
+++ b/src/components/Application/src/AppLocalePicker.vue
@@ -17,19 +17,18 @@
   </Dropdown>
 </template>
 <script lang="ts">
-  import { defineComponent, ref, watchEffect, unref, computed } from 'vue';
+  import type { LocaleType } from '/@/locales/types';
+  import type { DropMenu } from '/@/components/Dropdown';
 
-  import { Dropdown, DropMenu } from '/@/components/Dropdown';
+  import { defineComponent, ref, watchEffect, unref, computed } from 'vue';
+  import { Dropdown } from '/@/components/Dropdown';
+  import Icon from '/@/components/Icon';
 
   import { useLocale } from '/@/locales/useLocale';
   import { useLocaleSetting } from '/@/hooks/setting/useLocaleSetting';
-
-  import { LocaleType } from '/@/locales/types';
-
-  import { propTypes } from '/@/utils/propTypes';
   import { useDesign } from '/@/hooks/web/useDesign';
+  import { propTypes } from '/@/utils/propTypes';
 
-  import Icon from '/@/components/Icon';
   export default defineComponent({
     name: 'AppLocalPicker',
     components: { Dropdown, Icon },
diff --git a/src/components/Application/src/AppLogo.vue b/src/components/Application/src/AppLogo.vue
index 427cf7e7c364506a1cdea655fbfbdca2322a6b91..de7b443545004538ff4c5957b7f658a4b2adf77b 100644
--- a/src/components/Application/src/AppLogo.vue
+++ b/src/components/Application/src/AppLogo.vue
@@ -20,13 +20,11 @@
   import { useGlobSetting } from '/@/hooks/setting';
   import { useGo } from '/@/hooks/web/usePage';
   import { useMenuSetting } from '/@/hooks/setting/useMenuSetting';
+  import { useDesign } from '/@/hooks/web/useDesign';
 
   import { PageEnum } from '/@/enums/pageEnum';
-
   import { propTypes } from '/@/utils/propTypes';
 
-  import { useDesign } from '/@/hooks/web/useDesign';
-
   export default defineComponent({
     name: 'AppLogo',
     props: {
diff --git a/src/components/Application/src/AppProvider.vue b/src/components/Application/src/AppProvider.vue
index b976a3cf3e2b3bf6bafae4b7112646855df2fa99..7ad68e532d0b7c8f3fe7a61f563ac10a1bd750c5 100644
--- a/src/components/Application/src/AppProvider.vue
+++ b/src/components/Application/src/AppProvider.vue
@@ -1,6 +1,3 @@
-<template>
-  <slot></slot>
-</template>
 <script lang="ts">
   import type { PropType } from 'vue';
   import { defineComponent, toRefs, ref } from 'vue';
@@ -19,7 +16,7 @@
         default: designSetting.prefixCls,
       },
     },
-    setup(props) {
+    setup(props, { slots }) {
       const isMobileRef = ref(false);
 
       createBreakpointListen(({ screenMap, sizeEnum, width }) => {
@@ -31,7 +28,7 @@
 
       const { prefixCls } = toRefs(props);
       createAppProviderContext({ prefixCls, isMobile: isMobileRef });
-      return {};
+      return () => slots.default?.();
     },
   });
 </script>
diff --git a/src/components/Application/src/search/AppSearch.vue b/src/components/Application/src/search/AppSearch.vue
index 3d6faa731f68fef9884e53317285f48d72d0c55c..ffe030f15fbc2b8337ae8b9eb00e1f6663ce665c 100644
--- a/src/components/Application/src/search/AppSearch.vue
+++ b/src/components/Application/src/search/AppSearch.vue
@@ -1,23 +1,11 @@
-<template>
-  <div :class="prefixCls" v-if="getShowSearch" @click.stop="handleSearch">
-    <Tooltip>
-      <template #title>
-        {{ t('common.searchText') }}
-      </template>
-      <SearchOutlined />
-    </Tooltip>
-
-    <AppSearchModal @close="handleClose" :visible="showModal" />
-  </div>
-</template>
-<script lang="ts">
-  import { defineComponent, ref } from 'vue';
+<script lang="tsx">
+  import { defineComponent, ref, unref } from 'vue';
   import { Tooltip } from 'ant-design-vue';
+  import { SearchOutlined } from '@ant-design/icons-vue';
+  import AppSearchModal from './AppSearchModal.vue';
 
   import { useDesign } from '/@/hooks/web/useDesign';
-  import AppSearchModal from './AppSearchModal.vue';
   import { useHeaderSetting } from '/@/hooks/setting/useHeaderSetting';
-  import { SearchOutlined } from '@ant-design/icons-vue';
   import { useI18n } from '/@/hooks/web/useI18n';
 
   export default defineComponent({
@@ -32,15 +20,26 @@
       function handleSearch() {
         showModal.value = true;
       }
-      return {
-        t,
-        prefixCls,
-        showModal,
-        getShowSearch,
-        handleClose: () => {
-          showModal.value = false;
-        },
-        handleSearch,
+
+      function handleClose() {
+        showModal.value = false;
+      }
+
+      return () => {
+        if (!getShowSearch.value) {
+          return null;
+        }
+        return (
+          <div class={prefixCls} onClick={handleSearch}>
+            <Tooltip>
+              {{
+                title: () => t('common.searchText'),
+                default: () => <SearchOutlined />,
+              }}
+            </Tooltip>
+            <AppSearchModal onClose={handleClose} visible={unref(showModal)} />
+          </div>
+        );
       };
     },
   });
diff --git a/src/components/Application/src/search/AppSearchFooter.vue b/src/components/Application/src/search/AppSearchFooter.vue
index a6eb3479f58502aedbb55b8fdf0d8808a4c2fdea..56c370850c2e06610de3c1fdab3c4fb7b2144af9 100644
--- a/src/components/Application/src/search/AppSearchFooter.vue
+++ b/src/components/Application/src/search/AppSearchFooter.vue
@@ -18,12 +18,13 @@
     <span>{{ t('common.closeText') }}</span>
   </div>
 </template>
+
 <script lang="ts">
   import { defineComponent } from 'vue';
+  import Icon from '/@/components/Icon';
 
   import { useDesign } from '/@/hooks/web/useDesign';
   import { useI18n } from '/@/hooks/web/useI18n';
-  import Icon from '/@/components/Icon';
   export default defineComponent({
     name: 'AppSearchFooter',
     components: { Icon },
diff --git a/src/components/Application/src/search/AppSearchModal.vue b/src/components/Application/src/search/AppSearchModal.vue
index 7a626f6d1ec9b5fbf4f04d84e2d158cd9175cccb..a2e9275fa2b29336c9a4458d4d6525b3dd9fe49c 100644
--- a/src/components/Application/src/search/AppSearchModal.vue
+++ b/src/components/Application/src/search/AppSearchModal.vue
@@ -56,17 +56,18 @@
 </template>
 <script lang="ts">
   import { defineComponent, computed, unref, ref } from 'vue';
+  import { SearchOutlined } from '@ant-design/icons-vue';
+  import { Input } from 'ant-design-vue';
+  import AppSearchFooter from './AppSearchFooter.vue';
+  import Icon from '/@/components/Icon';
+
+  import clickOutside from '/@/directives/clickOutside';
 
   import { useDesign } from '/@/hooks/web/useDesign';
   import { useRefs } from '/@/hooks/core/useRefs';
   import { useMenuSearch } from './useMenuSearch';
-  import { SearchOutlined } from '@ant-design/icons-vue';
-  import AppSearchFooter from './AppSearchFooter.vue';
   import { useI18n } from '/@/hooks/web/useI18n';
   import { useAppInject } from '/@/hooks/web/useAppInject';
-  import clickOutside from '/@/directives/clickOutside';
-  import { Input } from 'ant-design-vue';
-  import Icon from '/@/components/Icon';
 
   export default defineComponent({
     name: 'AppSearchModal',
@@ -108,6 +109,11 @@
         ];
       });
 
+      function handleClose() {
+        searchResult.value = [];
+        emit('close');
+      }
+
       return {
         t,
         prefixCls,
@@ -120,10 +126,7 @@
         setRefs,
         scrollWrap,
         handleMouseenter,
-        handleClose: () => {
-          searchResult.value = [];
-          emit('close');
-        },
+        handleClose,
       };
     },
   });
diff --git a/src/components/Application/src/search/useMenuSearch.ts b/src/components/Application/src/search/useMenuSearch.ts
index 1c382d672b3485ff9272a74113607692d5d84a07..82e53118c84bea17a814cfe7eb186365ff939550 100644
--- a/src/components/Application/src/search/useMenuSearch.ts
+++ b/src/components/Application/src/search/useMenuSearch.ts
@@ -1,13 +1,17 @@
-import { cloneDeep } from 'lodash-es';
+import type { Menu } from '/@/router/types';
+
 import { ref, onBeforeMount, unref, Ref, nextTick } from 'vue';
-import { useI18n } from '/@/hooks/web/useI18n';
+
 import { getMenus } from '/@/router/menus';
-import type { Menu } from '/@/router/types';
+
+import { cloneDeep } from 'lodash-es';
 import { filter, forEach } from '/@/utils/helper/treeHelper';
+
 import { useDebounce } from '/@/hooks/core/useDebounce';
 import { useGo } from '/@/hooks/web/usePage';
 import { useScrollTo } from '/@/hooks/event/useScrollTo';
 import { useKeyPress } from '/@/hooks/event/useKeyPress';
+import { useI18n } from '/@/hooks/web/useI18n';
 
 export interface SearchResult {
   name: string;
diff --git a/src/components/Authority/index.ts b/src/components/Authority/index.ts
index 9c2412e2aac3d632c8b92f5585d1554510c522e9..fc8ea0e0c64b255b5236cb24dc56a908ae01a069 100644
--- a/src/components/Authority/index.ts
+++ b/src/components/Authority/index.ts
@@ -1,7 +1,3 @@
-import { withInstall } from '../util';
-
 import Authority from './src/index.vue';
 
-withInstall(Authority);
-
 export { Authority };
diff --git a/src/components/Basic/src/BasicArrow.vue b/src/components/Basic/src/BasicArrow.vue
index e5106acd8ae466a3c3a61c631352021fa11b77bb..f1136183a10cbf7187e45ef770c32f01db844c8e 100644
--- a/src/components/Basic/src/BasicArrow.vue
+++ b/src/components/Basic/src/BasicArrow.vue
@@ -10,9 +10,11 @@
 <script lang="ts">
   import { defineComponent, computed } from 'vue';
   import { RightOutlined } from '@ant-design/icons-vue';
-  import { propTypes } from '/@/utils/propTypes';
+
   import { useDesign } from '/@/hooks/web/useDesign';
 
+  import { propTypes } from '/@/utils/propTypes';
+
   export default defineComponent({
     name: 'BasicArrow',
     components: { RightOutlined },
diff --git a/src/components/Basic/src/BasicHelp.vue b/src/components/Basic/src/BasicHelp.vue
index 6355374b3cea1888c3522770616619421df5e0a3..e403fc5dfb6fcfdad2b6a1dc08c8f002e2f4a00a 100644
--- a/src/components/Basic/src/BasicHelp.vue
+++ b/src/components/Basic/src/BasicHelp.vue
@@ -1,4 +1,4 @@
-<script lang="ts">
+<script lang="tsx">
   import type { CSSProperties, PropType } from 'vue';
   import { defineComponent, computed, unref, h } from 'vue';
 
@@ -9,7 +9,9 @@
   import { isString, isArray } from '/@/utils/is';
   import { getSlot } from '/@/utils/helper/tsxHelper';
   import { propTypes } from '/@/utils/propTypes';
+
   import { useDesign } from '/@/hooks/web/useDesign';
+
   export default defineComponent({
     name: 'BasicHelp',
     components: { Tooltip },
@@ -40,7 +42,7 @@
     setup(props, { slots }) {
       const { prefixCls } = useDesign('basic-help');
 
-      const getOverlayStyleRef = computed(
+      const getOverlayStyle = computed(
         (): CSSProperties => {
           return {
             maxWidth: props.maxWidth,
@@ -48,7 +50,7 @@
         }
       );
 
-      const getWrapStyleRef = computed(
+      const getWrapStyle = computed(
         (): CSSProperties => {
           return {
             color: props.color,
@@ -65,12 +67,19 @@
         const list = props.text;
 
         if (isString(list)) {
-          return h('p', list);
+          return <p>{list}</p>;
         }
 
         if (isArray(list)) {
           return list.map((item, index) => {
-            return h('p', { key: item }, [props.showIndex ? `${index + 1}. ` : '', item]);
+            return (
+              <p key={item}>
+                <>
+                  {props.showIndex ? `${index + 1}. ` : ''}
+                  {item}
+                </>
+              </p>
+            );
           });
         }
 
@@ -78,34 +87,19 @@
       };
 
       return () => {
-        return h(
-          // @ts-ignores
-          Tooltip,
-          {
-            title: h(
-              'div',
-              {
-                style: unref(getWrapStyleRef),
-              },
-              [renderTitle()]
-            ),
-            overlayClassName: `${prefixCls}__wrap`,
-            autoAdjustOverflow: true,
-            overlayStyle: unref(getOverlayStyleRef),
-            placement: props.placement,
-            getPopupContainer: () => getPopupContainer(),
-          },
-          {
-            default: () =>
-              h(
-                'span',
-                {
-                  class: prefixCls,
-                  style: unref(getMainStyleRef),
-                },
-                getSlot(slots) || h(InfoCircleOutlined)
-              ),
-          }
+        return (
+          <Tooltip
+            title={<div style={unref(getWrapStyle)}>{renderTitle()}</div>}
+            overlayClassName={`${prefixCls}__wrap`}
+            autoAdjustOverflow={true}
+            overlayStyle={unref(getOverlayStyle)}
+            placement={props.placement as 'left'}
+            getPopupContainer={() => getPopupContainer()}
+          >
+            <span class={prefixCls} style={unref(getMainStyleRef)}>
+              {getSlot(slots) || <InfoCircleOutlined />}
+            </span>
+          </Tooltip>
         );
       };
     },
diff --git a/src/components/Basic/src/BasicTitle.vue b/src/components/Basic/src/BasicTitle.vue
index 10f90af1b30c666972c77b1f9d4561d41e4a3cfb..4862c3ffe188c39e7996d25811f94c082100aaaf 100644
--- a/src/components/Basic/src/BasicTitle.vue
+++ b/src/components/Basic/src/BasicTitle.vue
@@ -8,11 +8,12 @@
   import type { PropType } from 'vue';
 
   import { defineComponent } from 'vue';
-
   import BasicHelp from './BasicHelp.vue';
-  import { propTypes } from '/@/utils/propTypes';
+
   import { useDesign } from '/@/hooks/web/useDesign';
 
+  import { propTypes } from '/@/utils/propTypes';
+
   export default defineComponent({
     name: 'BasicTitle',
     components: { BasicHelp },
diff --git a/src/components/Button/index.ts b/src/components/Button/index.ts
index be75bfe43bade6500305377059b63108c755a8a0..1a229cf2e4428740cd3f0e8899c9203da6320c92 100644
--- a/src/components/Button/index.ts
+++ b/src/components/Button/index.ts
@@ -1,6 +1,4 @@
 import Button from './src/BasicButton.vue';
 import PopConfirmButton from './src/PopConfirmButton.vue';
-import { withInstall } from '../util';
 
-withInstall(Button, PopConfirmButton);
 export { Button, PopConfirmButton };
diff --git a/src/components/Button/src/BasicButton.vue b/src/components/Button/src/BasicButton.vue
index 304fd663ff6cac7269ccae3ac91b8680a2ca2a5b..7cecc80d26829b4df6fdcd7431c9f7508ec4d1ba 100644
--- a/src/components/Button/src/BasicButton.vue
+++ b/src/components/Button/src/BasicButton.vue
@@ -12,6 +12,7 @@
 
   import { Button } from 'ant-design-vue';
   import Icon from '/@/components/Icon';
+
   import { propTypes } from '/@/utils/propTypes';
 
   export default defineComponent({
diff --git a/src/components/Button/src/PopConfirmButton.vue b/src/components/Button/src/PopConfirmButton.vue
index cd39e99577a69cbf06a85b2b0cd0a0b308f709b9..5cf463728382a740ea523c72b7280d5667d2fd17 100644
--- a/src/components/Button/src/PopConfirmButton.vue
+++ b/src/components/Button/src/PopConfirmButton.vue
@@ -2,12 +2,15 @@
   import { defineComponent, h, unref, computed } from 'vue';
 
   import { Popconfirm } from 'ant-design-vue';
+
   import BasicButton from './BasicButton.vue';
+
   import { propTypes } from '/@/utils/propTypes';
-  import { useI18n } from '/@/hooks/web/useI18n';
   import { extendSlots } from '/@/utils/helper/tsxHelper';
   import { omit } from 'lodash-es';
+
   import { useAttrs } from '/@/hooks/core/useAttrs';
+  import { useI18n } from '/@/hooks/web/useI18n';
 
   export default defineComponent({
     name: 'PopButton',
diff --git a/src/components/ClickOutSide/index.ts b/src/components/ClickOutSide/index.ts
index cb88bc5296461bd0fea367cc4e8671f8b656840c..9c428cfad7d057841bce6dc186a2e53104743352 100644
--- a/src/components/ClickOutSide/index.ts
+++ b/src/components/ClickOutSide/index.ts
@@ -1,7 +1,3 @@
-import { withInstall } from '../util';
-
 import ClickOutSide from './src/index.vue';
 
-withInstall(ClickOutSide);
-
 export { ClickOutSide };
diff --git a/src/components/Container/index.ts b/src/components/Container/index.ts
index ab3bd2e2a385f760ebc48d9aad1a2dc7b245cb2e..3fce97d5c9afdc275a2feef1c2155019e1b721f2 100644
--- a/src/components/Container/index.ts
+++ b/src/components/Container/index.ts
@@ -1,8 +1,6 @@
-import { withInstall } from '../util';
 import CollapseContainer from './src/collapse/CollapseContainer.vue';
 import ScrollContainer from './src/ScrollContainer.vue';
 import LazyContainer from './src/LazyContainer.vue';
 
-withInstall(ScrollContainer, CollapseContainer, LazyContainer);
 export { CollapseContainer, ScrollContainer, LazyContainer };
 export * from './src/types';
diff --git a/src/components/Drawer/index.ts b/src/components/Drawer/index.ts
index 33f16bb2e0aa3db36b0d27c21d1949950208d9d3..ab992b8d0926a5dc75bd7db48d73a84228bef91a 100644
--- a/src/components/Drawer/index.ts
+++ b/src/components/Drawer/index.ts
@@ -1,9 +1,5 @@
-import { withInstall } from '../util';
-
 import BasicDrawer from './src/BasicDrawer.vue';
 
 export { BasicDrawer };
 export * from './src/types';
 export { useDrawer, useDrawerInner } from './src/useDrawer';
-
-withInstall(BasicDrawer);
diff --git a/src/components/Dropdown/index.ts b/src/components/Dropdown/index.ts
index 0e71f027de40dcc6b148ae6fa204d276547f1111..0879914dc9f89446c83e22e3a2a3779275cd5ab6 100644
--- a/src/components/Dropdown/index.ts
+++ b/src/components/Dropdown/index.ts
@@ -1,7 +1,4 @@
-import { withInstall } from '../util';
-
 import Dropdown from './src/Dropdown.vue';
 
-withInstall(Dropdown);
 export * from './src/types';
 export { Dropdown };
diff --git a/src/components/Form/index.ts b/src/components/Form/index.ts
index 6bac0c4a72dc34eabc463d607828590dc9bb3a31..8775cf8e495819ea07d76ee898619751d63df195 100644
--- a/src/components/Form/index.ts
+++ b/src/components/Form/index.ts
@@ -1,7 +1,4 @@
 import BasicForm from './src/BasicForm.vue';
-import { withInstall } from '../util';
-
-withInstall(BasicForm);
 
 export * from './src/types/form';
 export * from './src/types/formItem';
diff --git a/src/components/Icon/index.ts b/src/components/Icon/index.ts
index d7993f05f1ecd1e99605586a8c851a7569ad5516..ae16c57d940ac803abffb6a80295786b51902c67 100644
--- a/src/components/Icon/index.ts
+++ b/src/components/Icon/index.ts
@@ -1,7 +1,4 @@
-import { withInstall } from '../util';
 import Icon from './src/index.vue';
 
-withInstall(Icon);
-
 export { Icon };
 export default Icon;
diff --git a/src/components/Modal/index.ts b/src/components/Modal/index.ts
index 82b93eb5bfdef4e9b31ca0d967c0b393d037f474..ceb8045a92f30022604626db15fff25d518ac003 100644
--- a/src/components/Modal/index.ts
+++ b/src/components/Modal/index.ts
@@ -1,9 +1,6 @@
 import './src/index.less';
-import { withInstall } from '../util';
 import BasicModal from './src/BasicModal.vue';
 
-withInstall(BasicModal);
-
 export { BasicModal };
 export { useModalContext } from './src/hooks/useModalContext';
 export { useModal, useModalInner } from './src/hooks/useModal';
diff --git a/src/components/Scrollbar/index.ts b/src/components/Scrollbar/index.ts
index d89a4ca0af7b2925e8e0f558b5c7d3c38eaa2a6c..599b7e707f1777e8dfa148033b1aefdeb2def68a 100644
--- a/src/components/Scrollbar/index.ts
+++ b/src/components/Scrollbar/index.ts
@@ -2,10 +2,7 @@
  * copy from element-ui
  */
 
-import { withInstall } from '../util';
 import Scrollbar from './src/index.vue';
 
-withInstall(Scrollbar);
-
 export { Scrollbar };
 export type { ScrollbarType } from './src/types';
diff --git a/src/components/util.tsx b/src/components/util.tsx
index 2010d87c443b7f219b674a2f90fa17dcd90f663b..a46ff1e68c992ecb87073b9a39972feab7ee6c9a 100644
--- a/src/components/util.tsx
+++ b/src/components/util.tsx
@@ -1,13 +1,4 @@
 import type { VNodeChild } from 'vue';
-import type { App } from 'vue';
-
-export function withInstall(...components: any[]) {
-  components.forEach((comp) => {
-    comp.install = (app: App) => {
-      app.component(comp.displayName || comp.name, comp);
-    };
-  });
-}
 
 export function convertToUnit(
   str: string | number | null | undefined,
diff --git a/src/design/ant/btn.less b/src/design/ant/btn.less
index 3380f432b907524075754662661368baa6821ded..c6ad53c53e95cffdade2c429a6c5a17101060b5b 100644
--- a/src/design/ant/btn.less
+++ b/src/design/ant/btn.less
@@ -1,4 +1,4 @@
-// button重置
+// button reset
 .ant-btn {
   // display: inline-flex;
   // justify-content: center;
diff --git a/src/design/ant/index.less b/src/design/ant/index.less
index d8ffd266d68e19402219f581b95e9d03c503df22..2041e187e9c524d700280455eca0e325924dd94d 100644
--- a/src/design/ant/index.less
+++ b/src/design/ant/index.less
@@ -28,17 +28,6 @@
   }
 }
 
-// =================================
-// ==============descriptions=======
-// =================================
-// .ant-descriptions-bordered .ant-descriptions-item-label {
-//   background-color: @background-color-light;
-// }
-
-// .ant-descriptions .ant-descriptions-item-content {
-//   color: @text-color-call-out;
-// }
-
 // =================================
 // ==============modal message======
 // =================================
@@ -57,18 +46,3 @@
 .modal-icon-info {
   color: @primary-color !important;
 }
-
-// =================================
-// ==============empty==============
-// =================================
-.ant-empty-image {
-  max-height: 144px;
-  min-height: 60px;
-}
-
-.ant-empty-description {
-  margin-top: 16px;
-  font-size: 14px;
-  line-height: 24px;
-  color: @text-color-call-out;
-}
diff --git a/src/directives/ripple/index.ts b/src/directives/ripple/index.ts
index c961dc9d159fdddad72410ba1be3d12f856145e8..88e188f6d65a83c246bc5eff5901f3148ca0f8f8 100644
--- a/src/directives/ripple/index.ts
+++ b/src/directives/ripple/index.ts
@@ -1,4 +1,4 @@
-import { Directive } from 'vue';
+import type { Directive } from 'vue';
 import './index.less';
 export interface RippleOptions {
   event: string;
diff --git a/src/settings/designSetting.ts b/src/settings/designSetting.ts
index ff1397d5de182c19c8698c36efbd0abe8a520eaf..868610abef574de0c12023cc67cb48119488f50d 100644
--- a/src/settings/designSetting.ts
+++ b/src/settings/designSetting.ts
@@ -2,7 +2,7 @@ export default {
   prefixCls: 'vben',
 };
 
-// header preset color
+// app theme preset color
 export const APP_PRESET_COLOR_LIST: string[] = [
   '#0084f4',
   '#009688',
diff --git a/src/utils/env.ts b/src/utils/env.ts
index f64ff1318e62c24fbb1dc8cf7b67baa1c1cbf2e9..ffeff00a4d2b9256bd4db50c82bbdef5beb6bd14 100644
--- a/src/utils/env.ts
+++ b/src/utils/env.ts
@@ -1,22 +1,25 @@
 import type { GlobEnvConfig } from '/@/types/config';
 
+/**
+ * Get the global configuration (the configuration will be extracted independently when packaging)
+ */
 export function getGlobEnvConfig(): GlobEnvConfig {
   const env = import.meta.env;
   return (env as unknown) as GlobEnvConfig;
 }
 
 /**
- * @description: 开发模式
+ * @description: Development model
  */
 export const devMode = 'development';
 
 /**
- * @description: 生产模式
+ * @description: Production mode
  */
 export const prodMode = 'production';
 
 /**
- * @description: 获取环境变量
+ * @description: Get environment variables
  * @returns:
  * @example:
  */
@@ -25,7 +28,7 @@ export function getEnv(): string {
 }
 
 /**
- * @description: 是否是开发模式
+ * @description: Is it a development mode
  * @returns:
  * @example:
  */
@@ -34,7 +37,7 @@ export function isDevMode(): boolean {
 }
 
 /**
- * @description: 是否是生产模式模式
+ * @description: Is it a production mode
  * @returns:
  * @example:
  */
@@ -43,7 +46,7 @@ export function isProdMode(): boolean {
 }
 
 /**
- * @description: 是否开启mock
+ * @description: Whether to open mock
  * @returns:
  * @example:
  */
diff --git a/src/utils/uuid.ts b/src/utils/uuid.ts
index 0c56a0366a1425921bb95092c0db3f9e7f2d33b4..e08a458639905cf6988b64ba18ce98e27cbe2384 100644
--- a/src/utils/uuid.ts
+++ b/src/utils/uuid.ts
@@ -2,6 +2,7 @@ const hexList: string[] = [];
 for (let i = 0; i <= 15; i++) {
   hexList[i] = i.toString(16);
 }
+
 export function buildUUID(): string {
   let uuid = '';
   for (let i = 1; i <= 36; i++) {