@flowgram.ai/form-materials 0.4.9 → 0.4.11

package/dist/cjs/components/dynamic-value-input/styles.js

@@ -0,0 +1,107 @@
+"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__, {
+    UIType: ()=>UIType,
+    UIContainer: ()=>UIContainer,
+    UITrigger: ()=>UITrigger,
+    UIMain: ()=>UIMain
+});
+const external_styled_components_namespaceObject = require("styled-components");
+var external_styled_components_default = /*#__PURE__*/ __webpack_require__.n(external_styled_components_namespaceObject);
+const UIContainer = external_styled_components_default().div`
+  display: flex;
+  align-items: center;
+  border-radius: 4px;
+  border: 1px solid var(--semi-color-border);
+
+  overflow: hidden;
+
+  background-color: var(--semi-color-fill-0);
+`;
+const UIMain = external_styled_components_default().div`
+  flex-grow: 1;
+  overflow: hidden;
+  min-width: 0;
+  border-left: 1px solid var(--semi-color-border);
+  border-right: 1px solid var(--semi-color-border);
+
+  & .semi-tree-select,
+  & .semi-input-number,
+  & .semi-select {
+    width: 100%;
+    border: none;
+    border-radius: 0;
+  }
+
+  & .semi-input-wrapper {
+    border: none;
+    border-radius: 0;
+  }
+
+  & .semi-input-textarea-wrapper {
+    border: none;
+    border-radius: 0;
+  }
+
+  & .semi-input-textarea {
+    padding: 2px 6px;
+    border: none;
+    border-radius: 0;
+    word-break: break-all;
+  }
+`;
+const UIType = external_styled_components_default().div`
+  & .semi-button {
+    border-radius: 0;
+  }
+`;
+const UITrigger = external_styled_components_default().div`
+  & .semi-button {
+    border-radius: 0;
+  }
+`;
+exports.UIContainer = __webpack_exports__.UIContainer;
+exports.UIMain = __webpack_exports__.UIMain;
+exports.UITrigger = __webpack_exports__.UITrigger;
+exports.UIType = __webpack_exports__.UIType;
+for(var __webpack_i__ in __webpack_exports__)if (-1 === [
+    "UIContainer",
+    "UIMain",
+    "UITrigger",
+    "UIType"
+].indexOf(__webpack_i__)) exports[__webpack_i__] = __webpack_exports__[__webpack_i__];
+Object.defineProperty(exports, '__esModule', {
+    value: true
+});

package/dist/cjs/components/index.js

