::v-deep=>:deep()

components/AiAddressBookMenu.vue

@@ -209,7 +209,7 @@ export default {
       font-size: 14px;
     }
 
-    ::v-deep .el-tree {
+    :deep( .el-tree ){
       width: 100%;
       margin-top: 4px;
       background: transparent;

components/AiDrag.vue

@@ -28,7 +28,7 @@ export default {
   right: 0;
   pointer-events: none;
 
-  ::v-deep.vdr {
+  :deep(.vdr ){
     pointer-events: auto;
   }
 }

components/AiDvPartyOrg.vue

@@ -132,7 +132,7 @@ export default {
     height: 300%;
   }
 
-  ::v-deep .org-chart-container {
+  :deep( .org-chart-container ){
     color: #FFFFFF;
     font-size: 16px;
 

components/AiDvRender.vue

@@ -178,7 +178,7 @@ export default {
 
 <style lang="scss" scoped>
 .AiDvRender {
-  ::v-deep .dvScrollBoard1 {
+  :deep( .dvScrollBoard1 ){
 
     .header {
       background: rgba(0, 0, 0, 0.1) !important;
@@ -220,7 +220,7 @@ export default {
   }
 
 
-  ::v-deep .marker {
+  :deep( .marker ){
     position: relative;
 
     & > img {

components/AiLocateDialog.vue

@@ -114,7 +114,7 @@ export default {
 
 <style lang="scss" scoped>
 .AiLocateDialog {
-  ::v-deep .el-dialog__body {
+  :deep( .el-dialog__body ){
     padding: 0;
     height: 480px;
     position: relative;

components/AiMonitor/dhVideo.vue

@@ -61,7 +61,7 @@ export default {
     height: 100% !important;
   }
 
-  ::v-deep .video-js {
+  :deep( .video-js ){
     width: 100% !important;
     height: 100% !important;
 

components/AiSwiper.vue

@@ -54,7 +54,7 @@
     height: 100%;
     padding: 20px 0 0;
 
-    ::v-deep .el-carousel {
+    :deep( .el-carousel ){
       height: 100%;
     }
 

components/layout/AiDvWrapper/AiDvWrapper.vue

@@ -212,7 +212,7 @@ export default {
     }
   }
 
-  ::v-deep.headerPane {
+  :deep(.headerPane ){
     display: flex;
     align-items: center;
     height: 120px;
@@ -453,7 +453,7 @@ export default {
     }
   }
 
-  ::v-deep.settingDialog {
+  :deep(.settingDialog ){
     .ai-dialog {
       background: #1D2127;
       box-shadow: 0 0 4px 0 #206EFF;
@@ -575,7 +575,7 @@ export default {
       background: none;
       box-shadow: none;
 
-      ::v-deep .corner {
+      :deep( .corner ){
         display: none !important;
       }
     }

examples/components/headerNav.vue

@@ -13,7 +13,7 @@
         <el-avatar :src="user.info.avatar">
           {{ defaultAvatar }}
         </el-avatar>
-        <span>{{ [user.info.name, user.info.roleName].join(" - ") }}</span>
+        <span v-text="defaultName"/>
         <i :class="dropdownIcon"/>
       </el-row>
       <el-dropdown-menu>
@@ -45,12 +45,9 @@ export default {
   },
   computed: {
     ...mapState(['user']),
-    dropdownIcon() {
-      return this.isClick ? 'el-icon-caret-top' : 'el-icon-caret-bottom'
-    },
-    defaultAvatar() {
-      return this.user.info.name?.slice(-2) || "无名"
-    }
+    dropdownIcon: v => v.isClick ? 'el-icon-caret-top' : 'el-icon-caret-bottom',
+    defaultAvatar: v => v.user.info.name?.slice(-2) || "无名",
+    defaultName: v => [v.user.info.name, v.user.info.roleName].filter(Boolean)?.join(" - ") || "请先登录"
   },
   methods: {
     // 获取最新的安卓、ios下载二维码
@@ -124,11 +121,11 @@ export default {
     z-index: -1;
   }
 
-  ::v-deep.toolbar {
+  :deep(.toolbar) {
     gap: 12px;
     margin-right: 32px;
 
-    & > div,.toolbarBtn {
+    & > div, .toolbarBtn {
       color: #fff;
       padding: 0 12px;
 
@@ -168,7 +165,7 @@ export default {
   }
 }
 
-::v-deep .downLoad_main {
+:deep( .downLoad_main ) {
   width: 100%;
   height: 100%;
   padding: 16px;

examples/components/mainContent.vue

@@ -80,7 +80,7 @@ export default {
   display: flex;
   flex-direction: column;
 
-  ::v-deep.layout {
+  :deep(.layout ){
     background: #F5F6F9;
     display: flex;
     flex-direction: column;

examples/components/sliderNav.vue

@@ -200,7 +200,7 @@ export default {
     }
   }
 
-  ::v-deep .ai-menu {
+  :deep( .ai-menu ){
     padding-left: 0;
     flex: 1;
     min-height: 0;
@@ -214,7 +214,7 @@ export default {
     }
   }
 
-  ::v-deep .searchApp {
+  :deep( .searchApp ){
     display: flex;
     align-items: center;
     height: 44px;

examples/main.js

@@ -4,15 +4,14 @@ import ui from 'element-ui';
 import router from './router/router';
 import axios from './router/axios';
 import utils from './utils';
-import vcUI from 'dui';
-import 'dui/lib/styles/common.scss';
+import dui from 'dui';
 import store from './store';
 import dataV from '@jiaminghi/data-view';
 import appComps from '../components'
 
 Vue.use(dataV);
 Vue.use(ui);
-Vue.use(vcUI);
+Vue.use(dui);
 Vue.use(appComps);
 //富文本编辑器配置
 Vue.config.productionTip = false;

packages/bigscreen/designer/components/Layout.vue

@@ -483,7 +483,7 @@ export default {
   color: #fff;
   background: #1d1e1f;
 
-  ::v-deep .dv-scroll-board {
+  :deep( .dv-scroll-board ){
     height: calc(100%) !important;
 
     .header-item {
@@ -567,17 +567,17 @@ export default {
         opacity: 0.8;
       }
 
-      ::v-deep .el-upload-list--picture-card, ::v-deep.el-upload-list__item-thumbnail, ::v-deep .uploader {
+      :deep( .el-upload-list--picture-card), :deep(.el-upload-list__item-thumbnail), :deep( .uploader ){
         width: 232px;
         height: 120px;
       }
 
-      ::v-deep .el-upload-list--picture-card .el-upload-list__item {
+      :deep( .el-upload-list--picture-card .el-upload-list__item ){
         width: 232px;
         height: 120px;
       }
 
-      ::v-deep .el-upload--picture-card {
+      :deep( .el-upload--picture-card ){
         background-color: transparent;
       }
 
@@ -604,7 +604,7 @@ export default {
     }
   }
 
-  ::v-deep #dv-full-screen-container {
+  :deep( #dv-full-screen-container ){
     width: 100% !important;
     height: 100% !important;
   }
@@ -872,11 +872,11 @@ export default {
         width: 100%;
         padding: 18px 0 0 18px;
 
-        ::v-deep .vue-ruler-ref-line-v, ::v-deep .vue-ruler-ref-line-h {
+        :deep( .vue-ruler-ref-line-v), :deep( .vue-ruler-ref-line-h ){
           display: none;
         }
 
-        ::v-deep .vue-ruler-v {
+        :deep( .vue-ruler-v ){
           .n {
             transform: rotate(180deg);
           }
@@ -896,7 +896,7 @@ export default {
       }
     }
 
-    ::v-deep .handle {
+    :deep( .handle ){
       border-radius: 100%;
       border: none;
       background-color: #09f;
@@ -945,7 +945,7 @@ export default {
     border-left: 1px solid #000000;
     background: #1D2127;
 
-    ::v-deep.el-input-number {
+    :deep(.el-input-number ){
       width: 106px;
       margin-right: 20px;
 
@@ -967,7 +967,7 @@ export default {
       }
     }
 
-    ::v-deep.layout-right__content {
+    :deep(.layout-right__content ){
       height: calc(100% - 40px);
       overflow-y: overlay;
       overflow-x: hidden;

packages/bigscreen/dv/AppCentralTaskDV.vue

@@ -97,7 +97,7 @@ export default {
     line-height: 68px;
   }
 
-  ::v-deep .dv-scroll-board {
+  :deep( .dv-scroll-board ){
     width: 100%;
     flex: 1;
     min-height: 0;

packages/bigscreen/dv/AppGovInteractionDV.vue

@@ -298,7 +298,7 @@ export default {
   flex-direction: column;
 
 
-  ::v-deep .eventItem {
+  :deep( .eventItem ){
     width: 100%;
     color: #82C5FF;
 
@@ -309,7 +309,7 @@ export default {
     }
   }
 
-  ::v-deep .communityEvent {
+  :deep( .communityEvent ){
     list-style-type: circle;
     white-space: nowrap;
     overflow: hidden;
@@ -320,7 +320,7 @@ export default {
     color: #82C5FF;
   }
 
-  ::v-deep .tag {
+  :deep( .tag ){
     padding: 0 10px;
     border-radius: 4px;
     margin-right: 10px;
@@ -361,7 +361,7 @@ export default {
       transform: translate(-50%, -50%);
     }
 
-    ::v-deep .gradientFont {
+    :deep( .gradientFont ){
       background-image: linear-gradient(180deg, #FFFFFF 0%, #FFFFFF 18%, #6BC7FF 100%);
       -webkit-background-clip: text;
       -webkit-text-fill-color: transparent;
@@ -373,7 +373,7 @@ export default {
       }
     }
 
-    ::v-deep .dataPane {
+    :deep( .dataPane ){
       width: 122px;
       height: 114px;
       background-image: url("./assets/govInteraction/kuaikuai.png");

packages/bigscreen/dv/AppGridDV.vue

@@ -508,7 +508,7 @@ export default {
     }
   }
 
-  ::v-deep .el-dialog__body {
+  :deep( .el-dialog__body ){
     padding: 10px 40px 30px;
 
     .el-table {
@@ -538,7 +538,7 @@ export default {
     }
   }
 
-  ::v-deep .el-dialog {
+  :deep( .el-dialog ){
     position: absolute;
     top: 50%;
     left: 50%;
@@ -576,7 +576,7 @@ export default {
     }
   }
 
-  ::v-deep .userlist-container {
+  :deep( .userlist-container ){
     .userlist {
       display: flex;
       align-items: center;
@@ -772,7 +772,7 @@ export default {
       height: 300%;
     }
 
-    ::v-deep .org-chart-container {
+    :deep( .org-chart-container ){
       display: flex;
       justify-content: center;
 
@@ -801,7 +801,7 @@ export default {
       }
     }
 
-    ::v-deep .org-chart-node-children {
+    :deep( .org-chart-node-children ){
       display: flex;
       justify-content: center;
     }
@@ -819,7 +819,7 @@ export default {
       padding-bottom: 8px;
     }
 
-    ::v-deep .el-tree {
+    :deep( .el-tree ){
       background: transparent;
 
       .el-tree-node__expand-icon {

packages/bigscreen/dv/AppHouseMapDv.vue

@@ -356,11 +356,11 @@ export default {
 
 <style lang="scss" scoped>
 .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;
 
@@ -469,7 +469,7 @@ export default {
   height: 100%;
   overflow: hidden;
 
-  ::v-deep .ol-zoom {
+  :deep( .ol-zoom ){
     display: none !important;
     top: inherit !important;
     bottom: 0.5em !important;
@@ -544,7 +544,7 @@ export default {
   }
 }
 
-::v-deep .polymeric {
+:deep( .polymeric ){
   display: flex;
   position: relative;
   align-items: center;
@@ -610,7 +610,7 @@ export default {
   }
 }
 
-::v-deep .mark {
+:deep( .mark ){
   user-select: none;
   cursor: pointer;
   height: 32px;

packages/bigscreen/dv/AppMonitorMapDv.vue

@@ -613,7 +613,7 @@ export default {
       }
     }
 
-    ::v-deep .ol-zoom {
+    :deep( .ol-zoom ){
       display: none !important;
       top: inherit !important;
       bottom: 0.5em !important;
@@ -628,11 +628,11 @@ export default {
       height: 100%;
     }
 
-    ::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;
 
@@ -713,7 +713,7 @@ export default {
     }
   }
 
-  ::v-deep .polymeric {
+  :deep( .polymeric ){
     display: flex;
     position: relative;
     align-items: center;
@@ -779,7 +779,7 @@ export default {
     }
   }
 
-  ::v-deep .mark{
+  :deep( .mark){
     display: flex;
     align-items: center;
     justify-content: center;

packages/bigscreen/dv/AppResourceMapDv.vue

@@ -282,7 +282,7 @@ export default {
       }
     }
 
-    ::v-deep .ol-zoom {
+    :deep( .ol-zoom ){
       display: none !important;
       top: inherit !important;
       bottom: 0.5em !important;
@@ -297,11 +297,11 @@ export default {
       height: 100%;
     }
 
-    ::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;
 
@@ -382,7 +382,7 @@ export default {
     }
   }
 
-  ::v-deep .polymeric {
+  :deep( .polymeric ){
     display: flex;
     position: relative;
     align-items: center;
@@ -448,7 +448,7 @@ export default {
     }
   }
 
-  ::v-deep .mark{
+  :deep( .mark){
     position: relative;
     user-select: none;
     width: 50px;

packages/bigscreen/dv/AppSpecialPeopleDV.vue

@@ -949,7 +949,7 @@ export default {
   }
 
 
-  ::v-deep .ai-list__content--right-wrapper {
+  :deep( .ai-list__content--right-wrapper ){
     height: 100%;
     margin: 0 !important;
     background-color: transparent !important;
@@ -958,11 +958,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;
 
@@ -1079,7 +1079,7 @@ export default {
     height: 100%;
     overflow: hidden;
 
-    ::v-deep .ol-zoom {
+    :deep( .ol-zoom ){
       display: none !important;
       top: inherit !important;
       bottom: 0.5em !important;
@@ -1095,7 +1095,7 @@ export default {
     }
   }
 
-  ::v-deep .polymeric {
+  :deep( .polymeric ){
     display: flex;
     position: relative;
     align-items: center;
@@ -1161,7 +1161,7 @@ export default {
     }
   }
 
-  ::v-deep .mark {
+  :deep( .mark ){
     width: 56px;
     height: 56px;
     text-align: center;
@@ -1172,25 +1172,25 @@ export default {
     color: #fff;
   }
 
-  ::v-deep .online-status0 {
+  :deep( .online-status0 ){
     background: rgba(8, 73, 35, 0.8);
     box-shadow: 0 4px 4px 0 #000000, 0 0 8px 4px #15BE55;
     border: 1px solid #22FF81;
   }
 
-  ::v-deep .online-status1 {
+  :deep( .online-status1 ){
     background: rgba(79, 14, 7, 0.8);
     box-shadow: 0 4px 4px 0 #000000, 0 0 8px 4px #C60E0E;
     border: 1px solid #FF6969;
   }
 
-  ::v-deep .online-status2 {
+  :deep( .online-status2 ){
     background: rgba(96, 8, 102, 0.8);
     box-shadow: 0 4px 4px 0 #000000, 0 0 8px 4px #C312CA;
     border: 1px solid #FF69DD;
   }
 
-  ::v-deep .online-status3 {
+  :deep( .online-status3 ){
     background: rgba(108, 94, 14, 0.8);
     box-shadow: 0 4px 4px 0 #000000, 0 0 8px 4px #D1A818;
     border: 1px solid #FFDF54;

packages/bigscreen/dv/AppVideoMonitoringDV.vue

@@ -457,7 +457,7 @@ export default {
           }
         }
 
-        ::v-deep .AiEchart {
+        :deep( .AiEchart ){
           width: 251px;
           height: 175px;
           margin: 11px auto 0;
@@ -506,15 +506,15 @@ export default {
     color: #FFFFFF;
   }
 
-  ::v-deep .index {
+  :deep( .index ){
     background-color: transparent !important;
   }
 
-  ::v-deep .header {
+  :deep( .header ){
     background: url("./assets/videoMonitor/titlebox.png");
   }
 
-  ::v-deep .row-item div:nth-child(3) {
+  :deep( .row-item div:nth-child(3) ){
     font-size: 13px;
     color: #00CDFF;
   }

packages/bigscreen/dv/components/AiGrid.vue

@@ -162,7 +162,7 @@ export default {
     background: linear-gradient(180deg, #42C6CE 0%, #307598 100%);
   }
 
-  ::v-deep .org-chart-container {
+  :deep( .org-chart-container ){
     color: #FFFFFF;
     font-size: 16px;
 

packages/conv/AppConvenienceAddressBook/components/List.vue

@@ -307,7 +307,7 @@ export default {
       .addressBook-left__list--search {
         flex: 1;
 
-        ::v-deep input {
+        :deep( input ){
           width: 100%;
         }
       }
@@ -324,7 +324,7 @@ export default {
       font-size: 14px;
     }
 
-    ::v-deep .el-tree {
+    :deep( .el-tree ){
       background: transparent;
 
       .el-tree-node__expand-icon.is-leaf {
@@ -369,7 +369,7 @@ export default {
     }
   }
 
-  ::v-deep .ai-list__content--left {
+  :deep( .ai-list__content--left ){
     margin-right: 2px;
   }
 
@@ -421,7 +421,7 @@ export default {
     }
   }
 
-  ::v-deep .ai-list__content--right {
+  :deep( .ai-list__content--right ){
 
     .ai-list__content--right-wrapper {
       min-height: 100%;

packages/conv/AppHealthReport/components/List.vue

@@ -242,7 +242,7 @@
 
 <style scoped lang="scss">
   .list {
-    ::v-deep .ai-list__content {
+    :deep( .ai-list__content ){
       padding: 0!important;
 
       .ai-list__content--right-wrapper {

packages/conv/AppReportAiWill/components/Detail.vue

@@ -402,7 +402,7 @@ export default {
     align-items: center;
   }
 
-  ::v-deep .el-tree {
+  :deep( .el-tree ){
     background: transparent;
 
     .el-tree-node__expand-icon.is-leaf {
@@ -447,13 +447,13 @@ export default {
   }
 
   .el-steps {
-    ::v-deep .el-step__icon {
+    :deep( .el-step__icon ){
       font-size: 12px;
       color: #555555;
       border-color: #d0d4dc;
     }
 
-    ::v-deep .el-step__head.is-finish {
+    :deep( .el-step__head.is-finish ){
       .el-step__icon.is-text {
         border: none;
         color: #fff;
@@ -462,7 +462,7 @@ export default {
       }
     }
 
-    ::v-deep .el-step__line {
+    :deep( .el-step__line ){
       background-color: #d0d4dc;
     }
   }
@@ -488,18 +488,18 @@ export default {
     }
   }
 
-  ::v-deep .report-dialog {
+  :deep( .report-dialog ){
     .el-select {
       width: 100%;
     }
   }
 
-  ::v-deep .el-step__head.is-process {
+  :deep( .el-step__head.is-process ){
     color: #555;
     border-color: #555;
   }
 
-  ::v-deep .is-finish h2 {
+  :deep( .is-finish h2 ){
     color: #2266ff;
   }
 
@@ -518,7 +518,7 @@ export default {
     }
   }
 
-  ::v-deep .ai-detail__content {
+  :deep( .ai-detail__content ){
     background: #f3f6f9;
 
     .ai-detail__content--wrapper {
@@ -544,7 +544,7 @@ export default {
     }
   }
 
-  ::v-deep .el-card {
+  :deep( .el-card ){
     .el-card__header {
       padding: 12px 16px;
       font-weight: bold;

packages/conv/AppReturnHomeRegister/components/List.vue

@@ -222,7 +222,7 @@
 
 <style scoped lang="scss">
   .list {
-    ::v-deep .ai-list__content {
+    :deep( .ai-list__content ){
       padding: 0!important;
 
       .ai-list__content--right-wrapper {

packages/conv/AppVaccination/AppVaccination.vue

@@ -171,7 +171,7 @@ export default {
 .AppVaccination {
   height: 100%;
 
-  ::v-deep .dataPane {
+  :deep( .dataPane ){
     flex: 1;
     min-width: 0;
     background: #FFFFFF;
@@ -189,7 +189,7 @@ export default {
     }
   }
 
-  ::v-deep .mainPane {
+  :deep( .mainPane ){
     background: #fff;
     padding: 12px 16px;
     box-shadow: 0 4px 6px -2px rgba(15, 15, 21, 0.15);

packages/conv/AppVaccination/addVaccination.vue

@@ -206,7 +206,7 @@ export default {
 .addVaccination {
   height: 100%;
 
-  ::v-deep .ai-card__body, .el-form {
+  :deep( .ai-card__body), .el-form {
     display: flex;
     flex-wrap: wrap;
   }
@@ -227,7 +227,7 @@ export default {
     }
   }
 
-  ::v-deep .el-button {
+  :deep( .el-button ){
     .iconfont {
       color: inherit
     }

packages/conv/AppVillageActivity/components/Dynamic.vue

@@ -78,11 +78,11 @@
   .bbs {
     padding-top: 16px;
 
-    ::v-deep .ai-detail__content {
+    :deep( .ai-detail__content ){
       background: #F3F6F9;
     }
 
-    ::v-deep .ai-empty__bg {
+    :deep( .ai-empty__bg ){
       margin-top: 0;
     }
 

packages/conv/AppVillageActivity/components/Statistics.vue

@@ -396,13 +396,13 @@
 <style scoped lang="scss">
   .statistics {
     padding: 0!important;
-    ::v-deep .ai-list__content--right-wrapper {
+    :deep( .ai-list__content--right-wrapper ){
       background: transparent!important;
       box-shadow: none!important;
       padding: 0 0 0!important;
     }
 
-    ::v-deep .ai-list {
+    :deep( .ai-list ){
       padding: 0!important;
     }
 
@@ -505,7 +505,7 @@
 
         .addressBook-left__list--search {
           flex: 1;
-          ::v-deep input {
+          :deep( input ){
             width: 100%;
           }
         }
@@ -522,7 +522,7 @@
         font-size: 14px;
       }
 
-      ::v-deep .el-tree {
+      :deep( .el-tree ){
         background: transparent;
 
         .el-tree-node__expand-icon.is-leaf {
@@ -567,7 +567,7 @@
       }
     }
 
-    ::v-deep .ai-list__content--left {
+    :deep( .ai-list__content--left ){
       margin-right: 10px;
     }
 
@@ -619,7 +619,7 @@
       }
     }
 
-    ::v-deep .ai-list__content--right {
+    :deep( .ai-list__content--right ){
 
       .ai-list__content--right-wrapper {
         min-height: 100%;

packages/conv/AppVillageAlbum/components/List.vue

@@ -229,7 +229,7 @@
 
 <style scoped lang="scss">
   .list {
-    ::v-deep .ai-list__content {
+    :deep( .ai-list__content ){
       width: 100%;
       .ai-list__content--right {
         width: 100%!important;
@@ -241,7 +241,7 @@
         }
       }
     }
-    ::v-deep.el-pager {
+    :deep(.el-pager ){
       li.active + li {
         border-left: 1px solid #D0D4DC;
       }
@@ -258,13 +258,13 @@
         width: 100%;
         padding: 0;
       }
-      ::v-deep .el-pager li.active {
+      :deep( .el-pager li.active ){
         background-color: #fff !important;
         color: #2266FF !important;
         border-color: #2266FF;
       }
 
-      ::v-deep .el-pager li {
+      :deep( .el-pager li ){
         background-color: #fff;
         border: solid 1px #d0d4dc;
         margin-left: 8px;
@@ -286,7 +286,7 @@
           gap: 8px;
           color: #2266FF !important;
 
-          ::v-deep span, ::v-deep div {
+          :deep( span), :deep( div ){
             font-size: 12px;
             cursor: pointer;
             color: #2266FF !important;
@@ -311,11 +311,11 @@
           margin-left: 24px;
         }
 
-        ::v-deep .el-pagination button, .el-pagination span:not([class*=suffix]) {
+        :deep( .el-pagination button), .el-pagination span:not([class*=suffix]) {
           line-height: 1 !important;
         }
 
-        ::v-deep.el-checkbox {
+        :deep(.el-checkbox ){
           padding-left: 14px;
           display: flex;
           align-items: center;
@@ -385,7 +385,7 @@
             flex: 1;
           }
 
-          ::v-deep .el-button {
+          :deep( .el-button ){
             margin-left: 0;
             padding: 0;
             i {
@@ -422,7 +422,7 @@
             flex: 1;
 
             &:hover {
-              ::v-deep i, ::v-deep span {
+              :deep( i), :deep( span ){
                 color: #2266FF;
               }
             }

packages/conv/AppVillagerDiscussion/components/Add.vue

@@ -227,7 +227,7 @@
 
 <style scoped lang="scss">
   .move-item {
-    ::v-deep .el-form-item__label {
+    :deep( .el-form-item__label ){
       cursor: move;
     }
   }
@@ -240,7 +240,7 @@
           margin-left: 20px;
         }
 
-        ::v-deep .el-form-item__content {
+        :deep( .el-form-item__content ){
           margin-left: 0!important;
         }
       }

packages/conv/AppWeddingsFunerals/components/List.vue

@@ -159,7 +159,7 @@
 
 <style scoped lang="scss">
   .list {
-    ::v-deep .ai-list__content {
+    :deep( .ai-list__content ){
       padding: 0!important;
 
       .ai-list__content--right-wrapper {

packages/conv/creditScore/AppGridMemberScore/components/gridScoreManage.vue

@@ -298,7 +298,7 @@ export default {
 .gridScoreManage {
   height: 100%;
 
-  ::v-deep .ai-dialog .ai-dialog__content {
+  :deep( .ai-dialog .ai-dialog__content ){
     max-height: 600px!important;
   }
 
@@ -357,7 +357,7 @@ export default {
     }
   }
 
-  ::v-deep .selectCont .pagination {
+  :deep( .selectCont .pagination ){
     width: 100%!important;
     background: pink;
   }

packages/conv/creditScore/AppGridMemberScore/components/gridScoreRules.vue

@@ -467,15 +467,15 @@ export default {
   height: 100%;
   background: #f3f6f9;
 
-  ::v-deep .ai-list__content--right {
+  :deep( .ai-list__content--right ){
     width: 100%;
   }
 
-  // ::v-deep .searchRightZone {
+  // :deep( .searchRightZone ){
   //   display: flex;
   // }
 
-  ::v-deep .ai-dialog {
+  :deep( .ai-dialog ){
     .el-cascader {
       width: 100%;
     }

packages/conv/creditScore/AppGridMemberScore/components/gridScoreStatistics.vue

@@ -640,13 +640,13 @@ export default {
   //   display: inline;
   // }
 
-  ::v-deep .el-dialog__footer {
+  :deep( .el-dialog__footer ){
     text-align: center;
   }
-  ::v-deep .el-dialog__header {
+  :deep( .el-dialog__header ){
     border-bottom: 1px solid #DDD;
   }
-  ::v-deep .ai-detail {
+  :deep( .ai-detail ){
     background: #FFF;
   }
  }

packages/conv/creditScore/AppIntegralAudit/components/Detail.vue

@@ -218,15 +218,15 @@ export default {
     display: flex;
     align-items: center;
 
-    ::v-deep .el-form-item .el-form-item__content {
+    :deep( .el-form-item .el-form-item__content ){
       margin-left: 0 !important;
     }
 
-    ::v-deep .ai-select {
+    :deep( .ai-select ){
       margin: 0 !important;
     }
 
-    ::v-deep .el-form-item {
+    :deep( .el-form-item ){
       width: auto;
       margin-bottom: 0;
 

packages/conv/creditScore/AppIntegralAudit/components/List.vue

@@ -186,7 +186,7 @@
 
 <style scoped lang="scss">
   .list {
-    ::v-deep .ai-list__content {
+    :deep( .ai-list__content ){
       padding: 0!important;
 
       .ai-list__content--right-wrapper {

packages/conv/creditScore/scoreFamily/AppScoreFamily.vue

@@ -320,7 +320,7 @@ export default {
     padding: 0 8px;
   }
   .family-list{
-    ::v-deep .el-table--small{
+    :deep( .el-table--small){
       font-size: 14px!important;
     }
   }

packages/conv/creditScore/scorePersonal/AppScorePersonal.vue

@@ -400,7 +400,7 @@ export default {
     padding: 0 8px;
   }
   .family-list{
-    ::v-deep .el-table--small{
+    :deep( .el-table--small){
       font-size: 14px!important;
     }
   }

packages/conv/creditScore/scorePersonal/detail.vue

@@ -160,7 +160,7 @@ export default {
   }
 
   .fs-14 {
-    ::v-deep .el-table--small {
+    :deep( .el-table--small ){
       font-size: 14px !important;
     }
   }

packages/conv/creditScore/scoreRules/AppScoreRules.vue

@@ -282,11 +282,11 @@ export default {
   height: 100%;
   background: #f3f6f9;
 
-  ::v-deep .ai-list__content--right {
+  :deep( .ai-list__content--right ){
     width: 100%;
   }
 
-  ::v-deep .ai-dialog {
+  :deep( .ai-dialog ){
     .el-cascader {
       width: 100%;
     }

packages/conv/creditScore/scoreSupermarket/components/addOrder.vue

@@ -556,12 +556,12 @@ export default {
   }
 
   .goods {
-    ::v-deep .el-table td {
+    :deep( .el-table td ){
       border-bottom: none;
       padding: 2px 0;
     }
 
-    ::v-deep .el-table th {
+    :deep( .el-table th ){
       padding: 2px 0;
     }
   }

packages/conv/creditScore/scoreSysUser/ssuDetail.vue

@@ -192,7 +192,7 @@ export default {
     }
   }
 
-  ::v-deep.color-26f {
+  :deep(.color-26f ){
     color: #26f !important;
   }
 }

packages/conv/creditScore/scoreSysUser/ssuList.vue

@@ -104,7 +104,7 @@ export default {
   }
 
   .family-list {
-    ::v-deep .el-table--small {
+    :deep( .el-table--small ){
       font-size: 14px !important;
     }
   }

packages/core/AppAccount/AppAccount.vue

@@ -267,17 +267,17 @@ export default {
 .AppAccount {
   height: 100%;
 
-  ::v-deep .avatar {
+  :deep( .avatar ){
     width: 40px;
     height: 40px;
     margin-right: 10px;
   }
 
-  ::v-deep .ai-list__content--left {
+  :deep( .ai-list__content--left ){
     margin-right: 2px;
   }
 
-  ::v-deep .el-form {
+  :deep( .el-form ){
     .el-cascader {
       width: 100%;
     }

packages/core/AppAccountRole/accountRoleList.vue

@@ -345,7 +345,7 @@ export default {
 .accountRoleList {
   height: 100%;
 
-  ::v-deep.ai-card {
+  :deep(.ai-card ){
     box-shadow: none;
     border: 1px solid #eee;
 

packages/core/AppDictionary/dictDetail.vue

@@ -187,7 +187,7 @@ export default {
 .dictDetail {
   height: 100%;
 
-  ::v-deep .el-table__row {
+  :deep( .el-table__row ){
 
     .el-input__inner {
       padding: 0 30px;

packages/core/AppMenuManager/introPage.vue

@@ -82,7 +82,7 @@ export default {
 .introPage {
   height: 100%;
 
-  ::v-deep.ai-detail__content--wrapper {
+  :deep(.ai-detail__content--wrapper ){
     min-height: 100%;
 
     &.list {

packages/core/AppMenuManager/list.vue

@@ -186,7 +186,7 @@ export default {
 .list {
   height: 100%;
 
-  ::v-deep .ai-list__content--right-wrapper {
+  :deep( .ai-list__content--right-wrapper ){
     height: calc(100% - 10px);
     display: flex;
     flex-direction: column;

packages/core/AppQyWxConfig/list.vue

@@ -456,7 +456,7 @@ export default {
   height: 100%;
 
 
-  ::v-deep .mapDialog {
+  :deep( .mapDialog ){
     .el-dialog__body {
       padding: 0;
 

packages/core/AppRightsManager/AppRightsManager.vue

@@ -373,7 +373,7 @@ export default {
   height: 100%;
 
 
-  ::v-deep .ai-dialog {
+  :deep( .ai-dialog ){
     .ai-card {
       box-shadow: none;
       border: 1px solid #eee;
@@ -389,7 +389,7 @@ export default {
     }
   }
 
-  ::v-deep .rightsGraphDialog {
+  :deep( .rightsGraphDialog ){
     .el-dialog__body {
       padding: 0;
     }
@@ -399,7 +399,7 @@ export default {
     }
   }
 
-  ::v-deep .datail-table-body {
+  :deep( .datail-table-body ){
     width: 100%;
     height: auto;
     margin-bottom: 16px;

packages/core/AppRightsManager/rightsGraph.vue

@@ -183,7 +183,7 @@ export default {
 .rightsGraph {
   height: 100%;
 
-  ::v-deep #RightGraph {
+  :deep( #RightGraph ){
     width: 100%;
     height: 100%;
     min-height: 500px;

packages/core/AppSystemAccount/AppSystemAccount.vue

@@ -196,13 +196,13 @@ export default {
 .AppSystemAccount {
   height: 100%;
 
-  ::v-deep .avatar {
+  :deep( .avatar ){
     width: 40px;
     height: 40px;
     margin-right: 10px;
   }
 
-  ::v-deep .el-form {
+  :deep( .el-form ){
     .el-cascader, .el-select {
       width: 100%;
     }

packages/core/AppUserInfo/AppUserInfo.vue

@@ -180,11 +180,11 @@ export default {
 .AppUserInfo {
   height: 100%;
 
-  ::v-deep .ai-list__content--wrapper {
+  :deep( .ai-list__content--wrapper ){
     flex-direction: column;
   }
 
-  ::v-deep .el-input__inner {
+  :deep( .el-input__inner ){
 
     -webkit-text-security: disc !important;
 

packages/device/AppBroadcast/components/Add.vue

@@ -285,7 +285,7 @@ export default {
   }
 }
 
-::v-deep .mapDialog {
+:deep( .mapDialog ){
   .el-dialog__body {
     padding: 0;
 

packages/device/AppMediaManage/components/Add.vue

@@ -141,7 +141,7 @@ export default {
   }
 }
 
-::v-deep .mapDialog {
+:deep( .mapDialog ){
   .el-dialog__body {
     padding: 0;
 

packages/device/AppMediaManage/components/List.vue

@@ -232,7 +232,7 @@ export default {
     padding-left: 40px;
   }
 
-  ::v-deep .ai-info-item__right {
+  :deep( .ai-info-item__right ){
     width: 100%;
   }
 

packages/device/AppMonitor/AppMonitorDevice.vue

@@ -123,7 +123,7 @@ export default {
 
 <style lang="scss" scoped>
 .AppMonitorDevice {
-  ::v-deep .AiSearchBar {
+  :deep( .AiSearchBar ){
     margin-bottom: 10px;
   }
 }

packages/device/AppMonitor/AppMonitorManage.vue

@@ -202,7 +202,7 @@ export default {
     display: flex;
     flex-direction: column;
 
-    ::v-deep .headerBar {
+    :deep( .headerBar ){
       display: flex;
       align-items: center;
       justify-content: flex-end;
@@ -255,13 +255,13 @@ export default {
     }
   }
 
-  ::v-deep.el-tree-node__content:hover {
+  :deep(.el-tree-node__content:hover ){
     .menuBtn {
       display: block;
     }
   }
 
-  ::v-deep .flexRow {
+  :deep( .flexRow ){
     flex: 1;
     min-width: 0;
     display: flex;

packages/device/AppMonitor/AppMonitorMap.vue

@@ -162,7 +162,7 @@ export default {
 
   }
 
-  ::v-deep .monitorDialog {
+  :deep( .monitorDialog ){
 
     .el-dialog__header {
       font-size: 14px;
@@ -199,11 +199,11 @@ export default {
     }
   }
 
-  ::v-deep .amap-logo, ::v-deep .amap-copyright {
+  :deep( .amap-logo), :deep( .amap-copyright ){
     display: none !important;
   }
 
-  ::v-deep .amap-marker-label {
+  :deep( .amap-marker-label ){
     border-color: transparent;
     box-shadow: 1px 1px 0 0 rgba(#999, .2);
   }

packages/device/AppMonitor/components/deviceSlider.vue

@@ -178,7 +178,7 @@ export default {
       gap: 4px;
       margin-bottom: 16px;
 
-      ::v-deep.el-input__inner {
+      :deep(.el-input__inner ){
         color: #fff;
       }
     }
@@ -192,18 +192,18 @@ export default {
       justify-content: space-between;
       align-items: center;
 
-      ::v-deep .el-button {
+      :deep( .el-button ){
         padding: 0 4px;
         height: 28px;
         background: #3E4A69;
       }
 
-      ::v-deep .el-button:hover {
+      :deep( .el-button:hover ){
         border: none;
       }
     }
 
-    ::v-deep.deviceList {
+    :deep(.deviceList ){
       .el-scrollbar {
         height: 100%;
 
@@ -214,16 +214,16 @@ export default {
       }
     }
 
-    ::v-deep .el-progress__text, p {
+    :deep( .el-progress__text), p {
       color: #19D286;
     }
 
-    ::v-deep .el-input__inner {
+    :deep( .el-input__inner ){
       background: #282F45;
       border: none;
     }
 
-    ::v-deep .el-tree {
+    :deep( .el-tree ){
       background: transparent;
       color: #fff;
 
@@ -232,7 +232,7 @@ export default {
       }
     }
 
-    ::v-deep .el-input__icon {
+    :deep( .el-input__icon ){
       color: #89b;
     }
   }

packages/device/AppMonitor/components/settingDialog.vue

@@ -76,7 +76,7 @@ export default {
     flex-wrap: wrap;
   }
 
-  ::v-deep .el-form-item {
+  :deep( .el-form-item ){
     width: 50%;
 
     .el-form-item__label {

packages/device/IntelligentSecurity/AppISDevice.vue

@@ -126,7 +126,7 @@ export default {
 
 <style lang="scss" scoped>
 .AppISDevice {
-  ::v-deep .AiSearchBar {
+  :deep( .AiSearchBar ){
     margin-bottom: 10px;
   }
 }

packages/device/IntelligentSecurity/AppISManage.vue

@@ -309,7 +309,7 @@
       display: flex;
       flex-direction: column;
 
-      ::v-deep .headerBar {
+      :deep( .headerBar ){
         display: flex;
         align-items: center;
         justify-content: flex-end;
@@ -465,13 +465,13 @@
       }
     }
 
-    ::v-deep.el-tree-node__content:hover {
+    :deep(.el-tree-node__content:hover ){
       .menuBtn {
         display: block;
       }
     }
 
-    ::v-deep .flexRow {
+    :deep( .flexRow ){
       flex: 1;
       min-width: 0;
       display: flex;

packages/device/IntelligentSecurity/AppISMap.vue

@@ -162,7 +162,7 @@ export default {
 
   }
 
-  ::v-deep .monitorDialog {
+  :deep( .monitorDialog ){
 
     .el-dialog__header {
       font-size: 14px;
@@ -199,11 +199,11 @@ export default {
     }
   }
 
-  ::v-deep .amap-logo, ::v-deep .amap-copyright {
+  :deep( .amap-logo), :deep( .amap-copyright ){
     display: none !important;
   }
 
-  ::v-deep .amap-marker-label {
+  :deep( .amap-marker-label ){
     border-color: transparent;
     box-shadow: 1px 1px 0 0 rgba(#999, .2);
   }

packages/device/IntelligentSecurity/components/deviceSlider.vue

@@ -209,7 +209,7 @@ export default {
   .deviceList {
     overflow: auto;
 
-    ::v-deep .el-tree {
+    :deep( .el-tree ){
       width: -webkit-fit-content;
       width: -moz-fit-content;
       width: fit-content;
@@ -260,7 +260,7 @@ export default {
       gap: 4px;
       margin-bottom: 16px;
 
-      ::v-deep.el-input__inner {
+      :deep(.el-input__inner ){
         color: #fff;
       }
     }
@@ -274,17 +274,17 @@ export default {
       justify-content: space-between;
       align-items: center;
 
-      ::v-deep .el-button {
+      :deep( .el-button ){
         padding: 0 4px;
         height: 28px;
         background: #3E4A69;
       }
-      ::v-deep .el-button:hover {
+      :deep( .el-button:hover ){
         border: none;
       }
     }
 
-    ::v-deep.deviceList {
+    :deep(.deviceList ){
       padding: 0 8px;
 
       .el-scrollbar {
@@ -297,16 +297,16 @@ export default {
       }
     }
 
-    ::v-deep .el-progress__text, p {
+    :deep( .el-progress__text), p {
       color: #19D286;
     }
 
-    ::v-deep .el-input__inner {
+    :deep( .el-input__inner ){
       background: #282F45;
       border: none;
     }
 
-    ::v-deep .el-tree {
+    :deep( .el-tree ){
       background: transparent;
       color: #fff;
 
@@ -327,7 +327,7 @@ export default {
       }
     }
 
-    ::v-deep .el-input__icon {
+    :deep( .el-input__icon ){
       color: #89b;
     }
   }

packages/device/IntelligentSecurity/components/locateDialog.vue

@@ -120,7 +120,7 @@ export default {
     color: #999;
   }
 
-  ::v-deep .el-dialog__body {
+  :deep( .el-dialog__body ){
     padding: 0;
     height: 480px;
     position: relative;

packages/device/IntelligentSecurity/components/settingDialog.vue

@@ -76,7 +76,7 @@ export default {
     flex-wrap: wrap;
   }
 
-  ::v-deep .el-form-item {
+  :deep( .el-form-item ){
     width: 50%;
 
     .el-form-item__label {

packages/device/tutelage/AppTutlageMap/AppTutlageMap.vue

@@ -955,7 +955,7 @@ export default {
             font-size: 15px;
           }
         }
-        ::v-deep .el-tree {
+        :deep( .el-tree ){
           .el-tree-node__content {
             height: 32px;
           }
@@ -979,7 +979,7 @@ export default {
           }
         }
 
-        ::v-deep .el-tree--highlight-current .el-tree-node.is-current > .el-tree-node__content {
+        :deep( .el-tree--highlight-current .el-tree-node.is-current > .el-tree-node__content ){
           .tree-user {
             color: #fff;
           }
@@ -991,7 +991,7 @@ export default {
           font-size: 14px;
         }
 
-        ::v-deep .el-tree {
+        :deep( .el-tree ){
           background: transparent;
         }
       }
@@ -1006,7 +1006,7 @@ export default {
           width: 80px;
           margin-right: 4px;
 
-          ::v-deep i {
+          :deep( i ){
             color: #8899bb;
           }
         }
@@ -1014,7 +1014,7 @@ export default {
         .el-input {
           width: 164px;
 
-          ::v-deep i {
+          :deep( i ){
             color: #8899bb;
           }
         }
@@ -1022,7 +1022,7 @@ export default {
     }
   }
 
-  ::v-deep .ol-zoom {
+  :deep( .ol-zoom ){
     display: none !important;
     top: inherit !important;
     bottom: 0.5em !important;
@@ -1037,11 +1037,11 @@ export default {
     height: 100%;
   }
 
-  ::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;
 
@@ -1247,7 +1247,7 @@ export default {
   }
 }
 
-::v-deep .polymeric {
+:deep( .polymeric ){
   display: flex;
   position: relative;
   align-items: center;
@@ -1313,7 +1313,7 @@ export default {
   }
 }
 
-::v-deep .mark{
+:deep( .mark){
   position: relative;
   user-select: none;
   cursor: pointer;
@@ -1519,11 +1519,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/extra/AppAddressBook/components/List.vue

@@ -816,7 +816,7 @@ export default {
     padding: 0;
     font-size: 12px;
 
-    ::v-deep span {
+    :deep( span ){
       margin-left: 0;
     }
   }
@@ -829,7 +829,7 @@ export default {
     .addressBook-left__list--search {
       flex: 1;
 
-      ::v-deep input {
+      :deep( input ){
         width: 100%;
       }
     }
@@ -884,12 +884,12 @@ export default {
       height: 100%;
       overflow: auto;
 
-      ::v-deep .el-tree {
+      :deep( .el-tree ){
         width: fit-content;
         min-width: 100%;
       }
 
-      ::v-deep .el-scrollbar__wrap {
+      :deep( .el-scrollbar__wrap ){
         margin-bottom: 0 !important;
         overflow-x: hidden;
 
@@ -933,7 +933,7 @@ export default {
         font-size: 14px;
       }
 
-      ::v-deep .el-tree {
+      :deep( .el-tree ){
         background: transparent;
 
         .el-tree-node__expand-icon.is-leaf {
@@ -979,7 +979,7 @@ export default {
     }
   }
 
-  ::v-deep .ai-list__content--right {
+  :deep( .ai-list__content--right ){
     flex: 1;
     min-width: 0;
     margin-left: 1px;

packages/extra/AppCodeGeneration/components/Add.vue

@@ -469,7 +469,7 @@ export default {
 </script>
 
 <style scoped lang="scss">
-::v-deep .ai-card {
+:deep( .ai-card ){
   width: 100%;
 }
 
@@ -479,7 +479,7 @@ export default {
 }
 
 .add-form {
-  ::v-deep .AiPersonSelect {
+  :deep( .AiPersonSelect ){
     .el-button {
       border-color: transparent;
       background-color: transparent;

packages/extra/AppConsole/AppConsole.vue

@@ -317,7 +317,7 @@ export default {
         background-size: 100%;
         background-repeat: no-repeat;
 
-        ::v-deep .avatar {
+        :deep( .avatar ){
           padding: 8px;
           width: initial;
           height: initial;

packages/extra/AppLicence/AppLicence.vue

@@ -88,16 +88,16 @@ export default {
 .AppLicence {
   width: 100%;
   height: 100%;
-  ::v-deep .ai-list{
+  :deep( .ai-list){
     background-color: #F5F6F9;
   }
-  ::v-deep .ai-list .ai-list__content--right .ai-list__content--right-wrapper{
+  :deep( .ai-list .ai-list__content--right .ai-list__content--right-wrapper){
     background-color: #F5F6F9;
     box-shadow: 0 0 0 0;
     margin: 0!important;
     padding: 0!important;
   }
-  ::v-deep .el-upload-list{
+  :deep( .el-upload-list){
     display: none;
   }
   .licence-content{

packages/extra/AppNavConfig/components/List.vue

@@ -402,7 +402,7 @@
 
 <style scoped lang="scss">
   .list {
-    ::v-deep .ai-list__content {
+    :deep( .ai-list__content ){
       padding: 0!important;
 
       .ai-list__content--right-wrapper {

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;
 

packages/meta/AppPartyMember/components/Add.vue

@@ -1059,7 +1059,7 @@ export default {
 
 <style scoped lang="scss">
 .party {
-  ::v-deep .el-input-group__append {
+  :deep( .el-input-group__append ){
     height: 32px;
     margin: 0;
     padding: 0;
@@ -1078,7 +1078,7 @@ export default {
     }
   }
 
-  ::v-deep.cardTabs {
+  :deep(.cardTabs ){
     .el-tabs__header {
       padding: 0;
     }

packages/meta/AppPartyMember/components/Detail.vue

@@ -456,7 +456,7 @@ export default {
 
 <style scoped lang="scss">
 .party-detail {
-  ::v-deep .AiID {
+  :deep( .AiID ){
     line-height: 1.4;
     color: #222;
 

packages/meta/AppPartyMember/components/List.vue

@@ -277,15 +277,15 @@ export default {
     align-items: center;
   }
 
-  ::v-deep .audit-0 {
+  :deep( .audit-0 ){
     color: #FF8822 !important;
   }
 
-  ::v-deep .audit-1 {
+  :deep( .audit-1 ){
     color: #2EA222 !important;
   }
 
-  ::v-deep .ai-list__content--right {
+  :deep( .ai-list__content--right ){
     flex: 1;
     min-width: 0;
     margin-left: 1px;
@@ -295,7 +295,7 @@ export default {
       width: 100%;
     }
   }
-  ::v-deep .is-current>.el-tree-node__content{
+  :deep( .is-current>.el-tree-node__content){
     width: 100%!important;
     padding-right: 16px!important;
   }

packages/meta/AppPartyMember/components/neighbourSetting.vue

@@ -187,7 +187,7 @@ export default {
     margin-top: 16px;
   }
 
-  ::v-deep.ai-dialog__content {
+  :deep(.ai-dialog__content ){
     .ai-dialog__content--wrapper {
       padding-right: 0;
       display: flex;
@@ -223,7 +223,7 @@ export default {
     }
   }
 
-  ::v-deep.searchbar {
+  :deep(.searchbar ){
     padding-right: 0;
   }
 }

packages/meta/AppResident/auditDetail.vue

@@ -498,11 +498,11 @@ export default {
     }
   }
 
-  ::v-deep .el-form-item__error {
+  :deep( .el-form-item__error ){
     position: static;
   }
 
-  ::v-deep .content-right {
+  :deep( .content-right ){
     box-sizing: border-box;
     display: flex;
     flex-direction: column;
@@ -629,7 +629,7 @@ export default {
       display: flex;
       align-items: center;
 
-      ::v-deep .el-checkbox__label {
+      :deep( .el-checkbox__label ){
         font-size: 14px;
       }
     }

packages/meta/AppResident/residentDetail.vue

@@ -710,13 +710,13 @@ export default {
   height: 100%;
   font-size: 14px;
 
-  ::v-deep.el-tabs__content {
+  :deep(.el-tabs__content ){
     max-height: calc(100vh - 176px);
     overflow-y: auto;
 
   }
 
-  ::v-deep .AiID {
+  :deep( .AiID ){
     line-height: unset;
 
     .el-button--text {
@@ -725,7 +725,7 @@ export default {
     }
   }
 
-  ::v-deep .el-form-item {
+  :deep( .el-form-item ){
     margin-bottom: 10px;
 
     .el-form-item {
@@ -737,7 +737,7 @@ export default {
     }
   }
 
-  ::v-deep .el-form-item__error {
+  :deep( .el-form-item__error ){
     position: static;
   }
 }