::v-deep=>:deep()

packages/grid/AppHouseMap/AppHomesteadDV.vue

@@ -593,7 +593,7 @@ export default {
     width: 100%;
   }
 
-  ::v-deep .ai-list__content--right-wrapper {
+  :deep( .ai-list__content--right-wrapper ){
     height: 100%;
     margin: 0 !important;
     background-color: transparent !important;
@@ -843,7 +843,7 @@ export default {
     height: 100%;
     overflow: hidden;
 
-    ::v-deep .ol-zoom {
+    :deep( .ol-zoom ){
       display: none !important;
       top: inherit !important;
       bottom: 0.5em !important;
@@ -918,7 +918,7 @@ export default {
     }
   }
 
-  ::v-deep .polymeric {
+  :deep( .polymeric ){
     display: flex;
     position: relative;
     align-items: center;
@@ -984,7 +984,7 @@ export default {
     }
   }
 
-  ::v-deep .mark {
+  :deep( .mark ){
     user-select: none;
     cursor: pointer;
     height: 32px;
@@ -1427,11 +1427,11 @@ export default {
           }
         }
 
-        ::v-deep .el-input, ::v-deep input {
+        :deep( .el-input), :deep( input ){
           border: none;
         }
 
-        ::v-deep input {
+        :deep( input ){
           position: relative;
           flex: 1;
           height: 36px;

packages/grid/AppHouseMap/AppHouseMap.vue

@@ -511,7 +511,7 @@ export default {
   width: 100%;
 }
 
-::v-deep .ai-list__content--right-wrapper {
+:deep( .ai-list__content--right-wrapper ){
   height: 100%;
   margin: 0px !important;
   background-color: transparent !important;
@@ -520,11 +520,11 @@ export default {
 
 
 .map {
-  ::v-deep .amap-logo, ::v-deep .amap-copyright {
+  :deep( .amap-logo), :deep( .amap-copyright ){
     display: none !important;
   }
 
-  ::v-deep .amap-icon {
+  :deep( .amap-icon ){
     width: 40px !important;
     height: 40px !important;
 
@@ -764,7 +764,7 @@ export default {
   height: 100%;
   overflow: hidden;
 
-  ::v-deep .ol-zoom {
+  :deep( .ol-zoom ){
     display: none !important;
     top: inherit !important;
     bottom: 0.5em !important;
@@ -839,7 +839,7 @@ export default {
   }
 }
 
-::v-deep .polymeric {
+:deep( .polymeric ){
   display: flex;
   position: relative;
   align-items: center;
@@ -905,7 +905,7 @@ export default {
   }
 }
 
-::v-deep .mark {
+:deep( .mark ){
   user-select: none;
   cursor: pointer;
   height: 32px;
@@ -1306,11 +1306,11 @@ export default {
         }
       }
 
-      ::v-deep .el-input, ::v-deep input {
+      :deep( .el-input), :deep( input ){
         border: none;
       }
 
-      ::v-deep input {
+      :deep( input ){
         position: relative;
         flex: 1;
         height: 36px;

packages/grid/AppHouseMap/AppPopulationDV.vue

@@ -555,7 +555,7 @@ export default {
     width: 100%;
   }
 
-  ::v-deep .ai-list__content--right-wrapper {
+  :deep( .ai-list__content--right-wrapper ){
     height: 100%;
     margin: 0 !important;
     background-color: transparent !important;
@@ -805,7 +805,7 @@ export default {
     height: 100%;
     overflow: hidden;
 
-    ::v-deep .ol-zoom {
+    :deep( .ol-zoom ){
       display: none !important;
       top: inherit !important;
       bottom: 0.5em !important;
@@ -880,7 +880,7 @@ export default {
     }
   }
 
-  ::v-deep .polymeric {
+  :deep( .polymeric ){
     display: flex;
     position: relative;
     align-items: center;
@@ -946,7 +946,7 @@ export default {
     }
   }
 
-  ::v-deep .mark {
+  :deep( .mark ){
     user-select: none;
     cursor: pointer;
     height: 32px;
@@ -1389,11 +1389,11 @@ export default {
           }
         }
 
-        ::v-deep .el-input, ::v-deep input {
+        :deep( .el-input), :deep( input ){
           border: none;
         }
 
-        ::v-deep input {
+        :deep( input ){
           position: relative;
           flex: 1;
           height: 36px;

packages/grid/AppHouseMap/buildingStatistics.vue

@@ -200,7 +200,7 @@ export default {
   display: flex;
   flex-direction: column;
 
-  ::v-deep .ailist-title {
+  :deep( .ailist-title ){
     margin: 0 20px;
   }
 
@@ -338,7 +338,7 @@ export default {
       }
     }
 
-    ::v-deep .floors {
+    :deep( .floors ){
       max-height: 520px;
       max-width: 60vw;
       margin: 0 20px;

packages/grid/AppHouseMap/toolBar/buildingInfo.vue

@@ -143,7 +143,7 @@ export default {
 
 <style lang="scss" scoped>
 .buildingInfo {
-  ::v-deep .infoPane {
+  :deep( .infoPane ){
     box-sizing: border-box;
     padding: 10px 20px;