@flowgram.ai/form-materials 0.4.9 → 0.4.11

package/dist/esm/components/inputs-values-tree/styles.mjs

@@ -0,0 +1,105 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import "react";
+import styled_components, { css } from "styled-components";
+import semi_icons from "@douyinfe/semi-icons";
+const UIContainer = styled_components.div``;
+const UIRow = styled_components.div`
+  display: flex;
+  align-items: flex-start;
+  gap: 5px;
+`;
+const UICollapseTrigger = styled_components.div`
+  cursor: pointer;
+  margin-right: 5px;
+`;
+const UITreeItems = styled_components.div`
+  display: grid;
+  grid-template-columns: auto 1fr;
+
+  ${({ $shrink })=>$shrink && css`
+      padding-left: 3px;
+      margin-top: 10px;
+    `}
+`;
+const UITreeItemLeft = styled_components.div`
+  grid-column: 1;
+  position: relative;
+  width: 16px;
+
+  ${({ $showLine, $isLast, $showCollapse })=>{
+    let height = $isLast ? '24px' : '100%';
+    let width = $showCollapse ? '12px' : '30px';
+    return $showLine && css`
+        &::before {
+          /* 竖线 */
+          content: '';
+          height: ${height};
+          position: absolute;
+          left: -14px;
+          top: -16px;
+          width: 1px;
+          background: #d9d9d9;
+          display: block;
+        }
+
+        &::after {
+          /* 横线 */
+          content: '';
+          position: absolute;
+          left: -14px; // 横线起点和竖线对齐
+          top: 8px; // 跟随你的行高调整
+          width: ${width}; // 横线长度
+          height: 1px;
+          background: #d9d9d9;
+          display: block;
+        }
+      `;
+}}
+`;
+const UITreeItemRight = styled_components.div`
+  grid-column: 2;
+  margin-bottom: 10px;
+
+  &:last-child {
+    margin-bottom: 0px;
+  }
+`;
+const UITreeItemMain = styled_components.div`
+  display: flex;
+  flex-direction: column;
+  gap: 10px;
+  position: relative;
+`;
+const UICollapsible = styled_components.div`
+  display: none;
+
+  ${({ $collapse })=>$collapse && css`
+      display: block;
+    `}
+`;
+const UIActions = styled_components.div`
+  white-space: nowrap;
+`;
+const iconAddChildrenSvg = /*#__PURE__*/ jsxs("svg", {
+    className: "icon-icon icon-icon-coz_add_node ",
+    width: "1em",
+    height: "1em",
+    viewBox: "0 0 24 24",
+    fill: "currentColor",
+    xmlns: "http://www.w3.org/2000/svg",
+    children: [
+        /*#__PURE__*/ jsx("path", {
+            fillRule: "evenodd",
+            clipRule: "evenodd",
+            d: "M11 6.49988C11 8.64148 9.50397 10.4337 7.49995 10.8884V15.4998C7.49995 16.0521 7.94767 16.4998 8.49995 16.4998H11.208C11.0742 16.8061 11 17.1443 11 17.4998C11 17.8554 11.0742 18.1936 11.208 18.4998H8.49995C6.8431 18.4998 5.49995 17.1567 5.49995 15.4998V10.8884C3.49599 10.4336 2 8.64145 2 6.49988C2 4.0146 4.01472 1.99988 6.5 1.99988C8.98528 1.99988 11 4.0146 11 6.49988ZM6.5 8.99988C7.88071 8.99988 9 7.88059 9 6.49988C9 5.11917 7.88071 3.99988 6.5 3.99988C5.11929 3.99988 4 5.11917 4 6.49988C4 7.88059 5.11929 8.99988 6.5 8.99988Z"
+        }),
+        /*#__PURE__*/ jsx("path", {
+            d: "M17.5 12.4999C18.0523 12.4999 18.5 12.9476 18.5 13.4999V16.4999H21.5C22.0523 16.4999 22.5 16.9476 22.5 17.4999C22.5 18.0522 22.0523 18.4999 21.5 18.4999H18.5V21.4999C18.5 22.0522 18.0523 22.4999 17.5 22.4999C16.9477 22.4999 16.5 22.0522 16.5 21.4999V18.4999H13.5C12.9477 18.4999 12.5 18.0522 12.5 17.4999C12.5 16.9476 12.9477 16.4999 13.5 16.4999H16.5V13.4999C16.5 12.9476 16.9477 12.4999 17.5 12.4999Z"
+        })
+    ]
+});
+const IconAddChildren = ()=>/*#__PURE__*/ jsx(semi_icons, {
+        size: "small",
+        svg: iconAddChildrenSvg
+    });
+export { IconAddChildren, UIActions, UICollapseTrigger, UICollapsible, UIContainer, UIRow, UITreeItemLeft, UITreeItemMain, UITreeItemRight, UITreeItems };

