From 532c255d041df4c1479803d3c4c378e7afc97fb2 Mon Sep 17 00:00:00 2001
From: "wu.jian2" <distantmtn@gmail.com>
Date: Fri, 26 Apr 2024 13:36:52 +0800
Subject: [PATCH] style: ::v-deep. => ::v-deep .

---
 data-room-ui/package.json                        |  2 +-
 .../packages/BasicComponents/Map/setting.vue     |  2 +-
 .../packages/BigScreenComponentMag/SideMenu.vue  |  4 ++--
 .../BigScreenDesign/ComponentDialog/index.vue    |  8 ++++----
 .../packages/BigScreenDesign/LeftPanel.vue       |  8 ++++----
 .../BigScreenDesign/OverallSetting/index.vue     |  2 +-
 .../RightSetting/ComponentBinding/index.vue      |  4 ++--
 .../RightSetting/ComponentRelation/index.vue     |  4 ++--
 .../RightSetting/ExpressionDialog.vue            |  2 +-
 .../BigScreenDesign/RulerTool/SketchRuler.vue    |  2 +-
 .../BigScreenDesign/SourceDialog/index.vue       |  8 ++++----
 data-room-ui/packages/BigScreenList/index.vue    |  6 +++---
 data-room-ui/packages/BigScreenMag/SideMenu.vue  |  4 ++--
 .../packages/BigScreenManagement/index.vue       |  6 +++---
 data-room-ui/packages/BorderSelect/index.vue     |  8 ++++----
 .../packages/ComponentList/CatalogEditForm.vue   |  2 +-
 data-room-ui/packages/ComponentList/index.vue    |  8 ++++----
 data-room-ui/packages/DataManagement/index.vue   |  2 +-
 .../packages/DataSourceManagement/index.vue      |  2 +-
 .../Layout/ApplicationCreateTop/index.vue        | 16 ++++++++--------
 data-room-ui/packages/SourceList/index.vue       |  8 ++++----
 data-room-ui/packages/SourceMag/SideMenu.vue     |  4 ++--
 .../packages/assets/style/settingWrap.scss       |  2 +-
 23 files changed, 57 insertions(+), 57 deletions(-)

diff --git a/data-room-ui/package.json b/data-room-ui/package.json
index 19ae1cd7..4ff1ae4c 100644
--- a/data-room-ui/package.json
+++ b/data-room-ui/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@gcpaas/data-room-ui",
-  "version": "2.0.1-2024031902-Alpha",
+  "version": "2.0.1-2024042601-Alpha",
   "description": "自定义大屏",
   "author": "gcpaas",
   "license": "Apache-2.0",
