@flowgram.ai/form-materials 0.1.0-alpha.18 → 0.1.0-alpha.20

package/dist/esm/components/json-schema-creator/json-input-modal.mjs

@@ -0,0 +1,62 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useState } from "react";
+import { I18n } from "@flowgram.ai/editor";
+import { Modal, Typography } from "@douyinfe/semi-ui";
+import { jsonToSchema } from "./utils/json-to-schema.mjs";
+import { JsonCodeEditor } from "../code-editor/index.mjs";
+const { Text } = Typography;
+function JsonInputModal({ visible, onClose, onConfirm }) {
+    const [jsonInput, setJsonInput] = useState('');
+    const [error, setError] = useState('');
+    const handleConfirm = ()=>{
+        try {
+            const schema = jsonToSchema(jsonInput);
+            onConfirm(schema);
+            setJsonInput('');
+            setError('');
+        } catch (err) {
+            setError(err.message);
+        }
+    };
+    return /*#__PURE__*/ jsxs(Modal, {
+        visible: visible,
+        onCancel: onClose,
+        onOk: handleConfirm,
+        title: I18n.t('JSON to JSONSchema'),
+        okText: I18n.t('Generate'),
+        cancelText: I18n.t('Cancel'),
+        width: 600,
+        children: [
+            /*#__PURE__*/ jsx("div", {
+                style: {
+                    marginBottom: 8
+                },
+                children: /*#__PURE__*/ jsxs(Text, {
+                    children: [
+                        I18n.t('Paste JSON data'),
+                        "："
+                    ]
+                })
+            }),
+            /*#__PURE__*/ jsx("div", {
+                style: {
+                    minHeight: 300
+                },
+                children: /*#__PURE__*/ jsx(JsonCodeEditor, {
+                    value: jsonInput,
+                    onChange: (value)=>setJsonInput(value || '')
+                })
+            }),
+            error && /*#__PURE__*/ jsx("div", {
+                style: {
+                    marginTop: 8
+                },
+                children: /*#__PURE__*/ jsx(Text, {
+                    type: "danger",
+                    children: error
+                })
+            })
+        ]
+    });
+}
+export { JsonInputModal };

package/dist/esm/components/json-schema-creator/json-schema-creator.mjs

@@ -0,0 +1,26 @@
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { useState } from "react";
+import { I18n } from "@flowgram.ai/editor";
+import { Button } from "@douyinfe/semi-ui";
+import { JsonInputModal } from "./json-input-modal.mjs";
+function JsonSchemaCreator({ onSchemaCreate }) {
+    const [visible, setVisible] = useState(false);
+    const handleCreate = (schema)=>{
+        onSchemaCreate?.(schema);
+        setVisible(false);
+    };
+    return /*#__PURE__*/ jsxs(Fragment, {
+        children: [
+            /*#__PURE__*/ jsx(Button, {
+                onClick: ()=>setVisible(true),
+                children: I18n.t('JSON to JSONSchema')
+            }),
+            /*#__PURE__*/ jsx(JsonInputModal, {
+                visible: visible,
+                onClose: ()=>setVisible(false),
+                onConfirm: handleCreate
+            })
+        ]
+    });
+}
+export { JsonSchemaCreator };

package/dist/esm/components/json-schema-creator/utils/json-to-schema.mjs

@@ -0,0 +1,33 @@
+function jsonToSchema(jsonString) {
+    const data = JSON.parse(jsonString);
+    return generateSchema(data);
+}
+function generateSchema(value) {
+    if (null === value) return {
+        type: 'string'
+    };
+    if (Array.isArray(value)) {
+        const schema = {
+            type: 'array'
+        };
+        if (value.length > 0) schema.items = generateSchema(value[0]);
+        return schema;
+    }
+    if ('object' == typeof value) {
+        const schema = {
+            type: 'object',
+            properties: {},
+            required: []
+        };
+        for (const [key, val] of Object.entries(value)){
+            schema.properties[key] = generateSchema(val);
+            schema.required.push(key);
+        }
+        return schema;
+    }
+    const type = typeof value;
+    return {
+        type: type
+    };
+}
+export { jsonToSchema };

