From e163318c5a2f49ce01baaf2345f97d7b690aef87 Mon Sep 17 00:00:00 2001
From: ibuler <ibuler@qq.com>
Date: Sun, 7 Apr 2024 19:03:40 +0800
Subject: [PATCH] =?UTF-8?q?perf:=20deep=20=E4=BC=98=E5=8C=96=E5=86=99?=
 =?UTF-8?q?=E6=B3=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../Apps/AccountListTable/RemoveAccount.vue   |  6 ++--
 src/components/Form/FormFields/CodeEditor.vue | 14 +++++-----
 src/components/Form/FormFields/JsonEditor.vue | 12 ++++----
 .../ProtocolSettingDialog.vue                 |  4 +--
 .../Tree/DataZTree/components/ZTree/index.vue | 28 +++++++++----------
 .../components/NavHeader/SiteMessages.vue     | 10 +++----
 .../components/NavHeader/ViewSwitcher.vue     |  4 +--
 src/layout/components/NavHeader/index.vue     | 20 ++++++-------
 src/views/assets/Asset/AssetList/AllList.vue  |  2 +-
 src/views/dashboard/components/SwitchDate.vue |  4 +--
 src/views/myhome/components/User.vue          |  4 +--
 src/views/ops/File/index.vue                  |  6 ++--
 src/views/ops/Job/QuickJob.vue                |  2 +-
 .../UserSettingUpdate/AllPreferenceUpdate.vue |  2 +-
 .../Applet/AppProvider/AppProviderList.vue    |  2 +-
 .../settings/Applet/Applet/UploadDialog.vue   |  2 +-
 .../Applet/AppletHost/AppletHostList.vue      |  2 +-
 .../users/Group/UserGroupDetail/index.vue     |  2 +-
 18 files changed, 63 insertions(+), 63 deletions(-)