package/dist/esm/components/json-editor-with-variables/editor.mjs

@@ -0,0 +1,51 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import "react";
+import { I18n } from "@flowgram.ai/editor";
+import { transformerCreator } from "@flowgram.ai/coze-editor/preset-code";
+import { EditorVariableTagInject, EditorVariableTree } from "../coze-editor-extensions/index.mjs";
+import { CodeEditor } from "../code-editor/index.mjs";
+const TRIGGER_CHARACTERS = [
+    '@'
+];
+function findAllMatches(inputString, regex) {
+    const globalRegex = new RegExp(regex, regex.flags.includes('g') ? regex.flags : regex.flags + 'g');
+    let match;
+    const matches = [];
+    while(null !== (match = globalRegex.exec(inputString))){
+        if (match.index === globalRegex.lastIndex) globalRegex.lastIndex++;
+        matches.push({
+            match: match[0],
+            range: [
+                match.index,
+                match.index + match[0].length
+            ]
+        });
+    }
+    return matches;
+}
+const transformer = transformerCreator((text)=>{
+    const originalSource = text.toString();
+    const matches = findAllMatches(originalSource, /\{\{([^\}]*)\}\}/g);
+    if (matches.length > 0) matches.forEach(({ range })=>{
+        text.replaceRange(range[0], range[1], 'null');
+    });
+    return text;
+});
+function JsonEditorWithVariables(props) {
+    return /*#__PURE__*/ jsxs(CodeEditor, {
+        languageId: "json",
+        activeLinePlaceholder: I18n.t("Press '@' to Select variable"),
+        ...props,
+        options: {
+            transformer,
+            ...props.options || {}
+        },
+        children: [
+            /*#__PURE__*/ jsx(EditorVariableTree, {
+                triggerCharacters: TRIGGER_CHARACTERS
+            }),
+            /*#__PURE__*/ jsx(EditorVariableTagInject, {})
+        ]
+    });
+}
+export { JsonEditorWithVariables };

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

@@ -0,0 +1,5 @@
+import { lazySuspense } from "../../shared/index.mjs";
+const JsonEditorWithVariables = lazySuspense(()=>import("./editor.mjs").then((module)=>({
+            default: module.JsonEditorWithVariables
+        })));
+export { JsonEditorWithVariables };

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

@@ -0,0 +1,20 @@
+import { jsx } from "react/jsx-runtime";
+import "react";
+import { I18n } from "@flowgram.ai/editor";
+import { ConstantInput } from "../constant-input/index.mjs";
+import { ConstantInputWrapper } from "./styles.mjs";
+function DefaultValue(props) {
+    const { value, schema, onChange, placeholder } = props;
+    return /*#__PURE__*/ jsx(ConstantInputWrapper, {
+        children: /*#__PURE__*/ jsx(ConstantInput, {
+            value: value,
+            onChange: (_v)=>onChange(_v),
+            schema: schema || {
+                type: 'string'
+            },
+            placeholder: placeholder ?? I18n.t('Default value if parameter is not provided'),
+            enableMultiLineStr: true
+        })
+    });
+}
+export { DefaultValue };

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

