feat: resolve $ref

package.json

@@ -58,8 +58,10 @@
   },
   "dependencies": {
     "@ant-design/icons": "^5.3.7",
+    "@apidevtools/json-schema-ref-parser": "^11.7.3",
     "@monaco-editor/react": "^4.6.0",
     "antd": "^5.22.2",
+    "json-schema-library": "^10.0.0-rc5",
     "lodash": "^4.17.21"
   },
   "devDependencies": {

src/JsonSchemaEditor/SchemaItem/index.tsx

@@ -23,14 +23,16 @@ import {
   theme,
   Tooltip,
 } from 'antd';
+import { Draft07 } from 'json-schema-library';
 import _ from 'lodash';
 import React, { useCallback, useEffect, useRef, useState } from 'react';
 import MonacoEditor from '../MonacoEditor';
 import { JSONSchema7 } from '../types';
 import {
   getDefaultSchema,
   getPropertyIndex,
-  inferSchema,
+  parseJsonStr,
+  resolveJsonSchemaRef,
   SchemaTypeOptions,
   SchemaTypes,
   StringFormat,
@@ -154,6 +156,10 @@ function SchemaItem(props: SchemaItemProps) {
     !isArrayItems &&
     !isRoot;
 
+  if (!schema.type) {
+    return <></>;
+  }
+
   return (
     <>
       {contextHolder}
@@ -779,25 +785,23 @@ function SchemaItem(props: SchemaItemProps) {
         okText={'导入'}
         cancelText={'取消'}
         open={importModal}
-        onOk={() => {
+        onOk={async () => {
           if (!importValue || importValue.length === 0) {
             messageApi.warning('请输入导入的 Json 数据');
             return;
           }
-          let importJson;
-          try {
-            importJson = JSON.parse(importValue);
-          } catch (e) {
+          const importObject = parseJsonStr(importValue);
+          if (!importObject) {
             messageApi.error('导入的内容不是 Json 格式的数据');
             return;
           }
           let schema;
           switch (importType) {
             case 'json':
-              schema = inferSchema(importJson);
+              schema = new Draft07().createSchemaOf(importObject);
               break;
             case 'json-schema':
-              schema = importJson;
+              schema = await resolveJsonSchemaRef(importObject);
               break;
           }
           if (changeSchema) {