::v-deep=>:deep()

packages/grid/AppBuildManage/components/Add.vue

@@ -321,10 +321,10 @@ export default {
 
 <style lang="scss" scoped>
 .AppBuildManage {
-  ::v-deep .amap-logo {
+  :deep( .amap-logo ){
     display: none!important;
   }
-  ::v-deep .amap-copyright {
+  :deep( .amap-copyright ){
     display: none!important;
   }
 }
@@ -354,7 +354,7 @@ export default {
   }
 }
 
-::v-deep .mapDialog {
+:deep( .mapDialog ){
   .el-dialog__body {
     padding: 0;
 

packages/grid/AppBuildManage/components/BuildMsg.vue

@@ -555,13 +555,13 @@ export default {
 
 <style lang="scss" scoped>
 .BuildMsg {
-  ::v-deep .ai-list__title {
+  :deep( .ai-list__title ){
     background-color: #fff;
     margin: 0 !important;
     padding-left: 20px;
   }
 
-  ::v-deep .ai-list__content {
+  :deep( .ai-list__content ){
     .ai-list__content--right {
       .ai-list__content--right-wrapper {
         .search-select {

packages/grid/AppBuildManage/components/List.vue

@@ -261,7 +261,7 @@ export default {
   height: 100%;
 
   .ai-detail {
-    ::v-deep .ai-detail__content {
+    :deep( .ai-detail__content ){
       .ai-detail__content--wrapper {
         display: flex;
         justify-content: space-between;
@@ -291,7 +291,7 @@ export default {
     }
   }
 
-  ::v-deep .el-tree {
+  :deep( .el-tree ){
     .el-tree-node__content {
       display: inline-flex;
       min-width: 100%;
@@ -319,7 +319,7 @@ export default {
     }
   }
 
-  ::v-deep .is-current > .el-tree-node__content {
+  :deep( .is-current > .el-tree-node__content ){
     width: 100% !important;
     padding-right: 16px !important;
   }

packages/grid/AppBuildMap/AppBuildMap.vue

@@ -421,7 +421,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;
@@ -430,11 +430,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;
 
@@ -674,7 +674,7 @@ export default {
   height: 100%;
   overflow: hidden;
 
-  ::v-deep .ol-zoom {
+  :deep( .ol-zoom ){
     display: none !important;
     top: inherit !important;
     bottom: 0.5em !important;
@@ -749,7 +749,7 @@ export default {
   }
 }
 
-::v-deep .polymeric {
+:deep( .polymeric ){
   display: flex;
   position: relative;
   align-items: center;
@@ -815,7 +815,7 @@ export default {
   }
 }
 
-::v-deep .mark {
+:deep( .mark ){
   user-select: none;
   cursor: pointer;
   height: 32px;
@@ -1212,11 +1212,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/AppBuildMap/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/AppBuildMap/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;
 

packages/grid/AppCommunityManage/components/Add.vue

@@ -241,15 +241,15 @@ export default {
     align-items: center;
   }
 
-  ::v-deep .el-form-item__label {
+  :deep( .el-form-item__label ){
     padding-right: 40px;
   }
 
-  ::v-deep .ai-detail__footer {
+  :deep( .ai-detail__footer ){
     background: #fff !important;
   }
 
-  ::v-deep .ai-detail__content--active {
+  :deep( .ai-detail__content--active ){
     padding: 20px;
 
     .ai-detail__content--wrapper {
@@ -269,7 +269,7 @@ export default {
     }
   }
 
-  ::v-deep .ai-wrapper {
+  :deep( .ai-wrapper ){
     align-items: inherit !important;
   }
 

packages/grid/AppCommunityManage/components/List.vue

@@ -168,7 +168,7 @@ export default {
 
 <style lang="scss" scoped>
 .AppPetitionManage {
-  ::v-deep th {
+  :deep( th ){
     font-weight: bold !important;
   }
 

packages/grid/AppGridBlock/components/list.vue

@@ -350,7 +350,7 @@ export default {
   width: 100%;
   height: 100%;
 
-  ::v-deep .el-tree {
+  :deep( .el-tree ){
     background: transparent;
 
     .el-tree-node__expand-icon.is-leaf {
@@ -415,7 +415,7 @@ export default {
     padding: 8px 0;
   }
 
-  ::v-deep.fullscreenMap {
+  :deep(.fullscreenMap ){
     .el-dialog {
       display: flex;
       flex-direction: column;
@@ -438,7 +438,7 @@ export default {
     }
   }
 
-  ::v-deep .treePanel {
+  :deep( .treePanel ){
     display: flex;
     flex-direction: column;
 

packages/grid/AppGridBlock/components/mapPlotting.vue

@@ -199,7 +199,7 @@ export default {
     }
   }
 
-  ::v-deep.fullscreenMap {
+  :deep(.fullscreenMap ){
     .el-dialog {
       display: flex;
       flex-direction: column;
@@ -222,11 +222,11 @@ export default {
     }
   }
 
-  ::v-deep .amap-copyright {
+  :deep( .amap-copyright ){
     display: none !important;
   }
 
-  ::v-deep .amap-logo {
+  :deep( .amap-logo ){
     display: none !important;
   }
 }

packages/grid/AppGridMap/components/list.vue

@@ -442,7 +442,7 @@ export default {
           padding: 8px 0;
           justify-content: space-between;
 
-          ::v-deep .el-input__inner {
+          :deep( .el-input__inner ){
             color: #fff;
           }
         }
@@ -517,12 +517,12 @@ export default {
           width: 100%;
           padding: 8px 0;
 
-          ::v-deep .el-input__inner {
+          :deep( .el-input__inner ){
             color: #fff;
           }
         }
 
-        ::v-deep .el-input__inner {
+        :deep( .el-input__inner ){
           background-color: #282f45;
           border: 1px solid #282f45;
         }
@@ -567,7 +567,7 @@ export default {
           }
         }
 
-        ::v-deep .el-tree {
+        :deep( .el-tree ){
           width: 100%;
 
           .el-tree__empty-block {

packages/grid/AppGridMember/components/MonitorUser.vue

@@ -227,7 +227,7 @@ export default {
     height: 380px;
     margin-top: 20px;
 
-    ::v-deep {
+    :deep( ){
       .el-icon-circle-close {
         display: inline-block !important;
       }
@@ -256,7 +256,7 @@ export default {
       }
     }
 
-    ::v-deep .el-tree {
+    :deep( .el-tree ){
       background: transparent;
 
       .el-tree-node {
@@ -300,7 +300,7 @@ export default {
       cursor: pointer;
       user-select: none;
 
-      ::v-deep .el-checkbox__label {
+      :deep( .el-checkbox__label ){
         display: none;
       }
 
@@ -331,12 +331,12 @@ export default {
       height: calc(100% - 40px);
       padding: 8px 0;
 
-      ::v-deep .el-scrollbar__wrap {
+      :deep( .el-scrollbar__wrap ){
         margin-bottom: 0 !important;
         overflow-x: hidden;
       }
 
-      ::v-deep .el-checkbox-group {
+      :deep( .el-checkbox-group ){
         padding: 0 8px;
 
         .el-checkbox {

packages/grid/AppGridMember/components/add.vue

@@ -498,7 +498,7 @@ export default {
       margin-left: 20px;
     }
 
-    ::v-deep .el-form-item__content {
+    :deep( .el-form-item__content ){
       margin-left: 0 !important;
     }
   }
@@ -529,7 +529,7 @@ export default {
     }
   }
 
-  ::v-deep .el-tag {
+  :deep( .el-tag ){
     margin-right: 8px;
     color: #333333;
   }

packages/grid/AppHomesteadManagement/components/Add.vue

@@ -377,10 +377,10 @@ export default {
 
 <style lang="scss" scoped>
   .AppHomesteadManagement {
-    ::v-deep .amap-logo {
+    :deep( .amap-logo ){
       display: none!important;
     }
-    ::v-deep .amap-copyright {
+    :deep( .amap-copyright ){
       display: none!important;
     }
   }
@@ -411,12 +411,12 @@ export default {
   }
 
   .user-selecter {
-    ::v-deep .el-input-group__append {
+    :deep( .el-input-group__append ){
       width: 68px;
       background: transparent;
     }
 
-    ::v-deep .el-button {
+    :deep( .el-button ){
       color: #fff;
 
       &:hover {
@@ -427,7 +427,7 @@ export default {
   }
 }
 
-::v-deep .mapDialog {
+:deep( .mapDialog ){
   .el-dialog__body {
     padding: 0;
 

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;