@@ -0,0 +1,96 @@
+import { useEffect, useRef, useState } from "react";
+import { difference, omit } from "lodash-es";
+import { produce } from "immer";
+import { useTypeManager } from "@flowgram.ai/json-schema";
+let _id = 0;
+function genId() {
+    return _id++;
+}
+function usePropertiesEdit(value, onChange) {
+    const typeManager = useTypeManager();
+    const drilldownSchema = typeManager.getPropertiesParent(value || {});
+    const canAddField = typeManager.canAddField(value || {});
+    const [propertyList, setPropertyList] = useState([]);
+    const effectVersion = useRef(0);
+    const changeVersion = useRef(0);
+    useEffect(()=>{
+        effectVersion.current = effectVersion.current + 1;
+        if (effectVersion.current === changeVersion.current) return;
+        effectVersion.current = changeVersion.current;
+        setPropertyList((_list)=>{
+            const newNames = Object.entries(drilldownSchema?.properties || {}).sort(([, a], [, b])=>(a.extra?.index ?? 0) - (b.extra?.index ?? 0)).map(([key])=>key);
+            const oldNames = _list.map((item)=>item.name).filter(Boolean);
+            const addNames = difference(newNames, oldNames);
+            return _list.filter((item)=>!item.name || newNames.includes(item.name)).map((item)=>({
+                    key: item.key,
+                    name: item.name,
+                    isPropertyRequired: drilldownSchema?.required?.includes(item.name || '') || false,
+                    ...drilldownSchema?.properties?.[item.name || ''] || item || {}
+                })).concat(addNames.map((_name)=>({
+                    key: genId(),
+                    name: _name,
+                    isPropertyRequired: drilldownSchema?.required?.includes(_name) || false,
+                    ...drilldownSchema?.properties?.[_name] || {}
+                })));
+        });
+    }, [
+        drilldownSchema
+    ]);
+    const updatePropertyList = (updater)=>{
+        changeVersion.current = changeVersion.current + 1;
+        setPropertyList((_list)=>{
+            const next = updater(_list);
+            const nextProperties = {};
+            const nextRequired = [];
+            for (const _property of next)if (_property.name) {
+                nextProperties[_property.name] = omit(_property, [
+                    'key',
+                    'name',
+                    'isPropertyRequired'
+                ]);
+                if (_property.isPropertyRequired) nextRequired.push(_property.name);
+            }
+            onChange?.(produce(value || {}, (draft)=>{
+                const propertiesParent = typeManager.getPropertiesParent(draft);
+                if (propertiesParent) {
+                    propertiesParent.properties = nextProperties;
+                    propertiesParent.required = nextRequired;
+                    return;
+                }
+            }));
+            return next;
+        });
+    };
+    const onAddProperty = ()=>{
+        setPropertyList((_list)=>[
+                ..._list,
+                {
+                    key: genId(),
+                    name: '',
+                    type: 'string',
+                    extra: {
+                        index: _list.length + 1
+                    }
+                }
+            ]);
+    };
+    const onRemoveProperty = (key)=>{
+        updatePropertyList((_list)=>_list.filter((_property)=>_property.key !== key));
+    };
+    const onEditProperty = (key, nextValue)=>{
+        updatePropertyList((_list)=>_list.map((_property)=>_property.key === key ? nextValue : _property));
+    };
+    useEffect(()=>{
+        if (!canAddField) setPropertyList([]);
+    }, [
+        canAddField
+    ]);
+    return {
+        propertyList,
+        canAddField,
+        onAddProperty,
+        onRemoveProperty,
+        onEditProperty
+    };
+}
+export { usePropertiesEdit };

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

