fix(style): fix anticon style

package.json

@@ -28,6 +28,7 @@
   "dependencies": {
     "@iconify/iconify": "^2.0.0-rc.6",
     "@vueuse/core": "^4.1.1",
+    "@zxcvbn-ts/core": "^0.2.0",
     "ant-design-vue": "2.0.0",
     "apexcharts": "^3.25.0",
     "axios": "^0.21.1",
@@ -46,18 +47,16 @@
     "vue-types": "^3.0.2",
     "vuex": "^4.0.0",
     "vuex-module-decorators": "^1.0.1",
-    "xlsx": "^0.16.9",
-    "zxcvbn": "^4.4.2"
+    "xlsx": "^0.16.9"
   },
   "devDependencies": {
     "@commitlint/cli": "^11.0.0",
     "@commitlint/config-conventional": "^11.0.0",
-    "@iconify/json": "^1.1.304",
+    "@iconify/json": "^1.1.305",
     "@ls-lint/ls-lint": "^1.9.2",
     "@purge-icons/generated": "^0.7.0",
     "@types/fs-extra": "^9.0.7",
     "@types/http-proxy": "^1.17.5",
-    "@types/koa-static": "^4.0.1",
     "@types/lodash-es": "^4.17.4",
     "@types/mockjs": "^1.0.3",
     "@types/nprogress": "^0.2.0",
@@ -65,7 +64,6 @@
     "@types/rollup-plugin-visualizer": "^2.6.0",
     "@types/sortablejs": "^1.10.6",
     "@types/yargs": "^16.0.0",
-    "@types/zxcvbn": "^4.4.0",
     "@typescript-eslint/eslint-plugin": "^4.15.1",
     "@typescript-eslint/parser": "^4.15.1",
     "@vitejs/plugin-legacy": "^1.3.1",
@@ -106,10 +104,10 @@
     "vite-plugin-imagemin": "^0.2.6",
     "vite-plugin-mock": "^2.1.4",
     "vite-plugin-purge-icons": "^0.7.0",
-    "vite-plugin-pwa": "^0.4.8",
+    "vite-plugin-pwa": "^0.5.1",
     "vite-plugin-style-import": "^0.7.2",
     "vite-plugin-theme": "^0.4.3",
-    "vite-plugin-windicss": "0.3.4",
+    "vite-plugin-windicss": "0.3.12",
     "vue-eslint-parser": "^7.5.0",
     "yargs": "^16.2.0"
   },

src/components/StrengthMeter/src/index.vue

@@ -19,13 +19,11 @@
 </template>
 
 <script lang="ts">
-  import { PropType } from 'vue';
-
   import { defineComponent, computed, ref, watch, unref, watchEffect } from 'vue';
 
   import { Input } from 'ant-design-vue';
 
-  import zxcvbn from 'zxcvbn';
+  import zxcvbn from '@zxcvbn-ts/core';
   import { propTypes } from '/@/utils/propTypes';
   import { useDesign } from '/@/hooks/web/useDesign';
 
@@ -35,11 +33,6 @@
     props: {
       value: propTypes.string,
 
-      userInputs: {
-        type: Array as PropType<string[]>,
-        default: () => [],
-      },
-
       showInput: propTypes.bool.def(true),
       disabled: propTypes.bool,
     },
@@ -49,12 +42,10 @@
       const { prefixCls } = useDesign('strength-meter');
 
       const getPasswordStrength = computed(() => {
-        const { userInputs, disabled } = props;
+        const { disabled } = props;
         if (disabled) return null;
         const innerValue = unref(innerValueRef);
-        const score = innerValue
-          ? zxcvbn(unref(innerValueRef), (userInputs as string[]) || null).score
-          : null;
+        const score = innerValue ? zxcvbn(unref(innerValueRef)).score : null;
         emit('score-change', score);
         return score;
       });

src/design/ant/index.less

@@ -13,6 +13,12 @@
   }
 }
 
