@flowgram.ai/form-materials 1.0.10 → 1.0.12

package/dist/cjs/components/code-editor/editor.js

@@ -50,6 +50,9 @@ const OriginCodeEditor = (0, react_namespaceObject.createRenderer)(preset_code_d
         }
     })
 ]);
+const MINI_EXTENSIONS = [
+    view_namespaceObject.EditorView.lineWrapping
+];
 function BaseCodeEditor({ value, onChange, languageId = 'python', theme = 'light', children, placeholder, activeLinePlaceholder, options, readonly, mini }) {
     const editorRef = (0, external_react_namespaceObject.useRef)(null);
     const editorValue = String(value || '');
@@ -72,6 +75,7 @@ function BaseCodeEditor({ value, onChange, languageId = 'python', theme = 'light
         children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_namespaceObject.EditorProvider, {
             children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(OriginCodeEditor, {
                 defaultValue: editorValue,
+                extensions: mini ? MINI_EXTENSIONS : void 0,
                 options: {
                     uri: `file:///untitled${(0, external_utils_js_namespaceObject.getSuffixByLanguageId)(languageId)}`,
                     languageId,

package/dist/cjs/components/code-editor/styles.css

@@ -1,4 +1,20 @@
+.gedit-m-code-editor-container {
+  width: 100%;
+  min-width: 0;
+  max-width: 100%;
+  overflow: hidden;
+}
+
 .gedit-m-code-editor-container.mini {
-  height: 24px;
+  min-height: 24px;
+}
+
+.gedit-m-code-editor-container.mini .cm-editor, .gedit-m-code-editor-container.mini .cm-scroller, .gedit-m-code-editor-container.mini .cm-content {
+  min-width: 0;
+  max-width: 100%;
+}
+
+.gedit-m-code-editor-container.mini .cm-scroller {
+  overflow-x: hidden;
 }
 

package/dist/cjs/components/code-editor-mini/index.js

@@ -34,6 +34,7 @@ function CodeEditorMini(props) {
         className: "gedit-m-code-editor-mini",
         children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(index_js_namespaceObject.CodeEditor, {
             ...props,
+            mini: true,
             options: {
                 lineNumbersGutter: false,
                 foldGutter: false,

package/dist/cjs/components/constant-input/index.js

@@ -49,13 +49,15 @@ function ConstantInput(props) {
         return strategy?.Renderer;
     }, [
         strategies,
-        schema
+        schema,
+        typeManager
     ]);
     if (!Renderer) {
         if (fallbackRenderer) return /*#__PURE__*/ external_react_default().createElement(fallbackRenderer, {
             value,
             onChange,
             readonly,
+            schema,
             ...rest
         });
         return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(semi_ui_namespaceObject.Input, {
@@ -68,6 +70,7 @@ function ConstantInput(props) {
         value: value,
         onChange: onChange,
         readonly: readonly,
+        schema: schema,
         ...rest
     });
 }

package/dist/cjs/components/json-schema-editor/index.js

@@ -28,6 +28,7 @@ __webpack_require__.d(__webpack_exports__, {
 });
 const jsx_runtime_namespaceObject = require("react/jsx-runtime");
 const external_react_namespaceObject = require("react");
+const json_schema_namespaceObject = require("@flowgram.ai/json-schema");
 const editor_namespaceObject = require("@flowgram.ai/editor");
 const semi_ui_namespaceObject = require("@douyinfe/semi-ui");
 const semi_icons_namespaceObject = require("@douyinfe/semi-icons");
@@ -40,6 +41,11 @@ require("./styles.css");
 const DEFAULT = {
     type: 'object'
 };
+function getSchemaDefaultValue(typeManager, schema) {
+    if (schema?.type === 'object') return '{}';
+    if (schema?.type === 'array') return '[]';
+    return typeManager.getDefaultValue(schema || {});
+}
 function JsonSchemaEditor(props) {
     const { value = DEFAULT, config = {}, onChange: onChangeProps, readonly } = props;
     const { propertyList, onAddProperty, onRemoveProperty, onEditProperty } = (0, external_hooks_js_namespaceObject.usePropertiesEdit)(value, onChangeProps);
@@ -78,6 +84,7 @@ function PropertyEdit(props) {
     const { value, config, readonly, $level = 0, onChange: onChangeProps, onRemove, $isLast } = props;
     const [expand, setExpand] = (0, external_react_namespaceObject.useState)(false);
     const [collapse, setCollapse] = (0, external_react_namespaceObject.useState)(false);
+    const typeManager = (0, json_schema_namespaceObject.useTypeManager)();
     const { name, type, items, default: defaultValue, description, isPropertyRequired } = value || {};
     const typeSelectorValue = (0, external_react_namespaceObject.useMemo)(()=>({
             type,
@@ -133,9 +140,11 @@ function PropertyEdit(props) {
                                             value: typeSelectorValue,
                                             readonly: readonly,
                                             onChange: (_value)=>{
+                                                const nextTypeSchema = _value || {};
                                                 onChangeProps?.({
                                                     ...value || {},
-                                                    ..._value
+                                                    ...nextTypeSchema,
+                                                    default: getSchemaDefaultValue(typeManager, nextTypeSchema)
                                                 });
                                             }
                                         })

package/dist/cjs/plugins/json-schema-preset/type-definition/boolean.js

@@ -34,11 +34,11 @@ const op_js_namespaceObject = require("../../../components/condition-context/op.
 const booleanRegistry = {
     type: 'boolean',
     ConstantRenderer: (props)=>{
-        const { value, onChange, ...rest } = props;
+        const { value, onChange, readonly, schema, ...rest } = props;
         return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(semi_ui_namespaceObject.Select, {
             placeholder: editor_namespaceObject.I18n.t('Please Select Boolean'),
             size: "small",
-            disabled: props.readonly,
+            disabled: readonly,
             optionList: [
                 {
                     label: editor_namespaceObject.I18n.t('True'),

package/dist/cjs/plugins/json-schema-preset/type-definition/date-time.js

@@ -31,24 +31,34 @@ require("react");
 const external_date_fns_namespaceObject = require("date-fns");
 const semi_ui_namespaceObject = require("@douyinfe/semi-ui");
 const op_js_namespaceObject = require("../../../components/condition-context/op.js");
+const DATE_TIME_FORMAT = "yyyy-MM-dd'T'HH:mm:ss.SSS'Z'";
+const stringifyDateTime = (value)=>{
+    if (null == value || '' === value) return '';
+    const date = value instanceof Date ? value : 'number' == typeof value ? new Date(value) : new Date(String(value));
+    if (Number.isNaN(date.getTime())) return '';
+    return (0, external_date_fns_namespaceObject.format)(date, DATE_TIME_FORMAT);
+};
 const dateTimeRegistry = {
     type: 'date-time',
-    ConstantRenderer: (props)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(semi_ui_namespaceObject.DatePicker, {
+    ConstantRenderer: (props)=>{
+        const { readonly, schema, ...rest } = props;
+        return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(semi_ui_namespaceObject.DatePicker, {
             size: "small",
             type: "dateTime",
             density: "compact",
             defaultValue: Date.now(),
             style: {
                 width: '100%',
-                ...props.style || {}
+                ...rest.style || {}
             },
-            disabled: props.readonly,
-            ...props,
+            disabled: readonly,
+            ...rest,
             onChange: (date)=>{
-                props.onChange?.((0, external_date_fns_namespaceObject.format)(date, "yyyy-MM-dd'T'HH:mm:ss.SSS'Z'"));
+                rest.onChange?.(stringifyDateTime(date));
             },
-            value: props.value
-        }),
+            value: rest.value
+        });
+    },
     conditionRule: {
         [op_js_namespaceObject.ConditionPresetOp.EQ]: {
             type: 'date-time'

package/dist/cjs/plugins/json-schema-preset/type-definition/enum.js

@@ -0,0 +1,75 @@
+"use strict";
+var __webpack_require__ = {};
+(()=>{
+    __webpack_require__.d = (exports1, definition)=>{
+        for(var key in definition)if (__webpack_require__.o(definition, key) && !__webpack_require__.o(exports1, key)) Object.defineProperty(exports1, key, {
+            enumerable: true,
+            get: definition[key]
+        });
+    };
+})();
+(()=>{
+    __webpack_require__.o = (obj, prop)=>Object.prototype.hasOwnProperty.call(obj, prop);
+})();
+(()=>{
+    __webpack_require__.r = (exports1)=>{
+        if ('undefined' != typeof Symbol && Symbol.toStringTag) Object.defineProperty(exports1, Symbol.toStringTag, {
+            value: 'Module'
+        });
+        Object.defineProperty(exports1, '__esModule', {
+            value: true
+        });
+    };
+})();
+var __webpack_exports__ = {};
+__webpack_require__.r(__webpack_exports__);
+__webpack_require__.d(__webpack_exports__, {
+    enumRegistry: ()=>enumRegistry
+});
+const jsx_runtime_namespaceObject = require("react/jsx-runtime");
+require("react");
+const semi_ui_namespaceObject = require("@douyinfe/semi-ui");
+const enumRegistry = {
+    type: 'enum',
+    parentType: [],
+    arrayIcon: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("svg", {
+        width: "16",
+        height: "16",
+        viewBox: "0 0 16 16",
+        fill: "none",
+        xmlns: "http://www.w3.org/2000/svg",
+        children: [
+            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("path", {
+                fillRule: "evenodd",
+                clipRule: "evenodd",
+                d: "M3.6139 1.58105H0V14.4186H3.6139V13.1264H1.36702V2.87326H3.6139V1.58105ZM3.41656 13.3266V13.3264H1.16987V13.3266H3.41656ZM0.197537 14.2186H0.197344V1.78105H3.41656V1.78125H0.197537V14.2186ZM16 1.58105H12.3861V2.87326H14.633V13.1264H12.3861V14.4186H16V1.58105ZM12.5834 1.78105V2.67326H12.5836V1.78125H15.8027V1.78105H12.5834ZM12.5836 14.2186V13.3266H14.8305V2.67345H14.8303V13.3264H12.5834V14.2186H12.5836Z",
+                fill: "currentColor"
+            }),
+            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("path", {
+                d: "M6.01442 7.34421C5.89401 7.46462 5.89401 7.65985 6.01442 7.78026L7.78218 9.54802C7.9026 9.66844 8.09782 9.66844 8.21823 9.54802L9.986 7.78026C10.1064 7.65985 10.1064 7.46462 9.986 7.34421L9.69137 7.04958C9.57096 6.92917 9.37573 6.92917 9.25532 7.04958L8.00021 8.3047L6.74509 7.04958C6.62468 6.92917 6.42946 6.92917 6.30904 7.04958L6.01442 7.34421ZM3.31699 7.99984C3.31699 10.5864 5.41379 12.6832 8.00033 12.6832C10.5869 12.6832 12.6837 10.5864 12.6837 7.99984C12.6837 5.4133 10.5869 3.3165 8.00033 3.3165C5.41379 3.3165 3.31699 5.4133 3.31699 7.99984ZM11.6503 7.99984C11.6503 10.0157 10.0162 11.6498 8.00033 11.6498C5.98449 11.6498 4.35033 10.0157 4.35033 7.99984C4.35033 5.984 5.98449 4.34984 8.00033 4.34984C10.0162 4.34984 11.6503 5.984 11.6503 7.99984Z",
+                fill: "currentColor",
+                stroke: "currentColor",
+                strokeWidth: "0.2"
+            })
+        ]
+    }),
+    ConstantRenderer: (props)=>{
+        const { schema, readonly, enableMultiLineStr, ...rest } = props;
+        return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(semi_ui_namespaceObject.Select, {
+            size: "small",
+            disabled: readonly,
+            optionList: (schema?.enum || []).map((value)=>({
+                    label: `${value}`,
+                    value
+                })),
+            ...rest
+        });
+    }
+};
+exports.enumRegistry = __webpack_exports__.enumRegistry;
+for(var __webpack_i__ in __webpack_exports__)if (-1 === [
+    "enumRegistry"
+].indexOf(__webpack_i__)) exports[__webpack_i__] = __webpack_exports__[__webpack_i__];
+Object.defineProperty(exports, '__esModule', {
+    value: true
+});

package/dist/cjs/plugins/json-schema-preset/type-definition/index.js

@@ -33,6 +33,7 @@ const external_object_js_namespaceObject = require("./object.js");
 const external_number_js_namespaceObject = require("./number.js");
 const external_map_js_namespaceObject = require("./map.js");
 const external_integer_js_namespaceObject = require("./integer.js");
+const external_enum_js_namespaceObject = require("./enum.js");
 const external_date_time_js_namespaceObject = require("./date-time.js");
 const external_boolean_js_namespaceObject = require("./boolean.js");
 const external_array_js_namespaceObject = require("./array.js");
@@ -44,6 +45,7 @@ const jsonSchemaTypePreset = [
     external_boolean_js_namespaceObject.booleanRegistry,
     external_array_js_namespaceObject.arrayRegistry,
     external_map_js_namespaceObject.mapRegistry,
+    external_enum_js_namespaceObject.enumRegistry,
     external_date_time_js_namespaceObject.dateTimeRegistry
 ];
 const initRegistries = ()=>{

package/dist/cjs/plugins/json-schema-preset/type-definition/integer.js

@@ -33,12 +33,12 @@ const semi_ui_namespaceObject = require("@douyinfe/semi-ui");
 const op_js_namespaceObject = require("../../../components/condition-context/op.js");
 const integerRegistry = {
     type: 'integer',
-    ConstantRenderer: (props)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(semi_ui_namespaceObject.InputNumber, {
+    ConstantRenderer: ({ readonly, schema, ...rest })=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(semi_ui_namespaceObject.InputNumber, {
             placeholder: editor_namespaceObject.I18n.t('Please Input Integer'),
             size: "small",
-            disabled: props.readonly,
+            disabled: readonly,
             precision: 0,
-            ...props
+            ...rest
         }),
     conditionRule: {
         [op_js_namespaceObject.ConditionPresetOp.EQ]: {

package/dist/cjs/plugins/json-schema-preset/type-definition/number.js

@@ -33,12 +33,12 @@ const semi_ui_namespaceObject = require("@douyinfe/semi-ui");
 const op_js_namespaceObject = require("../../../components/condition-context/op.js");
 const numberRegistry = {
     type: 'number',
-    ConstantRenderer: (props)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(semi_ui_namespaceObject.InputNumber, {
+    ConstantRenderer: ({ readonly, schema, ...rest })=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(semi_ui_namespaceObject.InputNumber, {
             placeholder: editor_namespaceObject.I18n.t('Please Input Number'),
             size: "small",
-            disabled: props.readonly,
+            disabled: readonly,
             hideButtons: true,
-            ...props
+            ...rest
         }),
     conditionRule: {
         [op_js_namespaceObject.ConditionPresetOp.EQ]: {

package/dist/cjs/plugins/json-schema-preset/type-definition/string.js

@@ -33,17 +33,17 @@ const semi_ui_namespaceObject = require("@douyinfe/semi-ui");
 const op_js_namespaceObject = require("../../../components/condition-context/op.js");
 const stringRegistry = {
     type: 'string',
-    ConstantRenderer: (props)=>props?.enableMultiLineStr ? /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(semi_ui_namespaceObject.TextArea, {
+    ConstantRenderer: ({ readonly, schema, enableMultiLineStr, ...rest })=>enableMultiLineStr ? /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(semi_ui_namespaceObject.TextArea, {
             autosize: true,
             rows: 1,
             placeholder: editor_namespaceObject.I18n.t('Please Input String'),
-            disabled: props.readonly,
-            ...props
+            disabled: readonly,
+            ...rest
         }) : /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(semi_ui_namespaceObject.Input, {
             size: "small",
             placeholder: editor_namespaceObject.I18n.t('Please Input String'),
-            disabled: props.readonly,
-            ...props
+            disabled: readonly,
+            ...rest
         }),
     conditionRule: {
         [op_js_namespaceObject.ConditionPresetOp.EQ]: {

package/dist/esm/components/code-editor/editor.mjs

@@ -12,6 +12,9 @@ const OriginCodeEditor = createRenderer(preset_code, [
         }
     })
 ]);
+const MINI_EXTENSIONS = [
+    EditorView.lineWrapping
+];
 function BaseCodeEditor({ value, onChange, languageId = 'python', theme = 'light', children, placeholder, activeLinePlaceholder, options, readonly, mini }) {
     const editorRef = useRef(null);
     const editorValue = String(value || '');
@@ -34,6 +37,7 @@ function BaseCodeEditor({ value, onChange, languageId = 'python', theme = 'light
         children: /*#__PURE__*/ jsx(EditorProvider, {
             children: /*#__PURE__*/ jsxs(OriginCodeEditor, {
                 defaultValue: editorValue,
+                extensions: mini ? MINI_EXTENSIONS : void 0,
                 options: {
                     uri: `file:///untitled${getSuffixByLanguageId(languageId)}`,
                     languageId,

package/dist/esm/components/code-editor/styles.css

@@ -1,4 +1,20 @@
+.gedit-m-code-editor-container {
+  width: 100%;
+  min-width: 0;
+  max-width: 100%;
+  overflow: hidden;
+}
+
 .gedit-m-code-editor-container.mini {
-  height: 24px;
+  min-height: 24px;
+}
+
+.gedit-m-code-editor-container.mini .cm-editor, .gedit-m-code-editor-container.mini .cm-scroller, .gedit-m-code-editor-container.mini .cm-content {
+  min-width: 0;
+  max-width: 100%;
+}
+
+.gedit-m-code-editor-container.mini .cm-scroller {
+  overflow-x: hidden;
 }
 

package/dist/esm/components/code-editor-mini/index.mjs

@@ -6,6 +6,7 @@ function CodeEditorMini(props) {
         className: "gedit-m-code-editor-mini",
         children: /*#__PURE__*/ jsx(CodeEditor, {
             ...props,
+            mini: true,
             options: {
                 lineNumbersGutter: false,
                 foldGutter: false,

package/dist/esm/components/constant-input/index.mjs

@@ -11,13 +11,15 @@ function ConstantInput(props) {
         return strategy?.Renderer;
     }, [
         strategies,
-        schema
+        schema,
+        typeManager
     ]);
     if (!Renderer) {
         if (fallbackRenderer) return /*#__PURE__*/ react.createElement(fallbackRenderer, {
             value,
             onChange,
             readonly,
+            schema,
             ...rest
         });
         return /*#__PURE__*/ jsx(Input, {
@@ -30,6 +32,7 @@ function ConstantInput(props) {
         value: value,
         onChange: onChange,
         readonly: readonly,
+        schema: schema,
         ...rest
     });
 }

package/dist/esm/components/json-schema-editor/index.mjs

@@ -1,5 +1,6 @@
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { useMemo, useState } from "react";
+import { useTypeManager } from "@flowgram.ai/json-schema";
 import { I18n } from "@flowgram.ai/editor";
 import { Button, Checkbox, IconButton } from "@douyinfe/semi-ui";
 import { IconChevronDown, IconChevronRight, IconExpand, IconMinus, IconPlus, IconShrink } from "@douyinfe/semi-icons";
@@ -12,6 +13,11 @@ import "./styles.css";
 const DEFAULT = {
     type: 'object'
 };
+function getSchemaDefaultValue(typeManager, schema) {
+    if (schema?.type === 'object') return '{}';
+    if (schema?.type === 'array') return '[]';
+    return typeManager.getDefaultValue(schema || {});
+}
 function JsonSchemaEditor(props) {
     const { value = DEFAULT, config = {}, onChange: onChangeProps, readonly } = props;
     const { propertyList, onAddProperty, onRemoveProperty, onEditProperty } = usePropertiesEdit(value, onChangeProps);
@@ -50,6 +56,7 @@ function PropertyEdit(props) {
     const { value, config, readonly, $level = 0, onChange: onChangeProps, onRemove, $isLast } = props;
     const [expand, setExpand] = useState(false);
     const [collapse, setCollapse] = useState(false);
+    const typeManager = useTypeManager();
     const { name, type, items, default: defaultValue, description, isPropertyRequired } = value || {};
     const typeSelectorValue = useMemo(()=>({
             type,
@@ -105,9 +112,11 @@ function PropertyEdit(props) {
                                             value: typeSelectorValue,
                                             readonly: readonly,
                                             onChange: (_value)=>{
+                                                const nextTypeSchema = _value || {};
                                                 onChangeProps?.({
                                                     ...value || {},
-                                                    ..._value
+                                                    ...nextTypeSchema,
+                                                    default: getSchemaDefaultValue(typeManager, nextTypeSchema)
                                                 });
                                             }
                                         })

package/dist/esm/plugins/json-schema-preset/type-definition/boolean.mjs

@@ -6,11 +6,11 @@ import { ConditionPresetOp } from "../../../components/condition-context/op.mjs"
 const booleanRegistry = {
     type: 'boolean',
     ConstantRenderer: (props)=>{
-        const { value, onChange, ...rest } = props;
+        const { value, onChange, readonly, schema, ...rest } = props;
         return /*#__PURE__*/ jsx(Select, {
             placeholder: I18n.t('Please Select Boolean'),
             size: "small",
-            disabled: props.readonly,
+            disabled: readonly,
             optionList: [
                 {
                     label: I18n.t('True'),

package/dist/esm/plugins/json-schema-preset/type-definition/date-time.mjs

@@ -3,24 +3,34 @@ import "react";
 import { format } from "date-fns";
 import { DatePicker } from "@douyinfe/semi-ui";
 import { ConditionPresetOp } from "../../../components/condition-context/op.mjs";
+const DATE_TIME_FORMAT = "yyyy-MM-dd'T'HH:mm:ss.SSS'Z'";
+const stringifyDateTime = (value)=>{
+    if (null == value || '' === value) return '';
+    const date = value instanceof Date ? value : 'number' == typeof value ? new Date(value) : new Date(String(value));
+    if (Number.isNaN(date.getTime())) return '';
+    return format(date, DATE_TIME_FORMAT);
+};
 const dateTimeRegistry = {
     type: 'date-time',
-    ConstantRenderer: (props)=>/*#__PURE__*/ jsx(DatePicker, {
+    ConstantRenderer: (props)=>{
+        const { readonly, schema, ...rest } = props;
+        return /*#__PURE__*/ jsx(DatePicker, {
             size: "small",
             type: "dateTime",
             density: "compact",
             defaultValue: Date.now(),
             style: {
                 width: '100%',
-                ...props.style || {}
+                ...rest.style || {}
             },
-            disabled: props.readonly,
-            ...props,
+            disabled: readonly,
+            ...rest,
             onChange: (date)=>{
-                props.onChange?.(format(date, "yyyy-MM-dd'T'HH:mm:ss.SSS'Z'"));
+                rest.onChange?.(stringifyDateTime(date));
             },
-            value: props.value
-        }),
+            value: rest.value
+        });
+    },
     conditionRule: {
         [ConditionPresetOp.EQ]: {
             type: 'date-time'

package/dist/esm/plugins/json-schema-preset/type-definition/enum.mjs

@@ -0,0 +1,41 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import "react";
+import { Select } from "@douyinfe/semi-ui";
+const enumRegistry = {
+    type: 'enum',
+    parentType: [],
+    arrayIcon: /*#__PURE__*/ jsxs("svg", {
+        width: "16",
+        height: "16",
+        viewBox: "0 0 16 16",
+        fill: "none",
+        xmlns: "http://www.w3.org/2000/svg",
+        children: [
+            /*#__PURE__*/ jsx("path", {
+                fillRule: "evenodd",
+                clipRule: "evenodd",
+                d: "M3.6139 1.58105H0V14.4186H3.6139V13.1264H1.36702V2.87326H3.6139V1.58105ZM3.41656 13.3266V13.3264H1.16987V13.3266H3.41656ZM0.197537 14.2186H0.197344V1.78105H3.41656V1.78125H0.197537V14.2186ZM16 1.58105H12.3861V2.87326H14.633V13.1264H12.3861V14.4186H16V1.58105ZM12.5834 1.78105V2.67326H12.5836V1.78125H15.8027V1.78105H12.5834ZM12.5836 14.2186V13.3266H14.8305V2.67345H14.8303V13.3264H12.5834V14.2186H12.5836Z",
+                fill: "currentColor"
+            }),
+            /*#__PURE__*/ jsx("path", {
+                d: "M6.01442 7.34421C5.89401 7.46462 5.89401 7.65985 6.01442 7.78026L7.78218 9.54802C7.9026 9.66844 8.09782 9.66844 8.21823 9.54802L9.986 7.78026C10.1064 7.65985 10.1064 7.46462 9.986 7.34421L9.69137 7.04958C9.57096 6.92917 9.37573 6.92917 9.25532 7.04958L8.00021 8.3047L6.74509 7.04958C6.62468 6.92917 6.42946 6.92917 6.30904 7.04958L6.01442 7.34421ZM3.31699 7.99984C3.31699 10.5864 5.41379 12.6832 8.00033 12.6832C10.5869 12.6832 12.6837 10.5864 12.6837 7.99984C12.6837 5.4133 10.5869 3.3165 8.00033 3.3165C5.41379 3.3165 3.31699 5.4133 3.31699 7.99984ZM11.6503 7.99984C11.6503 10.0157 10.0162 11.6498 8.00033 11.6498C5.98449 11.6498 4.35033 10.0157 4.35033 7.99984C4.35033 5.984 5.98449 4.34984 8.00033 4.34984C10.0162 4.34984 11.6503 5.984 11.6503 7.99984Z",
+                fill: "currentColor",
+                stroke: "currentColor",
+                strokeWidth: "0.2"
+            })
+        ]
+    }),
+    ConstantRenderer: (props)=>{
+        const { schema, readonly, enableMultiLineStr, ...rest } = props;
+        return /*#__PURE__*/ jsx(Select, {
+            size: "small",
+            disabled: readonly,
+            optionList: (schema?.enum || []).map((value)=>({
+                    label: `${value}`,
+                    value
+                })),
+            ...rest
+        });
+    }
+};
+export { enumRegistry };

package/dist/esm/plugins/json-schema-preset/type-definition/index.mjs

@@ -4,6 +4,7 @@ import { objectRegistry } from "./object.mjs";
 import { numberRegistry } from "./number.mjs";
 import { mapRegistry } from "./map.mjs";
 import { integerRegistry } from "./integer.mjs";
+import { enumRegistry } from "./enum.mjs";
 import { dateTimeRegistry } from "./date-time.mjs";
 import { booleanRegistry } from "./boolean.mjs";
 import { arrayRegistry } from "./array.mjs";
@@ -15,6 +16,7 @@ const jsonSchemaTypePreset = [
     booleanRegistry,
     arrayRegistry,
     mapRegistry,
+    enumRegistry,
     dateTimeRegistry
 ];
 const initRegistries = ()=>{

package/dist/esm/plugins/json-schema-preset/type-definition/integer.mjs

@@ -5,12 +5,12 @@ import { InputNumber } from "@douyinfe/semi-ui";
 import { ConditionPresetOp } from "../../../components/condition-context/op.mjs";
 const integerRegistry = {
     type: 'integer',
-    ConstantRenderer: (props)=>/*#__PURE__*/ jsx(InputNumber, {
+    ConstantRenderer: ({ readonly, schema, ...rest })=>/*#__PURE__*/ jsx(InputNumber, {
             placeholder: I18n.t('Please Input Integer'),
             size: "small",
-            disabled: props.readonly,
+            disabled: readonly,
             precision: 0,
-            ...props
+            ...rest
         }),
     conditionRule: {
         [ConditionPresetOp.EQ]: {

package/dist/esm/plugins/json-schema-preset/type-definition/number.mjs

@@ -5,12 +5,12 @@ import { InputNumber } from "@douyinfe/semi-ui";
 import { ConditionPresetOp } from "../../../components/condition-context/op.mjs";
 const numberRegistry = {
     type: 'number',
-    ConstantRenderer: (props)=>/*#__PURE__*/ jsx(InputNumber, {
+    ConstantRenderer: ({ readonly, schema, ...rest })=>/*#__PURE__*/ jsx(InputNumber, {
             placeholder: I18n.t('Please Input Number'),
             size: "small",
-            disabled: props.readonly,
+            disabled: readonly,
             hideButtons: true,
-            ...props
+            ...rest
         }),
     conditionRule: {
         [ConditionPresetOp.EQ]: {

package/dist/esm/plugins/json-schema-preset/type-definition/string.mjs

@@ -5,17 +5,17 @@ import { Input, TextArea } from "@douyinfe/semi-ui";
 import { ConditionPresetOp } from "../../../components/condition-context/op.mjs";
 const stringRegistry = {
     type: 'string',
-    ConstantRenderer: (props)=>props?.enableMultiLineStr ? /*#__PURE__*/ jsx(TextArea, {
+    ConstantRenderer: ({ readonly, schema, enableMultiLineStr, ...rest })=>enableMultiLineStr ? /*#__PURE__*/ jsx(TextArea, {
             autosize: true,
             rows: 1,
             placeholder: I18n.t('Please Input String'),
-            disabled: props.readonly,
-            ...props
+            disabled: readonly,
+            ...rest
         }) : /*#__PURE__*/ jsx(Input, {
             size: "small",
             placeholder: I18n.t('Please Input String'),
-            disabled: props.readonly,
-            ...props
+            disabled: readonly,
+            ...rest
         }),
     conditionRule: {
         [ConditionPresetOp.EQ]: {

package/dist/tsconfig.tsbuildinfo

@@ -1 +1 @@
-{"root":["../src/index.ts","../src/components/index.ts","../src/components/assign-row/index.tsx","../src/components/assign-row/types.ts","../src/components/assign-rows/index.tsx","../src/components/batch-outputs/index.tsx","../src/components/batch-outputs/types.ts","../src/components/batch-variable-selector/index.tsx","../src/components/blur-input/index.tsx","../src/components/code-editor/editor-all.tsx","../src/components/code-editor/editor-json.tsx","../src/components/code-editor/editor-python.tsx","../src/components/code-editor/editor-shell.tsx","../src/components/code-editor/editor-sql.tsx","../src/components/code-editor/editor-ts.tsx","../src/components/code-editor/editor.tsx","../src/components/code-editor/factory.tsx","../src/components/code-editor/index.tsx","../src/components/code-editor/utils.ts","../src/components/code-editor/theme/dark.ts","../src/components/code-editor/theme/index.ts","../src/components/code-editor/theme/light.ts","../src/components/code-editor-mini/index.tsx","../src/components/condition-context/context.tsx","../src/components/condition-context/index.tsx","../src/components/condition-context/op.ts","../src/components/condition-context/types.ts","../src/components/condition-context/hooks/use-condition.tsx","../src/components/condition-row/index.tsx","../src/components/condition-row/types.ts","../src/components/constant-input/index.tsx","../src/components/constant-input/types.ts","../src/components/coze-editor-extensions/index.tsx","../src/components/coze-editor-extensions/extensions/inputs-tree.tsx","../src/components/coze-editor-extensions/extensions/variable-tag.tsx","../src/components/coze-editor-extensions/extensions/variable-tree.tsx","../src/components/db-condition-row/index.tsx","../src/components/db-condition-row/types.ts","../src/components/display-flow-value/index.tsx","../src/components/display-inputs-values/index.tsx","../src/components/display-outputs/index.tsx","../src/components/display-schema-tag/index.tsx","../src/components/display-schema-tree/index.tsx","../src/components/dynamic-value-input/hooks.ts","../src/components/dynamic-value-input/index.tsx","../src/components/inputs-values/index.tsx","../src/components/inputs-values/types.ts","../src/components/inputs-values-tree/icon.tsx","../src/components/inputs-values-tree/index.tsx","../src/components/inputs-values-tree/row.tsx","../src/components/inputs-values-tree/types.ts","../src/components/inputs-values-tree/hooks/use-child-list.tsx","../src/components/json-editor-with-variables/editor.tsx","../src/components/json-editor-with-variables/index.tsx","../src/components/json-schema-creator/index.tsx","../src/components/json-schema-creator/json-input-modal.tsx","../src/components/json-schema-creator/json-schema-creator.tsx","../src/components/json-schema-creator/utils/json-to-schema.ts","../src/components/json-schema-editor/default-value.tsx","../src/components/json-schema-editor/hooks.tsx","../src/components/json-schema-editor/icon.tsx","../src/components/json-schema-editor/index.tsx","../src/components/json-schema-editor/types.ts","../src/components/prompt-editor/editor.tsx","../src/components/prompt-editor/index.tsx","../src/components/prompt-editor/types.tsx","../src/components/prompt-editor/extensions/jinja.tsx","../src/components/prompt-editor/extensions/language-support.tsx","../src/components/prompt-editor/extensions/markdown.tsx","../src/components/prompt-editor-with-inputs/index.tsx","../src/components/prompt-editor-with-variables/index.tsx","../src/components/sql-editor-with-variables/editor.tsx","../src/components/sql-editor-with-variables/index.tsx","../src/components/type-selector/index.tsx","../src/components/variable-selector/context.tsx","../src/components/variable-selector/index.tsx","../src/components/variable-selector/use-variable-tree.tsx","../src/effects/index.ts","../src/effects/auto-rename-ref/index.ts","../src/effects/listen-ref-schema-change/index.ts","../src/effects/listen-ref-value-change/index.ts","../src/effects/provide-batch-input/index.ts","../src/effects/provide-json-schema-outputs/index.ts","../src/effects/sync-variable-title/index.ts","../src/effects/validate-when-variable-sync/index.ts","../src/form-plugins/index.ts","../src/form-plugins/batch-outputs-plugin/index.ts","../src/form-plugins/infer-assign-plugin/index.ts","../src/form-plugins/infer-inputs-plugin/index.ts","../src/hooks/index.ts","../src/hooks/use-object-list/index.tsx","../src/plugins/index.ts","../src/plugins/disable-declaration-plugin/create-disable-declaration-plugin.ts","../src/plugins/disable-declaration-plugin/index.tsx","../src/plugins/json-schema-preset/create-type-preset-plugin.tsx","../src/plugins/json-schema-preset/index.tsx","../src/plugins/json-schema-preset/react.tsx","../src/plugins/json-schema-preset/types.ts","../src/plugins/json-schema-preset/type-definition/array.tsx","../src/plugins/json-schema-preset/type-definition/boolean.tsx","../src/plugins/json-schema-preset/type-definition/date-time.tsx","../src/plugins/json-schema-preset/type-definition/index.tsx","../src/plugins/json-schema-preset/type-definition/integer.tsx","../src/plugins/json-schema-preset/type-definition/map.tsx","../src/plugins/json-schema-preset/type-definition/number.tsx","../src/plugins/json-schema-preset/type-definition/object.tsx","../src/plugins/json-schema-preset/type-definition/string.tsx","../src/shared/index.ts","../src/shared/flow-value/index.ts","../src/shared/flow-value/schema.ts","../src/shared/flow-value/types.ts","../src/shared/flow-value/utils.ts","../src/shared/format-legacy-refs/index.ts","../src/shared/inject-material/index.tsx","../src/shared/lazy-suspense/index.tsx","../src/shared/polyfill-create-root/index.tsx","../src/validate/index.ts","../src/validate/validate-flow-value/index.tsx"],"version":"5.9.2"}
+{"root":["../src/index.ts","../src/components/index.ts","../src/components/assign-row/index.tsx","../src/components/assign-row/types.ts","../src/components/assign-rows/index.tsx","../src/components/batch-outputs/index.tsx","../src/components/batch-outputs/types.ts","../src/components/batch-variable-selector/index.tsx","../src/components/blur-input/index.tsx","../src/components/code-editor/editor-all.tsx","../src/components/code-editor/editor-json.tsx","../src/components/code-editor/editor-python.tsx","../src/components/code-editor/editor-shell.tsx","../src/components/code-editor/editor-sql.tsx","../src/components/code-editor/editor-ts.tsx","../src/components/code-editor/editor.tsx","../src/components/code-editor/factory.tsx","../src/components/code-editor/index.tsx","../src/components/code-editor/utils.ts","../src/components/code-editor/theme/dark.ts","../src/components/code-editor/theme/index.ts","../src/components/code-editor/theme/light.ts","../src/components/code-editor-mini/index.tsx","../src/components/condition-context/context.tsx","../src/components/condition-context/index.tsx","../src/components/condition-context/op.ts","../src/components/condition-context/types.ts","../src/components/condition-context/hooks/use-condition.tsx","../src/components/condition-row/index.tsx","../src/components/condition-row/types.ts","../src/components/constant-input/index.tsx","../src/components/constant-input/types.ts","../src/components/coze-editor-extensions/index.tsx","../src/components/coze-editor-extensions/extensions/inputs-tree.tsx","../src/components/coze-editor-extensions/extensions/variable-tag.tsx","../src/components/coze-editor-extensions/extensions/variable-tree.tsx","../src/components/db-condition-row/index.tsx","../src/components/db-condition-row/types.ts","../src/components/display-flow-value/index.tsx","../src/components/display-inputs-values/index.tsx","../src/components/display-outputs/index.tsx","../src/components/display-schema-tag/index.tsx","../src/components/display-schema-tree/index.tsx","../src/components/dynamic-value-input/hooks.ts","../src/components/dynamic-value-input/index.tsx","../src/components/inputs-values/index.tsx","../src/components/inputs-values/types.ts","../src/components/inputs-values-tree/icon.tsx","../src/components/inputs-values-tree/index.tsx","../src/components/inputs-values-tree/row.tsx","../src/components/inputs-values-tree/types.ts","../src/components/inputs-values-tree/hooks/use-child-list.tsx","../src/components/json-editor-with-variables/editor.tsx","../src/components/json-editor-with-variables/index.tsx","../src/components/json-schema-creator/index.tsx","../src/components/json-schema-creator/json-input-modal.tsx","../src/components/json-schema-creator/json-schema-creator.tsx","../src/components/json-schema-creator/utils/json-to-schema.ts","../src/components/json-schema-editor/default-value.tsx","../src/components/json-schema-editor/hooks.tsx","../src/components/json-schema-editor/icon.tsx","../src/components/json-schema-editor/index.tsx","../src/components/json-schema-editor/types.ts","../src/components/prompt-editor/editor.tsx","../src/components/prompt-editor/index.tsx","../src/components/prompt-editor/types.tsx","../src/components/prompt-editor/extensions/jinja.tsx","../src/components/prompt-editor/extensions/language-support.tsx","../src/components/prompt-editor/extensions/markdown.tsx","../src/components/prompt-editor-with-inputs/index.tsx","../src/components/prompt-editor-with-variables/index.tsx","../src/components/sql-editor-with-variables/editor.tsx","../src/components/sql-editor-with-variables/index.tsx","../src/components/type-selector/index.tsx","../src/components/variable-selector/context.tsx","../src/components/variable-selector/index.tsx","../src/components/variable-selector/use-variable-tree.tsx","../src/effects/index.ts","../src/effects/auto-rename-ref/index.ts","../src/effects/listen-ref-schema-change/index.ts","../src/effects/listen-ref-value-change/index.ts","../src/effects/provide-batch-input/index.ts","../src/effects/provide-json-schema-outputs/index.ts","../src/effects/sync-variable-title/index.ts","../src/effects/validate-when-variable-sync/index.ts","../src/form-plugins/index.ts","../src/form-plugins/batch-outputs-plugin/index.ts","../src/form-plugins/infer-assign-plugin/index.ts","../src/form-plugins/infer-inputs-plugin/index.ts","../src/hooks/index.ts","../src/hooks/use-object-list/index.tsx","../src/plugins/index.ts","../src/plugins/disable-declaration-plugin/create-disable-declaration-plugin.ts","../src/plugins/disable-declaration-plugin/index.tsx","../src/plugins/json-schema-preset/create-type-preset-plugin.tsx","../src/plugins/json-schema-preset/index.tsx","../src/plugins/json-schema-preset/react.tsx","../src/plugins/json-schema-preset/types.ts","../src/plugins/json-schema-preset/type-definition/array.tsx","../src/plugins/json-schema-preset/type-definition/boolean.tsx","../src/plugins/json-schema-preset/type-definition/date-time.tsx","../src/plugins/json-schema-preset/type-definition/enum.tsx","../src/plugins/json-schema-preset/type-definition/index.tsx","../src/plugins/json-schema-preset/type-definition/integer.tsx","../src/plugins/json-schema-preset/type-definition/map.tsx","../src/plugins/json-schema-preset/type-definition/number.tsx","../src/plugins/json-schema-preset/type-definition/object.tsx","../src/plugins/json-schema-preset/type-definition/string.tsx","../src/shared/index.ts","../src/shared/flow-value/index.ts","../src/shared/flow-value/schema.ts","../src/shared/flow-value/types.ts","../src/shared/flow-value/utils.ts","../src/shared/format-legacy-refs/index.ts","../src/shared/inject-material/index.tsx","../src/shared/lazy-suspense/index.tsx","../src/shared/polyfill-create-root/index.tsx","../src/validate/index.ts","../src/validate/validate-flow-value/index.tsx"],"version":"5.9.2"}

package/dist/types/plugins/json-schema-preset/type-definition/enum.d.ts

@@ -0,0 +1,6 @@
+/**
+ * Copyright (c) 2025 Bytedance Ltd. and/or its affiliates
+ * SPDX-License-Identifier: MIT
+ */
+import { type JsonSchemaTypeRegistry } from '../types';
+export declare const enumRegistry: Partial<JsonSchemaTypeRegistry>;

package/dist/types/plugins/json-schema-preset/types.d.ts

@@ -2,15 +2,20 @@
  * Copyright (c) 2025 Bytedance Ltd. and/or its affiliates
  * SPDX-License-Identifier: MIT
  */
-import { JsonSchemaTypeRegistry as OriginJsonSchemaTypeRegistry } from '@flowgram.ai/json-schema';
+import { type IJsonSchema, JsonSchemaTypeRegistry as OriginJsonSchemaTypeRegistry } from '@flowgram.ai/json-schema';
 import { IConditionRule, IConditionRuleFactory } from '../../components/condition-context/types';
 export interface ConstantRendererProps<Value = any> {
     value?: Value;
     onChange?: (value: Value) => void;
     readonly?: boolean;
+    schema?: IJsonSchema;
     [key: string]: any;
 }
 export interface JsonSchemaTypeRegistry<Value = any> extends OriginJsonSchemaTypeRegistry {
+    /**
+     * The icon displayed when this type is used as an array item
+     */
+    arrayIcon?: React.JSX.Element;
     /**
      * Render Constant Input
      */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@flowgram.ai/form-materials",
-  "version": "1.0.10",
+  "version": "1.0.12",
   "homepage": "https://flowgram.ai/",
   "repository": "https://github.com/bytedance/flowgram.ai",
   "license": "MIT",
@@ -67,9 +67,9 @@
     "@codemirror/state": "^6.4.1",
     "@codemirror/view": "^6.26.1",
     "zod": "^3.24.4",
-    "@flowgram.ai/json-schema": "1.0.10",
-    "@flowgram.ai/editor": "1.0.10",
-    "@flowgram.ai/coze-editor": "1.0.10"
+    "@flowgram.ai/editor": "1.0.12",
+    "@flowgram.ai/coze-editor": "1.0.12",
+    "@flowgram.ai/json-schema": "1.0.12"
   },
   "devDependencies": {
     "@types/lodash-es": "^4.17.12",
@@ -86,8 +86,8 @@
     "cross-env": "~7.0.3",
     "@rsbuild/plugin-react": "^1.1.1",
     "date-fns": "~4.1.0",
-    "@flowgram.ai/eslint-config": "1.0.10",
-    "@flowgram.ai/ts-config": "1.0.10"
+    "@flowgram.ai/ts-config": "1.0.12",
+    "@flowgram.ai/eslint-config": "1.0.12"
   },
   "peerDependencies": {
     "react": ">=16.8",

package/src/components/code-editor/editor.tsx

@@ -26,6 +26,8 @@ const OriginCodeEditor = createRenderer(preset, [
   }),
 ]);
 
+const MINI_EXTENSIONS = [EditorView.lineWrapping];
+
 // CSS styles are in styles.css
 
 type Preset = typeof preset;
@@ -79,6 +81,7 @@ export function BaseCodeEditor({
       <EditorProvider>
         <OriginCodeEditor
           defaultValue={editorValue}
+          extensions={mini ? MINI_EXTENSIONS : undefined}
           options={{
             uri: `file:///untitled${getSuffixByLanguageId(languageId)}`,
             languageId,

package/src/components/code-editor/styles.css

@@ -4,8 +4,23 @@
  */
 
 .gedit-m-code-editor-container {
+  width: 100%;
+  min-width: 0;
+  max-width: 100%;
+  overflow: hidden;
 }
 
 .gedit-m-code-editor-container.mini {
-  height: 24px;
+  min-height: 24px;
+}
+
+.gedit-m-code-editor-container.mini .cm-editor,
+.gedit-m-code-editor-container.mini .cm-scroller,
+.gedit-m-code-editor-container.mini .cm-content {
+  min-width: 0;
+  max-width: 100%;
+}
+
+.gedit-m-code-editor-container.mini .cm-scroller {
+  overflow-x: hidden;
 }

package/src/components/code-editor-mini/index.tsx

@@ -15,6 +15,7 @@ export function CodeEditorMini(props: CodeEditorPropsType) {
     <div className="gedit-m-code-editor-mini">
       <CodeEditor
         {...props}
+        mini
         options={{
           lineNumbersGutter: false,
           foldGutter: false,

package/src/components/constant-input/index.tsx

@@ -3,7 +3,6 @@
  * SPDX-License-Identifier: MIT
  */
 
-/* eslint-disable react/prop-types */
 import React, { useMemo } from 'react';
 
 import { Input } from '@douyinfe/semi-ui';
@@ -27,7 +26,7 @@ export function ConstantInput(props: PropsType) {
     }
 
     return strategy?.Renderer;
-  }, [strategies, schema]);
+  }, [strategies, schema, typeManager]);
 
   if (!Renderer) {
     if (fallbackRenderer) {
@@ -35,11 +34,14 @@ export function ConstantInput(props: PropsType) {
         value,
         onChange,
         readonly,
+        schema,
         ...rest,
       });
     }
     return <Input size="small" disabled placeholder="Unsupported type" />;
   }
 
-  return <Renderer value={value} onChange={onChange} readonly={readonly} {...rest} />;
+  return (
+    <Renderer value={value} onChange={onChange} readonly={readonly} schema={schema} {...rest} />
+  );
 }

package/src/components/json-schema-editor/index.tsx

@@ -5,7 +5,7 @@
 
 import React, { useMemo, useState } from 'react';
 
-import { IJsonSchema } from '@flowgram.ai/json-schema';
+import { IJsonSchema, JsonSchemaTypeManager, useTypeManager } from '@flowgram.ai/json-schema';
 import { I18n } from '@flowgram.ai/editor';
 import { Button, Checkbox, IconButton } from '@douyinfe/semi-ui';
 import {
@@ -29,6 +29,21 @@ import './styles.css';
 
 const DEFAULT = { type: 'object' };
 
+function getSchemaDefaultValue(
+  typeManager: JsonSchemaTypeManager,
+  schema: Partial<IJsonSchema> | undefined
+) {
+  if (schema?.type === 'object') {
+    return '{}';
+  }
+
+  if (schema?.type === 'array') {
+    return '[]';
+  }
+
+  return typeManager.getDefaultValue(schema || {});
+}
+
 export function JsonSchemaEditor(props: {
   value?: IJsonSchema;
   onChange?: (value: IJsonSchema) => void;
@@ -86,6 +101,7 @@ function PropertyEdit(props: {
 
   const [expand, setExpand] = useState(false);
   const [collapse, setCollapse] = useState(false);
+  const typeManager = useTypeManager() as JsonSchemaTypeManager;
 
   const { name, type, items, default: defaultValue, description, isPropertyRequired } = value || {};
 
@@ -136,9 +152,11 @@ function PropertyEdit(props: {
                 value={typeSelectorValue}
                 readonly={readonly}
                 onChange={(_value) => {
+                  const nextTypeSchema = _value || {};
                   onChangeProps?.({
                     ...(value || {}),
-                    ..._value,
+                    ...nextTypeSchema,
+                    default: getSchemaDefaultValue(typeManager, nextTypeSchema),
                   });
                 }}
               />

package/src/plugins/json-schema-preset/type-definition/boolean.tsx

@@ -3,7 +3,6 @@
  * SPDX-License-Identifier: MIT
  */
 
-/* eslint-disable react/prop-types */
 import React from 'react';
 
 import { I18n } from '@flowgram.ai/editor';
@@ -16,12 +15,12 @@ import { type JsonSchemaTypeRegistry } from '../types';
 export const booleanRegistry: Partial<JsonSchemaTypeRegistry> = {
   type: 'boolean',
   ConstantRenderer: (props) => {
-    const { value, onChange, ...rest } = props;
+    const { value, onChange, readonly, schema, ...rest } = props;
     return (
       <Select
         placeholder={I18n.t('Please Select Boolean')}
         size="small"
-        disabled={props.readonly}
+        disabled={readonly}
         optionList={[
           { label: I18n.t('True'), value: 1 },
           { label: I18n.t('False'), value: 0 },

package/src/plugins/json-schema-preset/type-definition/date-time.tsx

@@ -3,7 +3,6 @@
  * SPDX-License-Identifier: MIT
  */
 
-/* eslint-disable react/prop-types */
 import React from 'react';
 
 import { format } from 'date-fns';
@@ -14,23 +13,48 @@ import { ConditionPresetOp } from '@/components/condition-context/op';
 
 import { type JsonSchemaTypeRegistry } from '../types';
 
+const DATE_TIME_FORMAT = "yyyy-MM-dd'T'HH:mm:ss.SSS'Z'";
+
+const stringifyDateTime = (value: unknown) => {
+  if (value === null || value === undefined || value === '') {
+    return '';
+  }
+
+  const date =
+    value instanceof Date
+      ? value
+      : typeof value === 'number'
+      ? new Date(value)
+      : new Date(String(value));
+
+  if (Number.isNaN(date.getTime())) {
+    return '';
+  }
+
+  return format(date, DATE_TIME_FORMAT);
+};
+
 export const dateTimeRegistry: Partial<JsonSchemaTypeRegistry> = {
   type: 'date-time',
-  ConstantRenderer: (props: DatePickerProps & { readonly?: boolean }) => (
-    <DatePicker
-      size="small"
-      type="dateTime"
-      density="compact"
-      defaultValue={Date.now()}
-      style={{ width: '100%', ...(props.style || {}) }}
-      disabled={props.readonly}
-      {...props}
-      onChange={(date) => {
-        props.onChange?.(format(date as Date, "yyyy-MM-dd'T'HH:mm:ss.SSS'Z'"));
-      }}
-      value={props.value}
-    />
-  ),
+  ConstantRenderer: (props: DatePickerProps & { readonly?: boolean; schema?: unknown }) => {
+    const { readonly, schema, ...rest } = props;
+
+    return (
+      <DatePicker
+        size="small"
+        type="dateTime"
+        density="compact"
+        defaultValue={Date.now()}
+        style={{ width: '100%', ...(rest.style || {}) }}
+        disabled={readonly}
+        {...rest}
+        onChange={(date) => {
+          rest.onChange?.(stringifyDateTime(date));
+        }}
+        value={rest.value}
+      />
+    );
+  },
   conditionRule: {
     [ConditionPresetOp.EQ]: { type: 'date-time' },
     [ConditionPresetOp.NEQ]: { type: 'date-time' },

package/src/plugins/json-schema-preset/type-definition/enum.tsx

@@ -0,0 +1,46 @@
+/**
+ * Copyright (c) 2025 Bytedance Ltd. and/or its affiliates
+ * SPDX-License-Identifier: MIT
+ */
+
+import React from 'react';
+
+import { Select } from '@douyinfe/semi-ui';
+
+import { type JsonSchemaTypeRegistry } from '../types';
+
+export const enumRegistry: Partial<JsonSchemaTypeRegistry> = {
+  type: 'enum',
+  parentType: [],
+  arrayIcon: (
+    <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M3.6139 1.58105H0V14.4186H3.6139V13.1264H1.36702V2.87326H3.6139V1.58105ZM3.41656 13.3266V13.3264H1.16987V13.3266H3.41656ZM0.197537 14.2186H0.197344V1.78105H3.41656V1.78125H0.197537V14.2186ZM16 1.58105H12.3861V2.87326H14.633V13.1264H12.3861V14.4186H16V1.58105ZM12.5834 1.78105V2.67326H12.5836V1.78125H15.8027V1.78105H12.5834ZM12.5836 14.2186V13.3266H14.8305V2.67345H14.8303V13.3264H12.5834V14.2186H12.5836Z"
+        fill="currentColor"
+      />
+      <path
+        d="M6.01442 7.34421C5.89401 7.46462 5.89401 7.65985 6.01442 7.78026L7.78218 9.54802C7.9026 9.66844 8.09782 9.66844 8.21823 9.54802L9.986 7.78026C10.1064 7.65985 10.1064 7.46462 9.986 7.34421L9.69137 7.04958C9.57096 6.92917 9.37573 6.92917 9.25532 7.04958L8.00021 8.3047L6.74509 7.04958C6.62468 6.92917 6.42946 6.92917 6.30904 7.04958L6.01442 7.34421ZM3.31699 7.99984C3.31699 10.5864 5.41379 12.6832 8.00033 12.6832C10.5869 12.6832 12.6837 10.5864 12.6837 7.99984C12.6837 5.4133 10.5869 3.3165 8.00033 3.3165C5.41379 3.3165 3.31699 5.4133 3.31699 7.99984ZM11.6503 7.99984C11.6503 10.0157 10.0162 11.6498 8.00033 11.6498C5.98449 11.6498 4.35033 10.0157 4.35033 7.99984C4.35033 5.984 5.98449 4.34984 8.00033 4.34984C10.0162 4.34984 11.6503 5.984 11.6503 7.99984Z"
+        fill="currentColor"
+        stroke="currentColor"
+        strokeWidth="0.2"
+      />
+    </svg>
+  ),
+  ConstantRenderer: (props) => {
+    const { schema, readonly, enableMultiLineStr, ...rest } = props;
+
+    return (
+      <Select
+        size="small"
+        disabled={readonly}
+        optionList={(schema?.enum || []).map((value) => ({
+          label: `${value}`,
+          value,
+        }))}
+        {...rest}
+      />
+    );
+  },
+};

package/src/plugins/json-schema-preset/type-definition/index.tsx

@@ -10,6 +10,7 @@ import { objectRegistry } from './object';
 import { numberRegistry } from './number';
 import { mapRegistry } from './map';
 import { integerRegistry } from './integer';
+import { enumRegistry } from './enum';
 import { dateTimeRegistry } from './date-time';
 import { booleanRegistry } from './boolean';
 import { arrayRegistry } from './array';
@@ -23,6 +24,7 @@ export const jsonSchemaTypePreset = [
   booleanRegistry,
   arrayRegistry,
   mapRegistry,
+  enumRegistry,
   dateTimeRegistry,
 ];
 

package/src/plugins/json-schema-preset/type-definition/integer.tsx

@@ -3,7 +3,6 @@
  * SPDX-License-Identifier: MIT
  */
 
-/* eslint-disable react/prop-types */
 import React from 'react';
 
 import { I18n } from '@flowgram.ai/editor';
@@ -15,13 +14,13 @@ import { type JsonSchemaTypeRegistry } from '../types';
 
 export const integerRegistry: Partial<JsonSchemaTypeRegistry> = {
   type: 'integer',
-  ConstantRenderer: (props) => (
+  ConstantRenderer: ({ readonly, schema, ...rest }) => (
     <InputNumber
       placeholder={I18n.t('Please Input Integer')}
       size="small"
-      disabled={props.readonly}
+      disabled={readonly}
       precision={0}
-      {...props}
+      {...rest}
     />
   ),
   conditionRule: {

package/src/plugins/json-schema-preset/type-definition/number.tsx

@@ -3,7 +3,6 @@
  * SPDX-License-Identifier: MIT
  */
 
-/* eslint-disable react/prop-types */
 import React from 'react';
 
 import { I18n } from '@flowgram.ai/editor';
@@ -15,13 +14,13 @@ import { type JsonSchemaTypeRegistry } from '../types';
 
 export const numberRegistry: Partial<JsonSchemaTypeRegistry> = {
   type: 'number',
-  ConstantRenderer: (props) => (
+  ConstantRenderer: ({ readonly, schema, ...rest }) => (
     <InputNumber
       placeholder={I18n.t('Please Input Number')}
       size="small"
-      disabled={props.readonly}
+      disabled={readonly}
       hideButtons
-      {...props}
+      {...rest}
     />
   ),
   conditionRule: {

package/src/plugins/json-schema-preset/type-definition/string.tsx

@@ -3,7 +3,6 @@
  * SPDX-License-Identifier: MIT
  */
 
-/* eslint-disable react/prop-types */
 import React from 'react';
 
 import { I18n } from '@flowgram.ai/editor';
@@ -15,21 +14,21 @@ import { type JsonSchemaTypeRegistry } from '../types';
 
 export const stringRegistry: Partial<JsonSchemaTypeRegistry> = {
   type: 'string',
-  ConstantRenderer: (props) =>
-    props?.enableMultiLineStr ? (
+  ConstantRenderer: ({ readonly, schema, enableMultiLineStr, ...rest }) =>
+    enableMultiLineStr ? (
       <TextArea
         autosize
         rows={1}
         placeholder={I18n.t('Please Input String')}
-        disabled={props.readonly}
-        {...props}
+        disabled={readonly}
+        {...rest}
       />
     ) : (
       <Input
         size="small"
         placeholder={I18n.t('Please Input String')}
-        disabled={props.readonly}
-        {...props}
+        disabled={readonly}
+        {...rest}
       />
     ),
   conditionRule: {

package/src/plugins/json-schema-preset/types.ts

@@ -3,7 +3,10 @@
  * SPDX-License-Identifier: MIT
  */
 
-import { JsonSchemaTypeRegistry as OriginJsonSchemaTypeRegistry } from '@flowgram.ai/json-schema';
+import {
+  type IJsonSchema,
+  JsonSchemaTypeRegistry as OriginJsonSchemaTypeRegistry,
+} from '@flowgram.ai/json-schema';
 
 import { IConditionRule, IConditionRuleFactory } from '@/components/condition-context/types';
 
@@ -11,9 +14,15 @@ export interface ConstantRendererProps<Value = any> {
   value?: Value;
   onChange?: (value: Value) => void;
   readonly?: boolean;
+  schema?: IJsonSchema;
   [key: string]: any;
 }
 export interface JsonSchemaTypeRegistry<Value = any> extends OriginJsonSchemaTypeRegistry {
+  /**
+   * The icon displayed when this type is used as an array item
+   */
+  arrayIcon?: React.JSX.Element;
+
   /**
    * Render Constant Input
    */