@@ -0,0 +1,212 @@
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { useMemo, useState } from "react";
+import { I18n } from "@flowgram.ai/editor";
+import { Button, Checkbox, IconButton } from "@douyinfe/semi-ui";
+import { IconChevronDown, IconChevronRight, IconExpand, IconMinus, IconPlus, IconShrink } from "@douyinfe/semi-icons";
+import { InjectTypeSelector } from "../type-selector/index.mjs";
+import { BlurInput } from "../blur-input/index.mjs";
+import { DefaultValueWrapper, IconAddChildren, UIActions, UICollapseTrigger, UICollapsible, UIContainer, UIExpandDetail, UILabel, UIName, UIRequired, UIRow, UITreeItemLeft, UITreeItemMain, UITreeItemRight, UITreeItems, UIType } from "./styles.mjs";
+import { usePropertiesEdit } from "./hooks.mjs";
+import { DefaultValue } from "./default-value.mjs";
+const DEFAULT = {
+    type: 'object'
+};
+function JsonSchemaEditor(props) {
+    const { value = DEFAULT, config = {}, onChange: onChangeProps, readonly } = props;
+    const { propertyList, onAddProperty, onRemoveProperty, onEditProperty } = usePropertiesEdit(value, onChangeProps);
+    return /*#__PURE__*/ jsxs(UIContainer, {
+        className: props.className,
+        children: [
+            /*#__PURE__*/ jsx(UITreeItems, {
+                children: propertyList.map((_property)=>/*#__PURE__*/ jsx(PropertyEdit, {
+                        readonly: readonly,
+                        value: _property,
+                        config: config,
+                        onChange: (_v)=>{
+                            onEditProperty(_property.key, _v);
+                        },
+                        onRemove: ()=>{
+                            onRemoveProperty(_property.key);
+                        }
+                    }, _property.key))
+            }),
+            /*#__PURE__*/ jsx(Button, {
+                disabled: readonly,
+                size: "small",
+                style: {
+                    marginTop: 10,
+                    marginLeft: 16
+                },
+                icon: /*#__PURE__*/ jsx(IconPlus, {}),
+                onClick: onAddProperty,
+                children: config?.addButtonText ?? I18n.t('Add')
+            })
+        ]
+    });
+}
+function PropertyEdit(props) {
+    const { value, config, readonly, $level = 0, onChange: onChangeProps, onRemove, $isLast } = props;
+    const [expand, setExpand] = useState(false);
+    const [collapse, setCollapse] = useState(false);
+    const { name, type, items, default: defaultValue, description, isPropertyRequired } = value || {};
+    const typeSelectorValue = useMemo(()=>({
+            type,
+            items
+        }), [
+        type,
+        items
+    ]);
+    const { propertyList, canAddField, onAddProperty, onRemoveProperty, onEditProperty } = usePropertiesEdit(value, onChangeProps);
+    const onChange = (key, _value)=>{
+        onChangeProps?.({
+            ...value || {},
+            [key]: _value
+        });
+    };
+    const showCollapse = canAddField && propertyList.length > 0;
+    return /*#__PURE__*/ jsxs(Fragment, {
+        children: [
+            /*#__PURE__*/ jsx(UITreeItemLeft, {
+                $isLast: $isLast,
+                $showLine: $level > 0,
+                $showCollapse: showCollapse,
+                children: showCollapse && /*#__PURE__*/ jsx(UICollapseTrigger, {
+                    onClick: ()=>setCollapse((_collapse)=>!_collapse),
+                    children: collapse ? /*#__PURE__*/ jsx(IconChevronDown, {
+                        size: "small"
+                    }) : /*#__PURE__*/ jsx(IconChevronRight, {
+                        size: "small"
+                    })
+                })
+            }),
+            /*#__PURE__*/ jsxs(UITreeItemRight, {
+                children: [
+                    /*#__PURE__*/ jsxs(UITreeItemMain, {
+                        children: [
+                            /*#__PURE__*/ jsxs(UIRow, {
+                                children: [
+                                    /*#__PURE__*/ jsx(UIName, {
+                                        children: /*#__PURE__*/ jsx(BlurInput, {
+                                            disabled: readonly,
+                                            placeholder: config?.placeholder ?? I18n.t('Input Variable Name'),
+                                            size: "small",
+                                            value: name,
+                                            onChange: (value)=>onChange('name', value)
+                                        })
+                                    }),
+                                    /*#__PURE__*/ jsx(UIType, {
+                                        children: /*#__PURE__*/ jsx(InjectTypeSelector, {
+                                            value: typeSelectorValue,
+                                            readonly: readonly,
+                                            onChange: (_value)=>{
+                                                onChangeProps?.({
+                                                    ...value || {},
+                                                    ..._value
+                                                });
+                                            }
+                                        })
+                                    }),
+                                    /*#__PURE__*/ jsx(UIRequired, {
+                                        children: /*#__PURE__*/ jsx(Checkbox, {
+                                            disabled: readonly,
+                                            checked: isPropertyRequired,
+                                            onChange: (e)=>onChange('isPropertyRequired', e.target.checked)
+                                        })
+                                    }),
+                                    /*#__PURE__*/ jsxs(UIActions, {
+                                        children: [
+                                            /*#__PURE__*/ jsx(IconButton, {
+                                                disabled: readonly,
+                                                size: "small",
+                                                theme: "borderless",
+                                                icon: expand ? /*#__PURE__*/ jsx(IconShrink, {
+                                                    size: "small"
+                                                }) : /*#__PURE__*/ jsx(IconExpand, {
+                                                    size: "small"
+                                                }),
+                                                onClick: ()=>{
+                                                    setExpand((_expand)=>!_expand);
+                                                }
+                                            }),
+                                            canAddField && /*#__PURE__*/ jsx(IconButton, {
+                                                disabled: readonly,
+                                                size: "small",
+                                                theme: "borderless",
+                                                icon: /*#__PURE__*/ jsx(IconAddChildren, {}),
+                                                onClick: ()=>{
+                                                    onAddProperty();
+                                                    setCollapse(true);
+                                                }
+                                            }),
+                                            /*#__PURE__*/ jsx(IconButton, {
+                                                disabled: readonly,
+                                                size: "small",
+                                                theme: "borderless",
+                                                icon: /*#__PURE__*/ jsx(IconMinus, {
+                                                    size: "small"
+                                                }),
+                                                onClick: onRemove
+                                            })
+                                        ]
+                                    })
+                                ]
+                            }),
+                            expand && /*#__PURE__*/ jsxs(UIExpandDetail, {
+                                children: [
+                                    /*#__PURE__*/ jsx(UILabel, {
+                                        children: config?.descTitle ?? I18n.t("Description")
+                                    }),
+                                    /*#__PURE__*/ jsx(BlurInput, {
+                                        disabled: readonly,
+                                        size: "small",
+                                        value: description,
+                                        onChange: (value)=>onChange("description", value),
+                                        placeholder: config?.descPlaceholder ?? I18n.t('Help LLM to understand the property')
+                                    }),
+                                    0 === $level && /*#__PURE__*/ jsxs(Fragment, {
+                                        children: [
+                                            /*#__PURE__*/ jsx(UILabel, {
+                                                style: {
+                                                    marginTop: 10
+                                                },
+                                                children: config?.defaultValueTitle ?? I18n.t('Default Value')
+                                            }),
+                                            /*#__PURE__*/ jsx(DefaultValueWrapper, {
+                                                children: /*#__PURE__*/ jsx(DefaultValue, {
+                                                    value: defaultValue,
+                                                    schema: value,
+                                                    placeholder: config?.defaultValuePlaceholder ?? I18n.t('Default Value'),
+                                                    onChange: (value)=>onChange('default', value)
+                                                })
+                                            })
+                                        ]
+                                    })
+                                ]
+                            })
+                        ]
+                    }),
+                    showCollapse && /*#__PURE__*/ jsx(UICollapsible, {
+                        $collapse: collapse,
+                        children: /*#__PURE__*/ jsx(UITreeItems, {
+                            $shrink: true,
+                            children: propertyList.map((_property, index)=>/*#__PURE__*/ jsx(PropertyEdit, {
+                                    readonly: readonly,
+                                    value: _property,
+                                    config: config,
+                                    $level: $level + 1,
+                                    onChange: (_v)=>{
+                                        onEditProperty(_property.key, _v);
+                                    },
+                                    onRemove: ()=>{
+                                        onRemoveProperty(_property.key);
+                                    },
+                                    $isLast: index === propertyList.length - 1
+                                }, _property.key))
+                        })
+                    })
+                ]
+            })
+        ]
+    });
+}
+export { JsonSchemaEditor };

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