+body {
+  .anticon {
+    display: inline-flex;
+  }
+}
+
 .ant-back-top {
   right: 20px;
   bottom: 20px;

src/design/ant/input.less

-@import '../color.less';
+@import (reference) '../color.less';
 
 // input
 .ant-input {

src/design/config.less

-@import 'color.less';
-@import 'var/index.less';
+@import (reference) 'color.less';
+@import (reference) 'var/index.less';

src/design/index.less

@@ -3,19 +3,6 @@
 @import 'public.less';
 @import 'ant/index.less';
 
-*,
-*::before,
-*::after {
-  padding: 0;
-  margin: 0;
-  box-sizing: border-box;
-}
-
-:root {
-  -moz-tab-size: 4;
-  tab-size: 4;
-}
-
 input:-webkit-autofill {
   -webkit-box-shadow: 0 0 0 1000px white inset !important;
 }
@@ -36,7 +23,6 @@ html,
 
 html {
   overflow: hidden;
-  line-height: 1.15;
   -webkit-text-size-adjust: 100%;
 }
 
@@ -57,136 +43,7 @@ body {
   }
 }
 
-body {
-  font-family: system-ui, -apple-system, 'Segoe UI', Microsoft YaHei, Arial, sans-serif,
-    Helvetica Neue, Helvetica, Pingfang SC, Hiragino Sans GB, Roboto, helvetica neue, noto sans,
-    apple color emoji, segoe ui emoji, segoe ui symbol, noto color emoji;
-}
-
-ul,
-ol {
-  list-style: none;
-}
-
-li {
-  list-style-type: none;
-}
-
 a:focus,
 a:active {
   outline: none;
 }
-
-hr {
-  height: 0;
-  color: inherit;
-}
-
-abbr[title] {
-  text-decoration: underline dotted;
-}
-
-b,
-strong {
-  font-weight: bolder;
-}
-
-code,
-kbd,
-samp,
-pre {
-  font-family: ui-monospace, SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace;
-  font-size: 1em;
-}
-
-small {
-  font-size: 80%;
-}
-
-sub,
-sup {
-  position: relative;
-  font-size: 75%;
-  line-height: 0;
-  vertical-align: baseline;
-}
-
-sub {
-  bottom: -0.25em;
-}
-
-sup {
-  top: -0.5em;
-}
-
-table {
-  text-indent: 0;
-  border-color: inherit;
-}
-
-button,
-input,
-optgroup,
-select,
-textarea {
-  margin: 0;
-  font-family: inherit;
-  font-size: 100%;
-  line-height: 1.15;
-}
-
-button,
-select {
-  text-transform: none;
-}
-
-button,
-[type='button'],
-[type='reset'],
-[type='submit'] {
-  -webkit-appearance: button;
-}
-
-::-moz-focus-inner {
-  padding: 0;
-  border-style: none;
-}
-
-:-moz-focusring {
-  outline: 1px dotted ButtonText;
-}
-
-:-moz-ui-invalid {
-  box-shadow: none;
-}
-
-legend {
-  padding: 0;
-}
-
-progress {
-  vertical-align: baseline;
-}
-
-::-webkit-inner-spin-button,
-::-webkit-outer-spin-button {
-  height: auto;
-}
-
-[type='search'] {
-  outline-offset: -2px;
-  -webkit-appearance: textfield;
-}
-
-::-webkit-search-decoration {
-  -webkit-appearance: none;
-}
-
-::-webkit-file-upload-button {
-  font: inherit;
-  -webkit-appearance: button;
-}
-
-summary {
-  display: list-item;
-}

src/design/var/index.less

-@import '../color.less';
+@import (reference) '../color.less';
 @import 'easing';
 @import 'breakpoint';
 

src/layouts/default/header/components/user-dropdown/DropMenuItem.vue

@@ -7,7 +7,7 @@
   </MenuItem>
 </template>
 <script lang="ts">
-  import { Menu, Badge } from 'ant-design-vue';
+  import { Menu } from 'ant-design-vue';
 
   import { defineComponent } from 'vue';
 
@@ -16,7 +16,7 @@
 
   export default defineComponent({
     name: 'DropdownMenuItem',
-    components: { MenuItem: Menu.Item, Badge, Icon },
+    components: { MenuItem: Menu.Item, Icon },
     props: {
       key: propTypes.string,
       text: propTypes.string,

src/layouts/default/tabs/components/TabContent.vue

@@ -5,7 +5,7 @@
     </div>
 
     <span :class="`${prefixCls}__extra-quick`" v-else @click="handleContext">
-      <Icon icon="ion:chevron-down"></Icon>
+      <Icon icon="ion:chevron-down" />
     </span>
   </Dropdown>
 </template>
@@ -18,8 +18,6 @@
 
   import { TabContentProps, TabContentEnum } from '../types';
 
-  import { RightOutlined } from '@ant-design/icons-vue';
-
   import { useDesign } from '/@/hooks/web/useDesign';
   import { useTabDropdown } from '../useTabDropdown';
   import { useI18n } from '/@/hooks/web/useI18n';
@@ -27,7 +25,7 @@
   import { RouteLocationNormalized } from 'vue-router';
   export default defineComponent({
     name: 'TabContent',
-    components: { Dropdown, RightOutlined, Icon },
+    components: { Dropdown, Icon },
     props: {
       tabItem: {
         type: Object as PropType<RouteLocationNormalized>,