@@ -0,0 +1,166 @@
+"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__, {
+    BatchVariableSelector: ()=>external_batch_variable_selector_index_js_namespaceObject.BatchVariableSelector,
+    AssignRow: ()=>index_js_namespaceObject.AssignRow,
+    TypeSelector: ()=>external_type_selector_index_js_namespaceObject.TypeSelector,
+    CodeEditorMini: ()=>external_code_editor_mini_index_js_namespaceObject.CodeEditorMini,
+    DBConditionRow: ()=>external_db_condition_row_index_js_namespaceObject.DBConditionRow,
+    DynamicValueInput: ()=>external_dynamic_value_input_index_js_namespaceObject.DynamicValueInput,
+    AssignRows: ()=>external_assign_rows_index_js_namespaceObject.AssignRows,
+    ConditionRow: ()=>external_condition_row_index_js_namespaceObject.ConditionRow,
+    EditorInputsTree: ()=>external_coze_editor_extensions_index_js_namespaceObject.EditorInputsTree,
+    InjectDynamicValueInput: ()=>external_dynamic_value_input_index_js_namespaceObject.InjectDynamicValueInput,
+    PromptEditorWithVariables: ()=>external_prompt_editor_with_variables_index_js_namespaceObject.PromptEditorWithVariables,
+    JsonEditorWithVariables: ()=>external_json_editor_with_variables_index_js_namespaceObject.JsonEditorWithVariables,
+    InjectVariableSelector: ()=>external_variable_selector_index_js_namespaceObject.InjectVariableSelector,
+    DisplayOutputs: ()=>external_display_outputs_index_js_namespaceObject.DisplayOutputs,
+    DisplaySchemaTree: ()=>external_display_schema_tree_index_js_namespaceObject.DisplaySchemaTree,
+    PromptEditor: ()=>external_prompt_editor_index_js_namespaceObject.PromptEditor,
+    ConstantInput: ()=>external_constant_input_index_js_namespaceObject.ConstantInput,
+    BlurInput: ()=>external_blur_input_index_js_namespaceObject.BlurInput,
+    DisplaySchemaTag: ()=>external_display_schema_tag_index_js_namespaceObject.DisplaySchemaTag,
+    InputsValues: ()=>external_inputs_values_index_js_namespaceObject.InputsValues,
+    useVariableTree: ()=>external_variable_selector_index_js_namespaceObject.useVariableTree,
+    InjectTypeSelector: ()=>external_type_selector_index_js_namespaceObject.InjectTypeSelector,
+    VariableSelectorProvider: ()=>external_variable_selector_index_js_namespaceObject.VariableSelectorProvider,
+    DisplayFlowValue: ()=>external_display_flow_value_index_js_namespaceObject.DisplayFlowValue,
+    JsonSchemaEditor: ()=>external_json_schema_editor_index_js_namespaceObject.JsonSchemaEditor,
+    EditorVariableTagInject: ()=>external_coze_editor_extensions_index_js_namespaceObject.EditorVariableTagInject,
+    InputsValuesTree: ()=>external_inputs_values_tree_index_js_namespaceObject.InputsValuesTree,
+    PromptEditorWithInputs: ()=>external_prompt_editor_with_inputs_index_js_namespaceObject.PromptEditorWithInputs,
+    parseTypeSelectValue: ()=>external_type_selector_index_js_namespaceObject.parseTypeSelectValue,
+    CodeEditor: ()=>external_code_editor_index_js_namespaceObject.CodeEditor,
+    DisplayInputsValueAllInTag: ()=>external_display_inputs_values_index_js_namespaceObject.DisplayInputsValueAllInTag,
+    EditorVariableTree: ()=>external_coze_editor_extensions_index_js_namespaceObject.EditorVariableTree,
+    getTypeSelectValue: ()=>external_type_selector_index_js_namespaceObject.getTypeSelectValue,
+    DisplayInputsValues: ()=>external_display_inputs_values_index_js_namespaceObject.DisplayInputsValues,
+    BatchOutputs: ()=>external_batch_outputs_index_js_namespaceObject.BatchOutputs,
+    VariableSelector: ()=>external_variable_selector_index_js_namespaceObject.VariableSelector
+});
+const index_js_namespaceObject = require("./assign-row/index.js");
+const external_assign_rows_index_js_namespaceObject = require("./assign-rows/index.js");
+const external_batch_outputs_index_js_namespaceObject = require("./batch-outputs/index.js");
+const external_batch_variable_selector_index_js_namespaceObject = require("./batch-variable-selector/index.js");
+const external_blur_input_index_js_namespaceObject = require("./blur-input/index.js");
+const external_code_editor_index_js_namespaceObject = require("./code-editor/index.js");
+const external_code_editor_mini_index_js_namespaceObject = require("./code-editor-mini/index.js");
+const external_condition_row_index_js_namespaceObject = require("./condition-row/index.js");
+const external_constant_input_index_js_namespaceObject = require("./constant-input/index.js");
+const external_coze_editor_extensions_index_js_namespaceObject = require("./coze-editor-extensions/index.js");
+const external_db_condition_row_index_js_namespaceObject = require("./db-condition-row/index.js");
+const external_display_flow_value_index_js_namespaceObject = require("./display-flow-value/index.js");
+const external_display_inputs_values_index_js_namespaceObject = require("./display-inputs-values/index.js");
+const external_display_outputs_index_js_namespaceObject = require("./display-outputs/index.js");
+const external_display_schema_tag_index_js_namespaceObject = require("./display-schema-tag/index.js");
+const external_display_schema_tree_index_js_namespaceObject = require("./display-schema-tree/index.js");
+const external_dynamic_value_input_index_js_namespaceObject = require("./dynamic-value-input/index.js");
+const external_inputs_values_index_js_namespaceObject = require("./inputs-values/index.js");
+const external_inputs_values_tree_index_js_namespaceObject = require("./inputs-values-tree/index.js");
+const external_json_editor_with_variables_index_js_namespaceObject = require("./json-editor-with-variables/index.js");
+const external_json_schema_editor_index_js_namespaceObject = require("./json-schema-editor/index.js");
+const external_prompt_editor_index_js_namespaceObject = require("./prompt-editor/index.js");
+const external_prompt_editor_with_inputs_index_js_namespaceObject = require("./prompt-editor-with-inputs/index.js");
+const external_prompt_editor_with_variables_index_js_namespaceObject = require("./prompt-editor-with-variables/index.js");
+const external_type_selector_index_js_namespaceObject = require("./type-selector/index.js");
+const external_variable_selector_index_js_namespaceObject = require("./variable-selector/index.js");
+exports.AssignRow = __webpack_exports__.AssignRow;
+exports.AssignRows = __webpack_exports__.AssignRows;
+exports.BatchOutputs = __webpack_exports__.BatchOutputs;
+exports.BatchVariableSelector = __webpack_exports__.BatchVariableSelector;
+exports.BlurInput = __webpack_exports__.BlurInput;
+exports.CodeEditor = __webpack_exports__.CodeEditor;
+exports.CodeEditorMini = __webpack_exports__.CodeEditorMini;
+exports.ConditionRow = __webpack_exports__.ConditionRow;
+exports.ConstantInput = __webpack_exports__.ConstantInput;
+exports.DBConditionRow = __webpack_exports__.DBConditionRow;
+exports.DisplayFlowValue = __webpack_exports__.DisplayFlowValue;
+exports.DisplayInputsValueAllInTag = __webpack_exports__.DisplayInputsValueAllInTag;
+exports.DisplayInputsValues = __webpack_exports__.DisplayInputsValues;
+exports.DisplayOutputs = __webpack_exports__.DisplayOutputs;
+exports.DisplaySchemaTag = __webpack_exports__.DisplaySchemaTag;
+exports.DisplaySchemaTree = __webpack_exports__.DisplaySchemaTree;
+exports.DynamicValueInput = __webpack_exports__.DynamicValueInput;
+exports.EditorInputsTree = __webpack_exports__.EditorInputsTree;
+exports.EditorVariableTagInject = __webpack_exports__.EditorVariableTagInject;
+exports.EditorVariableTree = __webpack_exports__.EditorVariableTree;
+exports.InjectDynamicValueInput = __webpack_exports__.InjectDynamicValueInput;
+exports.InjectTypeSelector = __webpack_exports__.InjectTypeSelector;
+exports.InjectVariableSelector = __webpack_exports__.InjectVariableSelector;
+exports.InputsValues = __webpack_exports__.InputsValues;
+exports.InputsValuesTree = __webpack_exports__.InputsValuesTree;
+exports.JsonEditorWithVariables = __webpack_exports__.JsonEditorWithVariables;
+exports.JsonSchemaEditor = __webpack_exports__.JsonSchemaEditor;
+exports.PromptEditor = __webpack_exports__.PromptEditor;
+exports.PromptEditorWithInputs = __webpack_exports__.PromptEditorWithInputs;
+exports.PromptEditorWithVariables = __webpack_exports__.PromptEditorWithVariables;
+exports.TypeSelector = __webpack_exports__.TypeSelector;
+exports.VariableSelector = __webpack_exports__.VariableSelector;
+exports.VariableSelectorProvider = __webpack_exports__.VariableSelectorProvider;
+exports.getTypeSelectValue = __webpack_exports__.getTypeSelectValue;
+exports.parseTypeSelectValue = __webpack_exports__.parseTypeSelectValue;
+exports.useVariableTree = __webpack_exports__.useVariableTree;
+for(var __webpack_i__ in __webpack_exports__)if (-1 === [
+    "AssignRow",
+    "AssignRows",
+    "BatchOutputs",
+    "BatchVariableSelector",
+    "BlurInput",
+    "CodeEditor",
+    "CodeEditorMini",
+    "ConditionRow",
+    "ConstantInput",
+    "DBConditionRow",
+    "DisplayFlowValue",
+    "DisplayInputsValueAllInTag",
+    "DisplayInputsValues",
+    "DisplayOutputs",
+    "DisplaySchemaTag",
+    "DisplaySchemaTree",
+    "DynamicValueInput",
+    "EditorInputsTree",
+    "EditorVariableTagInject",
+    "EditorVariableTree",
+    "InjectDynamicValueInput",
+    "InjectTypeSelector",
+    "InjectVariableSelector",
+    "InputsValues",
+    "InputsValuesTree",
+    "JsonEditorWithVariables",
+    "JsonSchemaEditor",
+    "PromptEditor",
+    "PromptEditorWithInputs",
+    "PromptEditorWithVariables",
+    "TypeSelector",
+    "VariableSelector",
+    "VariableSelectorProvider",
+    "getTypeSelectValue",
+    "parseTypeSelectValue",
+    "useVariableTree"
+].indexOf(__webpack_i__)) exports[__webpack_i__] = __webpack_exports__[__webpack_i__];
+Object.defineProperty(exports, '__esModule', {
+    value: true
+});

