refactor: use rd as namespace

DevCloudFE · Oct 25, 2022 · 7175681 · 7175681
1 parent 895519f
commit 7175681
Show file tree

Hide file tree

Showing 115 changed files with 1,211 additions and 1,209 deletions.
diff --git a/packages/platform/src/app/components/chart/theme.json b/packages/platform/src/app/components/chart/theme.json
@@ -5,10 +5,10 @@
     "textStyle": {},
     "title": {
       "textStyle": {
-        "color": "var(--d-text-color)"
+        "color": "var(--rd-text-color)"
       },
       "subtextStyle": {
-        "color": "var(--d-text-color-sub)"
+        "color": "var(--rd-text-color-sub)"
       }
     },
     "line": {
@@ -21,7 +21,7 @@
       "symbolSize": "8",
       "symbol": "emptyCircle",
       "label": {
-        "color": "var(--d-text-color-sub)"
+        "color": "var(--rd-text-color-sub)"
       },
       "smooth": false
     },
@@ -42,12 +42,12 @@
         "barBorderColor": "#ccc"
       },
       "label": {
-        "color": "var(--d-text-color-sub)"
+        "color": "var(--rd-text-color-sub)"
       }
     },
     "pie": {
       "label": {
-        "color": "var(--d-text-color-sub)"
+        "color": "var(--rd-text-color-sub)"
       },
       "itemStyle": {
         "borderWidth": 0,
@@ -159,11 +159,11 @@
     "treemap": {
       "breadcrumb": {
         "itemStyle": {
-          "color": "var(--d-color-icon-decorator)"
+          "color": "var(--rd-color-icon-decorator)"
         },
         "emphasis": {
           "itemStyle": {
-            "color": "var(--d-color-primary-lighter)"
+            "color": "var(--rd-color-primary-lighter)"
           }
         }
       }
@@ -172,7 +172,7 @@
       "axisLine": {
         "show": true,
         "lineStyle": {
-          "color": "var(--d-color-border)"
+          "color": "var(--rd-color-border)"
         }
       },
       "axisTick": {
@@ -183,12 +183,12 @@
       },
       "axisLabel": {
         "show": true,
-        "color": "var(--d-text-color-sub)"
+        "color": "var(--rd-text-color-sub)"
       },
       "splitLine": {
         "show": true,
         "lineStyle": {
-          "color": ["var(--d-color-divider)"]
+          "color": ["var(--rd-color-divider)"]
         }
       },
       "splitArea": {
@@ -202,7 +202,7 @@
       "axisLine": {
         "show": true,
         "lineStyle": {
-          "color": "var(--d-color-border)"
+          "color": "var(--rd-color-border)"
         }
       },
       "axisTick": {
@@ -213,12 +213,12 @@
       },
       "axisLabel": {
         "show": true,
-        "color": "var(--d-text-color-sub)"
+        "color": "var(--rd-text-color-sub)"
       },
       "splitLine": {
         "show": true,
         "lineStyle": {
-          "color": ["var(--d-color-divider)"]
+          "color": ["var(--rd-color-divider)"]
         }
       },
       "splitArea": {
@@ -232,7 +232,7 @@
       "axisLine": {
         "show": true,
         "lineStyle": {
-          "color": "var(--d-color-border)"
+          "color": "var(--rd-color-border)"
         }
       },
       "axisTick": {
@@ -243,12 +243,12 @@
       },
       "axisLabel": {
         "show": true,
-        "color": "var(--d-text-color-sub)"
+        "color": "var(--rd-text-color-sub)"
       },
       "splitLine": {
         "show": true,
         "lineStyle": {
-          "color": ["var(--d-color-divider)"]
+          "color": ["var(--rd-color-divider)"]
         }
       },
       "splitArea": {
@@ -262,7 +262,7 @@
       "axisLine": {
         "show": true,
         "lineStyle": {
-          "color": "var(--d-color-border)"
+          "color": "var(--rd-color-border)"
         }
       },
       "axisTick": {
@@ -273,12 +273,12 @@
       },
       "axisLabel": {
         "show": true,
-        "color": "var(--d-text-color-sub)"
+        "color": "var(--rd-text-color-sub)"
       },
       "splitLine": {
         "show": true,
         "lineStyle": {
-          "color": ["var(--d-color-divider)"]
+          "color": ["var(--rd-color-divider)"]
         }
       },
       "splitArea": {
@@ -290,17 +290,17 @@
     },
     "toolbox": {
       "iconStyle": {
-        "borderColor": "var(--d-color-icon-decorator)"
+        "borderColor": "var(--rd-color-icon-decorator)"
       },
       "emphasis": {
         "iconStyle": {
-          "borderColor": "var(--d-color-primary-lighter)"
+          "borderColor": "var(--rd-color-primary-lighter)"
         }
       }
     },
     "legend": {
       "textStyle": {
-        "color": "var(--d-text-color-sub)"
+        "color": "var(--rd-text-color-sub)"
       }
     },
     "tooltip": {
@@ -318,47 +318,47 @@
     },
     "timeline": {
       "lineStyle": {
-        "color": "var(--d-color-border)",
+        "color": "var(--rd-color-border)",
         "width": 1
       },
       "itemStyle": {
-        "color": "var(--d-color-icon-decorator)",
+        "color": "var(--rd-color-icon-decorator)",
         "borderWidth": 1
       },
       "controlStyle": {
-        "color": "var(--d-color-icon-decorator)",
-        "borderColor": "var(--d-color-icon-decorator)",
+        "color": "var(--rd-color-icon-decorator)",
+        "borderColor": "var(--rd-color-icon-decorator)",
         "borderWidth": 0.5
       },
       "checkpointStyle": {
-        "color": "var(--d-color-primary-lighter)",
-        "borderColor": "var(--d-color-primary-lighter)"
+        "color": "var(--rd-color-primary-lighter)",
+        "borderColor": "var(--rd-color-primary-lighter)"
       },
       "label": {
-        "color": "var(--d-text-color-sub)"
+        "color": "var(--rd-text-color-sub)"
       },
       "progress": {
         "lineStyle": {
-          "color": "var(--d-color-primary)"
+          "color": "var(--rd-color-primary)"
         },
         "itemStyle": {
-          "color": "var(--d-color-primary)"
+          "color": "var(--rd-color-primary)"
         },
         "label": {
-          "color": "var(--d-color-primary)"
+          "color": "var(--rd-color-primary)"
         }
       },
       "emphasis": {
         "itemStyle": {
-          "color": "var(--d-color-primary-lighter)"
+          "color": "var(--rd-color-primary-lighter)"
         },
         "controlStyle": {
-          "color": "var(--d-color-primary-lighter)",
-          "borderColor": "var(--d-color-primary-lighter)",
+          "color": "var(--rd-color-primary-lighter)",
+          "borderColor": "var(--rd-color-primary-lighter)",
           "borderWidth": 0.5
         },
         "label": {
-          "color": "var(--d-color-primary-lighter)"
+          "color": "var(--rd-color-primary-lighter)"
         }
       }
     },
@@ -369,7 +369,7 @@
       "backgroundColor": "transparent",
       "handleSize": "100%",
       "textStyle": {
-        "color": "var(--d-text-color-sub)"
+        "color": "var(--rd-text-color-sub)"
       }
     },
     "markPoint": {

diff --git a/packages/platform/src/app/components/map/MapInfoWindow.tsx b/packages/platform/src/app/components/map/MapInfoWindow.tsx
@@ -62,7 +62,7 @@ export function AppMapInfoWindow(props: AppMapInfoWindowProps): JSX.Element | nu
       if (isUndefined(aPosition)) {
         throw new Error('`aPosition` is required when `aVisible` is `true`!');
       }
-      (infoWindow.open as any)(map, aPosition);
+      infoWindow.open(map, aPosition);
 
       return () => {
         map.clearInfoWindow();

diff --git a/packages/platform/src/app/components/map/MapMarker.tsx b/packages/platform/src/app/components/map/MapMarker.tsx
@@ -47,9 +47,9 @@ export function AppMapMarker(props: AppMapMarkerProps): JSX.Element | null {
               : aOptions.offset,
           },
           AMAP_V1
-            ? ({
+            ? {
                 resizeEnable: aOptions['reresizeEnable'] ?? true,
-              } as any)
+              }
             : {}
         )
       );

diff --git a/packages/platform/src/app/routes/dashboard/amap/AMap.tsx b/packages/platform/src/app/routes/dashboard/amap/AMap.tsx
@@ -25,12 +25,10 @@ export default function AMap(): JSX.Element | null {
       />
       <AppMap
         style={{ paddingTop: '61.8%' }}
-        aOptions={
-          {
-            center: [104.937478, 35.439575],
-            zoom: 5,
-          } as any
-        }
+        aOptions={{
+          center: [104.937478, 35.439575],
+          zoom: 5,
+        }}
       >
         {mapTmp === 'Marker' ? (
           <AppMap.Marker aOptions={{ position: [116.406315, 39.908775] }}></AppMap.Marker>

diff --git a/packages/platform/src/app/routes/exception/Exception.module.scss b/packages/platform/src/app/routes/exception/Exception.module.scss
@@ -48,7 +48,7 @@
     margin-bottom: 16px;
     /* stylelint-disable-next-line declaration-property-value-allowed-list */
     font-size: 24px;
-    color: var(--d-text-color-sub);
+    color: var(--#{$rd-prefix}text-color-sub);
     text-align: center;
 
     @include media-breakpoint-up(md) {

diff --git a/packages/platform/src/app/routes/layout/header/Header.module.scss b/packages/platform/src/app/routes/layout/header/Header.module.scss
@@ -9,10 +9,10 @@
   width: 100%;
   height: 64px;
   padding: 0 16px 0 0;
-  color: map.get($d-colors, 'white');
+  color: map.get($rd-colors, 'white');
   /* stylelint-disable-next-line declaration-property-value-allowed-list */
   background-color: #001529;
-  box-shadow: 0 2px 8px 0 var(--d-shadow-color);
+  box-shadow: 0 2px 8px 0 var(--#{$rd-prefix}shadow-color);
 
   @include e(logo-container) {
     display: inline-flex;
@@ -30,7 +30,7 @@
 
   @include e(logo-title-wrapper) {
     overflow: hidden;
-    transition: width var(--d-animation-duration-base) linear;
+    transition: width var(--#{$rd-prefix}animation-duration-base) linear;
   }
 
   @include e(logo-title) {
@@ -52,7 +52,7 @@
     text-decoration: none;
     background-color: transparent;
     border: none;
-    transition: background-color var(--d-animation-duration-base) linear;
+    transition: background-color var(--#{$rd-prefix}animation-duration-base) linear;
 
     &:hover {
       /* stylelint-disable-next-line declaration-property-value-allowed-list */

diff --git a/packages/platform/src/app/routes/layout/header/notification/Notification.module.scss b/packages/platform/src/app/routes/layout/header/notification/Notification.module.scss
@@ -1,13 +1,13 @@
 @import '~styles/module';
 
 @include b(notification) {
-  :global .d-popover__body {
+  :global .rd-popover__body {
     width: 320px;
     padding: 0;
   }
 
   @include m(spinner) {
-    :global .d-popover__body {
+    :global .rd-popover__body {
       width: unset;
       padding: 16px 32px;
     }
@@ -17,10 +17,10 @@
     padding-right: 16px;
     padding-left: 16px;
     cursor: pointer;
-    transition: background-color var(--d-animation-duration-base) linear;
+    transition: background-color var(--#{$rd-prefix}animation-duration-base) linear;
 
     &:hover {
-      background-color: var(--d-background-color-hover);
+      background-color: var(--#{$rd-prefix}background-color-hover);
     }
 
     @include m(read) {
@@ -33,9 +33,9 @@
     display: flex;
     align-items: stretch;
     height: 44px;
-    border-top: 1px solid var(--d-color-divider);
+    border-top: 1px solid var(--#{$rd-prefix}color-divider);
 
-    :global .d-button {
+    :global .rd-button {
       flex-grow: 1;
     }
   }

diff --git a/packages/platform/src/app/routes/layout/sidebar/Sidebar.module.scss b/packages/platform/src/app/routes/layout/sidebar/Sidebar.module.scss
@@ -6,11 +6,11 @@
   height: 100%;
   padding: 0;
   overflow: hidden auto;
-  background-color: var(--d-background-color);
-  box-shadow: -2px 0 8px 0 var(--d-shadow-color);
+  background-color: var(--#{$rd-prefix}background-color);
+  box-shadow: -2px 0 8px 0 var(--#{$rd-prefix}shadow-color);
 
   @include e(drawer) {
-    :global .d-drawer__body {
+    :global .rd-drawer__body {
       padding: 0;
     }
   }

diff --git a/packages/platform/src/app/routes/#/#.module.scss b/packages/platform/src/app/routes/#/#.module.scss
@@ -35,7 +35,7 @@
 
   @include e(description) {
     margin: 10px 0 0;
-    color: rgb(var(--d-text-color-rgb) / 80%);
+    color: rgb(var(--#{$rd-prefix}text-color-rgb) / 80%);
     text-align: center;
   }
 
@@ -63,8 +63,8 @@
     width: 100%;
     max-width: 900px;
     margin-top: 60px;
-    color: var(--d-text-color-sub);
-    border-top: 1px solid var(--d-color-border);
+    color: var(--#{$rd-prefix}text-color-sub);
+    border-top: 1px solid var(--#{$rd-prefix}color-border);
 
     @include media-breakpoint-up(md) {
       flex-direction: row;
-Original file line number
+Diff line change
@@ Expand Up @@
                   : aOptions.offset,
               },
               AMAP_V1
-                ? ({
+                ? {
                     resizeEnable: aOptions['reresizeEnable'] ?? true,
-                  } as any)
+                  }
                 : {}
             )
           );
@@ Expand Down @@