@@ -0,0 +1,138 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import "react";
+import styled_components, { css } from "styled-components";
+import semi_icons from "@douyinfe/semi-icons";
+const UIContainer = styled_components.div`
+  /* & .semi-input {
+    background-color: #fff;
+    border-radius: 6px;
+    height: 24px;
+  } */
+`;
+const UIRow = styled_components.div`
+  display: flex;
+  align-items: center;
+  gap: 6px;
+`;
+const UICollapseTrigger = styled_components.div`
+  cursor: pointer;
+  margin-right: 5px;
+`;
+const UIExpandDetail = styled_components.div`
+  display: flex;
+  flex-direction: column;
+`;
+const UILabel = styled_components.div`
+  font-size: 12px;
+  color: #999;
+  font-weight: 400;
+  margin-bottom: 2px;
+`;
+const UITreeItems = styled_components.div`
+  display: grid;
+  grid-template-columns: auto 1fr;
+
+  ${({ $shrink })=>$shrink && css`
+      padding-left: 3px;
+      margin-top: 10px;
+    `}
+`;
+const UITreeItemLeft = styled_components.div`
+  grid-column: 1;
+  position: relative;
+  width: 16px;
+
+  ${({ $showLine, $isLast, $showCollapse })=>{
+    let height = $isLast ? '24px' : '100%';
+    let width = $showCollapse ? '12px' : '30px';
+    return $showLine && css`
+        &::before {
+          /* 竖线 */
+          content: '';
+          height: ${height};
+          position: absolute;
+          left: -14px;
+          top: -16px;
+          width: 1px;
+          background: #d9d9d9;
+          display: block;
+        }
+
+        &::after {
+          /* 横线 */
+          content: '';
+          position: absolute;
+          left: -14px; // 横线起点和竖线对齐
+          top: 8px; // 跟随你的行高调整
+          width: ${width}; // 横线长度
+          height: 1px;
+          background: #d9d9d9;
+          display: block;
+        }
+      `;
+}}
+`;
+const UITreeItemRight = styled_components.div`
+  grid-column: 2;
+  margin-bottom: 10px;
+
+  &:last-child {
+    margin-bottom: 0px;
+  }
+`;
+const UITreeItemMain = styled_components.div`
+  display: flex;
+  flex-direction: column;
+  gap: 10px;
+  position: relative;
+`;
+const UICollapsible = styled_components.div`
+  display: none;
+
+  ${({ $collapse })=>$collapse && css`
+      display: block;
+    `}
+`;
+const UIName = styled_components.div`
+  flex-grow: 1;
+`;
+const UIType = styled_components.div``;
+const UIRequired = styled_components.div``;
+const UIActions = styled_components.div`
+  white-space: nowrap;
+`;
+const iconAddChildrenSvg = /*#__PURE__*/ jsxs("svg", {
+    className: "icon-icon icon-icon-coz_add_node ",
+    width: "1em",
+    height: "1em",
+    viewBox: "0 0 24 24",
+    fill: "currentColor",
+    xmlns: "http://www.w3.org/2000/svg",
+    children: [
+        /*#__PURE__*/ jsx("path", {
+            fillRule: "evenodd",
+            clipRule: "evenodd",
+            d: "M11 6.49988C11 8.64148 9.50397 10.4337 7.49995 10.8884V15.4998C7.49995 16.0521 7.94767 16.4998 8.49995 16.4998H11.208C11.0742 16.8061 11 17.1443 11 17.4998C11 17.8554 11.0742 18.1936 11.208 18.4998H8.49995C6.8431 18.4998 5.49995 17.1567 5.49995 15.4998V10.8884C3.49599 10.4336 2 8.64145 2 6.49988C2 4.0146 4.01472 1.99988 6.5 1.99988C8.98528 1.99988 11 4.0146 11 6.49988ZM6.5 8.99988C7.88071 8.99988 9 7.88059 9 6.49988C9 5.11917 7.88071 3.99988 6.5 3.99988C5.11929 3.99988 4 5.11917 4 6.49988C4 7.88059 5.11929 8.99988 6.5 8.99988Z"
+        }),
+        /*#__PURE__*/ jsx("path", {
+            d: "M17.5 12.4999C18.0523 12.4999 18.5 12.9476 18.5 13.4999V16.4999H21.5C22.0523 16.4999 22.5 16.9476 22.5 17.4999C22.5 18.0522 22.0523 18.4999 21.5 18.4999H18.5V21.4999C18.5 22.0522 18.0523 22.4999 17.5 22.4999C16.9477 22.4999 16.5 22.0522 16.5 21.4999V18.4999H13.5C12.9477 18.4999 12.5 18.0522 12.5 17.4999C12.5 16.9476 12.9477 16.4999 13.5 16.4999H16.5V13.4999C16.5 12.9476 16.9477 12.4999 17.5 12.4999Z"
+        })
+    ]
+});
+const IconAddChildren = ()=>/*#__PURE__*/ jsx(semi_icons, {
+        size: "small",
+        svg: iconAddChildrenSvg
+    });
+const DefaultValueWrapper = styled_components.div`
+  margin: 0;
+`;
+const ConstantInputWrapper = styled_components.div`
+  flex-grow: 1;
+
+  & .semi-tree-select,
+  & .semi-input-number,
+  & .semi-select {
+    width: 100%;
+  }
+`;
+export { ConstantInputWrapper, DefaultValueWrapper, IconAddChildren, UIActions, UICollapseTrigger, UICollapsible, UIContainer, UIExpandDetail, UILabel, UIName, UIRequired, UIRow, UITreeItemLeft, UITreeItemMain, UITreeItemRight, UITreeItems, UIType };