package/dist/esm/components/json-schema-editor/default-value.mjs

@@ -2,10 +2,10 @@ import { jsx } from "react/jsx-runtime";
 import "react";
 import { I18n } from "@flowgram.ai/editor";
 import { ConstantInput } from "../constant-input/index.mjs";
-import { ConstantInputWrapper } from "./styles.mjs";
 function DefaultValue(props) {
     const { value, schema, onChange, placeholder } = props;
-    return /*#__PURE__*/ jsx(ConstantInputWrapper, {
+    return /*#__PURE__*/ jsx("div", {
+        className: "gedit-m-json-schema-editor-constant-input-wrapper",
         children: /*#__PURE__*/ jsx(ConstantInput, {
             value: value,
             onChange: (_v)=>onChange(_v),

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

@@ -11,68 +11,72 @@ function usePropertiesEdit(value, onChange) {
     const drilldownSchema = typeManager.getPropertiesParent(value || {});
     const canAddField = typeManager.canAddField(value || {});
     const [propertyList, setPropertyList] = useState([]);
+    const latestPropertyListRef = useRef(propertyList);
     const effectVersion = useRef(0);
     const changeVersion = useRef(0);
     useEffect(()=>{
         effectVersion.current = effectVersion.current + 1;
         if (effectVersion.current === changeVersion.current) return;
         effectVersion.current = changeVersion.current;
-        setPropertyList((_list)=>{
-            const newNames = Object.entries(drilldownSchema?.properties || {}).sort(([, a], [, b])=>(a.extra?.index ?? 0) - (b.extra?.index ?? 0)).map(([key])=>key);
-            const oldNames = _list.map((item)=>item.name).filter(Boolean);
-            const addNames = difference(newNames, oldNames);
-            return _list.filter((item)=>!item.name || newNames.includes(item.name)).map((item)=>({
-                    key: item.key,
-                    name: item.name,
-                    isPropertyRequired: drilldownSchema?.required?.includes(item.name || '') || false,
-                    ...drilldownSchema?.properties?.[item.name || ''] || item || {}
-                })).concat(addNames.map((_name)=>({
-                    key: genId(),
-                    name: _name,
-                    isPropertyRequired: drilldownSchema?.required?.includes(_name) || false,
-                    ...drilldownSchema?.properties?.[_name] || {}
-                })));
-        });
+        const _list = latestPropertyListRef.current;
+        const newNames = Object.entries(drilldownSchema?.properties || {}).sort(([, a], [, b])=>(a.extra?.index ?? 0) - (b.extra?.index ?? 0)).map(([key])=>key);
+        const oldNames = _list.map((item)=>item.name).filter(Boolean);
+        const addNames = difference(newNames, oldNames);
+        const next = _list.filter((item)=>!item.name || newNames.includes(item.name)).map((item)=>({
+                key: item.key,
+                name: item.name,
+                isPropertyRequired: drilldownSchema?.required?.includes(item.name || '') || false,
+                ...drilldownSchema?.properties?.[item.name || ''] || item || {}
+            })).concat(addNames.map((_name)=>({
+                key: genId(),
+                name: _name,
+                isPropertyRequired: drilldownSchema?.required?.includes(_name) || false,
+                ...drilldownSchema?.properties?.[_name] || {}
+            })));
+        latestPropertyListRef.current = next;
+        setPropertyList(next);
     }, [
         drilldownSchema
     ]);
     const updatePropertyList = (updater)=>{
         changeVersion.current = changeVersion.current + 1;
-        setPropertyList((_list)=>{
-            const next = updater(_list);
-            const nextProperties = {};
-            const nextRequired = [];
-            for (const _property of next)if (_property.name) {
-                nextProperties[_property.name] = omit(_property, [
-                    'key',
-                    'name',
-                    'isPropertyRequired'
-                ]);
-                if (_property.isPropertyRequired) nextRequired.push(_property.name);
+        const next = updater(latestPropertyListRef.current);
+        latestPropertyListRef.current = next;
+        setPropertyList(next);
+        const nextProperties = {};
+        const nextRequired = [];
+        for (const _property of next)if (_property.name) {
+            nextProperties[_property.name] = omit(_property, [
+                'key',
+                'name',
+                'isPropertyRequired'
+            ]);
+            if (_property.isPropertyRequired) nextRequired.push(_property.name);
+        }
+        onChange?.(produce(value || {}, (draft)=>{
+            const propertiesParent = typeManager.getPropertiesParent(draft);
+            if (propertiesParent) {
+                propertiesParent.properties = nextProperties;
+                propertiesParent.required = nextRequired;
+                return;
             }
-            onChange?.(produce(value || {}, (draft)=>{
-                const propertiesParent = typeManager.getPropertiesParent(draft);
-                if (propertiesParent) {
-                    propertiesParent.properties = nextProperties;
-                    propertiesParent.required = nextRequired;
-                    return;
-                }
-            }));
-            return next;
-        });
+        }));
     };
     const onAddProperty = ()=>{
-        setPropertyList((_list)=>[
-                ..._list,
-                {
-                    key: genId(),
-                    name: '',
-                    type: 'string',
-                    extra: {
-                        index: _list.length + 1
-                    }
+        const _list = latestPropertyListRef.current;
+        const next = [
+            ..._list,
+            {
+                key: genId(),
+                name: '',
+                type: 'string',
+                extra: {
+                    index: _list.length + 1
                 }
-            ]);
+            }
+        ];
+        latestPropertyListRef.current = next;
+        setPropertyList(next);
     };
     const onRemoveProperty = (key)=>{
         updatePropertyList((_list)=>_list.filter((_property)=>_property.key !== key));
@@ -81,7 +85,10 @@ function usePropertiesEdit(value, onChange) {
         updatePropertyList((_list)=>_list.map((_property)=>_property.key === key ? nextValue : _property));
     };
     useEffect(()=>{
-        if (!canAddField) setPropertyList([]);
+        if (!canAddField) {
+            latestPropertyListRef.current = [];
+            setPropertyList([]);
+        }
     }, [
         canAddField
     ]);

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

@@ -0,0 +1,26 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import "react";
+import semi_icons from "@douyinfe/semi-icons";
+const iconAddChildrenSvg = /*#__PURE__*/ jsxs("svg", {
+    className: "icon-icon icon-icon-coz_add_node ",
+    width: "1em",
+    height: "1em",
+    viewBox: "0 0 24 24",
+    fill: "currentColor",
+    xmlns: "http://www.w3.org/2000/svg",
+    children: [
+        /*#__PURE__*/ jsx("path", {
+            fillRule: "evenodd",
+            clipRule: "evenodd",
+            d: "M11 6.49988C11 8.64148 9.50397 10.4337 7.49995 10.8884V15.4998C7.49995 16.0521 7.94767 16.4998 8.49995 16.4998H11.208C11.0742 16.8061 11 17.1443 11 17.4998C11 17.8554 11.0742 18.1936 11.208 18.4998H8.49995C6.8431 18.4998 5.49995 17.1567 5.49995 15.4998V10.8884C3.49599 10.4336 2 8.64145 2 6.49988C2 4.0146 4.01472 1.99988 6.5 1.99988C8.98528 1.99988 11 4.0146 11 6.49988ZM6.5 8.99988C7.88071 8.99988 9 7.88059 9 6.49988C9 5.11917 7.88071 3.99988 6.5 3.99988C5.11929 3.99988 4 5.11917 4 6.49988C4 7.88059 5.11929 8.99988 6.5 8.99988Z"
+        }),
+        /*#__PURE__*/ jsx("path", {
+            d: "M17.5 12.4999C18.0523 12.4999 18.5 12.9476 18.5 13.4999V16.4999H21.5C22.0523 16.4999 22.5 16.9476 22.5 17.4999C22.5 18.0522 22.0523 18.4999 21.5 18.4999H18.5V21.4999C18.5 22.0522 18.0523 22.4999 17.5 22.4999C16.9477 22.4999 16.5 22.0522 16.5 21.4999V18.4999H13.5C12.9477 18.4999 12.5 18.0522 12.5 17.4999C12.5 16.9476 12.9477 16.4999 13.5 16.4999H16.5V13.4999C16.5 12.9476 16.9477 12.4999 17.5 12.4999Z"
+        })
+    ]
+});
+const IconAddChildren = ()=>/*#__PURE__*/ jsx(semi_icons, {
+        size: "small",
+        svg: iconAddChildrenSvg
+    });
+export { IconAddChildren };

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

@@ -5,19 +5,21 @@ import { Button, Checkbox, IconButton } from "@douyinfe/semi-ui";
 import { IconChevronDown, IconChevronRight, IconExpand, IconMinus, IconPlus, IconShrink } from "@douyinfe/semi-icons";
 import { InjectTypeSelector } from "../type-selector/index.mjs";
 import { BlurInput } from "../blur-input/index.mjs";
-import { DefaultValueWrapper, IconAddChildren, UIActions, UICollapseTrigger, UICollapsible, UIContainer, UIExpandDetail, UILabel, UIName, UIRequired, UIRow, UITreeItemLeft, UITreeItemMain, UITreeItemRight, UITreeItems, UIType } from "./styles.mjs";
+import { IconAddChildren } from "./icon.mjs";
 import { usePropertiesEdit } from "./hooks.mjs";
 import { DefaultValue } from "./default-value.mjs";
+import "./styles.css";
 const DEFAULT = {
     type: 'object'
 };
 function JsonSchemaEditor(props) {
     const { value = DEFAULT, config = {}, onChange: onChangeProps, readonly } = props;
     const { propertyList, onAddProperty, onRemoveProperty, onEditProperty } = usePropertiesEdit(value, onChangeProps);
-    return /*#__PURE__*/ jsxs(UIContainer, {
-        className: props.className,
+    return /*#__PURE__*/ jsxs("div", {
+        className: "gedit-m-json-schema-editor-container",
         children: [
-            /*#__PURE__*/ jsx(UITreeItems, {
+            /*#__PURE__*/ jsx("div", {
+                className: "gedit-m-json-schema-editor-tree-items",
                 children: propertyList.map((_property)=>/*#__PURE__*/ jsx(PropertyEdit, {
                         readonly: readonly,
                         value: _property,
@@ -66,11 +68,10 @@ function PropertyEdit(props) {
     const showCollapse = canAddField && propertyList.length > 0;
     return /*#__PURE__*/ jsxs(Fragment, {
         children: [
-            /*#__PURE__*/ jsx(UITreeItemLeft, {
-                $isLast: $isLast,
-                $showLine: $level > 0,
-                $showCollapse: showCollapse,
-                children: showCollapse && /*#__PURE__*/ jsx(UICollapseTrigger, {
+            /*#__PURE__*/ jsx("div", {
+                className: `gedit-m-json-schema-editor-tree-item-left ${$level > 0 ? 'show-line' : ''} ${$isLast ? 'is-last' : ''} ${showCollapse ? 'show-collapse' : ''}`,
+                children: showCollapse && /*#__PURE__*/ jsx("div", {
+                    className: "gedit-m-json-schema-editor-collapse-trigger",
                     onClick: ()=>setCollapse((_collapse)=>!_collapse),
                     children: collapse ? /*#__PURE__*/ jsx(IconChevronDown, {
                         size: "small"
@@ -79,13 +80,17 @@ function PropertyEdit(props) {
                     })
                 })
             }),
-            /*#__PURE__*/ jsxs(UITreeItemRight, {
+            /*#__PURE__*/ jsxs("div", {
+                className: "gedit-m-json-schema-editor-tree-item-right",
                 children: [
-                    /*#__PURE__*/ jsxs(UITreeItemMain, {
+                    /*#__PURE__*/ jsxs("div", {
+                        className: "gedit-m-json-schema-editor-tree-item-main",
                         children: [
-                            /*#__PURE__*/ jsxs(UIRow, {
+                            /*#__PURE__*/ jsxs("div", {
+                                className: "gedit-m-json-schema-editor-row",
                                 children: [
-                                    /*#__PURE__*/ jsx(UIName, {
+                                    /*#__PURE__*/ jsx("div", {
+                                        className: "gedit-m-json-schema-editor-name",
                                         children: /*#__PURE__*/ jsx(BlurInput, {
                                             disabled: readonly,
                                             placeholder: config?.placeholder ?? I18n.t('Input Variable Name'),
@@ -94,7 +99,8 @@ function PropertyEdit(props) {
                                             onChange: (value)=>onChange('name', value)
                                         })
                                     }),
-                                    /*#__PURE__*/ jsx(UIType, {
+                                    /*#__PURE__*/ jsx("div", {
+                                        className: "gedit-m-json-schema-editor-type",
                                         children: /*#__PURE__*/ jsx(InjectTypeSelector, {
                                             value: typeSelectorValue,
                                             readonly: readonly,
@@ -106,14 +112,16 @@ function PropertyEdit(props) {
                                             }
                                         })
                                     }),
-                                    /*#__PURE__*/ jsx(UIRequired, {
+                                    /*#__PURE__*/ jsx("div", {
+                                        className: "gedit-m-json-schema-editor-required",
                                         children: /*#__PURE__*/ jsx(Checkbox, {
                                             disabled: readonly,
                                             checked: isPropertyRequired,
                                             onChange: (e)=>onChange('isPropertyRequired', e.target.checked)
                                         })
                                     }),
-                                    /*#__PURE__*/ jsxs(UIActions, {
+                                    /*#__PURE__*/ jsxs("div", {
+                                        className: "gedit-m-json-schema-editor-actions",
                                         children: [
                                             /*#__PURE__*/ jsx(IconButton, {
                                                 disabled: readonly,
@@ -151,9 +159,11 @@ function PropertyEdit(props) {
                                     })
                                 ]
                             }),
-                            expand && /*#__PURE__*/ jsxs(UIExpandDetail, {
+                            expand && /*#__PURE__*/ jsxs("div", {
+                                className: "gedit-m-json-schema-editor-expand-detail",
                                 children: [
-                                    /*#__PURE__*/ jsx(UILabel, {
+                                    /*#__PURE__*/ jsx("div", {
+                                        className: "gedit-m-json-schema-editor-label",
                                         children: config?.descTitle ?? I18n.t("Description")
                                     }),
                                     /*#__PURE__*/ jsx(BlurInput, {
@@ -165,13 +175,15 @@ function PropertyEdit(props) {
                                     }),
                                     0 === $level && /*#__PURE__*/ jsxs(Fragment, {
                                         children: [
-                                            /*#__PURE__*/ jsx(UILabel, {
+                                            /*#__PURE__*/ jsx("div", {
+                                                className: "gedit-m-json-schema-editor-label",
                                                 style: {
                                                     marginTop: 10
                                                 },
                                                 children: config?.defaultValueTitle ?? I18n.t('Default Value')
                                             }),
-                                            /*#__PURE__*/ jsx(DefaultValueWrapper, {
+                                            /*#__PURE__*/ jsx("div", {
+                                                className: "gedit-m-json-schema-editor-default-value-wrapper",
                                                 children: /*#__PURE__*/ jsx(DefaultValue, {
                                                     value: defaultValue,
                                                     schema: value,
@@ -185,10 +197,10 @@ function PropertyEdit(props) {
                             })
                         ]
                     }),
-                    showCollapse && /*#__PURE__*/ jsx(UICollapsible, {
-                        $collapse: collapse,
-                        children: /*#__PURE__*/ jsx(UITreeItems, {
-                            $shrink: true,
+                    showCollapse && /*#__PURE__*/ jsx("div", {
+                        className: `gedit-m-json-schema-editor-collapsible ${collapse ? 'collapse' : ''}`,
+                        children: /*#__PURE__*/ jsx("div", {
+                            className: "gedit-m-json-schema-editor-tree-items shrink",
                             children: propertyList.map((_property, index)=>/*#__PURE__*/ jsx(PropertyEdit, {
                                     readonly: readonly,
                                     value: _property,

package/dist/esm/components/json-schema-editor/styles.css

@@ -0,0 +1,113 @@
+.gedit-m-json-schema-editor-row {
+  align-items: center;
+  gap: 6px;
+  display: flex;
+}
+
+.gedit-m-json-schema-editor-collapse-trigger {
+  cursor: pointer;
+  margin-right: 5px;
+}
+
+.gedit-m-json-schema-editor-expand-detail {
+  flex-direction: column;
+  display: flex;
+}
+
+.gedit-m-json-schema-editor-label {
+  color: #999;
+  margin-bottom: 2px;
+  font-size: 12px;
+  font-weight: 400;
+}
+
+.gedit-m-json-schema-editor-tree-items {
+  grid-template-columns: auto 1fr;
+  display: grid;
+}
+
+.gedit-m-json-schema-editor-tree-items.shrink {
+  margin-top: 10px;
+  padding-left: 3px;
+}
+
+.gedit-m-json-schema-editor-tree-item-left {
+  grid-column: 1;
+  width: 16px;
+  position: relative;
+}
+
+.gedit-m-json-schema-editor-tree-item-left.show-line:before {
+  content: "";
+  height: var(--line-height, 100%);
+  background: #d9d9d9;
+  width: 1px;
+  display: block;
+  position: absolute;
+  top: -16px;
+  left: -14px;
+}
+
+.gedit-m-json-schema-editor-tree-item-left.show-line:after {
+  content: "";
+  width: var(--line-width, 30px);
+  background: #d9d9d9;
+  height: 1px;
+  display: block;
+  position: absolute;
+  top: 8px;
+  left: -14px;
+}
+
+.gedit-m-json-schema-editor-tree-item-left.show-line.is-last:before {
+  height: 24px;
+}
+
+.gedit-m-json-schema-editor-tree-item-left.show-line.show-collapse:after {
+  width: 12px;
+}
+
+.gedit-m-json-schema-editor-tree-item-right {
+  grid-column: 2;
+  margin-bottom: 10px;
+
+  &:last-child {
+    margin-bottom: 0;
+  }
+}
+
+.gedit-m-json-schema-editor-tree-item-main {
+  flex-direction: column;
+  gap: 10px;
+  display: flex;
+  position: relative;
+}
+
+.gedit-m-json-schema-editor-collapsible {
+  display: none;
+}
+
+.gedit-m-json-schema-editor-collapsible.collapse {
+  display: block;
+}
+
+.gedit-m-json-schema-editor-name {
+  flex-grow: 1;
+}
+
+.gedit-m-json-schema-editor-actions {
+  white-space: nowrap;
+}
+
+.gedit-m-json-schema-editor-default-value-wrapper {
+  margin: 0;
+}
+
+.gedit-m-json-schema-editor-constant-input-wrapper {
+  flex-grow: 1;
+
+  & .semi-tree-select, & .semi-input-number, & .semi-select {
+    width: 100%;
+  }
+}
+

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

@@ -2,20 +2,30 @@ import { jsx, jsxs } from "react/jsx-runtime";
 import { useEffect, useRef } from "react";
 import { ActiveLinePlaceholder, EditorProvider, Renderer } from "@flowgram.ai/coze-editor/react";
 import preset_prompt from "@flowgram.ai/coze-editor/preset-prompt";
-import { UIContainer } from "./styles.mjs";
 import markdown from "./extensions/markdown.mjs";
 import language_support from "./extensions/language-support.mjs";
 import jinja from "./extensions/jinja.mjs";
+import "./styles.css";
 function PromptEditor(props) {
     const { value, onChange, readonly, placeholder, activeLinePlaceholder, style, hasError, children, disableMarkdownHighlight, options } = props || {};
     const editorRef = useRef(null);
+    const editorValue = String(value?.content || '');
     useEffect(()=>{
-        if (editorRef.current?.getValue() !== value?.content) editorRef.current?.setValue(String(value?.content || ''));
+        if (editorRef.current?.getValue() !== editorValue) {
+            const editorView = editorRef.current?.$view;
+            editorView?.dispatch({
+                changes: {
+                    from: 0,
+                    to: editorView?.state.doc.length,
+                    insert: editorValue
+                }
+            });
+        }
     }, [
-        value
+        editorValue
     ]);
-    return /*#__PURE__*/ jsx(UIContainer, {
-        $hasError: hasError,
+    return /*#__PURE__*/ jsx("div", {
+        className: `gedit-m-prompt-editor-container ${hasError ? 'has-error' : ''}`,
         style: style,
         children: /*#__PURE__*/ jsxs(EditorProvider, {
             children: [
@@ -24,7 +34,7 @@ function PromptEditor(props) {
                         editorRef.current = editor;
                     },
                     plugins: preset_prompt,
-                    defaultValue: String(value?.content),
+                    defaultValue: editorValue,
                     options: {
                         readOnly: readonly,
                         editable: !readonly,

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

@@ -0,0 +1,10 @@
+.gedit-m-prompt-editor-container {
+  background-color: var(--semi-color-fill-0);
+  padding-left: 10px;
+  padding-right: 6px;
+}
+
+.gedit-m-prompt-editor-container.has-error {
+  border: 1px solid var(--semi-color-danger-6);
+}
+

package/dist/esm/components/prompt-editor-with-inputs/index.mjs

@@ -1,5 +1,13 @@
-import { lazySuspense } from "../../shared/index.mjs";
-const PromptEditorWithInputs = lazySuspense(()=>import("./editor.mjs").then((module)=>({
-            default: module.PromptEditorWithInputs
-        })));
+import { jsx } from "react/jsx-runtime";
+import "react";
+import { PromptEditor } from "../prompt-editor/index.mjs";
+import { EditorInputsTree } from "../coze-editor-extensions/index.mjs";
+function PromptEditorWithInputs({ inputsValues, ...restProps }) {
+    return /*#__PURE__*/ jsx(PromptEditor, {
+        ...restProps,
+        children: /*#__PURE__*/ jsx(EditorInputsTree, {
+            inputsValues: inputsValues
+        })
+    });
+}
 export { PromptEditorWithInputs };

package/dist/esm/components/prompt-editor-with-variables/index.mjs

@@ -1,5 +1,14 @@
-import { lazySuspense } from "../../shared/index.mjs";
-const PromptEditorWithVariables = lazySuspense(()=>import("./editor.mjs").then((module)=>({
-            default: module.PromptEditorWithVariables
-        })));
+import { jsx, jsxs } from "react/jsx-runtime";
+import "react";
+import { PromptEditor } from "../prompt-editor/index.mjs";
+import { EditorVariableTagInject, EditorVariableTree } from "../coze-editor-extensions/index.mjs";
+function PromptEditorWithVariables(props) {
+    return /*#__PURE__*/ jsxs(PromptEditor, {
+        ...props,
+        children: [
+            /*#__PURE__*/ jsx(EditorVariableTree, {}),
+            /*#__PURE__*/ jsx(EditorVariableTagInject, {})
+        ]
+    });
+}
 export { PromptEditorWithVariables };