@flowgram.ai/form-materials 0.1.0-alpha.17 → 0.1.0-alpha.19

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

@@ -39,68 +39,72 @@ function usePropertiesEdit(value, onChange) {
     const drilldownSchema = typeManager.getPropertiesParent(value || {});
     const canAddField = typeManager.canAddField(value || {});
     const [propertyList, setPropertyList] = (0, external_react_namespaceObject.useState)([]);
+    const latestPropertyListRef = (0, external_react_namespaceObject.useRef)(propertyList);
     const effectVersion = (0, external_react_namespaceObject.useRef)(0);
     const changeVersion = (0, external_react_namespaceObject.useRef)(0);
     (0, external_react_namespaceObject.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 = (0, external_lodash_es_namespaceObject.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 = (0, external_lodash_es_namespaceObject.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] = (0, external_lodash_es_namespaceObject.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] = (0, external_lodash_es_namespaceObject.omit)(_property, [
+                'key',
+                'name',
+                'isPropertyRequired'
+            ]);
+            if (_property.isPropertyRequired) nextRequired.push(_property.name);
+        }
+        onChange?.((0, external_immer_namespaceObject.produce)(value || {}, (draft)=>{
+            const propertiesParent = typeManager.getPropertiesParent(draft);
+            if (propertiesParent) {
+                propertiesParent.properties = nextProperties;
+                propertiesParent.required = nextRequired;
+                return;
             }
-            onChange?.((0, external_immer_namespaceObject.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));
@@ -109,7 +113,10 @@ function usePropertiesEdit(value, onChange) {
         updatePropertyList((_list)=>_list.map((_property)=>_property.key === key ? nextValue : _property));
     };
     (0, external_react_namespaceObject.useEffect)(()=>{
-        if (!canAddField) setPropertyList([]);
+        if (!canAddField) {
+            latestPropertyListRef.current = [];
+            setPropertyList([]);
+        }
     }, [
         canAddField
     ]);

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

@@ -0,0 +1,70 @@
+"use strict";
+var __webpack_require__ = {};
+(()=>{
+    __webpack_require__.n = (module)=>{
+        var getter = module && module.__esModule ? ()=>module['default'] : ()=>module;
+        __webpack_require__.d(getter, {
+            a: getter
+        });
+        return getter;
+    };
+})();
+(()=>{
+    __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__, {
+    IconAddChildren: ()=>IconAddChildren
+});
+const jsx_runtime_namespaceObject = require("react/jsx-runtime");
+require("react");
+const semi_icons_namespaceObject = require("@douyinfe/semi-icons");
+var semi_icons_default = /*#__PURE__*/ __webpack_require__.n(semi_icons_namespaceObject);
+const iconAddChildrenSvg = /*#__PURE__*/ (0, jsx_runtime_namespaceObject.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__*/ (0, jsx_runtime_namespaceObject.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__*/ (0, jsx_runtime_namespaceObject.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__*/ (0, jsx_runtime_namespaceObject.jsx)(semi_icons_default(), {
+        size: "small",
+        svg: iconAddChildrenSvg
+    });
+exports.IconAddChildren = __webpack_exports__.IconAddChildren;
+for(var __webpack_i__ in __webpack_exports__)if (-1 === [
+    "IconAddChildren"
+].indexOf(__webpack_i__)) exports[__webpack_i__] = __webpack_exports__[__webpack_i__];
+Object.defineProperty(exports, '__esModule', {
+    value: true
+});

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

@@ -33,19 +33,21 @@ const semi_ui_namespaceObject = require("@douyinfe/semi-ui");
 const semi_icons_namespaceObject = require("@douyinfe/semi-icons");
 const index_js_namespaceObject = require("../type-selector/index.js");
 const external_blur_input_index_js_namespaceObject = require("../blur-input/index.js");
-const external_styles_js_namespaceObject = require("./styles.js");
+const external_icon_js_namespaceObject = require("./icon.js");
 const external_hooks_js_namespaceObject = require("./hooks.js");
 const external_default_value_js_namespaceObject = require("./default-value.js");
+require("./styles.css");
 const DEFAULT = {
     type: 'object'
 };
 function JsonSchemaEditor(props) {
     const { value = DEFAULT, config = {}, onChange: onChangeProps, readonly } = props;
     const { propertyList, onAddProperty, onRemoveProperty, onEditProperty } = (0, external_hooks_js_namespaceObject.usePropertiesEdit)(value, onChangeProps);
-    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(external_styles_js_namespaceObject.UIContainer, {
-        className: props.className,
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("div", {
+        className: "gedit-m-json-schema-editor-container",
         children: [
-            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_styles_js_namespaceObject.UITreeItems, {
+            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
+                className: "gedit-m-json-schema-editor-tree-items",
                 children: propertyList.map((_property)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(PropertyEdit, {
                         readonly: readonly,
                         value: _property,
@@ -94,11 +96,10 @@ function PropertyEdit(props) {
     const showCollapse = canAddField && propertyList.length > 0;
     return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(jsx_runtime_namespaceObject.Fragment, {
         children: [
-            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_styles_js_namespaceObject.UITreeItemLeft, {
-                $isLast: $isLast,
-                $showLine: $level > 0,
-                $showCollapse: showCollapse,
-                children: showCollapse && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_styles_js_namespaceObject.UICollapseTrigger, {
+            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
+                className: `gedit-m-json-schema-editor-tree-item-left ${$level > 0 ? 'show-line' : ''} ${$isLast ? 'is-last' : ''} ${showCollapse ? 'show-collapse' : ''}`,
+                children: showCollapse && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
+                    className: "gedit-m-json-schema-editor-collapse-trigger",
                     onClick: ()=>setCollapse((_collapse)=>!_collapse),
                     children: collapse ? /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(semi_icons_namespaceObject.IconChevronDown, {
                         size: "small"
@@ -107,13 +108,17 @@ function PropertyEdit(props) {
                     })
                 })
             }),
-            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(external_styles_js_namespaceObject.UITreeItemRight, {
+            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("div", {
+                className: "gedit-m-json-schema-editor-tree-item-right",
                 children: [
-                    /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(external_styles_js_namespaceObject.UITreeItemMain, {
+                    /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("div", {
+                        className: "gedit-m-json-schema-editor-tree-item-main",
                         children: [
-                            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(external_styles_js_namespaceObject.UIRow, {
+                            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("div", {
+                                className: "gedit-m-json-schema-editor-row",
                                 children: [
-                                    /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_styles_js_namespaceObject.UIName, {
+                                    /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
+                                        className: "gedit-m-json-schema-editor-name",
                                         children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_blur_input_index_js_namespaceObject.BlurInput, {
                                             disabled: readonly,
                                             placeholder: config?.placeholder ?? editor_namespaceObject.I18n.t('Input Variable Name'),
@@ -122,7 +127,8 @@ function PropertyEdit(props) {
                                             onChange: (value)=>onChange('name', value)
                                         })
                                     }),
-                                    /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_styles_js_namespaceObject.UIType, {
+                                    /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
+                                        className: "gedit-m-json-schema-editor-type",
                                         children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(index_js_namespaceObject.InjectTypeSelector, {
                                             value: typeSelectorValue,
                                             readonly: readonly,
@@ -134,14 +140,16 @@ function PropertyEdit(props) {
                                             }
                                         })
                                     }),
-                                    /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_styles_js_namespaceObject.UIRequired, {
+                                    /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
+                                        className: "gedit-m-json-schema-editor-required",
                                         children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(semi_ui_namespaceObject.Checkbox, {
                                             disabled: readonly,
                                             checked: isPropertyRequired,
                                             onChange: (e)=>onChange('isPropertyRequired', e.target.checked)
                                         })
                                     }),
-                                    /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(external_styles_js_namespaceObject.UIActions, {
+                                    /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("div", {
+                                        className: "gedit-m-json-schema-editor-actions",
                                         children: [
                                             /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(semi_ui_namespaceObject.IconButton, {
                                                 disabled: readonly,
@@ -160,7 +168,7 @@ function PropertyEdit(props) {
                                                 disabled: readonly,
                                                 size: "small",
                                                 theme: "borderless",
-                                                icon: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_styles_js_namespaceObject.IconAddChildren, {}),
+                                                icon: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_icon_js_namespaceObject.IconAddChildren, {}),
                                                 onClick: ()=>{
                                                     onAddProperty();
                                                     setCollapse(true);
@@ -179,9 +187,11 @@ function PropertyEdit(props) {
                                     })
                                 ]
                             }),
-                            expand && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(external_styles_js_namespaceObject.UIExpandDetail, {
+                            expand && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("div", {
+                                className: "gedit-m-json-schema-editor-expand-detail",
                                 children: [
-                                    /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_styles_js_namespaceObject.UILabel, {
+                                    /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
+                                        className: "gedit-m-json-schema-editor-label",
                                         children: config?.descTitle ?? editor_namespaceObject.I18n.t("Description")
                                     }),
                                     /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_blur_input_index_js_namespaceObject.BlurInput, {
@@ -193,13 +203,15 @@ function PropertyEdit(props) {
                                     }),
                                     0 === $level && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(jsx_runtime_namespaceObject.Fragment, {
                                         children: [
-                                            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_styles_js_namespaceObject.UILabel, {
+                                            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
+                                                className: "gedit-m-json-schema-editor-label",
                                                 style: {
                                                     marginTop: 10
                                                 },
                                                 children: config?.defaultValueTitle ?? editor_namespaceObject.I18n.t('Default Value')
                                             }),
-                                            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_styles_js_namespaceObject.DefaultValueWrapper, {
+                                            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
+                                                className: "gedit-m-json-schema-editor-default-value-wrapper",
                                                 children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_default_value_js_namespaceObject.DefaultValue, {
                                                     value: defaultValue,
                                                     schema: value,
@@ -213,10 +225,10 @@ function PropertyEdit(props) {
                             })
                         ]
                     }),
-                    showCollapse && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_styles_js_namespaceObject.UICollapsible, {
-                        $collapse: collapse,
-                        children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_styles_js_namespaceObject.UITreeItems, {
-                            $shrink: true,
+                    showCollapse && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
+                        className: `gedit-m-json-schema-editor-collapsible ${collapse ? 'collapse' : ''}`,
+                        children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
+                            className: "gedit-m-json-schema-editor-tree-items shrink",
                             children: propertyList.map((_property, index)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(PropertyEdit, {
                                     readonly: readonly,
                                     value: _property,

package/dist/cjs/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/cjs/components/prompt-editor/editor.js

@@ -40,23 +40,33 @@ const external_react_namespaceObject = require("react");
 const react_namespaceObject = require("@flowgram.ai/coze-editor/react");
 const preset_prompt_namespaceObject = require("@flowgram.ai/coze-editor/preset-prompt");
 var preset_prompt_default = /*#__PURE__*/ __webpack_require__.n(preset_prompt_namespaceObject);
-const external_styles_js_namespaceObject = require("./styles.js");
 const markdown_js_namespaceObject = require("./extensions/markdown.js");
 var markdown_js_default = /*#__PURE__*/ __webpack_require__.n(markdown_js_namespaceObject);
 const language_support_js_namespaceObject = require("./extensions/language-support.js");
 var language_support_js_default = /*#__PURE__*/ __webpack_require__.n(language_support_js_namespaceObject);
 const jinja_js_namespaceObject = require("./extensions/jinja.js");
 var jinja_js_default = /*#__PURE__*/ __webpack_require__.n(jinja_js_namespaceObject);
+require("./styles.css");
 function PromptEditor(props) {
     const { value, onChange, readonly, placeholder, activeLinePlaceholder, style, hasError, children, disableMarkdownHighlight, options } = props || {};
     const editorRef = (0, external_react_namespaceObject.useRef)(null);
+    const editorValue = String(value?.content || '');
     (0, external_react_namespaceObject.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__*/ (0, jsx_runtime_namespaceObject.jsx)(external_styles_js_namespaceObject.UIContainer, {
-        $hasError: hasError,
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
+        className: `gedit-m-prompt-editor-container ${hasError ? 'has-error' : ''}`,
         style: style,
         children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(react_namespaceObject.EditorProvider, {
             children: [
@@ -65,7 +75,7 @@ function PromptEditor(props) {
                         editorRef.current = editor;
                     },
                     plugins: preset_prompt_default(),
-                    defaultValue: String(value?.content),
+                    defaultValue: editorValue,
                     options: {
                         readOnly: readonly,
                         editable: !readonly,

package/dist/cjs/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/cjs/components/prompt-editor-with-inputs/index.js

@@ -1,21 +1,5 @@
 "use strict";
-var __webpack_modules__ = {
-    "./editor": function(module) {
-        module.exports = import("./editor.js").then(function(module) {
-            return module;
-        });
-    }
-};
-var __webpack_module_cache__ = {};
-function __webpack_require__(moduleId) {
-    var cachedModule = __webpack_module_cache__[moduleId];
-    if (void 0 !== cachedModule) return cachedModule.exports;
-    var module = __webpack_module_cache__[moduleId] = {
-        exports: {}
-    };
-    __webpack_modules__[moduleId](module, module.exports, __webpack_require__);
-    return module.exports;
-}
+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, {
@@ -38,16 +22,22 @@ function __webpack_require__(moduleId) {
     };
 })();
 var __webpack_exports__ = {};
-(()=>{
-    __webpack_require__.r(__webpack_exports__);
-    __webpack_require__.d(__webpack_exports__, {
-        PromptEditorWithInputs: ()=>PromptEditorWithInputs
+__webpack_require__.r(__webpack_exports__);
+__webpack_require__.d(__webpack_exports__, {
+    PromptEditorWithInputs: ()=>PromptEditorWithInputs
+});
+const jsx_runtime_namespaceObject = require("react/jsx-runtime");
+require("react");
+const index_js_namespaceObject = require("../prompt-editor/index.js");
+const external_coze_editor_extensions_index_js_namespaceObject = require("../coze-editor-extensions/index.js");
+function PromptEditorWithInputs({ inputsValues, ...restProps }) {
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(index_js_namespaceObject.PromptEditor, {
+        ...restProps,
+        children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_coze_editor_extensions_index_js_namespaceObject.EditorInputsTree, {
+            inputsValues: inputsValues
+        })
     });
-    const index_js_namespaceObject = require("../../shared/index.js");
-    const PromptEditorWithInputs = (0, index_js_namespaceObject.lazySuspense)(()=>Promise.resolve().then(__webpack_require__.bind(__webpack_require__, "./editor")).then((module)=>({
-                default: module.PromptEditorWithInputs
-            })));
-})();
+}
 exports.PromptEditorWithInputs = __webpack_exports__.PromptEditorWithInputs;
 for(var __webpack_i__ in __webpack_exports__)if (-1 === [
     "PromptEditorWithInputs"

package/dist/cjs/components/prompt-editor-with-variables/index.js

@@ -1,21 +1,5 @@
 "use strict";
-var __webpack_modules__ = {
-    "./editor": function(module) {
-        module.exports = import("./editor.js").then(function(module) {
-            return module;
-        });
-    }
-};
-var __webpack_module_cache__ = {};
-function __webpack_require__(moduleId) {
-    var cachedModule = __webpack_module_cache__[moduleId];
-    if (void 0 !== cachedModule) return cachedModule.exports;
-    var module = __webpack_module_cache__[moduleId] = {
-        exports: {}
-    };
-    __webpack_modules__[moduleId](module, module.exports, __webpack_require__);
-    return module.exports;
-}
+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, {
@@ -38,16 +22,23 @@ function __webpack_require__(moduleId) {
     };
 })();
 var __webpack_exports__ = {};
-(()=>{
-    __webpack_require__.r(__webpack_exports__);
-    __webpack_require__.d(__webpack_exports__, {
-        PromptEditorWithVariables: ()=>PromptEditorWithVariables
+__webpack_require__.r(__webpack_exports__);
+__webpack_require__.d(__webpack_exports__, {
+    PromptEditorWithVariables: ()=>PromptEditorWithVariables
+});
+const jsx_runtime_namespaceObject = require("react/jsx-runtime");
+require("react");
+const index_js_namespaceObject = require("../prompt-editor/index.js");
+const external_coze_editor_extensions_index_js_namespaceObject = require("../coze-editor-extensions/index.js");
+function PromptEditorWithVariables(props) {
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(index_js_namespaceObject.PromptEditor, {
+        ...props,
+        children: [
+            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_coze_editor_extensions_index_js_namespaceObject.EditorVariableTree, {}),
+            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_coze_editor_extensions_index_js_namespaceObject.EditorVariableTagInject, {})
+        ]
     });
-    const index_js_namespaceObject = require("../../shared/index.js");
-    const PromptEditorWithVariables = (0, index_js_namespaceObject.lazySuspense)(()=>Promise.resolve().then(__webpack_require__.bind(__webpack_require__, "./editor")).then((module)=>({
-                default: module.PromptEditorWithVariables
-            })));
-})();
+}
 exports.PromptEditorWithVariables = __webpack_exports__.PromptEditorWithVariables;
 for(var __webpack_i__ in __webpack_exports__)if (-1 === [
     "PromptEditorWithVariables"

package/dist/cjs/components/variable-selector/context.js

@@ -32,11 +32,15 @@ const jsx_runtime_namespaceObject = require("react/jsx-runtime");
 const external_react_namespaceObject = require("react");
 const VariableSelectorContext = /*#__PURE__*/ (0, external_react_namespaceObject.createContext)({});
 const useVariableSelectorContext = ()=>(0, external_react_namespaceObject.useContext)(VariableSelectorContext);
-const VariableSelectorProvider = ({ children, skipVariable })=>{
+const VariableSelectorProvider = ({ children, skipVariable, includeSchema, excludeSchema })=>{
     const context = (0, external_react_namespaceObject.useMemo)(()=>({
-            skipVariable
+            skipVariable,
+            includeSchema,
+            excludeSchema
         }), [
-        skipVariable
+        skipVariable,
+        includeSchema,
+        excludeSchema
     ]);
     return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(VariableSelectorContext.Provider, {
         value: context,