From 23657547ab28fa65c2369ded8e73929dee76c750 Mon Sep 17 00:00:00 2001
From: vben <anncwb@126.com>
Date: Tue, 9 Feb 2021 23:06:00 +0800
Subject: [PATCH] perf: remove unless code

---
 package.json                                  |  3 +-
 src/components/Application/index.ts           |  3 -
 .../Application/src/AppLocalePicker.vue       | 13 ++--
 src/components/Application/src/AppLogo.vue    |  4 +-
 .../Application/src/AppProvider.vue           |  7 +--
 .../Application/src/search/AppSearch.vue      | 49 ++++++++-------
 .../src/search/AppSearchFooter.vue            |  3 +-
 .../Application/src/search/AppSearchModal.vue | 21 ++++---
 .../Application/src/search/useMenuSearch.ts   | 10 +++-
 src/components/Authority/index.ts             |  4 --
 src/components/Basic/src/BasicArrow.vue       |  4 +-
 src/components/Basic/src/BasicHelp.vue        | 60 +++++++++----------
 src/components/Basic/src/BasicTitle.vue       |  5 +-
 src/components/Button/index.ts                |  2 -
 src/components/Button/src/BasicButton.vue     |  1 +
 .../Button/src/PopConfirmButton.vue           |  5 +-
 src/components/ClickOutSide/index.ts          |  4 --
 src/components/Container/index.ts             |  2 -
 src/components/Drawer/index.ts                |  4 --
 src/components/Dropdown/index.ts              |  3 -
 src/components/Form/index.ts                  |  3 -
 src/components/Icon/index.ts                  |  3 -
 src/components/Modal/index.ts                 |  3 -
 src/components/Scrollbar/index.ts             |  3 -
 src/components/util.tsx                       |  9 ---
 src/design/ant/btn.less                       |  2 +-
 src/design/ant/index.less                     | 26 --------
 src/directives/ripple/index.ts                |  2 +-
 src/settings/designSetting.ts                 |  2 +-
 src/utils/env.ts                              | 15 +++--
 src/utils/uuid.ts                             |  1 +
 31 files changed, 107 insertions(+), 169 deletions(-)

diff --git a/package.json b/package.json
index 5d321cb3..4d0d755b 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 1dfffc12..98f79e26 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 48204d86..fa111c0f 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 427cf7e7..de7b4435 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 b976a3cf..7ad68e53 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 3d6faa73..ffe030f1 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 a6eb3479..56c37085 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 7a626f6d..a2e9275f 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 1c382d67..82e53118 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 9c2412e2..fc8ea0e0 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 e5106acd..f1136183 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 6355374b..e403fc5d 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 10f90af1..4862c3ff 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 be75bfe4..1a229cf2 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 304fd663..7cecc80d 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 cd39e995..5cf46372 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 cb88bc52..9c428cfa 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 ab3bd2e2..3fce97d5 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 33f16bb2..ab992b8d 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 0e71f027..0879914d 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 6bac0c4a..8775cf8e 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 d7993f05..ae16c57d 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 82b93eb5..ceb8045a 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 d89a4ca0..599b7e70 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 2010d87c..a46ff1e6 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 3380f432..c6ad53c5 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 d8ffd266..2041e187 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 c961dc9d..88e188f6 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 ff1397d5..868610ab 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 f64ff131..ffeff00a 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 0c56a036..e08a4586 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++) {
-- 
GitLab