package/dist/cjs/components/inputs-values/index.js

@@ -0,0 +1,112 @@
+"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__, {
+    InputsValues: ()=>InputsValues
+});
+const jsx_runtime_namespaceObject = require("react/jsx-runtime");
+require("react");
+const editor_namespaceObject = require("@flowgram.ai/editor");
+const semi_ui_namespaceObject = require("@douyinfe/semi-ui");
+const semi_icons_namespaceObject = require("@douyinfe/semi-icons");
+const index_js_namespaceObject = require("../../hooks/index.js");
+const external_dynamic_value_input_index_js_namespaceObject = require("../dynamic-value-input/index.js");
+const external_blur_input_index_js_namespaceObject = require("../blur-input/index.js");
+const external_styles_js_namespaceObject = require("./styles.js");
+function InputsValues({ value, onChange, style, readonly, constantProps, schema, hasError }) {
+    const { list, updateKey, updateValue, remove, add } = (0, index_js_namespaceObject.useObjectList)({
+        value,
+        onChange,
+        sortIndexKey: 'extra.index'
+    });
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("div", {
+        children: [
+            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_styles_js_namespaceObject.UIRows, {
+                style: style,
+                children: list.map((item)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(external_styles_js_namespaceObject.UIRow, {
+                        children: [
+                            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_blur_input_index_js_namespaceObject.BlurInput, {
+                                style: {
+                                    width: 100,
+                                    minWidth: 100,
+                                    maxWidth: 100
+                                },
+                                disabled: readonly,
+                                size: "small",
+                                value: item.key,
+                                onChange: (v)=>updateKey(item.id, v),
+                                placeholder: editor_namespaceObject.I18n.t('Input Key')
+                            }),
+                            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_dynamic_value_input_index_js_namespaceObject.InjectDynamicValueInput, {
+                                style: {
+                                    flexGrow: 1
+                                },
+                                readonly: readonly,
+                                value: item.value,
+                                onChange: (v)=>updateValue(item.id, v),
+                                schema: schema,
+                                hasError: hasError,
+                                constantProps: {
+                                    ...constantProps,
+                                    strategies: [
+                                        ...constantProps?.strategies || []
+                                    ]
+                                }
+                            }),
+                            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(semi_ui_namespaceObject.IconButton, {
+                                disabled: readonly,
+                                theme: "borderless",
+                                icon: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(semi_icons_namespaceObject.IconDelete, {
+                                    size: "small"
+                                }),
+                                size: "small",
+                                onClick: ()=>remove(item.id)
+                            })
+                        ]
+                    }, item.id))
+            }),
+            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(semi_ui_namespaceObject.Button, {
+                disabled: readonly,
+                icon: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(semi_icons_namespaceObject.IconPlus, {}),
+                size: "small",
+                onClick: ()=>add({
+                        type: 'constant',
+                        content: '',
+                        schema: {
+                            type: 'string'
+                        }
+                    }),
+                children: editor_namespaceObject.I18n.t('Add')
+            })
+        ]
+    });
+}
+exports.InputsValues = __webpack_exports__.InputsValues;
+for(var __webpack_i__ in __webpack_exports__)if (-1 === [
+    "InputsValues"
+].indexOf(__webpack_i__)) exports[__webpack_i__] = __webpack_exports__[__webpack_i__];
+Object.defineProperty(exports, '__esModule', {
+    value: true
+});

