::v-deep=>:deep()

packages/wxwork/Announce/AppAnnounce/components/Detail.vue

@@ -506,7 +506,7 @@
         background: rgba($color: #000000, $alpha: 0.6);
       }
 
-      ::v-deep .phone-container {
+      :deep( .phone-container ){
         position: absolute;
         left: 50%;
         top: 50%;
@@ -667,7 +667,7 @@
       }
     }
 
-    ::v-deep .AppAnnounceDetail-title {
+    :deep( .AppAnnounceDetail-title ){
       display: flex;
       align-items: center;
 
@@ -758,7 +758,7 @@
       }
     }
 
-    ::v-deep .right-tips {
+    :deep( .right-tips ){
       display: flex;
       align-items: center;
 

packages/wxwork/Announce/AppAnnounceStatistics/AppAnnounceStatistics.vue

@@ -50,7 +50,7 @@
                   </el-card>
                 </el-timeline-item>
               </el-timeline>
-              
+
             </div>
             <ai-empty v-if="!taskList.length" />
           </div>
@@ -613,7 +613,7 @@
             height: 22px;
             overflow:hidden;
             white-space: nowrap;
-            text-overflow: ellipsis; 
+            text-overflow: ellipsis;
             vertical-align: bottom;
           }
           .el-icon-arrow-down{
@@ -680,11 +680,11 @@
     }
 
 
-    ::v-deep .el-calendar-table:not(.is-range) td.next,
-    ::v-deep .el-calendar-table:not(.is-range) td.prev {
+    :deep( .el-calendar-table:not(.is-range) td.next),
+    :deep( .el-calendar-table:not(.is-range) td.prev ){
       color: #ccc;
     }
-    ::v-deep .el-calendar-table .el-calendar-day{
+    :deep( .el-calendar-table .el-calendar-day){
       height: 48px;
       line-height: 32px;
       padding-left: 12px;
@@ -694,48 +694,48 @@
     .el-calendar-table:not(.is-range) td .current{
       color: #888;
     }
-    ::v-deep .el-calendar__header{
+    :deep( .el-calendar__header){
       display: none;
     }
-    ::v-deep .el-calendar__body{
+    :deep( .el-calendar__body){
       padding: 0;
     }
-    ::v-deep .el-calendar-table thead th:nth-of-type(1){
+    :deep( .el-calendar-table thead th:nth-of-type(1)){
       border-left: 1px solid #eee;
     }
-    ::v-deep .el-calendar-table thead th:nth-of-type(7){
+    :deep( .el-calendar-table thead th:nth-of-type(7)){
       border-right: 1px solid #eee;
     }
-    ::v-deep .el-calendar-table tr td:first-child {
+    :deep( .el-calendar-table tr td:first-child ){
       border-left: 1px solid #eee;
     }
-    ::v-deep .el-calendar-table tr:first-child td {
+    :deep( .el-calendar-table tr:first-child td ){
       border-top: 1px solid #eee;
     }
-    ::v-deep .el-calendar-table td {
+    :deep( .el-calendar-table td ){
       border-bottom: 1px solid #eee;
       border-right: 1px solid #eee;
     }
-    ::v-deep .el-timeline-item__timestamp.is-top{
+    :deep( .el-timeline-item__timestamp.is-top){
       margin-bottom: 0;
       padding-top: 0;
     }
-    ::v-deep .el-timeline-item__node{
+    :deep( .el-timeline-item__node){
       background-color: #26F;
       width: 8px;
       height: 8px;
       border-radius: 50%;
       left: 1px;
     }
-    ::v-deep .el-card{
+    :deep( .el-card){
       border: none;
     }
-    ::v-deep .el-card__body{
+    :deep( .el-card__body){
       padding: 8px;
     }
   }
 
-  ::v-deep .ai-list__content {
+  :deep( .ai-list__content ){
     padding: 0!important;
 
     .ai-list__content--right-wrapper {
@@ -746,7 +746,7 @@
     }
   }
 
-  ::v-deep .AiPicker{
+  :deep( .AiPicker){
     display: inline-block;
   }
 </style>

packages/wxwork/AnnounceResident/AppAnnounceResident/components/Detail.vue

@@ -421,7 +421,7 @@
         background: rgba($color: #000000, $alpha: 0.6);
       }
 
-      ::v-deep .phone-container {
+      :deep( .phone-container ){
         position: absolute;
         left: 50%;
         top: 50%;
@@ -582,7 +582,7 @@
       }
     }
 
-    ::v-deep .AppAnnounceDetail-title {
+    :deep( .AppAnnounceDetail-title ){
       display: flex;
       align-items: center;
 
@@ -673,7 +673,7 @@
       }
     }
 
-    ::v-deep .right-tips {
+    :deep( .right-tips ){
       display: flex;
       align-items: center;
 

packages/wxwork/AnnounceResident/AppAnnounceResidentStatistics/AppAnnounceResidentStatistics.vue

@@ -687,11 +687,11 @@
     }
 
 
-    ::v-deep .el-calendar-table:not(.is-range) td.next,
-    ::v-deep .el-calendar-table:not(.is-range) td.prev {
+    :deep( .el-calendar-table:not(.is-range) td.next),
+    :deep( .el-calendar-table:not(.is-range) td.prev ){
       color: #ccc;
     }
-    ::v-deep .el-calendar-table .el-calendar-day{
+    :deep( .el-calendar-table .el-calendar-day){
       height: 48px;
       line-height: 32px;
       padding-left: 12px;
@@ -701,48 +701,48 @@
     .el-calendar-table:not(.is-range) td .current{
       color: #888;
     }
-    ::v-deep .el-calendar__header{
+    :deep( .el-calendar__header){
       display: none;
     }
-    ::v-deep .el-calendar__body{
+    :deep( .el-calendar__body){
       padding: 0;
     }
-    ::v-deep .el-calendar-table thead th:nth-of-type(1){
+    :deep( .el-calendar-table thead th:nth-of-type(1)){
       border-left: 1px solid #eee;
     }
-    ::v-deep .el-calendar-table thead th:nth-of-type(7){
+    :deep( .el-calendar-table thead th:nth-of-type(7)){
       border-right: 1px solid #eee;
     }
-    ::v-deep .el-calendar-table tr td:first-child {
+    :deep( .el-calendar-table tr td:first-child ){
       border-left: 1px solid #eee;
     }
-    ::v-deep .el-calendar-table tr:first-child td {
+    :deep( .el-calendar-table tr:first-child td ){
       border-top: 1px solid #eee;
     }
-    ::v-deep .el-calendar-table td {
+    :deep( .el-calendar-table td ){
       border-bottom: 1px solid #eee;
       border-right: 1px solid #eee;
     }
-    ::v-deep .el-timeline-item__timestamp.is-top{
+    :deep( .el-timeline-item__timestamp.is-top){
       margin-bottom: 0;
       padding-top: 0;
     }
-    ::v-deep .el-timeline-item__node{
+    :deep( .el-timeline-item__node){
       background-color: #26F;
       width: 8px;
       height: 8px;
       border-radius: 50%;
       left: 1px;
     }
-    ::v-deep .el-card{
+    :deep( .el-card){
       border: none;
     }
-    ::v-deep .el-card__body{
+    :deep( .el-card__body){
       padding: 8px;
     }
   }
 
-  ::v-deep .ai-list__content {
+  :deep( .ai-list__content ){
     padding: 0!important;
 
     .ai-list__content--right-wrapper {
@@ -753,7 +753,7 @@
     }
   }
 
-  ::v-deep .AiPicker{
+  :deep( .AiPicker){
     display: inline-block;
   }
 </style>

packages/wxwork/AnnounceWeChat/AppAnnounceWeChat/components/Detail.vue

@@ -386,7 +386,7 @@
         background: rgba($color: #000000, $alpha: 0.6);
       }
 
-      ::v-deep .phone-container {
+      :deep( .phone-container ){
         position: absolute;
         left: 50%;
         top: 50%;
@@ -547,7 +547,7 @@
       }
     }
 
-    ::v-deep .AppAnnounceDetail-title {
+    :deep( .AppAnnounceDetail-title ){
       display: flex;
       align-items: center;
 
@@ -638,7 +638,7 @@
       }
     }
 
-    ::v-deep .right-tips {
+    :deep( .right-tips ){
       display: flex;
       align-items: center;
 

packages/wxwork/AnnounceWeChat/AppAnnounceWeChatStatistics/AppAnnounceWeChatStatistics.vue

@@ -687,11 +687,11 @@
     }
 
 
-    ::v-deep .el-calendar-table:not(.is-range) td.next,
-    ::v-deep .el-calendar-table:not(.is-range) td.prev {
+    :deep( .el-calendar-table:not(.is-range) td.next),
+    :deep( .el-calendar-table:not(.is-range) td.prev ){
       color: #ccc;
     }
-    ::v-deep .el-calendar-table .el-calendar-day{
+    :deep( .el-calendar-table .el-calendar-day){
       height: 48px;
       line-height: 32px;
       padding-left: 12px;
@@ -701,48 +701,48 @@
     .el-calendar-table:not(.is-range) td .current{
       color: #888;
     }
-    ::v-deep .el-calendar__header{
+    :deep( .el-calendar__header){
       display: none;
     }
-    ::v-deep .el-calendar__body{
+    :deep( .el-calendar__body){
       padding: 0;
     }
-    ::v-deep .el-calendar-table thead th:nth-of-type(1){
+    :deep( .el-calendar-table thead th:nth-of-type(1)){
       border-left: 1px solid #eee;
     }
-    ::v-deep .el-calendar-table thead th:nth-of-type(7){
+    :deep( .el-calendar-table thead th:nth-of-type(7)){
       border-right: 1px solid #eee;
     }
-    ::v-deep .el-calendar-table tr td:first-child {
+    :deep( .el-calendar-table tr td:first-child ){
       border-left: 1px solid #eee;
     }
-    ::v-deep .el-calendar-table tr:first-child td {
+    :deep( .el-calendar-table tr:first-child td ){
       border-top: 1px solid #eee;
     }
-    ::v-deep .el-calendar-table td {
+    :deep( .el-calendar-table td ){
       border-bottom: 1px solid #eee;
       border-right: 1px solid #eee;
     }
-    ::v-deep .el-timeline-item__timestamp.is-top{
+    :deep( .el-timeline-item__timestamp.is-top){
       margin-bottom: 0;
       padding-top: 0;
     }
-    ::v-deep .el-timeline-item__node{
+    :deep( .el-timeline-item__node){
       background-color: #26F;
       width: 8px;
       height: 8px;
       border-radius: 50%;
       left: 1px;
     }
-    ::v-deep .el-card{
+    :deep( .el-card){
       border: none;
     }
-    ::v-deep .el-card__body{
+    :deep( .el-card__body){
       padding: 8px;
     }
   }
 
-  ::v-deep .ai-list__content {
+  :deep( .ai-list__content ){
     padding: 0!important;
 
     .ai-list__content--right-wrapper {
@@ -753,7 +753,7 @@
     }
   }
 
-  ::v-deep .AiPicker{
+  :deep( .AiPicker){
     display: inline-block;
   }
 </style>

packages/wxwork/AppBuddyMessage/components/Add.vue

@@ -324,7 +324,7 @@
         border-color: #2266FF;
       }
 
-      ::v-deep {
+      :deep( ){
         .el-radio__label {
           display: none;
         }

packages/wxwork/AppClientMassTextin/components/NewClientMass.vue

@@ -311,7 +311,7 @@
       }
     }
 
-    ::v-deep .AiPersonSelect {
+    :deep( .AiPersonSelect ){
       & > button {
         background: #F5F5F5;
         border-radius: 0px 2px 2px 0px;
@@ -327,7 +327,7 @@
       color: #222222;
     }
 
-    ::v-deep .msg-title {
+    :deep( .msg-title ){
       & > .aibar {
         justify-content: flex-start;
 

packages/wxwork/AppMassNotification/components/Add.vue

@@ -20,7 +20,7 @@
                   <el-radio label="2">居民群</el-radio>
                   <el-radio label="1">居民</el-radio>
                 </el-radio-group>
-                
+
               </el-form-item>
               <el-form-item label="地区选择" style="width: 100%">
                 <ai-area-get v-model="areaId" :root="areaRootId" :instance="instance" @select="handleAreaSelect" multiple size="small" placeholder="请选择"/>
@@ -254,7 +254,7 @@ export default {
                 accessUrl: item.url,
               }
             })
-          } 
+          }
 
           this.form.fileList = [...contentList, ...this.imgs, ...this.videos, ...this.files]
 
@@ -328,7 +328,7 @@ export default {
       border-color: #2266FF;
     }
 
-    ::v-deep {
+    :deep( ){
       .el-radio__label {
         display: none;
       }

packages/wxwork/AppMassNotification/components/SelectDeptUser.vue

@@ -180,7 +180,7 @@ export default {
 
 <style lang="scss" scoped>
 .SelectDeptUser {
-  ::v-deep.optionsItem {
+  :deep(.optionsItem ){
     border: 1px solid #eee;
     margin-bottom: 8px;
     padding: 8px;

packages/wxwork/AppMsgTemplate/components/Detail.vue

@@ -171,7 +171,7 @@ export default {
 <style scoped lang="scss">
 .detail {
   .AiTitle {
-    ::v-deep.ai-detail__title {
+    :deep(.ai-detail__title ){
       // padding: 10px 0 0 10px;
       background-color: #fff;
     }

packages/wxwork/AppMsgTemplate/components/commonList.vue

@@ -491,14 +491,14 @@ export default {
   // text-overflow: ellipsis;
   height: 100%;
   background: #f3f6f9;
-  ::v-deep.btn {
+  :deep(.btn ){
     margin-bottom: 10px;
   }
-  ::v-deep.cell {
+  :deep(.cell ){
     width: 40px;
     height: 40px;
-    ::v-deep.table-left__wrapper {
-      ::v-deep .img {
+    :deep(.table-left__wrapper ){
+      :deep( .img ){
         // object-fit: fill;
         width: 40px;
         height: 40px;

packages/wxwork/AppMsgTemplate/components/detailSystem.vue

@@ -170,7 +170,7 @@ export default {
 <style scoped lang="scss">
 .detail {
   .AiTitle {
-    ::v-deep.ai-detail__title {
+    :deep(.ai-detail__title ){
       // padding: 10px 0 0 10px;
       background-color: #fff;
     }

packages/wxwork/AppMsgTemplate/components/systemList.vue

@@ -719,10 +719,10 @@ export default {
   height: 100%;
   .el-alert {
     margin-bottom: 10px;
-    // ::v-deep.el-alert__content {
+    // :deep(.el-alert__content ){
     //   color: red;
     // }
-    ::v-deep.el-alert__closebtn {
+    :deep(.el-alert__closebtn ){
       color: #8d96a9;
     }
   }

packages/wxwork/AppNotification/AppNotification.vue

@@ -74,7 +74,7 @@
   }
 </script>
 <style lang="scss" scoped>
-  ::v-deep .ai-list__content--right-wrapper {
+  :deep( .ai-list__content--right-wrapper ){
     background-color: transparent !important;
     box-shadow: none !important;
   }

packages/wxwork/AppNotification/components/add.vue

@@ -148,7 +148,7 @@ export default {
 </script>
 
 <style lang="scss" scoped>
-::v-deep .picker {
+:deep( .picker ){
   width: 300px;
 
   .el-form-item__content {
@@ -172,7 +172,7 @@ export default {
   white-space: nowrap;
 }
 
-::v-deep .AiOpenData {
+:deep( .AiOpenData ){
   height: auto !important;
 
   &:after {

packages/wxwork/AppNotification/components/detail.vue

@@ -65,7 +65,7 @@ export default {
 </script>
 
 <style lang="scss" scoped>
-::v-deep .title {
+:deep( .title ){
   .aibar-left {
     width: 100%;
     text-align: center;

packages/wxwork/AppNotification/components/manageDetail.vue

@@ -175,7 +175,7 @@ export default {
 </script>
 
 <style lang="scss" scoped>
-::v-deep .title {
+:deep( .title ){
   .aibar-left {
     width: 100%;
     text-align: center;

packages/wxwork/AppNotification/components/noticeManage.vue

@@ -227,7 +227,7 @@ export default {
 </script>
 
 <style lang="scss" scoped>
-::v-deep .status {
+:deep( .status ){
   color: rgba(41, 107, 251, 100);
   cursor: pointer;
 }
@@ -238,7 +238,7 @@ header {
   margin-bottom: 10px;
 }
 
-::v-deep .wrap {
+:deep( .wrap ){
   display: flex;
   align-items: center;
   flex-wrap: wrap;

packages/wxwork/AppNotification/components/recentNotice.vue

@@ -189,7 +189,7 @@ export default {
       }
     }
 
-    ::v-deep .row {
+    :deep( .row ){
       margin-top: 10px;
 
       span {
@@ -205,7 +205,7 @@ export default {
   }
 }
 
-::v-deep .page {
+:deep( .page ){
   font-size: 12px;
   color: #555555;
 

packages/wxwork/AppResidentGroupManage/components/Detail.vue

@@ -268,7 +268,7 @@
 
 <style scoped lang="scss">
   .AppResidentManage {
-    ::v-deep .ai-detail__content--wrapper {
+    :deep( .ai-detail__content--wrapper ){
       max-width: 100% !important;
       padding: 20px;
     }
@@ -366,7 +366,7 @@
       }
     }
 
-    ::v-deep .avatar {
+    :deep( .avatar ){
       width: 40px;
       height: 40px;
       vertical-align: middle;

packages/wxwork/AppResidentGroupManage/components/Statistics.vue

@@ -166,7 +166,7 @@
 
 <style scoped lang="scss">
   .statistics {
-    ::v-deep .ai-list__content--right-wrapper {
+    :deep( .ai-list__content--right-wrapper ){
       background: transparent !important;
       box-shadow: none !important;
       padding: 12px 0 12px !important;

packages/wxwork/AppResidentManage/components/Detail.vue

@@ -231,7 +231,7 @@
 
 <style scoped lang="scss">
   .AppResidentManage {
-    ::v-deep .ai-detail__content--wrapper {
+    :deep( .ai-detail__content--wrapper ){
       max-width: 100% !important;
       padding: 20px;
     }
@@ -295,7 +295,7 @@
               font-weight: normal;
             }
 
-            ::v-deep i {
+            :deep( i ){
               font-style: normal;
               color: #2266FF;
             }

packages/wxwork/AppResidentManage/components/Statistics.vue

@@ -160,7 +160,7 @@
 
 <style scoped lang="scss">
   .statistics {
-    ::v-deep .ai-list__content--right-wrapper {
+    :deep( .ai-list__content--right-wrapper ){
       background: transparent!important;
       box-shadow: none!important;
       padding: 12px 0 12px!important;

packages/wxwork/AppVerbalTrick/AppVerbalTrick.vue

@@ -489,27 +489,27 @@ export default {
     }
   }
 
-  ::v-deep .el-scrollbar__wrap {
+  :deep( .el-scrollbar__wrap ){
     overflow-x: hidden;
   }
 }
 
-::v-deep .ai-list__content--right {
+:deep( .ai-list__content--right ){
 
   .ai-list__content--right-wrapper {
     min-height: 100%;
   }
 }
 
-::v-deep .has-gutter tr {
+:deep( .has-gutter tr ){
   height: 40px;
 }
 
-::v-deep .el-table__row td {
+:deep( .el-table__row td ){
   height: 68px;
 }
 
-// ::v-deep .el-table__row td .cell {
+// :deep( .el-table__row td .cell ){
 //   width: 240px;
 //   height: 44px;
 // }
@@ -542,7 +542,7 @@ export default {
   }
 }
 
-::v-deep .media {
+:deep( .media ){
   object-fit: fill;
   width: 40px;
   height: 40px;
@@ -550,7 +550,7 @@ export default {
   box-sizing: content-box;
 }
 
-::v-deep .AiPersonSelect {
+:deep( .AiPersonSelect ){
   & > button {
     background: #f5f5f5;
     border-radius: 0px 2px 2px 0px;
@@ -559,7 +559,7 @@ export default {
   }
 }
 
-::v-deep .is-active {
+:deep( .is-active ){
   border-right: 2px solid #2266ff;
 }
 </style>

packages/wxwork/AppVillageCode/components/List.vue

@@ -286,7 +286,7 @@
 
       .addressBook-left__list--search {
         flex: 1;
-        ::v-deep input {
+        :deep( input ){
           width: 100%;
         }
       }
@@ -303,7 +303,7 @@
       font-size: 14px;
     }
 
-    ::v-deep .el-tree {
+    :deep( .el-tree ){
       background: transparent;
 
       .el-tree-node__expand-icon.is-leaf {
@@ -340,7 +340,7 @@
         }
 
         background: #2266FF;
-        
+
         span {
           color: #fff;
         }
@@ -396,7 +396,7 @@
     }
   }
 
-  ::v-deep .ai-list__content--right {
+  :deep( .ai-list__content--right ){
 
     .ai-list__content--right-wrapper {
       min-height: 100%;