diff --git a/src/components/Apps/AccountListTable/RemoveAccount.vue b/src/components/Apps/AccountListTable/RemoveAccount.vue
index 1f54c31d7..dbe891ce5 100644
--- a/src/components/Apps/AccountListTable/RemoveAccount.vue
+++ b/src/components/Apps/AccountListTable/RemoveAccount.vue
@@ -65,7 +65,7 @@ export default {
 </script>
 
 <style lang="scss" scoped>
-.item-textarea > > > .el-textarea__inner {
+.item-textarea >>> .el-textarea__inner {
   height: 110px;
 }
 
@@ -78,12 +78,12 @@ export default {
     border-bottom: none;
   }
 
-  > > > .el-form-item__label {
+  >>> .el-form-item__label {
     padding-right: 20px;
     line-height: 30px;
   }
 
-  > > > .el-form-item__content {
+  >>> .el-form-item__content {
     line-height: 30px;
 
     pre {
diff --git a/src/components/Form/FormFields/CodeEditor.vue b/src/components/Form/FormFields/CodeEditor.vue
index 01e420a65..cab90c357 100644
--- a/src/components/Form/FormFields/CodeEditor.vue
+++ b/src/components/Form/FormFields/CodeEditor.vue
@@ -238,15 +238,15 @@ export default {
   }
 }
 
-> > > .CodeMirror pre.CodeMirror-line,
-> > > .CodeMirror-linenumber.CodeMirror-gutter-elt {
+>>> .CodeMirror pre.CodeMirror-line,
+>>> .CodeMirror-linenumber.CodeMirror-gutter-elt {
   line-height: 18px !important;
 }
 
 .runas-input {
   height: 28px;
 
-  > > > {
+  >>> {
     .el-select {
       width: 100px;
     }
@@ -270,7 +270,7 @@ export default {
   min-width: 100px;
 }
 
-.autoWidth-select > > > .el-input__prefix {
+.autoWidth-select >>> .el-input__prefix {
   position: relative;
   left: 0;
   box-sizing: border-box;
@@ -279,7 +279,7 @@ export default {
   visibility: hidden;
 }
 
-.autoWidth-select > > > input {
+.autoWidth-select >>> input {
   position: absolute;
   padding-left: 0px;
   border: none;
@@ -290,7 +290,7 @@ export default {
   line-height: 27px;
 }
 
-> > > .el-select {
+>>> .el-select {
   top: -1px;
 
   .el-input .el-select__caret {
@@ -298,7 +298,7 @@ export default {
   }
 }
 
-> > > .el-button.el-button--default {
+>>> .el-button.el-button--default {
   background-color: #e6e6e6;
 }
 
diff --git a/src/components/Form/FormFields/JsonEditor.vue b/src/components/Form/FormFields/JsonEditor.vue
index 77df2e783..c4516133f 100644
--- a/src/components/Form/FormFields/JsonEditor.vue
+++ b/src/components/Form/FormFields/JsonEditor.vue
@@ -64,28 +64,28 @@ export default {
 
   .json-editor {
     .resize {
-      & > > > .jsoneditor {
+      & >>> .jsoneditor {
       resize: vertical;
       cursor: s-resize;
       }
     }
-    & > > > .jsoneditor {
+    & >>> .jsoneditor {
       border: 1px solid #e5e6e7;
     }
 
-    & > > > .jsoneditor-compact {
+    & >>> .jsoneditor-compact {
       display: none;
     }
 
-    & > > > .jsoneditor-modes {
+    & >>> .jsoneditor-modes {
       display: none;
     }
 
-    & > > > .jsoneditor-poweredBy {
+    & >>> .jsoneditor-poweredBy {
       display: none;
     }
 
-    & > > > .jsoneditor-menu {
+    & >>> .jsoneditor-menu {
       background: var(--color-primary);
       border-bottom: 1px solid var(--color-primary);
     }
diff --git a/src/components/Form/FormFields/ProtocolSelector/ProtocolSettingDialog.vue b/src/components/Form/FormFields/ProtocolSelector/ProtocolSettingDialog.vue
index d87f816df..6f47747a4 100644
--- a/src/components/Form/FormFields/ProtocolSelector/ProtocolSettingDialog.vue
+++ b/src/components/Form/FormFields/ProtocolSelector/ProtocolSettingDialog.vue
@@ -107,12 +107,12 @@ export default {
 </script>
 
 <style lang="scss" scoped>
-.data-form > > > .el-form-item.form-buttons {
+.data-form >>> .el-form-item.form-buttons {
   padding-top: 10px;
   margin-bottom: 0;
 }
 
-.setting-dialog > > > .el-dialog__body {
+.setting-dialog >>> .el-dialog__body {
   padding-top: 10px;
 }
 
diff --git a/src/components/Tree/DataZTree/components/ZTree/index.vue b/src/components/Tree/DataZTree/components/ZTree/index.vue
index 62df51cb2..41fa2a10c 100644
--- a/src/components/Tree/DataZTree/components/ZTree/index.vue
+++ b/src/components/Tree/DataZTree/components/ZTree/index.vue
@@ -93,11 +93,14 @@ export default {
         console.log('No tree found')
         return
       }
-      const dialog = document.getElementsByClassName('el-dialog__body')
-      if (dialog.length > 0) {
-        const dialogRect = dialog[0].getBoundingClientRect()
-        tree.style.height = `${dialogRect.height - 60}px`
-        return
+      const dialogs = document.getElementsByClassName('el-dialog__body')
+      if (dialogs.length > 0) {
+        const dialog = dialogs.find((d) => d.innerHtml.indexOf(this.iZTreeID) !== -1)
+        if (dialog) {
+          const dialogRect = dialog[dialog.length - 1].getBoundingClientRect()
+          tree.style.height = `${dialogRect.height - 60}px`
+          return
+        }
       }
       const ztreeRect = tree.getBoundingClientRect()
       tree.style.height = `calc(100vh - ${ztreeRect.top}px - 20px)`
@@ -438,7 +441,7 @@ div.rMenu li {
     }
   }
 
-  > > > .ztree {
+  >>> .ztree {
     overflow: auto;
     background-color: transparent;
     height: 100%;
@@ -463,9 +466,6 @@ div.rMenu li {
   }
 }
 
-::v-deep #tree-refresh {
-}
-
 ::v-deep .tree-banner-icon-zone {
   position: absolute;
   right: 7px;
@@ -564,7 +564,7 @@ div.rMenu li {
     background-color: #D7D8DC;
 
     .rotate {
-      transition: all .1 .8s;
+      transition: all 0.8s ease-in-out;
       transform: rotate(-90deg);
     }
 
@@ -585,21 +585,21 @@ div.rMenu li {
 .fixed-tree-search {
   margin-bottom: 10px;
 
-  & > > > .el-input__inner {
+  & >>> .el-input__inner {
     border-radius: 4px;
     background: #fafafa;
     padding-right: 32px;
   }
 
-  & > > > .el-input__suffix {
+  & >>> .el-input__suffix {
     padding-right: 8px;
   }
 
-  & > > > .el-input__prefix {
+  & >>> .el-input__prefix {
     padding-left: 6px;
   }
 
-  & > > > .el-input__suffix-inner {
+  & >>> .el-input__suffix-inner {
     line-height: 30px;
   }
 }
diff --git a/src/layout/components/NavHeader/SiteMessages.vue b/src/layout/components/NavHeader/SiteMessages.vue
index 11c85f13b..485498ee1 100644
--- a/src/layout/components/NavHeader/SiteMessages.vue
+++ b/src/layout/components/NavHeader/SiteMessages.vue
@@ -214,7 +214,7 @@ export default {
   padding: 0 25px 20px;
 }
 
-> > > .site-msg {
+>>> .site-msg {
   .el-drawer__header {
     border-bottom: solid 1px rgb(231, 234, 239);
     margin-bottom: 0;
@@ -300,7 +300,7 @@ export default {
   font-size: 12px;
   display: block;
 
-  > > > .ticket-container {
+  >>> .ticket-container {
     .title {
       font-size: 12px;
     }
@@ -332,11 +332,11 @@ export default {
       line-height: 24px;
     }
 
-    & > > > a {
+    & >>> a {
       color: var(--color-success) !important;
     }
 
-    > > > .ticket-container {
+    >>> .ticket-container {
       height: 618px;
       flex-shrink: 0;
       border-radius: 4px;
@@ -418,7 +418,7 @@ export default {
   text-align: center;
 }
 
-> > > :focus {
+>>> :focus {
   outline: 0;
 }
 </style>
diff --git a/src/layout/components/NavHeader/ViewSwitcher.vue b/src/layout/components/NavHeader/ViewSwitcher.vue
index b515baaa7..c5101c489 100644
--- a/src/layout/components/NavHeader/ViewSwitcher.vue
+++ b/src/layout/components/NavHeader/ViewSwitcher.vue
@@ -134,7 +134,7 @@ export default {
     border-bottom: none;
   }
 
-  & > > > .el-icon-arrow-down {
+  & >>> .el-icon-arrow-down {
     font-size: 13px;
     color: #606266;
   }
@@ -207,7 +207,7 @@ export default {
   border-left: 4px solid var(--menu-text-active);
 }
 
-.menu-main.mobile-view-switch > > > .el-submenu__icon-arrow {
+.menu-main.mobile-view-switch >>> .el-submenu__icon-arrow {
   right: 10px;
 }
 </style>
diff --git a/src/layout/components/NavHeader/index.vue b/src/layout/components/NavHeader/index.vue
index d6d4641da..e4ebb2967 100644
--- a/src/layout/components/NavHeader/index.vue
+++ b/src/layout/components/NavHeader/index.vue
@@ -118,18 +118,18 @@ export default {
         display: inline-block;
         vertical-align: top;
 
-        & > > > .el-submenu__title {
+        & >>> .el-submenu__title {
           font-family: "open sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
           padding: 0 8px;
           line-height: $headerHeight;
           height: $headerHeight;
         }
 
-        & > > > .org-select {
+        & >>> .org-select {
           padding: 0;
         }
 
-        & > > > .svg-icon {
+        & >>> .svg-icon {
           color: #FFF !important;
         }
 
@@ -160,12 +160,12 @@ export default {
         padding-left: 10px;
         vertical-align: top;
 
-        & > > > .svg-icon {
+        & >>> .svg-icon {
           color: #FFF !important;
           font-size: 16px;
         }
 
-        & > > > .el-badge {
+        & >>> .el-badge {
           vertical-align: top;
 
           .el-badge__content {
@@ -175,7 +175,7 @@ export default {
             border: none;
           }
         }
-        & > > > i {
+        & >>> i {
           color: #FFF;
           font-size: 16px;
 
@@ -184,7 +184,7 @@ export default {
           }
         }
 
-        & > > > i.el-dialog__close.el-icon-close {
+        & >>> i.el-dialog__close.el-icon-close {
           color: #7c7e7f;
         }
       }
@@ -215,7 +215,7 @@ export default {
     -webkit-tap-highlight-color: transparent;
     opacity: 0.7;
 
-    & > > > .svg-icon {
+    & >>> .svg-icon {
       font-size: 16px !important;
       color: #fff !important;
     }
@@ -236,11 +236,11 @@ export default {
     }
   }
 
-  > > > .el-badge__content {
+  >>> .el-badge__content {
     color: var(--color-primary);
   }
 
-  > > > .el-badge__content--primary {
+  >>> .el-badge__content--primary {
     background-color: #fff;
   }
 
diff --git a/src/views/assets/Asset/AssetList/AllList.vue b/src/views/assets/Asset/AssetList/AllList.vue
index b7b78a81d..83f067b88 100644
--- a/src/views/assets/Asset/AssetList/AllList.vue
+++ b/src/views/assets/Asset/AssetList/AllList.vue
@@ -109,7 +109,7 @@ export default {
 </script>
 
 <style lang="scss" scoped>
-.asset-select-dialog > > > .transition-box:first-child {
+.asset-select-dialog >>> .transition-box:first-child {
   background-color: #f3f3f3;
 }
 </style>
diff --git a/src/views/dashboard/components/SwitchDate.vue b/src/views/dashboard/components/SwitchDate.vue
index 9462838c9..98004741a 100644
--- a/src/views/dashboard/components/SwitchDate.vue
+++ b/src/views/dashboard/components/SwitchDate.vue
@@ -61,7 +61,7 @@ export default {
   border-radius: 4px;
   padding: 1px 4px;
 
-  & > > > .el-radio-button {
+  & >>> .el-radio-button {
     .el-radio-button__inner {
       border: none;
       color: #8F959E;
@@ -82,7 +82,7 @@ export default {
     }
   }
 
-  & > > > .el-radio-button__orig-radio:checked + .el-radio-button__inner {
+  & >>> .el-radio-button__orig-radio:checked + .el-radio-button__inner {
     box-shadow: none;
   }
 }
diff --git a/src/views/myhome/components/User.vue b/src/views/myhome/components/User.vue
index c8de65ae7..e88516567 100644
--- a/src/views/myhome/components/User.vue
+++ b/src/views/myhome/components/User.vue
@@ -54,7 +54,7 @@ ul, li {
 .box-card {
   margin-bottom: 20px;
 
-  & > > > .el-card__header {
+  & >>> .el-card__header {
     padding-top: 20px;
   }
 }
@@ -67,7 +67,7 @@ ul, li {
     height: 70px;
     text-align: center;
 
-    & > > > .el-avatar--large {
+    & >>> .el-avatar--large {
       width: 100%;
       height: 100%;
     }
diff --git a/src/views/ops/File/index.vue b/src/views/ops/File/index.vue
index c16fa7fda..1e2a56758 100644
--- a/src/views/ops/File/index.vue
+++ b/src/views/ops/File/index.vue
@@ -517,7 +517,7 @@ export default {
     display: flex;
   }
 
-  > > > .el-upload {
+  >>> .el-upload {
     width: 400px;
 
     flex-direction: column;
@@ -535,7 +535,7 @@ export default {
     color: #c5c9cc;
   }
 
-  > > > .el-upload-list {
+  >>> .el-upload-list {
     margin-left: 20px;
     padding: 0 10px 0 10px;
     list-style: none;
@@ -551,7 +551,7 @@ export default {
   background: white;
 }
 
-.output > > > #terminal {
+.output >>> #terminal {
   border: dashed 1px #d9d9d9;
   margin: 0 20px 20px;
 }
diff --git a/src/views/ops/Job/QuickJob.vue b/src/views/ops/Job/QuickJob.vue
index abb9aa13c..e2c497b64 100644
--- a/src/views/ops/Job/QuickJob.vue
+++ b/src/views/ops/Job/QuickJob.vue
@@ -451,7 +451,7 @@ export default {
   & > div {
     height: 100%;
 
-    & > > > .xterm {
+    & >>> .xterm {
       height: calc(100% - 8px);
       overflow-y: auto;
     }
diff --git a/src/views/profile/UserSettingUpdate/AllPreferenceUpdate.vue b/src/views/profile/UserSettingUpdate/AllPreferenceUpdate.vue
index a3475a38b..d81e055f4 100644
--- a/src/views/profile/UserSettingUpdate/AllPreferenceUpdate.vue
+++ b/src/views/profile/UserSettingUpdate/AllPreferenceUpdate.vue
@@ -99,7 +99,7 @@ export default {
 </script>
 
 <style lang="scss" scoped>
-.password-update > > > .el-input {
+.password-update >>> .el-input {
   width: 600px;
   max-width: 600px;
 }
diff --git a/src/views/settings/Applet/AppProvider/AppProviderList.vue b/src/views/settings/Applet/AppProvider/AppProviderList.vue
index 3ac7f140b..bec2626e4 100644
--- a/src/views/settings/Applet/AppProvider/AppProviderList.vue
+++ b/src/views/settings/Applet/AppProvider/AppProviderList.vue
@@ -75,7 +75,7 @@ export default {
 </script>
 
 <style lang="scss" scoped>
-.App-Provider > > > .protocol {
+.App-Provider >>> .protocol {
   margin-left: 3px;
 }
 
diff --git a/src/views/settings/Applet/Applet/UploadDialog.vue b/src/views/settings/Applet/Applet/UploadDialog.vue
index 2fe263fed..07e4b4c98 100644
--- a/src/views/settings/Applet/Applet/UploadDialog.vue
+++ b/src/views/settings/Applet/Applet/UploadDialog.vue
@@ -118,7 +118,7 @@ export default {
 .file-uploader.el-form-item {
   margin-bottom: 0;
 
-  > > > .el-upload {
+  >>> .el-upload {
     width: 100%;
 
     .el-upload-dragger {
diff --git a/src/views/settings/Applet/AppletHost/AppletHostList.vue b/src/views/settings/Applet/AppletHost/AppletHostList.vue
index 4be2741c5..524965b43 100644
--- a/src/views/settings/Applet/AppletHost/AppletHostList.vue
+++ b/src/views/settings/Applet/AppletHost/AppletHostList.vue
@@ -114,7 +114,7 @@ export default {
 </script>
 
 <style lang="scss" scoped>
-.applet-host > > > .protocol {
+.applet-host >>> .protocol {
   margin-left: 3px;
 }
 
diff --git a/src/views/users/Group/UserGroupDetail/index.vue b/src/views/users/Group/UserGroupDetail/index.vue
index 3fc6e8b8f..a88433652 100644
--- a/src/views/users/Group/UserGroupDetail/index.vue
+++ b/src/views/users/Group/UserGroupDetail/index.vue
@@ -45,7 +45,7 @@ export default {
 </script>
 
 <style lang='scss' scoped>
-> > > table.CardTable {
+>>> table.CardTable {
   table-layout: auto !important;
 }
 </style>