From 2dfc91dab6aeabdd5b49261e367b85775e2caea1 Mon Sep 17 00:00:00 2001
From: YuShifan <894402575bt@gmail.com>
Date: Tue, 1 Jun 2021 15:25:00 +0800
Subject: [PATCH] fix(msg): remove unused component & modify some styles

---
 src/assets/scss/element/element-reset.scss | 14 --------------
 src/components/MsgPublish.vue              |  7 +++++--
 src/utils/element.ts                       |  4 ++--
 3 files changed, 7 insertions(+), 18 deletions(-)

diff --git a/src/assets/scss/element/element-reset.scss b/src/assets/scss/element/element-reset.scss
index 6ed9bbafc..5e4338d34 100644
--- a/src/assets/scss/element/element-reset.scss
+++ b/src/assets/scss/element/element-reset.scss
@@ -90,11 +90,6 @@
   }
 }
 
-/* Cascader */
-.el-cascader {
-  width: 100%;
-}
-
 /* Message */
 .el-message-box {
   border-radius: 8px;
@@ -248,15 +243,6 @@
   background: var(--color-bg-item);
 }
 
-/* Cascader */
-.el-cascader-menu {
-  border-right: 1px solid var(--color-border-default);
-}
-.el-cascader-node:not(.is-disabled):hover,
-.el-cascader-node:not(.is-disabled):focus {
-  background: var(--color-bg-item);
-}
-
 /* Tootip */
 .el-tooltip__popper.is-light {
   color: #616161;
diff --git a/src/components/MsgPublish.vue b/src/components/MsgPublish.vue
index de57041c0..c8a432ae3 100644
--- a/src/components/MsgPublish.vue
+++ b/src/components/MsgPublish.vue
@@ -41,8 +41,8 @@
           :value="item"
         >
           <span style="float: left; width: 160px; overflow: hidden; text-overflow: ellipsis">{{ item.topic }}</span>
-          <span style="color: #8492a6; font-size: 12px; margin-left: 4px">QOS:{{ item.qos }}</span>
-          <span style="float: right; color: #8492a6; font-size: 13px; font-weight: 400; margin-left: 4px"
+          <span style="color: #8492a6; font-size: 12px; margin-left: 4px">QoS:{{ item.qos }}</span>
+          <span style="float: right; color: #8492a6; font-size: 13px; margin-left: 4px"
             >retain:{{ item.retain ? '1' : '0' }}</span
           >
         </el-option>
@@ -392,5 +392,8 @@ export default class MsgPublish extends Vue {
 }
 .el-select-dropdown.el-popper.header-select--popper {
   max-width: 300px;
+  .el-select-dropdown__empty {
+    width: 80px;
+  }
 }
 </style>
diff --git a/src/utils/element.ts b/src/utils/element.ts
index 415dcd1cc..0be712e49 100644
--- a/src/utils/element.ts
+++ b/src/utils/element.ts
@@ -59,7 +59,7 @@ import {
   // CarouselItem,
   // Collapse,
   // CollapseItem,
-  Cascader,
+  // Cascader,
   ColorPicker,
   // Transfer,
   // Container,
@@ -130,7 +130,7 @@ export default (Vue: typeof _Vue) => {
   // Vue.use(CarouselItem)
   // Vue.use(Collapse)
   // Vue.use(CollapseItem)
-  Vue.use(Cascader)
+  // Vue.use(Cascader)
   Vue.use(ColorPicker)
   // Vue.use(Transfer)
   // Vue.use(Container)