@flowgram.ai/form-materials 0.4.9 → 0.4.10

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

@@ -0,0 +1,174 @@
+"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__, {
+    InjectDynamicValueInput: ()=>InjectDynamicValueInput,
+    DynamicValueInput: ()=>DynamicValueInput
+});
+const jsx_runtime_namespaceObject = require("react/jsx-runtime");
+require("react");
+const json_schema_namespaceObject = require("@flowgram.ai/json-schema");
+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_variable_selector_index_js_namespaceObject = require("../variable-selector/index.js");
+const external_type_selector_index_js_namespaceObject = require("../type-selector/index.js");
+const external_constant_input_index_js_namespaceObject = require("../constant-input/index.js");
+const external_styles_js_namespaceObject = require("./styles.js");
+const external_hooks_js_namespaceObject = require("./hooks.js");
+const DEFAULT_VALUE = {
+    type: 'constant',
+    content: '',
+    schema: {
+        type: 'string'
+    }
+};
+function DynamicValueInput({ value, onChange, readonly, style, schema: schemaFromProps, constantProps }) {
+    const refVariable = (0, external_hooks_js_namespaceObject.useRefVariable)(value);
+    const [selectSchema, setSelectSchema] = (0, external_hooks_js_namespaceObject.useSelectSchema)(schemaFromProps, constantProps, value);
+    const includeSchema = (0, external_hooks_js_namespaceObject.useIncludeSchema)(schemaFromProps);
+    const typeManager = (0, json_schema_namespaceObject.useTypeManager)();
+    const renderTypeSelector = ()=>{
+        if (schemaFromProps) return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_type_selector_index_js_namespaceObject.TypeSelector, {
+            value: schemaFromProps,
+            readonly: true
+        });
+        if (value?.type === 'ref') {
+            const schema = refVariable?.type ? json_schema_namespaceObject.JsonSchemaUtils.astToSchema(refVariable?.type) : void 0;
+            return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_type_selector_index_js_namespaceObject.TypeSelector, {
+                value: schema,
+                readonly: true
+            });
+        }
+        return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_type_selector_index_js_namespaceObject.TypeSelector, {
+            value: selectSchema,
+            onChange: (_v)=>{
+                setSelectSchema(_v || {
+                    type: 'string'
+                });
+                const schema = _v || {
+                    type: 'string'
+                };
+                let content = typeManager.getDefaultValue(schema);
+                if (_v?.type === 'object') content = '{}';
+                if (_v?.type === 'array') content = '[]';
+                onChange({
+                    type: 'constant',
+                    content,
+                    schema
+                });
+            },
+            readonly: readonly
+        });
+    };
+    const renderMain = ()=>{
+        if (value?.type === 'ref') return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_variable_selector_index_js_namespaceObject.InjectVariableSelector, {
+            style: {
+                width: '100%'
+            },
+            value: value?.content,
+            onChange: (_v)=>onChange(_v ? {
+                    type: 'ref',
+                    content: _v
+                } : DEFAULT_VALUE),
+            includeSchema: includeSchema,
+            readonly: readonly
+        });
+        const constantSchema = schemaFromProps || selectSchema || {
+            type: 'string'
+        };
+        return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_constant_input_index_js_namespaceObject.ConstantInput, {
+            value: value?.content,
+            onChange: (_v)=>onChange({
+                    type: 'constant',
+                    content: _v,
+                    schema: constantSchema
+                }),
+            schema: constantSchema || {
+                type: 'string'
+            },
+            readonly: readonly,
+            fallbackRenderer: ()=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_variable_selector_index_js_namespaceObject.InjectVariableSelector, {
+                    style: {
+                        width: '100%'
+                    },
+                    onChange: (_v)=>onChange(_v ? {
+                            type: 'ref',
+                            content: _v
+                        } : DEFAULT_VALUE),
+                    includeSchema: includeSchema,
+                    readonly: readonly
+                }),
+            ...constantProps,
+            strategies: [
+                ...constantProps?.strategies || []
+            ]
+        });
+    };
+    const renderTrigger = ()=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_variable_selector_index_js_namespaceObject.InjectVariableSelector, {
+            style: {
+                width: '100%'
+            },
+            value: value?.type === 'ref' ? value?.content : void 0,
+            onChange: (_v)=>onChange({
+                    type: 'ref',
+                    content: _v
+                }),
+            includeSchema: includeSchema,
+            readonly: readonly,
+            triggerRender: ()=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(semi_ui_namespaceObject.IconButton, {
+                    disabled: readonly,
+                    size: "small",
+                    icon: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(semi_icons_namespaceObject.IconSetting, {
+                        size: "small"
+                    })
+                })
+        });
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(external_styles_js_namespaceObject.UIContainer, {
+        style: style,
+        children: [
+            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_styles_js_namespaceObject.UIType, {
+                children: renderTypeSelector()
+            }),
+            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_styles_js_namespaceObject.UIMain, {
+                children: renderMain()
+            }),
+            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_styles_js_namespaceObject.UITrigger, {
+                children: renderTrigger()
+            })
+        ]
+    });
+}
+DynamicValueInput.renderKey = 'dynamic-value-input-render-key';
+const InjectDynamicValueInput = (0, index_js_namespaceObject.createInjectMaterial)(DynamicValueInput);
+exports.DynamicValueInput = __webpack_exports__.DynamicValueInput;
+exports.InjectDynamicValueInput = __webpack_exports__.InjectDynamicValueInput;
+for(var __webpack_i__ in __webpack_exports__)if (-1 === [
+    "DynamicValueInput",
+    "InjectDynamicValueInput"
+].indexOf(__webpack_i__)) exports[__webpack_i__] = __webpack_exports__[__webpack_i__];
+Object.defineProperty(exports, '__esModule', {
+    value: true
+});

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,156 @@
+"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,
+    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,
+    PromptEditorWithInputs: ()=>external_prompt_editor_with_inputs_index_js_namespaceObject.PromptEditorWithInputs,
+    InputsValuesTree: ()=>external_inputs_values_tree_index_js_namespaceObject.InputsValuesTree,
+    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,
+    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_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.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",
+    "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
+});