package/dist/cjs/components/inputs-values/styles.js

@@ -0,0 +1,60 @@
+"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__, {
+    UIRows: ()=>UIRows,
+    UIRow: ()=>UIRow
+});
+const external_styled_components_namespaceObject = require("styled-components");
+var external_styled_components_default = /*#__PURE__*/ __webpack_require__.n(external_styled_components_namespaceObject);
+const UIRows = external_styled_components_default().div`
+  display: flex;
+  flex-direction: column;
+  gap: 10px;
+  margin-bottom: 10px;
+`;
+const UIRow = external_styled_components_default().div`
+  display: flex;
+  align-items: flex-start;
+  gap: 5px;
+`;
+exports.UIRow = __webpack_exports__.UIRow;
+exports.UIRows = __webpack_exports__.UIRows;
+for(var __webpack_i__ in __webpack_exports__)if (-1 === [
+    "UIRow",
+    "UIRows"
+].indexOf(__webpack_i__)) exports[__webpack_i__] = __webpack_exports__[__webpack_i__];
+Object.defineProperty(exports, '__esModule', {
+    value: true
+});

package/dist/cjs/components/inputs-values/types.js

@@ -0,0 +1,18 @@
+"use strict";
+var __webpack_require__ = {};
+(()=>{
+    __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__);
+for(var __webpack_i__ in __webpack_exports__)exports[__webpack_i__] = __webpack_exports__[__webpack_i__];
+Object.defineProperty(exports, '__esModule', {
+    value: true
+});

package/dist/cjs/components/inputs-values-tree/hooks/use-child-list.js

@@ -0,0 +1,77 @@
+"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__, {
+    useChildList: ()=>useChildList
+});
+const external_react_namespaceObject = require("react");
+const external_lodash_es_namespaceObject = require("lodash-es");
+const index_js_namespaceObject = require("../../../shared/index.js");
+const external_hooks_index_js_namespaceObject = require("../../../hooks/index.js");
+function useChildList(value, onChange) {
+    const canAddField = (0, external_react_namespaceObject.useMemo)(()=>{
+        if (!(0, external_lodash_es_namespaceObject.isPlainObject)(value)) return false;
+        if (index_js_namespaceObject.FlowValueUtils.isFlowValue(value)) return index_js_namespaceObject.FlowValueUtils.isConstant(value) && value?.schema?.type === 'object';
+        return true;
+    }, [
+        value
+    ]);
+    const objectListValue = (0, external_react_namespaceObject.useMemo)(()=>{
+        if ((0, external_lodash_es_namespaceObject.isPlainObject)(value)) {
+            if (index_js_namespaceObject.FlowValueUtils.isFlowValue(value)) return;
+            return value;
+        }
+    }, [
+        value
+    ]);
+    const { list, add, updateKey, updateValue, remove } = (0, external_hooks_index_js_namespaceObject.useObjectList)({
+        value: objectListValue,
+        onChange: (value)=>{
+            onChange?.(value);
+        },
+        sortIndexKey: (value)=>index_js_namespaceObject.FlowValueUtils.isFlowValue(value) ? 'extra.index' : ''
+    });
+    const hasChildren = (0, external_react_namespaceObject.useMemo)(()=>canAddField && (list.length > 0 || Object.keys(objectListValue || {}).length > 0), [
+        canAddField,
+        list.length,
+        Object.keys(objectListValue || {}).length
+    ]);
+    return {
+        canAddField,
+        hasChildren,
+        list,
+        add,
+        updateKey,
+        updateValue,
+        remove
+    };
+}
+exports.useChildList = __webpack_exports__.useChildList;
+for(var __webpack_i__ in __webpack_exports__)if (-1 === [
+    "useChildList"
+].indexOf(__webpack_i__)) exports[__webpack_i__] = __webpack_exports__[__webpack_i__];
+Object.defineProperty(exports, '__esModule', {
+    value: true
+});

