style: ::v-deep. => ::v-deep .

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",

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;

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;
     }

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;
           }
         }

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 {

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;
     }
 

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;
     }
 

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;
     }
 

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;
   }
 }

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;

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;
           }
         }

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;
           }
         }

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;
     }

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);

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;
           }
         }

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;
       }
     }

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;
           }
         }

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%;

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%;

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;
       }
     }

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;
           }
         }

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;
   }

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 {