chore: 移除ant-design-vue样式

src/styles/icons.scss

@@ -1,4 +1,4 @@
-[class^="i-"]:not([class^="i-typography"]) {
+[class^="i-"] {
   mask: var(--un-icon) no-repeat;
   mask-size: 100% 100%;
   -webkit-mask: var(--un-icon) no-repeat;

src/styles/main.scss

@@ -1,4 +1,3 @@
-@import "typography.scss";
 @import "icons.scss";
 
 :root {
@@ -84,13 +83,6 @@ a.ant-typography, .ant-typography a {
   color: var(--el-color-primary) !important;
 }
 
-.ant-list-item-meta-title {
-  color: var(--el-text-color-primary) !important;
-}
-.ant-list-item-meta-description {
-  color: var(--el-text-color-primary) !important;
-}
-
 .el-dialog {
   @media screen and (max-width: 768px) {
     --el-dialog-width: 90% !important;

src/tools/anyRule.vue

@@ -106,12 +106,6 @@ function validator(rule, value, callback) {
     right: .8rem;
     top: .8rem;
     display: block;
-
-    & + div {
-      .ant-tooltip-inner {
-        white-space: nowrap;
-      }
-    }
   }
 }
 </style>

src/tools/base64.vue

@@ -63,7 +63,4 @@ function exchange() {
 </template>
 
 <style lang="scss">
-textarea.ant-input {
-  resize: none;
-}
 </style>

src/tools/geoJson/child/MainMap.vue

@@ -253,14 +253,6 @@ function selectFeature(index: number) {
             display: flex;
             gap: .8rem;
             margin-top: .8rem;
-
-            .ant-form-item {
-              margin: unset;
-            }
-
-            & + .ant-form-item {
-              margin-top: .8rem;
-            }
           }
         }
 

src/tools/imageBase64.vue

@@ -118,11 +118,6 @@ function onImagePreview() {
   gap: .8rem;
 }
 
-.ant-input-textarea {
-  margin: 0;
-  resize: none;
-}
-
 .preview {
   margin: 0;
   padding: 0;

src/tools/imgHosting/child/imgList.vue

@@ -123,25 +123,5 @@ async function copyImgUrl({ url } = {} as { url: string }) {
       color: var(--el-text-color-placeholder);
     }
   }
-
-  :deep(.ant-image) {
-    cursor: pointer;
-  }
-
-  :deep(.ant-card-body) {
-    padding: .8rem;
-    width: 20rem;
-  }
-
-  :deep(.ant-card-actions) {
-    & > li {
-      margin: 0;
-    }
-
-  }
-
-  .ant-space {
-    flex-wrap: wrap;
-  }
 }
 </style>

src/tools/imgHosting/child/settings.vue

@@ -205,23 +205,11 @@ function save() {
   }
 }
 
-.commonConfigPanel {
-  .ant-space {
-    flex-wrap: wrap;
-  }
-}
-
 .el-form-item {
   margin-bottom: .8rem;
 
   &:last-child {
     margin-bottom: 0;
   }
 }
-
-.custom-copy-wrapper :deep(.ant-radio-wrapper) {
-  display: flex;
-  height: 32px;
-  line-height: 32px;
-}
 </style>

src/tools/imgHosting/imgHosting.vue

@@ -51,11 +51,6 @@ const activeKey = ref('home')
   .el-tabs__header {
     height: 4rem !important;
     margin-bottom: .8rem;
-
-    .ant-tabs-tab {
-      height: 4rem !important;
-      line-height: 4rem !important;
-    }
   }
 
   .el-tabs__content {

src/tools/jsonEditor.vue

@@ -631,16 +631,4 @@ function clickDragger() {
     width: calc(100% - 42px);
   }
 }
-
-:deep(.ant-list-item) {
-  &.selected, &:hover {
-    .ant-list-item-meta-title {
-      color: var(--el-color-black) !important;
-    }
-
-    .ant-list-item-meta-description {
-      color: var(--el-color-black) !important;
-    }
-  }
-}
 </style>

src/tools/qrcode.vue

@@ -146,14 +146,6 @@ async function decodeQRCode(img: HTMLImageElement) {
 </template>
 
 <style scoped lang="scss">
-.ant-form-item {
-  margin-bottom: .8rem;
-
-  &:last-child {
-    margin-bottom: 0;
-  }
-}
-
 .upload-container {
   cursor: pointer;
   font-size: 30px;

src/tools/random.vue

@@ -73,7 +73,4 @@ export default defineComponent({
 </template>
 
 <style scoped lang="scss">
-.ant-input-number {
-  width: 100%;
-}
 </style>

src/tools/relationship.vue

@@ -172,10 +172,6 @@ function backspace() {
 </template>
 
 <style scoped lang="scss">
-.ant-form-item {
-  margin-bottom: .8rem;
-}
-
 .ant-typography {
   textarea {
     margin-bottom: .8rem;
@@ -185,10 +181,4 @@ function backspace() {
     margin: 0 0 .8rem;
   }
 }
-
-.ant-space {
-  flex-wrap: wrap;
-  width: 100%;
-  margin-bottom: .8rem;
-}
 </style>

src/tools/urlEncode.vue

@@ -111,22 +111,6 @@ function revertHistory(history: Array<string>) {
 </template>
 
 <style scoped lang="scss">
-.ant-space-vertical {
-  width: 100%;
-}
-
-.ant-btn-group {
-  flex-flow: row wrap;
-
-  .ant-btn {
-    margin-bottom: 5px;
-
-    @media (max-width: 450px) {
-      padding: 0 8px;
-    }
-  }
-}
-
 .history-list {
   display: flex;
   flex-direction: row;

src/tools/uuid.vue

@@ -138,11 +138,4 @@ function reset() {
   width: 100%;
   margin-top: 1.6rem;
 }
-
-.btnGroup {
-
-  .ant-btn + .ant-btn {
-    margin-left: .8rem;
-  }
-}
 </style>

src/tools/watermark.vue

@@ -175,23 +175,6 @@ export default {
 </template>
 
 <style scoped lang="scss">
-:deep(.ant-upload) {
-  width: 100% !important;
-}
-
-:deep(.ant-input-group-addon) {
-  padding: 0;
-  border: unset;
-}
-
-.ant-form-item {
-  margin-bottom: .8rem;
-
-  &:last-child {
-    margin-bottom: 0;
-  }
-}
-
 .preview {
   width: 100%;
   position: relative;

vite.config.ts

@@ -192,7 +192,7 @@ export default defineConfig({
     Sitemap({ tools, hostname: config.siteOrigin }),
   ],
   optimizeDeps: {
-    include: ['vue', 'element-plus', 'ant-design-vue'],
+    include: ['vue', 'element-plus'],
   },
   resolve: {
     alias: {