feat(material): Add default value editing function (#292)

* feat(material): Add default value editing function

* style(json-schema-editor): Remove the console.log statements for debugging

* refactor(form-materials): Optimize the export methods of interfaces and utility functions

* refactor(material): Refactor the JSONSchemaEditor's default value input component to use common constant input

* chore: Update dependencies @types/inquirer and @types/node

apps/demo-fixed-layout-simple/package.json

@@ -30,8 +30,8 @@
   "dependencies": {
     "@flowgram.ai/ts-config": "workspace:*",
     "@flowgram.ai/eslint-config": "workspace:*",
-    "@douyinfe/semi-icons": "^2.72.3",
-    "@douyinfe/semi-ui": "^2.72.3",
+    "@douyinfe/semi-icons": "^2.80.0",
+    "@douyinfe/semi-ui": "^2.80.0",
     "@flowgram.ai/fixed-layout-editor": "workspace:*",
     "@flowgram.ai/fixed-semi-materials": "workspace:*",
     "@flowgram.ai/minimap-plugin": "workspace:*",

apps/demo-fixed-layout/package.json

@@ -28,8 +28,8 @@
     "watch": "exit 0"
   },
   "dependencies": {
-    "@douyinfe/semi-icons": "^2.72.3",
-    "@douyinfe/semi-ui": "^2.72.3",
+    "@douyinfe/semi-icons": "^2.80.0",
+    "@douyinfe/semi-ui": "^2.80.0",
     "@flowgram.ai/fixed-layout-editor": "workspace:*",
     "@flowgram.ai/fixed-semi-materials": "workspace:*",
     "@flowgram.ai/form-materials": "workspace:*",

apps/demo-free-layout/package.json

@@ -28,8 +28,8 @@
     "watch": "exit 0"
   },
   "dependencies": {
-    "@douyinfe/semi-icons": "^2.72.3",
-    "@douyinfe/semi-ui": "^2.72.3",
+    "@douyinfe/semi-icons": "^2.80.0",
+    "@douyinfe/semi-ui": "^2.80.0",
     "@flowgram.ai/free-layout-editor": "workspace:*",
     "@flowgram.ai/free-snap-plugin": "workspace:*",
     "@flowgram.ai/free-lines-plugin": "workspace:*",

apps/demo-node-form/package.json

@@ -28,8 +28,8 @@
     "watch": "exit 0"
   },
   "dependencies": {
-    "@douyinfe/semi-icons": "^2.72.3",
-    "@douyinfe/semi-ui": "^2.72.3",
+    "@douyinfe/semi-icons": "^2.80.0",
+    "@douyinfe/semi-ui": "^2.80.0",
     "@flowgram.ai/free-layout-editor": "workspace:*",
     "@flowgram.ai/free-snap-plugin": "workspace:*",
     "@flowgram.ai/minimap-plugin": "workspace:*",

apps/docs/package.json

@@ -38,8 +38,8 @@
     "@flowgram.ai/history": "workspace:*",
     "styled-components": "^5",
     "nanoid": "^4.0.2",
-    "@douyinfe/semi-ui": "^2.72.3",
-    "@douyinfe/semi-icons": "^2.72.3",
+    "@douyinfe/semi-ui": "^2.80.0",
+    "@douyinfe/semi-icons": "^2.80.0",
     "typedoc": "0.24.8",
     "typedoc-plugin-markdown": "3.17.1",
     "react": "^18",

common/config/rush/pnpm-lock.yaml

@@ -57,11 +57,11 @@ importers:
   ../../apps/demo-fixed-layout:
     dependencies:
       '@douyinfe/semi-icons':
-        specifier: ^2.72.3
-        version: 2.72.3(react@18.3.1)
+        specifier: ^2.80.0
+        version: 2.80.0(react@18.3.1)
       '@douyinfe/semi-ui':
-        specifier: ^2.72.3
-        version: 2.72.3(acorn@8.14.0)(react-dom@18.3.1)(react@18.3.1)
+        specifier: ^2.80.0
+        version: 2.80.0(acorn@8.14.0)(react-dom@18.3.1)(react@18.3.1)
       '@flowgram.ai/fixed-layout-editor':
         specifier: workspace:*
         version: link:../../packages/client/fixed-layout-editor
@@ -139,11 +139,11 @@ importers:
   ../../apps/demo-fixed-layout-simple:
     dependencies:
       '@douyinfe/semi-icons':
-        specifier: ^2.72.3
-        version: 2.72.3(react@18.3.1)
+        specifier: ^2.80.0
+        version: 2.80.0(react@18.3.1)
       '@douyinfe/semi-ui':
-        specifier: ^2.72.3
-        version: 2.72.3(acorn@8.14.0)(react-dom@18.3.1)(react@18.3.1)
+        specifier: ^2.80.0
+        version: 2.80.0(acorn@8.14.0)(react-dom@18.3.1)(react@18.3.1)
       '@flowgram.ai/eslint-config':
         specifier: workspace:*
         version: link:../../config/eslint-config
@@ -194,11 +194,11 @@ importers:
   ../../apps/demo-free-layout:
     dependencies:
       '@douyinfe/semi-icons':
-        specifier: ^2.72.3
-        version: 2.72.3(react@18.3.1)
+        specifier: ^2.80.0
+        version: 2.80.0(react@18.3.1)
       '@douyinfe/semi-ui':
-        specifier: ^2.72.3
-        version: 2.72.3(acorn@8.14.0)(react-dom@18.3.1)(react@18.3.1)
+        specifier: ^2.80.0
+        version: 2.80.0(acorn@8.14.0)(react-dom@18.3.1)(react@18.3.1)
       '@flowgram.ai/form-materials':
         specifier: workspace:*
         version: link:../../packages/materials/form-materials
@@ -419,11 +419,11 @@ importers:
   ../../apps/demo-node-form:
     dependencies:
       '@douyinfe/semi-icons':
-        specifier: ^2.72.3
-        version: 2.72.3(react@18.3.1)
+        specifier: ^2.80.0
+        version: 2.80.0(react@18.3.1)
       '@douyinfe/semi-ui':
-        specifier: ^2.72.3
-        version: 2.72.3(acorn@8.14.0)(react-dom@18.3.1)(react@18.3.1)
+        specifier: ^2.80.0
+        version: 2.80.0(acorn@8.14.0)(react-dom@18.3.1)(react@18.3.1)
       '@flowgram.ai/free-layout-editor':
         specifier: workspace:*
         version: link:../../packages/client/free-layout-editor
@@ -639,11 +639,11 @@ importers:
         specifier: 2.19.10
         version: 2.19.10(react-dom@18.3.1)(react@18.3.1)
       '@douyinfe/semi-icons':
-        specifier: ^2.72.3
-        version: 2.72.3(react@18.3.1)
+        specifier: ^2.80.0
+        version: 2.80.0(react@18.3.1)
       '@douyinfe/semi-ui':
-        specifier: ^2.72.3
-        version: 2.72.3(acorn@8.14.0)(react-dom@18.3.1)(react@18.3.1)
+        specifier: ^2.80.0
+        version: 2.80.0(acorn@8.14.0)(react-dom@18.3.1)(react@18.3.1)
       '@flowgram.ai/demo-fixed-layout':
         specifier: workspace:*
         version: link:../demo-fixed-layout
@@ -1867,14 +1867,14 @@ importers:
   ../../packages/materials/fixed-semi-materials:
     dependencies:
       '@douyinfe/semi-icons':
-        specifier: ^2.72.3
-        version: 2.72.3(react@18.3.1)
+        specifier: ^2.80.0
+        version: 2.80.0(react@18.3.1)
       '@douyinfe/semi-illustrations':
-        specifier: ^2.36.0
-        version: 2.72.0(react@18.3.1)
+        specifier: ^2.80.0
+        version: 2.80.0(react@18.3.1)
       '@douyinfe/semi-ui':
-        specifier: ^2.72.3
-        version: 2.72.3(acorn@8.14.0)(react-dom@18.3.1)(react@18.3.1)
+        specifier: ^2.80.0
+        version: 2.80.0(acorn@8.14.0)(react-dom@18.3.1)(react@18.3.1)
       '@flowgram.ai/fixed-layout-editor':
         specifier: workspace:*
         version: link:../../client/fixed-layout-editor
@@ -1928,14 +1928,14 @@ importers:
   ../../packages/materials/form-materials:
     dependencies:
       '@douyinfe/semi-icons':
-        specifier: ^2.72.3
-        version: 2.72.3(react@18.3.1)
+        specifier: ^2.80.0
+        version: 2.80.0(react@18.3.1)
       '@douyinfe/semi-illustrations':
-        specifier: ^2.36.0
-        version: 2.72.3(react@18.3.1)
+        specifier: ^2.80.0
+        version: 2.80.0(react@18.3.1)
       '@douyinfe/semi-ui':
-        specifier: ^2.72.3
-        version: 2.72.3(acorn@8.14.0)(react-dom@18.3.1)(react@18.3.1)
+        specifier: ^2.80.0
+        version: 2.80.0(acorn@8.14.0)(react-dom@18.3.1)(react@18.3.1)
       '@flowgram.ai/editor':
         specifier: workspace:*
         version: link:../../client/editor
@@ -5419,29 +5419,29 @@ packages:
       tslib: 2.8.1
     dev: false
 
-  /@douyinfe/semi-animation-react@2.72.3:
-    resolution: {integrity: sha512-OfThQVe3rP1v70Y4SSC5dkrLzNy7QkedbqfQvknqKB2onP7lGB6ePc3K3vACBxEKKL6dXzTlMs6XoR5SBD6iyA==}
+  /@douyinfe/semi-animation-react@2.80.0:
+    resolution: {integrity: sha512-DL4nbJOOgiR/xVYQITqzXzYDoW85AhJ5ZwxXWQ/r5hwmuWzhCOg5RbpcCEfj6EM+TOYCkopihrwxC5x2hu+LMw==}
     dependencies:
-      '@douyinfe/semi-animation': 2.72.3
-      '@douyinfe/semi-animation-styled': 2.72.3
+      '@douyinfe/semi-animation': 2.80.0
+      '@douyinfe/semi-animation-styled': 2.80.0
       classnames: 2.5.1
     dev: false
 
-  /@douyinfe/semi-animation-styled@2.72.3:
-    resolution: {integrity: sha512-ME6DE8UdBRHf00OCgxoA9jjZef/2c/QWpUy7vtkwUIfwENCanpU61apoLk5jprTLG7y/Zq8Vjm4O5h0eMep1pw==}
+  /@douyinfe/semi-animation-styled@2.80.0:
+    resolution: {integrity: sha512-4U7z72/yJKhswdnGSG/0AALzLfGn6XHaRlQ8QK63MKYbpEjZeZ0p/Rc9wmngPo8CU7YKXSJeIdsArMZq/pqSlw==}
     dev: false
 
-  /@douyinfe/semi-animation@2.72.3:
-    resolution: {integrity: sha512-mZcYZHEIdgPN5cm+jZv8YLRWce3i7VrjZsytEue2DR0/EABFGfiMA4o91TanCTz5NrRZY+iNMyLMDeu6CrvQOQ==}
+  /@douyinfe/semi-animation@2.80.0:
+    resolution: {integrity: sha512-wjJr6EbO5TkJcyqx/CyLUdIE62TStfmCVDeMPXUT709OnIecoU1BsB/LGMVsdNQXF0muxb8bBcEb/A9M5mMclQ==}
     dependencies:
       bezier-easing: 2.1.0
     dev: false
 
-  /@douyinfe/semi-foundation@2.72.3(acorn@8.14.0):
-    resolution: {integrity: sha512-ZOMFVryVldh2vsPj7Gf7mE7kqpCngRiPw5N1Ltm2Qr0NGOpwuRir23PYpdMQAAWQUF1BIe3EPrdxrp+lIV9GDA==}
+  /@douyinfe/semi-foundation@2.80.0(acorn@8.14.0):
+    resolution: {integrity: sha512-wtrdBXzF3tU1mIKxUgRHH6qhLSlpQhNAXDnnA00JMo4/hXfINzLFd3dOjQpaWxu8TIDq/UF8rDS/Y/1tlmsXzg==}
     dependencies:
-      '@douyinfe/semi-animation': 2.72.3
-      '@douyinfe/semi-json-viewer-core': 2.72.3
+      '@douyinfe/semi-animation': 2.80.0
+      '@douyinfe/semi-json-viewer-core': 2.80.0
       '@mdx-js/mdx': 3.1.0(acorn@8.14.0)
       async-validator: 3.5.2
       classnames: 2.5.1
@@ -5459,43 +5459,35 @@ packages:
       - supports-color
     dev: false
 
-  /@douyinfe/semi-icons@2.72.3(react@18.3.1):
-    resolution: {integrity: sha512-ZsbHin7dJXX4JWpKykqJhH4hlNi9uTHKUi2ylpyMpIl08ROetojkDKj6TcTd9mRMILGpQHCH7hd5uYGo1xb3ew==}
+  /@douyinfe/semi-icons@2.80.0(react@18.3.1):
+    resolution: {integrity: sha512-V7fyPdbws/lT3nK/4aneSRgDHEx3AG4njAAEFBW1oOnc/T1+xYbgoDzOlK9lC6DpBzw42/KRrpMrQ236gIRf2w==}
     peerDependencies:
-      react: ^16.8.0 || ^17.0.0 || ^18.0.0
+      react: '>=16.0.0'
     dependencies:
       classnames: 2.5.1
       react: 18.3.1
     dev: false
 
-  /@douyinfe/semi-illustrations@2.72.0(react@18.3.1):
-    resolution: {integrity: sha512-8Pr/ms2IRE6FXei8UWQhDJ6oDPWSC/7naDV80ESZUe316N60J1gQFEm64XtZIWzL0QCQSNz9wdl9GRpJL05s/A==}
-    peerDependencies:
-      react: ^16.8.0 || ^17.0.0 || ^18.0.0
-    dependencies:
-      react: 18.3.1
-    dev: false
-
-  /@douyinfe/semi-illustrations@2.72.3(react@18.3.1):
-    resolution: {integrity: sha512-jfsH/4TogOFQ5dWUdm6X6fVLQzGTjBFVHRyiqSrUnLWVuSqQaUtMRJguxEtcFN9D+fjdvG6sToqTHOygQsAp8Q==}
+  /@douyinfe/semi-illustrations@2.80.0(react@18.3.1):
+    resolution: {integrity: sha512-BIgp37ZlVPoyzmClp8UlAOIrJv5SAak61HWZg9DRvckZ2Fm5f39Bz/QJNf15rIiEQKvCobsR37EuECnCYLJ1UQ==}
     peerDependencies:
-      react: ^16.8.0 || ^17.0.0 || ^18.0.0
+      react: '>=16.0.0'
     dependencies:
       react: 18.3.1
     dev: false
 
-  /@douyinfe/semi-json-viewer-core@2.72.3:
-    resolution: {integrity: sha512-nzHqlTjS8tyFgfrlAVxCqV4P82JYoUw+bmVs5/05/65vLKLVo5KnDn6VGUfRzFcXJ68d4vMWv5qcrEG/E2aG+Q==}
+  /@douyinfe/semi-json-viewer-core@2.80.0:
+    resolution: {integrity: sha512-SU+EsMr3xsxzNvi1QngB9KhfVdXoa9M7rvpw7o0MYnUGE7jFBGICwwh3PKGxOGJqLNjngartgxkFfH3BcCaFgA==}
     dependencies:
       jsonc-parser: 3.3.1
     dev: false
 
-  /@douyinfe/semi-theme-default@2.72.3:
-    resolution: {integrity: sha512-qCR5OCztuIWyLhntcj61kXp02dZCKC4H/12p394rGOkpie8E/MkBQMFvVxFPsasuN3MWWdUNefYsERe4cjXuhw==}
+  /@douyinfe/semi-theme-default@2.80.0:
+    resolution: {integrity: sha512-pbQYIJhESsAlva4+syfViHZkayTTL3bMLIjNT1IAdu8fhclCFXXRBNhTFLobZ8qxhlkSyCdFoYer5oSkFoUTDw==}
     dev: false
 
-  /@douyinfe/semi-ui@2.72.3(acorn@8.14.0)(react-dom@18.3.1)(react@18.3.1):
-    resolution: {integrity: sha512-7QsusUkzD7gDST3dEPLq1jvaderR8d9RM/Y1h31weZUM1DBVCUIVGDYW6oVFsUKzMAPdeOlTvnFJmPlEL+7k6g==}
+  /@douyinfe/semi-ui@2.80.0(acorn@8.14.0)(react-dom@18.3.1)(react@18.3.1):
+    resolution: {integrity: sha512-sMYRSGt7peXb6R7PDwsnAoICI3U9Ao2vcOaV2NHuRz6G5NFJJ9svKEup3ehpOgdU2HcAa3mIOh8wvnVYOVoFDg==}
     peerDependencies:
       react: '>=16.0.0'
       react-dom: '>=16.0.0'
@@ -5503,12 +5495,12 @@ packages:
       '@dnd-kit/core': 6.3.1(react-dom@18.3.1)(react@18.3.1)
       '@dnd-kit/sortable': 7.0.2(@dnd-kit/core@6.3.1)(react@18.3.1)
       '@dnd-kit/utilities': 3.2.2(react@18.3.1)
-      '@douyinfe/semi-animation': 2.72.3
-      '@douyinfe/semi-animation-react': 2.72.3
-      '@douyinfe/semi-foundation': 2.72.3(acorn@8.14.0)
-      '@douyinfe/semi-icons': 2.72.3(react@18.3.1)
-      '@douyinfe/semi-illustrations': 2.72.3(react@18.3.1)
-      '@douyinfe/semi-theme-default': 2.72.3
+      '@douyinfe/semi-animation': 2.80.0
+      '@douyinfe/semi-animation-react': 2.80.0
+      '@douyinfe/semi-foundation': 2.80.0(acorn@8.14.0)
+      '@douyinfe/semi-icons': 2.80.0(react@18.3.1)
+      '@douyinfe/semi-illustrations': 2.80.0(react@18.3.1)
+      '@douyinfe/semi-theme-default': 2.80.0
       async-validator: 3.5.2
       classnames: 2.5.1
       copy-text-to-clipboard: 2.2.0
@@ -6599,7 +6591,7 @@ packages:
   /@mdx-js/mdx@3.1.0(acorn@8.14.0):
     resolution: {integrity: sha512-/QxEhPAvGwbQmy1Px8F899L5Uc2KZ6JtXwlCgJmjSTBedwOZkByYcBG4GceIGPXRDsmfxhHazuS+hlOShRLeDw==}
     dependencies:
-      '@types/estree': 1.0.6
+      '@types/estree': 1.0.7
       '@types/estree-jsx': 1.0.5
       '@types/hast': 3.0.4
       '@types/mdx': 2.0.13
@@ -8073,7 +8065,7 @@ packages:
   /@types/acorn@4.0.6:
     resolution: {integrity: sha512-veQTnWP+1D/xbxVrPC3zHnCZRjSrKfhbMUlEA43iMZLu7EsnTtkJklIuwrCPbOi8YkvDQAiW05VQQFvvz9oieQ==}
     dependencies:
-      '@types/estree': 1.0.6
+      '@types/estree': 1.0.7
 
   /@types/aria-query@5.0.4:
     resolution: {integrity: sha512-rfT93uj5s0PRL7EzccGMs3brplhcrghnDoV26NqKhCAS1hVo+WdNsPvE/yb6ilfr5hi2MEk6d5EWJTKdxg8jVw==}
@@ -8156,13 +8148,14 @@ packages:
   /@types/estree-jsx@1.0.5:
     resolution: {integrity: sha512-52CcUVNFyfb1A2ALocQw/Dd1BQFNmSdkuC3BkZ6iqhdMfQz7JWOFRuJFloOzjk+6WijU56m9oKXFAXc7o3Towg==}
     dependencies:
-      '@types/estree': 1.0.6
+      '@types/estree': 1.0.7
 
   /@types/estree@0.0.51:
     resolution: {integrity: sha512-CuPgU6f3eT/XgKKPqKd/gLZV1Xmvf1a2R5POBOGQa6uv82xpls89HU5zKeVoyR8XzHd1RGNOlQlvUe3CFkjWNQ==}
 
   /@types/estree@1.0.6:
     resolution: {integrity: sha512-AYnb1nQyY49te+VRAVgmzfcgjYS91mY5P0TKUDCLEM+gNnA+3T6rWITXRLYCpahpqSQbN5cE+gHpnPyXjHWxcw==}
+    dev: true
 
   /@types/estree@1.0.7:
     resolution: {integrity: sha512-w28IoSUCJpidD/TGviZwwMJckNESJZXFu7NBZ5YJ4mEUnNraUn9Pm8HSZm/jDF1pDWYKspWE7oVphigUPRakIQ==}
@@ -10872,7 +10865,7 @@ packages:
   /estree-util-attach-comments@2.1.1:
     resolution: {integrity: sha512-+5Ba/xGGS6mnwFbXIuQiDPTbuTxuMCooq3arVv7gPZtYpjp+VXH/NkHAP35OOefPhNG/UGqU3vt/LTABwcHX0w==}
     dependencies:
-      '@types/estree': 1.0.6
+      '@types/estree': 1.0.7
 
   /estree-util-attach-comments@3.0.0:
     resolution: {integrity: sha512-cKUwm/HUcTDsYh/9FgnuFqpfquUbwIqwKM26BVCGDPVgvaCl/nDCCjUfiLlx6lsEZ3Z4RFxNbOQ60pkaEwFxGw==}
@@ -10941,7 +10934,7 @@ packages:
   /estree-walker@3.0.3:
     resolution: {integrity: sha512-7RUKfXgSMMkzt6ZuXmqapOurLGPPfgj6l9uRZ7lRGolvk0y2yocc35LdcxKC5PQZdn2DMqioAQ2NoWcrTKmm6g==}
     dependencies:
-      '@types/estree': 1.0.6
+      '@types/estree': 1.0.7
 
   /esutils@2.0.3:
     resolution: {integrity: sha512-kVscqXk4OCp68SZ0dkgEKVi6/8ij300KBWTJq32P/dYeWTSwK41WyTxalN1eRmA5Z9UU/LX9D7FWSmV9SAYx6g==}
@@ -11607,7 +11600,7 @@ packages:
   /hast-util-to-estree@2.3.3:
     resolution: {integrity: sha512-ihhPIUPxN0v0w6M5+IiAZZrn0LH2uZomeWwhn7uP7avZC6TE7lIiEh2yBMPr5+zi1aUCXq6VoYRgs2Bw9xmycQ==}
     dependencies:
-      '@types/estree': 1.0.6
+      '@types/estree': 1.0.7
       '@types/estree-jsx': 1.0.5
       '@types/hast': 2.3.10
       '@types/unist': 2.0.11
@@ -12117,7 +12110,7 @@ packages:
   /is-reference@3.0.3:
     resolution: {integrity: sha512-ixkJoqQvAP88E6wLydLGGqCJsrFUnqoH6HnaczB8XmDH1oaWU+xxdptvikTgaEhtZ53Ky6YXiBuUI2WXLMCwjw==}
     dependencies:
-      '@types/estree': 1.0.6
+      '@types/estree': 1.0.7
 
   /is-regex@1.2.1:
     resolution: {integrity: sha512-MjYsKHO5O7mCsmRGxWcLWheFqN9DJ/2TmngvjKXihe6efViPqc274+Fx/4fYj/r03+ESvBdTXK0V6tA3rgez1g==}
@@ -13348,7 +13341,7 @@ packages:
   /micromark-extension-mdx-expression@1.0.8:
     resolution: {integrity: sha512-zZpeQtc5wfWKdzDsHRBY003H2Smg+PUi2REhqgIhdzAa5xonhP03FcXxqFSerFiNUr5AWmHpaNPQTBVOS4lrXw==}
     dependencies:
-      '@types/estree': 1.0.6
+      '@types/estree': 1.0.7
       micromark-factory-mdx-expression: 1.0.9
       micromark-factory-space: 1.1.0
       micromark-util-character: 1.2.0
@@ -13374,7 +13367,7 @@ packages:
     resolution: {integrity: sha512-gPH+9ZdmDflbu19Xkb8+gheqEDqkSpdCEubQyxuz/Hn8DOXiXvrXeikOoBA71+e8Pfi0/UYmU3wW3H58kr7akA==}
     dependencies:
       '@types/acorn': 4.0.6
-      '@types/estree': 1.0.6
+      '@types/estree': 1.0.7
       estree-util-is-identifier-name: 2.1.0
       micromark-factory-mdx-expression: 1.0.9
       micromark-factory-space: 1.1.0
@@ -13414,7 +13407,7 @@ packages:
   /micromark-extension-mdxjs-esm@1.0.5:
     resolution: {integrity: sha512-xNRBw4aoURcyz/S69B19WnZAkWJMxHMT5hE36GtDAyhoyn/8TuAeqjFJQlwk+MKQsUD7b3l7kFX+vlfVWgcX1w==}
     dependencies:
-      '@types/estree': 1.0.6
+      '@types/estree': 1.0.7
       micromark-core-commonmark: 1.1.0
       micromark-util-character: 1.2.0
       micromark-util-events-to-acorn: 1.2.3
@@ -13498,7 +13491,7 @@ packages:
   /micromark-factory-mdx-expression@1.0.9:
     resolution: {integrity: sha512-jGIWzSmNfdnkJq05c7b0+Wv0Kfz3NJ3N4cBjnbO4zjXIlxJr+f8lk+5ZmwFvqdAbUy2q6B5rCY//g0QAAaXDWA==}
     dependencies:
-      '@types/estree': 1.0.6
+      '@types/estree': 1.0.7
       micromark-util-character: 1.2.0
       micromark-util-events-to-acorn: 1.2.3
       micromark-util-symbol: 1.1.0
@@ -13659,7 +13652,7 @@ packages:
     resolution: {integrity: sha512-ij4X7Wuc4fED6UoLWkmo0xJQhsktfNh1J0m8g4PbIMPlx+ek/4YdW5mvbye8z/aZvAPUoxgXHrwVlXAPKMRp1w==}
     dependencies:
       '@types/acorn': 4.0.6
-      '@types/estree': 1.0.6
+      '@types/estree': 1.0.7
       '@types/unist': 2.0.11
       estree-util-visit: 1.2.1
       micromark-util-symbol: 1.1.0
@@ -14336,7 +14329,7 @@ packages:
   /periscopic@3.1.0:
     resolution: {integrity: sha512-vKiQ8RRtkl9P+r/+oefh25C3fhybptkHKCZSPlcXiJux2tJF55GnEj3BVn4A5gKfq9NWWXXrxkHBwVPUfH0opw==}
     dependencies:
-      '@types/estree': 1.0.6
+      '@types/estree': 1.0.7
       estree-walker: 3.0.3
       is-reference: 3.0.3
 

packages/materials/fixed-semi-materials/package.json

@@ -26,9 +26,9 @@
     "watch": "npm run build:fast -- --dts-resolve --watch --ignore-watch dist"
   },
   "dependencies": {
-    "@douyinfe/semi-icons": "^2.72.3",
-    "@douyinfe/semi-illustrations": "^2.36.0",
-    "@douyinfe/semi-ui": "^2.72.3",
+    "@douyinfe/semi-icons": "^2.80.0",
+    "@douyinfe/semi-illustrations": "^2.80.0",
+    "@douyinfe/semi-ui": "^2.80.0",
     "@flowgram.ai/fixed-layout-editor": "workspace:*",
     "lodash": "^4.17.21",
     "nanoid": "^4.0.2"

packages/materials/form-materials/package.json

@@ -32,9 +32,9 @@
     "run-bin": "node bin/index.js"
   },
   "dependencies": {
-    "@douyinfe/semi-icons": "^2.72.3",
-    "@douyinfe/semi-illustrations": "^2.36.0",
-    "@douyinfe/semi-ui": "^2.72.3",
+    "@douyinfe/semi-icons": "^2.80.0",
+    "@douyinfe/semi-illustrations": "^2.80.0",
+    "@douyinfe/semi-ui": "^2.80.0",
     "@flowgram.ai/editor": "workspace:*",
     "lodash": "^4.17.21",
     "nanoid": "^4.0.2",

packages/materials/form-materials/src/components/json-schema-editor/default-value.tsx

@@ -0,0 +1,130 @@
+import React, { useRef, useState, useCallback } from 'react';
+
+import { IconButton, JsonViewer, Tooltip } from '@douyinfe/semi-ui';
+import { IconBrackets } from '@douyinfe/semi-icons';
+
+import { getValueType } from './utils';
+import {
+  ConstantInputWrapper,
+  JSONHeader,
+  JSONHeaderLeft,
+  JSONHeaderRight,
+  JSONViewerWrapper,
+} from './styles';
+import { ConstantInput } from '../constant-input';
+import { IJsonSchema } from '../../typings';
+
+/**
+ * 根据不同的数据类型渲染对应的默认值输入组件。
+ * @param props - 组件属性，包括 value, type, placeholder, onChange。
+ * @returns 返回对应类型的输入组件或 null。
+ */
+export function DefaultValue(props: {
+  value: any;
+  schema?: IJsonSchema;
+  name?: string;
+  type?: string;
+  placeholder?: string;
+  jsonFormatText?: string;
+  onChange: (value: any) => void;
+}) {
+  const { value, schema, type, onChange, placeholder, jsonFormatText } = props;
+
+  const wrapperRef = useRef<HTMLDivElement>(null);
+  const JsonViewerRef = useRef<JsonViewer>(null);
+
+  // 为 JsonViewer 添加状态管理
+  const [internalJsonValue, setInternalJsonValue] = useState<string>(
+    getValueType(value) === 'string' ? value : ''
+  );
+
+  // 使用 useCallback 创建稳定的回调函数
+  const handleJsonChange = useCallback((val: string) => {
+    // 只在值真正改变时才更新状态
+    if (val !== internalJsonValue) {
+      setInternalJsonValue(val);
+    }
+  }, []);
+
+  // 处理编辑完成事件
+  const handleEditComplete = useCallback(() => {
+    // 只有当存在key，编辑完成时才触发父组件的 onChange
+    onChange(internalJsonValue);
+    // 确保在更新后移除焦点
+    requestAnimationFrame(() => {
+      // JsonViewerRef.current?.format();
+      wrapperRef.current?.blur();
+    });
+    setJsonReadOnly(true);
+  }, [internalJsonValue, onChange]);
+
+  const [jsonReadOnly, setJsonReadOnly] = useState<boolean>(true);
+
+  const handleFormatJson = useCallback(() => {
+    try {
+      const parsed = JSON.parse(internalJsonValue);
+      const formatted = JSON.stringify(parsed, null, 4);
+      setInternalJsonValue(formatted);
+      onChange(formatted);
+    } catch (error) {
+      console.error('Invalid JSON:', error);
+    }
+  }, [internalJsonValue, onChange]);
+
+  return type === 'object' ? (
+    <>
+      <JSONHeader>
+        <JSONHeaderLeft>json</JSONHeaderLeft>
+        <JSONHeaderRight>
+          <Tooltip content={jsonFormatText ?? 'Format'}>
+            <IconButton
+              icon={<IconBrackets style={{ color: 'var(--semi-color-primary)' }} />}
+              size="small"
+              type="tertiary"
+              theme="borderless"
+              onClick={handleFormatJson}
+            />
+          </Tooltip>
+        </JSONHeaderRight>
+      </JSONHeader>
+
+      <JSONViewerWrapper
+        ref={wrapperRef}
+        tabIndex={-1}
+        onBlur={(e) => {
+          if (wrapperRef.current && !wrapperRef.current?.contains(e.relatedTarget as Node)) {
+            handleEditComplete();
+          }
+        }}
+        onClick={(e: React.MouseEvent) => {
+          setJsonReadOnly(false);
+        }}
+      >
+        <JsonViewer
+          ref={JsonViewerRef}
+          value={getValueType(value) === 'string' ? value : ''}
+          height={120}
+          width="100%"
+          showSearch={false}
+          options={{
+            readOnly: jsonReadOnly,
+            formatOptions: { tabSize: 4, insertSpaces: true, eol: '\n' },
+          }}
+          style={{
+            padding: 0,
+          }}
+          onChange={handleJsonChange}
+        />
+      </JSONViewerWrapper>
+    </>
+  ) : (
+    <ConstantInputWrapper>
+      <ConstantInput
+        value={value}
+        onChange={(_v) => onChange(_v)}
+        schema={schema || { type: 'string' }}
+        placeholder={placeholder ?? 'Default value if parameter is not provided'}
+      />
+    </ConstantInputWrapper>
+  );
+}

packages/materials/form-materials/src/components/json-schema-editor/index.tsx

@@ -29,8 +29,9 @@ import {
   UIType,
 } from './styles';
 import { UIName } from './styles';
-import { UIRow } from './styles';
+import { DefaultValueWrapper, UIRow } from './styles';
 import { usePropertiesEdit } from './hooks';
+import { DefaultValue } from './default-value';
 import { BlurInput } from './components/blur-input';
 
 export function JsonSchemaEditor(props: {
@@ -47,11 +48,12 @@ export function JsonSchemaEditor(props: {
   return (
     <UIContainer>
       <UIProperties>
-        {propertyList.map((_property) => (
+        {propertyList.map((_property, index) => (
           <PropertyEdit
             key={_property.key}
             value={_property}
             config={config}
+            $index={index}
             onChange={(_v) => {
               onEditProperty(_property.key!, _v);
             }}
@@ -74,14 +76,31 @@ function PropertyEdit(props: {
   onChange?: (value: PropertyValueType) => void;
   onRemove?: () => void;
   $isLast?: boolean;
+  $index?: number;
+  $isFirst?: boolean;
+  $parentExpand?: boolean;
+  $parentType?: string;
   $showLine?: boolean;
+  $level?: number; // 添加层级属性
 }) {
-  const { value, config, onChange: onChangeProps, onRemove, $isLast, $showLine } = props;
+  const {
+    value,
+    config,
+    $level = 0,
+    onChange: onChangeProps,
+    onRemove,
+    $index,
+    $isFirst,
+    $isLast,
+    $parentExpand = false,
+    $parentType = '',
+    $showLine,
+  } = props;
 
   const [expand, setExpand] = useState(false);
   const [collapse, setCollapse] = useState(false);
 
-  const { name, type, items, description, isPropertyRequired } = value || {};
+  const { name, type, items, default: defaultValue, description, isPropertyRequired } = value || {};
 
   const typeSelectorValue = useMemo(() => ({ type, items }), [type, items]);
 
@@ -99,7 +118,16 @@ function PropertyEdit(props: {
 
   return (
     <>
-      <UIPropertyLeft $isLast={$isLast} $showLine={$showLine}>
+      <UIPropertyLeft
+        type={type}
+        $index={$index}
+        $isFirst={$isFirst}
+        $isLast={$isLast}
+        $showLine={$showLine}
+        $isExpand={expand}
+        $parentExpand={$parentExpand}
+        $parentType={$parentType}
+      >
         {showCollapse && (
           <UICollapseTrigger onClick={() => setCollapse((_collapse) => !_collapse)}>
             {collapse ? <IconChevronDown size="small" /> : <IconChevronRight size="small" />}
@@ -107,7 +135,12 @@ function PropertyEdit(props: {
         )}
       </UIPropertyLeft>
       <UIPropertyRight>
-        <UIPropertyMain $expand={expand}>
+        <UIPropertyMain
+          $showCollapse={showCollapse}
+          $collapse={collapse}
+          $expand={expand}
+          type={type}
+        >
           <UIRow>
             <UIName>
               <BlurInput
@@ -139,7 +172,9 @@ function PropertyEdit(props: {
                 size="small"
                 theme="borderless"
                 icon={expand ? <IconShrink size="small" /> : <IconExpand size="small" />}
-                onClick={() => setExpand((_expand) => !_expand)}
+                onClick={() => {
+                  setExpand((_expand) => !_expand);
+                }}
               />
               {isDrilldownObject && (
                 <IconButton
@@ -169,6 +204,23 @@ function PropertyEdit(props: {
                 onChange={(value) => onChange('description', value)}
                 placeholder={config?.descPlaceholder ?? 'Help LLM to understand the property'}
               />
+              {$level === 0 && type && type !== 'array' && (
+                <>
+                  <UILabel style={{ marginTop: 10 }}>
+                    {config?.defaultValueTitle ?? 'Default Value'}
+                  </UILabel>
+                  <DefaultValueWrapper>
+                    <DefaultValue
+                      value={defaultValue}
+                      schema={value}
+                      type={type}
+                      placeholder={config?.defaultValuePlaceholder}
+                      jsonFormatText={config?.jsonFormatText}
+                      onChange={(value) => onChange('default', value)}
+                    />
+                  </DefaultValueWrapper>
+                </>
+              )}
             </UIExpandDetail>
           )}
         </UIPropertyMain>
@@ -180,6 +232,9 @@ function PropertyEdit(props: {
                   key={_property.key}
                   value={_property}
                   config={config}
+                  $level={$level + 1} // 传递递增的层级
+                  $parentExpand={expand}
+                  $parentType={type}
                   onChange={(_v) => {
                     onEditProperty(_property.key!, _v);
                   }}
@@ -187,6 +242,8 @@ function PropertyEdit(props: {
                     onRemoveProperty(_property.key!);
                   }}
                   $isLast={index === propertyList.length - 1}
+                  $isFirst={index === 0}
+                  $index={index}
                   $showLine={true}
                 />
               ))}

packages/materials/form-materials/src/components/json-schema-editor/styles.tsx

@@ -46,37 +46,55 @@ export const UIProperties = styled.div<{ $shrink?: boolean }>`
     `}
 `;
 
-export const UIPropertyLeft = styled.div<{ $isLast?: boolean; $showLine?: boolean }>`
+export const UIPropertyLeft = styled.div<{
+  $isLast?: boolean;
+  $showLine?: boolean;
+  $isExpand?: boolean;
+  type?: string;
+  $isFirst?: boolean;
+  $index?: number;
+  $parentExpand?: boolean;
+  $parentType?: string;
+}>`
   grid-column: 1;
   position: relative;
-
-  ${({ $showLine, $isLast }) =>
-    $showLine &&
-    css`
-      &::before {
-        /* 竖线 */
-        content: '';
-        position: absolute;
-        left: -22px;
-        top: -18px;
-        bottom: ${$isLast ? '12px' : '0px'};
-        width: 1px;
-        background: #d9d9d9;
-        display: block;
-      }
-
-      &::after {
-        /* 横线 */
-        content: '';
-        position: absolute;
-        left: -22px; // 横线起点和竖线对齐
-        top: 12px; // 跟随你的行高调整
-        width: 22px; // 横线长度
-        height: 1px;
-        background: #d9d9d9;
-        display: block;
-      }
-    `}
+  width: 16px;
+
+  ${({ $showLine, $isLast, $parentType }) => {
+    let height = '100%';
+    if ($parentType && $isLast) {
+      height = '24px';
+    }
+
+    return (
+      $showLine &&
+      css`
+        &::before {
+          /* 竖线 */
+          content: '';
+          height: ${height};
+          position: absolute;
+          left: -22px;
+          top: -16px;
+          width: 1px;
+          background: #d9d9d9;
+          display: block;
+        }
+
+        &::after {
+          /* 横线 */
+          content: '';
+          position: absolute;
+          left: -22px; // 横线起点和竖线对齐
+          top: 8px; // 跟随你的行高调整
+          width: 18px; // 横线长度
+          height: 1px;
+          background: #d9d9d9;
+          display: block;
+        }
+      `
+    );
+  }}
 `;
 
 export const UIPropertyRight = styled.div`
@@ -88,18 +106,47 @@ export const UIPropertyRight = styled.div`
   }
 `;
 
-export const UIPropertyMain = styled.div<{ $expand?: boolean }>`
+export const UIPropertyMain = styled.div<{
+  $expand?: boolean;
+  type?: string;
+  $collapse?: boolean;
+  $showCollapse?: boolean;
+}>`
   display: flex;
   flex-direction: column;
   gap: 10px;
+  position: relative;
 
-  ${({ $expand }) =>
-    $expand &&
-    css`
-      background-color: #f5f5f5;
-      padding: 10px;
-      border-radius: 4px;
-    `}
+  ${({ $expand, type, $collapse, $showCollapse }) => {
+    const beforeElement = `
+      &::before {
+        /* 竖线 */
+        content: '';
+        height: 100%;
+        position: absolute;
+        left: -12px;
+        top: 18px;
+        width: 1px;
+        background: #d9d9d9;
+        display: block;
+      }`;
+
+    return (
+      $expand &&
+      css`
+        background-color: #f5f5f5;
+        padding: 10px;
+        border-radius: 4px;
+
+        ${$showCollapse &&
+        $collapse &&
+        (type === 'array' || type === 'object') &&
+        css`
+          ${beforeElement}
+        `}
+      `
+    );
+  }}
 `;
 
 export const UICollapsible = styled.div<{ $collapse?: boolean }>`
@@ -143,3 +190,46 @@ const iconAddChildrenSvg = (
 );
 
 export const IconAddChildren = () => <Icon size="small" svg={iconAddChildrenSvg} />;
+
+export const DefaultValueWrapper = styled.div`
+  margin: 0;
+`;
+
+export const JSONViewerWrapper = styled.div`
+  padding: 0 0 24px;
+  &:first-child {
+    margin-top: 0px;
+  }
+`;
+
+export const JSONHeader = styled.div`
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  background-color: var(--semi-color-fill-0);
+  border-radius: 6px 6px 0 0;
+  height: 36px;
+  padding: 0 8px 0 12px;
+`;
+
+export const JSONHeaderLeft = styled.div`
+  display: flex;
+  align-items: center;
+  gap: 10px;
+`;
+
+export const JSONHeaderRight = styled.div`
+  display: flex;
+  align-items: center;
+  gap: 10px;
+`;
+
+export const ConstantInputWrapper = styled.div`
+  flex-grow: 1;
+
+  & .semi-tree-select,
+  & .semi-input-number,
+  & .semi-select {
+    width: 100%;
+  }
+`;

packages/materials/form-materials/src/components/json-schema-editor/types.ts

@@ -14,5 +14,8 @@ export interface ConfigType {
   placeholder?: string;
   descTitle?: string;
   descPlaceholder?: string;
+  defaultValueTitle?: string;
+  defaultValuePlaceholder?: string;
   addButtonText?: string;
+  jsonFormatText?: string;
 }

packages/materials/form-materials/src/components/json-schema-editor/utils.ts

@@ -0,0 +1,24 @@
+/**
+ * Return the corresponding string description according to the type of the input value.根据输入值的类型返回对应的字符串描述。
+ * @param value - 需要判断类型的值。The value whose type needs to be judged.
+ * @returns 返回值的类型字符串 The type string of the return value（'string', 'integer', 'number', 'boolean', 'object', 'array', 'other'）。
+ */
+export function getValueType(value: any): string {
+  const type = typeof value;
+
+  if (type === 'string') {
+    return 'string';
+  } else if (type === 'number') {
+    return Number.isInteger(value) ? 'integer' : 'number';
+  } else if (type === 'boolean') {
+    return 'boolean';
+  } else if (type === 'object') {
+    if (value === null) {
+      return 'other';
+    }
+    return Array.isArray(value) ? 'array' : 'object';
+  } else {
+    // undefined, function, symbol, bigint etc.
+    return 'other';
+  }
+}

packages/materials/form-materials/src/components/variable-selector/index.tsx

@@ -27,7 +27,7 @@ export type VariableSelectorProps = PropTypes;
 
 export const VariableSelector = ({
   value,
-  config,
+  config = {},
   onChange,
   style,
   readonly = false,