chore(website): update code preview

opendatalab · Feb 1, 2024 · f806ff6 · f806ff6
1 parent 4756439
commit f806ff6
Show file tree

Hide file tree

Showing 4 changed files with 16 additions and 53 deletions.
diff --git a/src/components/schema-table/index.tsx b/src/components/schema-table/index.tsx
@@ -6,6 +6,7 @@ import { useTranslation } from 'react-i18next';
 
 interface SchemaProp {
   [key: string]: {
+    required?: string[];
     type: string | string[];
     description?: string;
     default?: string | number | boolean;
@@ -48,7 +49,7 @@ const JsonSchemaTable: FC<JsonSchemaTableProps> = ({ schema }) => {
   };
 
   // Recursively generate rows
-  const generateRows = (properties: SchemaProp, requiredFields: string[], parentKey = '', isChild?: boolean) => {
+  const generateRows = (properties: SchemaProp, requiredFields: string[], parentKey = '', isChild?: boolean, depth = 0) => {
     return Object.entries(properties).flatMap(([key, value]) => {
       const fullKey = parentKey + key;
 
@@ -60,9 +61,9 @@ const JsonSchemaTable: FC<JsonSchemaTableProps> = ({ schema }) => {
           })}
         >
           <td
-            className={clsx({
-              'pl-14': isChild,
-            })}
+            style={{
+              paddingLeft: `${1 * (depth + 1)}rem`,
+            }}
           >
             <div className="flex items-center gap-2">
               {key}
@@ -99,7 +100,7 @@ const JsonSchemaTable: FC<JsonSchemaTableProps> = ({ schema }) => {
       ) {
         const nestedProperties = value.type === 'array' ? value.items!.properties : value.properties;
 
-        rows.push(...generateRows(nestedProperties!, requiredFields, `${fullKey}.`, true));
+        rows.push(...generateRows(nestedProperties!, value.required ?? [], `${fullKey}.`, true, depth + 1));
       }
 
       if (value.additionalProperties && expandedFields.includes(fullKey)) {
@@ -110,6 +111,7 @@ const JsonSchemaTable: FC<JsonSchemaTableProps> = ({ schema }) => {
               requiredFields,
               `${fullKey}.`,
               true,
+              depth + 1,
             ),
           );
         }

diff --git a/src/pages/schema.image.cuboid/example.mdx b/src/pages/schema.image.cuboid/example.mdx
@@ -53,53 +53,6 @@ import CodePreview from '../../components/code-preview';
             "order": 2,
             "attributes": {},
             "attribute": "car"
-        },
-        {
-            "id": "b450e778-5827-4f9e-b682-e35fc4f4102f",
-            "direction": "back",
-            "front": {
-                "tl": {
-                    "x": 808.3596159774789,
-                    "y": 556.6227111705573
-                },
-                "tr": {
-                    "x": 1007.4019287782886,
-                    "y": 556.6227111705573
-                },
-                "br": {
-                    "x": 1007.4019287782886,
-                    "y": 792.9625801907306
-                },
-                "bl": {
-                    "x": 808.3596159774789,
-                    "y": 792.9625801907306
-                }
-            },
-            "back": {
-                "tl": {
-                    "x": 1053.4631980019385,
-                    "y": 586.4163468211026
-                },
-                "tr": {
-                    "x": 1188.14135121785,
-                    "y": 586.4163468211026
-                },
-                "br": {
-                    "x": 1188.14135121785,
-                    "y": 746.331174191405
-                },
-                "bl": {
-                    "x": 1053.4631980019385,
-                    "y": 746.331174191405
-                }
-            },
-            "order": 1,
-            "attributes": {
-                "color": [
-                    "white"
-                ]
-            },
-            "attribute": "suv"
         }
     ]
 }} />
diff --git a/src/pages/schema.image.cuboid/schema.json b/src/pages/schema.image.cuboid/schema.json
@@ -17,6 +17,7 @@
       "properties": {
         "tl": {
           "type": "object",
+          "description": "左上角坐标",
           "properties": {
             "x": {
               "type": "number"
@@ -32,6 +33,7 @@
         },
         "tr": {
           "type": "object",
+          "description": "右上角坐标",
           "properties": {
             "x": {
               "type": "number"
@@ -47,6 +49,7 @@
         },
         "br": {
           "type": "object",
+          "description": "右下角坐标",
           "properties": {
             "x": {
               "type": "number"
@@ -62,6 +65,7 @@
         },
         "bl": {
           "type": "object",
+          "description": "左下角坐标",
           "properties": {
             "x": {
               "type": "number"
@@ -89,6 +93,7 @@
       "properties": {
         "tl": {
           "type": "object",
+          "description": "左上角坐标",
           "properties": {
             "x": {
               "type": "number"
@@ -104,6 +109,7 @@
         },
         "tr": {
           "type": "object",
+          "description": "右上角坐标",
           "properties": {
             "x": {
               "type": "number"
@@ -119,6 +125,7 @@
         },
         "br": {
           "type": "object",
+          "description": "右下角坐标",
           "properties": {
             "x": {
               "type": "number"
@@ -134,6 +141,7 @@
         },
         "bl": {
           "type": "object",
+          "description": "左下角坐标",
           "properties": {
             "x": {
               "type": "number"

diff --git a/src/styles/globals.css b/src/styles/globals.css
@@ -48,7 +48,7 @@ a {
 }
 
 .prose pre {
-  padding: 0;
+  padding: .6rem .8rem;
   background: transparent;
   border: 1px solid #ebebeb;
   color: inherit !important;