::v-deep=>:deep()

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

@@ -123,7 +123,7 @@
           node-key="id"
           check-strictly
           ref="tree"
-          show-checkbox 
+          show-checkbox
           :default-checked-keys="defaultChecked"
           :default-expanded-keys="defaultExpanded"
           default-expand-all>
@@ -254,7 +254,7 @@
 
           return false
         }
-        
+
 
         this.info = e
         this.isLoading = true
@@ -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 {