package/dist/cjs/components/inputs-values-tree/index.js

@@ -0,0 +1,87 @@
+"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__, {
+    InputsValuesTree: ()=>InputsValuesTree
+});
+const jsx_runtime_namespaceObject = require("react/jsx-runtime");
+require("react");
+const editor_namespaceObject = require("@flowgram.ai/editor");
+const semi_ui_namespaceObject = require("@douyinfe/semi-ui");
+const semi_icons_namespaceObject = require("@douyinfe/semi-icons");
+const index_js_namespaceObject = require("../../shared/index.js");
+const external_hooks_index_js_namespaceObject = require("../../hooks/index.js");
+const external_styles_js_namespaceObject = require("./styles.js");
+const external_row_js_namespaceObject = require("./row.js");
+function InputsValuesTree(props) {
+    const { value, onChange, readonly, hasError, constantProps } = props;
+    const { list, updateKey, updateValue, remove, add } = (0, external_hooks_index_js_namespaceObject.useObjectList)({
+        value,
+        onChange,
+        sortIndexKey: (value)=>index_js_namespaceObject.FlowValueUtils.isFlowValue(value) ? 'extra.index' : ''
+    });
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("div", {
+        children: [
+            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_styles_js_namespaceObject.UITreeItems, {
+                children: list.map((item)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_row_js_namespaceObject.InputValueRow, {
+                        keyName: item.key,
+                        value: item.value,
+                        onUpdateKey: (key)=>updateKey(item.id, key),
+                        onUpdateValue: (value)=>updateValue(item.id, value),
+                        onRemove: ()=>remove(item.id),
+                        readonly: readonly,
+                        hasError: hasError,
+                        constantProps: constantProps
+                    }, item.id))
+            }),
+            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(semi_ui_namespaceObject.Button, {
+                style: {
+                    marginTop: 10,
+                    marginLeft: 16
+                },
+                disabled: readonly,
+                icon: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(semi_icons_namespaceObject.IconPlus, {}),
+                size: "small",
+                onClick: ()=>{
+                    add({
+                        type: 'constant',
+                        content: '',
+                        schema: {
+                            type: 'string'
+                        }
+                    });
+                },
+                children: editor_namespaceObject.I18n.t('Add')
+            })
+        ]
+    });
+}
+exports.InputsValuesTree = __webpack_exports__.InputsValuesTree;
+for(var __webpack_i__ in __webpack_exports__)if (-1 === [
+    "InputsValuesTree"
+].indexOf(__webpack_i__)) exports[__webpack_i__] = __webpack_exports__[__webpack_i__];
+Object.defineProperty(exports, '__esModule', {
+    value: true
+});