diff --git a/data-room-ui/packages/BasicComponents/Map/setting.vue b/data-room-ui/packages/BasicComponents/Map/setting.vue
index b7cb832d..39e67ad0 100644
--- a/data-room-ui/packages/BasicComponents/Map/setting.vue
+++ b/data-room-ui/packages/BasicComponents/Map/setting.vue
@@ -561,7 +561,7 @@ export default {
 .lc-field-body {
   padding: 12px 16px;
 }
-::v-deep.bs-el-slider-dark {
+::v-deep .bs-el-slider-dark {
 
   .el-slider__runway {
     background-color: var(--bs-el-background-1) !important;
diff --git a/data-room-ui/packages/BigScreenComponentMag/SideMenu.vue b/data-room-ui/packages/BigScreenComponentMag/SideMenu.vue
index f88db177..0d684fa3 100644
--- a/data-room-ui/packages/BigScreenComponentMag/SideMenu.vue
+++ b/data-room-ui/packages/BigScreenComponentMag/SideMenu.vue
@@ -156,11 +156,11 @@ export default {
     left: 50%;
     transform: translateX(-40%);
     width: 100px!important;
-    ::v-deep.el-dropdown-menu__item{
+    ::v-deep .el-dropdown-menu__item{
       text-align: center;
       padding: 5px;
     }
-    ::v-deep.popper__arrow{
+    ::v-deep .popper__arrow{
       left: 50% !important;
       transform: translateX(-50%) !important;
     }
diff --git a/data-room-ui/packages/BigScreenDesign/ComponentDialog/index.vue b/data-room-ui/packages/BigScreenDesign/ComponentDialog/index.vue
index 0cb81a78..13921bf4 100644
--- a/data-room-ui/packages/BigScreenDesign/ComponentDialog/index.vue
+++ b/data-room-ui/packages/BigScreenDesign/ComponentDialog/index.vue
@@ -557,7 +557,7 @@ export default {
       width: 200px;
       margin-right: 20px;
 
-      ::v-deep.el-input__inner {
+      ::v-deep .el-input__inner {
         background-color: var(--bs-background-1) !important;
       }
     }
@@ -565,7 +565,7 @@ export default {
     .el-select {
       margin-right: 20px;
 
-      ::v-deep.el-input__inner {
+      ::v-deep .el-input__inner {
         background-color: var(--bs-background-1) !important;
       }
     }
@@ -642,7 +642,7 @@ export default {
             object-fit: cover;
           }
 
-          ::v-deep.image-slot {
+          ::v-deep .image-slot {
             height: 100%;
             background-color: var(--bs-background-2);
             display: flex;
@@ -650,7 +650,7 @@ export default {
             justify-content: center;
           }
 
-          ::v-deep.el-image__error {
+          ::v-deep .el-image__error {
             background-color: #1d1d1d;
           }
         }
diff --git a/data-room-ui/packages/BigScreenDesign/LeftPanel.vue b/data-room-ui/packages/BigScreenDesign/LeftPanel.vue
index bd235c07..33d99335 100644
--- a/data-room-ui/packages/BigScreenDesign/LeftPanel.vue
+++ b/data-room-ui/packages/BigScreenDesign/LeftPanel.vue
@@ -410,7 +410,7 @@ export default {
         height: 100%;
       }
 
-      ::v-deep.el-tabs__content {
+      ::v-deep .el-tabs__content {
         height: 100%;
         width: 160px;
 
@@ -515,13 +515,13 @@ export default {
       }
     }
 
-    ::v-deep.el-tabs__header {
+    ::v-deep .el-tabs__header {
       width: 45px;
       height: 100%;
       margin-right: 0 !important;
     }
 
-    ::v-deep.el-tabs--left .el-tabs__nav-wrap.is-left::after {
+    ::v-deep .el-tabs--left .el-tabs__nav-wrap.is-left::after {
       width: 0 !important;
     }
 
@@ -555,7 +555,7 @@ export default {
   }
 
   .left-tabs-box {
-    ::v-deep.el-tabs__item {
+    ::v-deep .el-tabs__item {
       height: 70px !important;
 
       .menu-slot {
diff --git a/data-room-ui/packages/BigScreenDesign/OverallSetting/index.vue b/data-room-ui/packages/BigScreenDesign/OverallSetting/index.vue
index e52593f2..230fdaa9 100644
--- a/data-room-ui/packages/BigScreenDesign/OverallSetting/index.vue
+++ b/data-room-ui/packages/BigScreenDesign/OverallSetting/index.vue
@@ -645,7 +645,7 @@ export default {
     margin-right: 2px;
     color: #36474f;
 
-    ::v-deep.el-form-item {
+    ::v-deep .el-form-item {
       margin-bottom: 0 !important;
     }
 
diff --git a/data-room-ui/packages/BigScreenDesign/RightSetting/ComponentBinding/index.vue b/data-room-ui/packages/BigScreenDesign/RightSetting/ComponentBinding/index.vue
index 8458e289..808ea3b6 100644
--- a/data-room-ui/packages/BigScreenDesign/RightSetting/ComponentBinding/index.vue
+++ b/data-room-ui/packages/BigScreenDesign/RightSetting/ComponentBinding/index.vue
@@ -199,7 +199,7 @@ export default {
 .design-tab-warp {
   padding: 10px;
 }
-::v-deep.el-tabs--top {
+::v-deep .el-tabs--top {
   height: 100%;
 }
 ::v-deep .el-tabs__content {
@@ -235,7 +235,7 @@ export default {
     justify-content: center;
     margin-right: 2px;
 
-    ::v-deep.el-form-item {
+    ::v-deep .el-form-item {
       margin-bottom: 0 !important;
     }
 
diff --git a/data-room-ui/packages/BigScreenDesign/RightSetting/ComponentRelation/index.vue b/data-room-ui/packages/BigScreenDesign/RightSetting/ComponentRelation/index.vue
index da95a36e..c3f5f5f3 100644
--- a/data-room-ui/packages/BigScreenDesign/RightSetting/ComponentRelation/index.vue
+++ b/data-room-ui/packages/BigScreenDesign/RightSetting/ComponentRelation/index.vue
@@ -273,7 +273,7 @@ export default {
 .design-tab-warp {
   padding: 10px;
 }
-::v-deep.el-tabs--top {
+::v-deep .el-tabs--top {
   height: 100%;
 }
 ::v-deep .el-tabs__content {
@@ -309,7 +309,7 @@ export default {
     justify-content: center;
     margin-right: 2px;
 
-    ::v-deep.el-form-item {
+    ::v-deep .el-form-item {
       margin-bottom: 0 !important;
     }
 
diff --git a/data-room-ui/packages/BigScreenDesign/RightSetting/ExpressionDialog.vue b/data-room-ui/packages/BigScreenDesign/RightSetting/ExpressionDialog.vue
index f2c33dd4..86e6553d 100644
--- a/data-room-ui/packages/BigScreenDesign/RightSetting/ExpressionDialog.vue
+++ b/data-room-ui/packages/BigScreenDesign/RightSetting/ExpressionDialog.vue
@@ -207,7 +207,7 @@ export default {
 <style scoped lang="scss">
 @import '../../assets/style/bsTheme.scss';
 .bs-dialog-wrap{
-  ::v-deep.el-dialog__body{
+  ::v-deep .el-dialog__body{
     min-height: 500px;
   }
 }
diff --git a/data-room-ui/packages/BigScreenDesign/RulerTool/SketchRuler.vue b/data-room-ui/packages/BigScreenDesign/RulerTool/SketchRuler.vue
index 21c12c1c..b623bcce 100644
--- a/data-room-ui/packages/BigScreenDesign/RulerTool/SketchRuler.vue
+++ b/data-room-ui/packages/BigScreenDesign/RulerTool/SketchRuler.vue
@@ -468,7 +468,7 @@ export default {
   border-left: 1px dashed #0089d0 !important;
   border-top: 1px dashed #0089d0 !important;
 }
-::v-deep.action {
+::v-deep .action {
   .value {
     background: var(--bs-el-color-primary);
     padding: 4px;
diff --git a/data-room-ui/packages/BigScreenDesign/SourceDialog/index.vue b/data-room-ui/packages/BigScreenDesign/SourceDialog/index.vue
index 01f06416..26e3bbbf 100644
--- a/data-room-ui/packages/BigScreenDesign/SourceDialog/index.vue
+++ b/data-room-ui/packages/BigScreenDesign/SourceDialog/index.vue
@@ -279,7 +279,7 @@ export default {
       width: 200px;
       margin-right: 20px;
 
-      ::v-deep.el-input__inner {
+      ::v-deep .el-input__inner {
         background-color: var(--bs-background-1) !important;
       }
     }
@@ -287,7 +287,7 @@ export default {
     .el-select {
       margin-right: 20px;
 
-      ::v-deep.el-input__inner {
+      ::v-deep .el-input__inner {
         background: var(--bs-background-1) !important;
         background-color: var(--bs-background-1) !important;
       }
@@ -366,7 +366,7 @@ export default {
             object-fit: cover;
           }
 
-          ::v-deep.image-slot {
+          ::v-deep .image-slot {
             height: 100%;
             background-color: var(--bs-background-2);
             display: flex;
@@ -374,7 +374,7 @@ export default {
             justify-content: center;
           }
 
-          ::v-deep.el-image__error {
+          ::v-deep .el-image__error {
             background-color: #1d1d1d;
           }
         }
diff --git a/data-room-ui/packages/BigScreenList/index.vue b/data-room-ui/packages/BigScreenList/index.vue
index 0676e2ff..0acfccd5 100644
--- a/data-room-ui/packages/BigScreenList/index.vue
+++ b/data-room-ui/packages/BigScreenList/index.vue
@@ -353,7 +353,7 @@ export default {
       width: 200px;
       margin-right: 20px;
 
-      ::v-deep.el-input__inner {
+      ::v-deep .el-input__inner {
         background-color: var(--bs-background-1) !important;
       }
     }
@@ -477,7 +477,7 @@ export default {
             object-fit: cover;
           }
 
-          ::v-deep.image-slot {
+          ::v-deep .image-slot {
             height: 100%;
             background-color: var(--bs-background-2);
             display: flex;
@@ -485,7 +485,7 @@ export default {
             justify-content: center;
           }
 
-          ::v-deep.el-image__error {
+          ::v-deep .el-image__error {
             background-color: #1d1d1d;
           }
         }
diff --git a/data-room-ui/packages/BigScreenMag/SideMenu.vue b/data-room-ui/packages/BigScreenMag/SideMenu.vue
index 48cad172..f8ea3af0 100644
--- a/data-room-ui/packages/BigScreenMag/SideMenu.vue
+++ b/data-room-ui/packages/BigScreenMag/SideMenu.vue
@@ -352,11 +352,11 @@ export default {
     left: 50%;
     transform: translateX(-40%);
     width: 100px!important;
-    ::v-deep.el-dropdown-menu__item{
+    ::v-deep .el-dropdown-menu__item{
       text-align: center;
       padding: 5px;
     }
-    ::v-deep.popper__arrow{
+    ::v-deep .popper__arrow{
       left: 50% !important;
       transform: translateX(-50%) !important;
     }
diff --git a/data-room-ui/packages/BigScreenManagement/index.vue b/data-room-ui/packages/BigScreenManagement/index.vue
index a313045a..4cea8b39 100644
--- a/data-room-ui/packages/BigScreenManagement/index.vue
+++ b/data-room-ui/packages/BigScreenManagement/index.vue
@@ -824,7 +824,7 @@ export default {
           position: relative;
           overflow: auto;
           overflow-x: hidden;
-          ::v-deep.el-input__suffix-inner{
+          ::v-deep .el-input__suffix-inner{
             /*pointer-events: none!important;*/
           }
           .preview-wrap{
@@ -935,11 +935,11 @@ export default {
     }
   }
   /*当前tree节点激活样式*/
- .page-list-tree ::v-deep.is-current>.el-tree-node__content{
+ .page-list-tree ::v-deep .is-current>.el-tree-node__content{
     background: #007aff10;
     color: var(--bs-el-color-primary);
   }
-  .page-list-tree ::v-deep.is-current>.el-tree-node__content::before{
+  .page-list-tree ::v-deep .is-current>.el-tree-node__content::before{
     position: absolute;
     left: 0;
     border-left: 4px solid var(--bs-el-color-primary);
diff --git a/data-room-ui/packages/BorderSelect/index.vue b/data-room-ui/packages/BorderSelect/index.vue
index 83b1459b..3185e9d3 100644
--- a/data-room-ui/packages/BorderSelect/index.vue
+++ b/data-room-ui/packages/BorderSelect/index.vue
@@ -198,7 +198,7 @@ export default {
       width: 200px;
       margin-right: 20px;
 
-      ::v-deep.el-input__inner {
+      ::v-deep .el-input__inner {
         background-color: var(--bs-background-1) !important;
       }
     }
@@ -206,7 +206,7 @@ export default {
     .el-select {
       margin-right: 20px;
 
-      ::v-deep.el-input__inner {
+      ::v-deep .el-input__inner {
         background-color: var(--bs-background-1) !important;
       }
     }
@@ -283,7 +283,7 @@ export default {
             object-fit: cover;
           }
 
-          ::v-deep.image-slot {
+          ::v-deep .image-slot {
             height: 100%;
             background-color: var(--bs-background-2);
             display: flex;
@@ -291,7 +291,7 @@ export default {
             justify-content: center;
           }
 
-          ::v-deep.el-image__error {
+          ::v-deep .el-image__error {
             background-color: #1d1d1d;
           }
         }
diff --git a/data-room-ui/packages/ComponentList/CatalogEditForm.vue b/data-room-ui/packages/ComponentList/CatalogEditForm.vue
index a7741f99..a79e107e 100644
--- a/data-room-ui/packages/ComponentList/CatalogEditForm.vue
+++ b/data-room-ui/packages/ComponentList/CatalogEditForm.vue
@@ -297,7 +297,7 @@ export default {
       width: 200px;
       margin-right: 20px;
 
-      ::v-deep.el-input__inner {
+      ::v-deep .el-input__inner {
         background-color: #151A26 !important;
       }
     }
diff --git a/data-room-ui/packages/ComponentList/index.vue b/data-room-ui/packages/ComponentList/index.vue
index 8c54f468..95047d00 100644
--- a/data-room-ui/packages/ComponentList/index.vue
+++ b/data-room-ui/packages/ComponentList/index.vue
@@ -470,7 +470,7 @@ export default {
       width: 200px;
       margin-right: 20px;
 
-      ::v-deep.el-input__inner {
+      ::v-deep .el-input__inner {
         background-color: var(--bs-background-1) !important;
       }
     }
@@ -478,7 +478,7 @@ export default {
     .el-select {
       margin-right: 20px;
 
-      ::v-deep.el-input__inner {
+      ::v-deep .el-input__inner {
         background-color: var(--bs-background-1) !important;
       }
     }
@@ -602,7 +602,7 @@ export default {
             object-fit: cover;
           }
 
-          ::v-deep.image-slot {
+          ::v-deep .image-slot {
             height: 100%;
             background-color: var(--bs-background-2);
             display: flex;
@@ -610,7 +610,7 @@ export default {
             justify-content: center;
           }
 
-          ::v-deep.el-image__error {
+          ::v-deep .el-image__error {
             background-color: #1d1d1d;
           }
         }
diff --git a/data-room-ui/packages/DataManagement/index.vue b/data-room-ui/packages/DataManagement/index.vue
index 8ea0fb71..2eb8219f 100644
--- a/data-room-ui/packages/DataManagement/index.vue
+++ b/data-room-ui/packages/DataManagement/index.vue
@@ -172,7 +172,7 @@ export default {
       height: 100%;
       box-sizing: border-box;
     }
-    ::v-deep.el-scrollbar__view{
+    ::v-deep .el-scrollbar__view{
       height: 100%;
       .inner-router-view-wrap{
         height: 100%;
diff --git a/data-room-ui/packages/DataSourceManagement/index.vue b/data-room-ui/packages/DataSourceManagement/index.vue
index 56fe3c01..94106962 100644
--- a/data-room-ui/packages/DataSourceManagement/index.vue
+++ b/data-room-ui/packages/DataSourceManagement/index.vue
@@ -172,7 +172,7 @@ export default {
     height: 100%;
     box-sizing: border-box;
   }
-  ::v-deep.el-scrollbar__view{
+  ::v-deep .el-scrollbar__view{
     height: 100%;
     .inner-router-view-wrap{
       height: 100%;
diff --git a/data-room-ui/packages/Layout/ApplicationCreateTop/index.vue b/data-room-ui/packages/Layout/ApplicationCreateTop/index.vue
index 28ffe7c8..6b5d80d3 100644
--- a/data-room-ui/packages/Layout/ApplicationCreateTop/index.vue
+++ b/data-room-ui/packages/Layout/ApplicationCreateTop/index.vue
@@ -114,10 +114,10 @@ export default {
       align-items: center;
       justify-content: center;
 
-      ::v-deep.el-tabs__header {
+      ::v-deep .el-tabs__header {
         margin: 0;
 
-        ::v-deep.el-tabs__item {
+        ::v-deep .el-tabs__item {
           height: 51px;
           line-height: 51px;
           color: #ffffff;
@@ -127,33 +127,33 @@ export default {
         }
       }
 
-      ::v-deep.el-tabs__header {
+      ::v-deep .el-tabs__header {
         margin: 0 !important;
       }
 
-      ::v-deep.el-tabs__item {
+      ::v-deep .el-tabs__item {
         height: 40px !important;
         line-height: 40px !important;
         padding:0 10px!important;
         box-sizing: border-box;
       }
 
-      ::v-deep.el-tabs__active-bar {
+      ::v-deep .el-tabs__active-bar {
         width: 0 !important;
       }
 
-      ::v-deep.el-tabs__item.is-active {
+      ::v-deep .el-tabs__item.is-active {
         color: #ffffff !important;
         background-color: hsla(0, 0%, 100%, 0.1) !important;
       }
 
-      ::v-deep.el-tabs__item:hover {
+      ::v-deep .el-tabs__item:hover {
         color: #fff !important;
         cursor: pointer;
         background-color: hsla(0, 0%, 100%, 0.1) !important;
       }
 
-      ::v-deep.el-tabs__item {
+      ::v-deep .el-tabs__item {
         color: #fff !important;
       }
     }
diff --git a/data-room-ui/packages/SourceList/index.vue b/data-room-ui/packages/SourceList/index.vue
index fd26edcc..fc0711b5 100644
--- a/data-room-ui/packages/SourceList/index.vue
+++ b/data-room-ui/packages/SourceList/index.vue
@@ -406,7 +406,7 @@ export default {
       width: 200px;
       margin-right: 20px;
 
-      ::v-deep.el-input__inner {
+      ::v-deep .el-input__inner {
         background-color: var(--bs-background-1) !important;
       }
     }
@@ -414,7 +414,7 @@ export default {
     .el-select {
       margin-right: 20px;
 
-      ::v-deep.el-input__inner {
+      ::v-deep .el-input__inner {
         background-color: var(--bs-background-1) !important;
       }
     }
@@ -538,7 +538,7 @@ export default {
             object-fit: cover;
           }
 
-          ::v-deep.image-slot {
+          ::v-deep .image-slot {
             height: 100%;
             background-color: var(--bs-background-2);
             display: flex;
@@ -546,7 +546,7 @@ export default {
             justify-content: center;
           }
 
-          ::v-deep.el-image__error {
+          ::v-deep .el-image__error {
             background-color: #1d1d1d;
           }
         }
diff --git a/data-room-ui/packages/SourceMag/SideMenu.vue b/data-room-ui/packages/SourceMag/SideMenu.vue
index 510f74d0..bfa8e232 100644
--- a/data-room-ui/packages/SourceMag/SideMenu.vue
+++ b/data-room-ui/packages/SourceMag/SideMenu.vue
@@ -387,11 +387,11 @@ export default {
   left: 50%;
   transform: translateX(-40%);
   width: 100px !important;
-  ::v-deep.el-dropdown-menu__item {
+  ::v-deep .el-dropdown-menu__item {
     text-align: center;
     padding: 5px;
   }
-  ::v-deep.popper__arrow {
+  ::v-deep .popper__arrow {
     left: 50% !important;
     transform: translateX(-50%) !important;
   }
diff --git a/data-room-ui/packages/assets/style/settingWrap.scss b/data-room-ui/packages/assets/style/settingWrap.scss
index 20a292e8..05861e6e 100644
--- a/data-room-ui/packages/assets/style/settingWrap.scss
+++ b/data-room-ui/packages/assets/style/settingWrap.scss
@@ -123,7 +123,7 @@
 .design-tab-warp {
   padding: 10px;
 }
-::v-deep.el-tabs--top {
+::v-deep .el-tabs--top {
   height: 100%;
 }
 ::v-deep .el-tabs__content {