@flowgram.ai/form-materials 0.2.5 → 0.2.6

package/dist/esm/index.js

@@ -614,7 +614,7 @@ var UITreeSelect = styled(TreeSelect)`
 // src/components/variable-selector/index.tsx
 var VariableSelector = ({
   value,
-  config,
+  config = {},
   onChange,
   style,
   readonly = false,
@@ -723,8 +723,8 @@ function TypeSelector(props) {
 }
 
 // src/components/json-schema-editor/index.tsx
-import React7, { useMemo as useMemo4, useState as useState3 } from "react";
-import { Button as Button2, Checkbox, IconButton } from "@douyinfe/semi-ui";
+import React9, { useMemo as useMemo5, useState as useState4 } from "react";
+import { Button as Button2, Checkbox, IconButton as IconButton2 } from "@douyinfe/semi-ui";
 import {
   IconExpand,
   IconShrink,
@@ -776,32 +776,39 @@ var UIProperties = styled2.div`
 var UIPropertyLeft = styled2.div`
   grid-column: 1;
   position: relative;
+  width: 16px;
 
-  ${({ $showLine, $isLast }) => $showLine && css`
-      &::before {
-        /* 竖线 */
-        content: '';
-        position: absolute;
-        left: -22px;
-        top: -18px;
-        bottom: ${$isLast ? "12px" : "0px"};
-        width: 1px;
-        background: #d9d9d9;
-        display: block;
-      }
+  ${({ $showLine, $isLast, $parentType }) => {
+  let height = "100%";
+  if ($parentType && $isLast) {
+    height = "24px";
+  }
+  return $showLine && css`
+        &::before {
+          /* 竖线 */
+          content: '';
+          height: ${height};
+          position: absolute;
+          left: -22px;
+          top: -16px;
+          width: 1px;
+          background: #d9d9d9;
+          display: block;
+        }
 
-      &::after {
-        /* 横线 */
-        content: '';
-        position: absolute;
-        left: -22px; // 横线起点和竖线对齐
-        top: 12px; // 跟随你的行高调整
-        width: 22px; // 横线长度
-        height: 1px;
-        background: #d9d9d9;
-        display: block;
-      }
-    `}
+        &::after {
+          /* 横线 */
+          content: '';
+          position: absolute;
+          left: -22px; // 横线起点和竖线对齐
+          top: 8px; // 跟随你的行高调整
+          width: 18px; // 横线长度
+          height: 1px;
+          background: #d9d9d9;
+          display: block;
+        }
+      `;
+}}
 `;
 var UIPropertyRight = styled2.div`
   grid-column: 2;
@@ -815,12 +822,31 @@ var UIPropertyMain = styled2.div`
   display: flex;
   flex-direction: column;
   gap: 10px;
+  position: relative;
 
-  ${({ $expand }) => $expand && css`
-      background-color: #f5f5f5;
-      padding: 10px;
-      border-radius: 4px;
-    `}
+  ${({ $expand, type, $collapse, $showCollapse }) => {
+  const beforeElement = `
+      &::before {
+        /* \u7AD6\u7EBF */
+        content: '';
+        height: 100%;
+        position: absolute;
+        left: -12px;
+        top: 18px;
+        width: 1px;
+        background: #d9d9d9;
+        display: block;
+      }`;
+  return $expand && css`
+        background-color: #f5f5f5;
+        padding: 10px;
+        border-radius: 4px;
+
+        ${$showCollapse && $collapse && (type === "array" || type === "object") && css`
+          ${beforeElement}
+        `}
+      `;
+}}
 `;
 var UICollapsible = styled2.div`
   display: none;
@@ -858,6 +884,43 @@ var iconAddChildrenSvg = /* @__PURE__ */ React5.createElement(
   /* @__PURE__ */ React5.createElement("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" })
 );
 var IconAddChildren = () => /* @__PURE__ */ React5.createElement(Icon3, { size: "small", svg: iconAddChildrenSvg });
+var DefaultValueWrapper = styled2.div`
+  margin: 0;
+`;
+var JSONViewerWrapper = styled2.div`
+  padding: 0 0 24px;
+  &:first-child {
+    margin-top: 0px;
+  }
+`;
+var JSONHeader = styled2.div`
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  background-color: var(--semi-color-fill-0);
+  border-radius: 6px 6px 0 0;
+  height: 36px;
+  padding: 0 8px 0 12px;
+`;
+var JSONHeaderLeft = styled2.div`
+  display: flex;
+  align-items: center;
+  gap: 10px;
+`;
+var JSONHeaderRight = styled2.div`
+  display: flex;
+  align-items: center;
+  gap: 10px;
+`;
+var ConstantInputWrapper = styled2.div`
+  flex-grow: 1;
+
+  & .semi-tree-select,
+  & .semi-input-number,
+  & .semi-select {
+    width: 100%;
+  }
+`;
 
 // src/components/json-schema-editor/hooks.tsx
 import { useEffect, useMemo as useMemo3, useRef, useState } from "react";
@@ -976,16 +1039,196 @@ function usePropertiesEdit(value, onChange) {
   };
 }
 
+// src/components/json-schema-editor/default-value.tsx
+import React7, { useRef as useRef2, useState as useState2, useCallback as useCallback2 } from "react";
+import { IconButton, JsonViewer, Tooltip } from "@douyinfe/semi-ui";
+import { IconBrackets } from "@douyinfe/semi-icons";
+
+// src/components/json-schema-editor/utils.ts
+function getValueType(value) {
+  const type = typeof value;
+  if (type === "string") {
+    return "string";
+  } else if (type === "number") {
+    return Number.isInteger(value) ? "integer" : "number";
+  } else if (type === "boolean") {
+    return "boolean";
+  } else if (type === "object") {
+    if (value === null) {
+      return "other";
+    }
+    return Array.isArray(value) ? "array" : "object";
+  } else {
+    return "other";
+  }
+}
+
+// src/components/constant-input/index.tsx
+import React6, { useMemo as useMemo4 } from "react";
+import { Input, InputNumber, Select } from "@douyinfe/semi-ui";
+var defaultStrategies = [
+  {
+    hit: (schema) => schema?.type === "string",
+    Renderer: (props) => /* @__PURE__ */ React6.createElement(Input, { placeholder: "Please Input String", size: "small", disabled: props.readonly, ...props })
+  },
+  {
+    hit: (schema) => schema?.type === "number",
+    Renderer: (props) => /* @__PURE__ */ React6.createElement(
+      InputNumber,
+      {
+        placeholder: "Please Input Number",
+        size: "small",
+        disabled: props.readonly,
+        hideButtons: true,
+        ...props
+      }
+    )
+  },
+  {
+    hit: (schema) => schema?.type === "integer",
+    Renderer: (props) => /* @__PURE__ */ React6.createElement(
+      InputNumber,
+      {
+        placeholder: "Please Input Integer",
+        size: "small",
+        disabled: props.readonly,
+        hideButtons: true,
+        precision: 0,
+        ...props
+      }
+    )
+  },
+  {
+    hit: (schema) => schema?.type === "boolean",
+    Renderer: (props) => {
+      const { value, onChange, ...rest } = props;
+      return /* @__PURE__ */ React6.createElement(
+        Select,
+        {
+          placeholder: "Please Select Boolean",
+          size: "small",
+          disabled: props.readonly,
+          optionList: [
+            { label: "True", value: 1 },
+            { label: "False", value: 0 }
+          ],
+          value: value ? 1 : 0,
+          onChange: (value2) => onChange?.(!!value2),
+          ...rest
+        }
+      );
+    }
+  }
+];
+function ConstantInput(props) {
+  const { value, onChange, schema, strategies: extraStrategies, readonly, ...rest } = props;
+  const strategies = useMemo4(
+    () => [...defaultStrategies, ...extraStrategies || []],
+    [extraStrategies]
+  );
+  const Renderer = useMemo4(() => {
+    const strategy = strategies.find((_strategy) => _strategy.hit(schema));
+    return strategy?.Renderer;
+  }, [strategies, schema]);
+  if (!Renderer) {
+    return /* @__PURE__ */ React6.createElement(Input, { size: "small", disabled: true, placeholder: "Unsupported type" });
+  }
+  return /* @__PURE__ */ React6.createElement(Renderer, { value, onChange, readonly, ...rest });
+}
+
+// src/components/json-schema-editor/default-value.tsx
+function DefaultValue(props) {
+  const { value, schema, type, onChange, placeholder, jsonFormatText } = props;
+  const wrapperRef = useRef2(null);
+  const JsonViewerRef = useRef2(null);
+  const [internalJsonValue, setInternalJsonValue] = useState2(
+    getValueType(value) === "string" ? value : ""
+  );
+  const handleJsonChange = useCallback2((val) => {
+    if (val !== internalJsonValue) {
+      setInternalJsonValue(val);
+    }
+  }, []);
+  const handleEditComplete = useCallback2(() => {
+    onChange(internalJsonValue);
+    requestAnimationFrame(() => {
+      wrapperRef.current?.blur();
+    });
+    setJsonReadOnly(true);
+  }, [internalJsonValue, onChange]);
+  const [jsonReadOnly, setJsonReadOnly] = useState2(true);
+  const handleFormatJson = useCallback2(() => {
+    try {
+      const parsed = JSON.parse(internalJsonValue);
+      const formatted = JSON.stringify(parsed, null, 4);
+      setInternalJsonValue(formatted);
+      onChange(formatted);
+    } catch (error) {
+      console.error("Invalid JSON:", error);
+    }
+  }, [internalJsonValue, onChange]);
+  return type === "object" ? /* @__PURE__ */ React7.createElement(React7.Fragment, null, /* @__PURE__ */ React7.createElement(JSONHeader, null, /* @__PURE__ */ React7.createElement(JSONHeaderLeft, null, "json"), /* @__PURE__ */ React7.createElement(JSONHeaderRight, null, /* @__PURE__ */ React7.createElement(Tooltip, { content: jsonFormatText ?? "Format" }, /* @__PURE__ */ React7.createElement(
+    IconButton,
+    {
+      icon: /* @__PURE__ */ React7.createElement(IconBrackets, { style: { color: "var(--semi-color-primary)" } }),
+      size: "small",
+      type: "tertiary",
+      theme: "borderless",
+      onClick: handleFormatJson
+    }
+  )))), /* @__PURE__ */ React7.createElement(
+    JSONViewerWrapper,
+    {
+      ref: wrapperRef,
+      tabIndex: -1,
+      onBlur: (e) => {
+        if (wrapperRef.current && !wrapperRef.current?.contains(e.relatedTarget)) {
+          handleEditComplete();
+        }
+      },
+      onClick: (e) => {
+        setJsonReadOnly(false);
+      }
+    },
+    /* @__PURE__ */ React7.createElement(
+      JsonViewer,
+      {
+        ref: JsonViewerRef,
+        value: getValueType(value) === "string" ? value : "",
+        height: 120,
+        width: "100%",
+        showSearch: false,
+        options: {
+          readOnly: jsonReadOnly,
+          formatOptions: { tabSize: 4, insertSpaces: true, eol: "\n" }
+        },
+        style: {
+          padding: 0
+        },
+        onChange: handleJsonChange
+      }
+    )
+  )) : /* @__PURE__ */ React7.createElement(ConstantInputWrapper, null, /* @__PURE__ */ React7.createElement(
+    ConstantInput,
+    {
+      value,
+      onChange: (_v) => onChange(_v),
+      schema: schema || { type: "string" },
+      placeholder: placeholder ?? "Default value if parameter is not provided"
+    }
+  ));
+}
+
 // src/components/json-schema-editor/components/blur-input.tsx
-import React6, { useEffect as useEffect2, useState as useState2 } from "react";
-import Input from "@douyinfe/semi-ui/lib/es/input";
+import React8, { useEffect as useEffect2, useState as useState3 } from "react";
+import Input2 from "@douyinfe/semi-ui/lib/es/input";
 function BlurInput(props) {
-  const [value, setValue] = useState2("");
+  const [value, setValue] = useState3("");
   useEffect2(() => {
     setValue(props.value);
   }, [props.value]);
-  return /* @__PURE__ */ React6.createElement(
-    Input,
+  return /* @__PURE__ */ React8.createElement(
+    Input2,
     {
       ...props,
       value,
@@ -1004,12 +1247,13 @@ function JsonSchemaEditor(props) {
     value,
     onChangeProps
   );
-  return /* @__PURE__ */ React7.createElement(UIContainer, null, /* @__PURE__ */ React7.createElement(UIProperties, null, propertyList.map((_property) => /* @__PURE__ */ React7.createElement(
+  return /* @__PURE__ */ React9.createElement(UIContainer, null, /* @__PURE__ */ React9.createElement(UIProperties, null, propertyList.map((_property, index) => /* @__PURE__ */ React9.createElement(
     PropertyEdit,
     {
       key: _property.key,
       value: _property,
       config,
+      $index: index,
       onChange: (_v) => {
         onEditProperty(_property.key, _v);
       },
@@ -1017,14 +1261,26 @@ function JsonSchemaEditor(props) {
         onRemoveProperty(_property.key);
       }
     }
-  ))), /* @__PURE__ */ React7.createElement(Button2, { size: "small", style: { marginTop: 10 }, icon: /* @__PURE__ */ React7.createElement(IconPlus, null), onClick: onAddProperty }, config?.addButtonText ?? "Add"));
+  ))), /* @__PURE__ */ React9.createElement(Button2, { size: "small", style: { marginTop: 10 }, icon: /* @__PURE__ */ React9.createElement(IconPlus, null), onClick: onAddProperty }, config?.addButtonText ?? "Add"));
 }
 function PropertyEdit(props) {
-  const { value, config, onChange: onChangeProps, onRemove, $isLast, $showLine } = props;
-  const [expand, setExpand] = useState3(false);
-  const [collapse, setCollapse] = useState3(false);
-  const { name, type, items, description, isPropertyRequired } = value || {};
-  const typeSelectorValue = useMemo4(() => ({ type, items }), [type, items]);
+  const {
+    value,
+    config,
+    $level = 0,
+    onChange: onChangeProps,
+    onRemove,
+    $index,
+    $isFirst,
+    $isLast,
+    $parentExpand = false,
+    $parentType = "",
+    $showLine
+  } = props;
+  const [expand, setExpand] = useState4(false);
+  const [collapse, setCollapse] = useState4(false);
+  const { name, type, items, default: defaultValue, description, isPropertyRequired } = value || {};
+  const typeSelectorValue = useMemo5(() => ({ type, items }), [type, items]);
   const { propertyList, isDrilldownObject, onAddProperty, onRemoveProperty, onEditProperty } = usePropertiesEdit(value, onChangeProps);
   const onChange = (key, _value) => {
     onChangeProps?.({
@@ -1033,72 +1289,110 @@ function PropertyEdit(props) {
     });
   };
   const showCollapse = isDrilldownObject && propertyList.length > 0;
-  return /* @__PURE__ */ React7.createElement(React7.Fragment, null, /* @__PURE__ */ React7.createElement(UIPropertyLeft, { $isLast, $showLine }, showCollapse && /* @__PURE__ */ React7.createElement(UICollapseTrigger, { onClick: () => setCollapse((_collapse) => !_collapse) }, collapse ? /* @__PURE__ */ React7.createElement(IconChevronDown, { size: "small" }) : /* @__PURE__ */ React7.createElement(IconChevronRight, { size: "small" }))), /* @__PURE__ */ React7.createElement(UIPropertyRight, null, /* @__PURE__ */ React7.createElement(UIPropertyMain, { $expand: expand }, /* @__PURE__ */ React7.createElement(UIRow, null, /* @__PURE__ */ React7.createElement(UIName, null, /* @__PURE__ */ React7.createElement(
-    BlurInput,
+  return /* @__PURE__ */ React9.createElement(React9.Fragment, null, /* @__PURE__ */ React9.createElement(
+    UIPropertyLeft,
     {
-      placeholder: config?.placeholder ?? "Input Variable Name",
-      size: "small",
-      value: name,
-      onChange: (value2) => onChange("name", value2)
-    }
-  )), /* @__PURE__ */ React7.createElement(UIType, null, /* @__PURE__ */ React7.createElement(
-    TypeSelector,
+      type,
+      $index,
+      $isFirst,
+      $isLast,
+      $showLine,
+      $isExpand: expand,
+      $parentExpand,
+      $parentType
+    },
+    showCollapse && /* @__PURE__ */ React9.createElement(UICollapseTrigger, { onClick: () => setCollapse((_collapse) => !_collapse) }, collapse ? /* @__PURE__ */ React9.createElement(IconChevronDown, { size: "small" }) : /* @__PURE__ */ React9.createElement(IconChevronRight, { size: "small" }))
+  ), /* @__PURE__ */ React9.createElement(UIPropertyRight, null, /* @__PURE__ */ React9.createElement(
+    UIPropertyMain,
     {
-      value: typeSelectorValue,
-      onChange: (_value) => {
-        onChangeProps?.({
-          ...value || {},
-          ..._value
-        });
+      $showCollapse: showCollapse,
+      $collapse: collapse,
+      $expand: expand,
+      type
+    },
+    /* @__PURE__ */ React9.createElement(UIRow, null, /* @__PURE__ */ React9.createElement(UIName, null, /* @__PURE__ */ React9.createElement(
+      BlurInput,
+      {
+        placeholder: config?.placeholder ?? "Input Variable Name",
+        size: "small",
+        value: name,
+        onChange: (value2) => onChange("name", value2)
       }
-    }
-  )), /* @__PURE__ */ React7.createElement(UIRequired, null, /* @__PURE__ */ React7.createElement(
-    Checkbox,
-    {
-      checked: isPropertyRequired,
-      onChange: (e) => onChange("isPropertyRequired", e.target.checked)
-    }
-  )), /* @__PURE__ */ React7.createElement(UIActions, null, /* @__PURE__ */ React7.createElement(
-    IconButton,
-    {
-      size: "small",
-      theme: "borderless",
-      icon: expand ? /* @__PURE__ */ React7.createElement(IconShrink, { size: "small" }) : /* @__PURE__ */ React7.createElement(IconExpand, { size: "small" }),
-      onClick: () => setExpand((_expand) => !_expand)
-    }
-  ), isDrilldownObject && /* @__PURE__ */ React7.createElement(
-    IconButton,
-    {
-      size: "small",
-      theme: "borderless",
-      icon: /* @__PURE__ */ React7.createElement(IconAddChildren, null),
-      onClick: () => {
-        onAddProperty();
-        setCollapse(true);
+    )), /* @__PURE__ */ React9.createElement(UIType, null, /* @__PURE__ */ React9.createElement(
+      TypeSelector,
+      {
+        value: typeSelectorValue,
+        onChange: (_value) => {
+          onChangeProps?.({
+            ...value || {},
+            ..._value
+          });
+        }
       }
-    }
-  ), /* @__PURE__ */ React7.createElement(
-    IconButton,
-    {
-      size: "small",
-      theme: "borderless",
-      icon: /* @__PURE__ */ React7.createElement(IconMinus, { size: "small" }),
-      onClick: onRemove
-    }
-  ))), expand && /* @__PURE__ */ React7.createElement(UIExpandDetail, null, /* @__PURE__ */ React7.createElement(UILabel, null, config?.descTitle ?? "Description"), /* @__PURE__ */ React7.createElement(
-    BlurInput,
-    {
-      size: "small",
-      value: description,
-      onChange: (value2) => onChange("description", value2),
-      placeholder: config?.descPlaceholder ?? "Help LLM to understand the property"
-    }
-  ))), showCollapse && /* @__PURE__ */ React7.createElement(UICollapsible, { $collapse: collapse }, /* @__PURE__ */ React7.createElement(UIProperties, { $shrink: true }, propertyList.map((_property, index) => /* @__PURE__ */ React7.createElement(
+    )), /* @__PURE__ */ React9.createElement(UIRequired, null, /* @__PURE__ */ React9.createElement(
+      Checkbox,
+      {
+        checked: isPropertyRequired,
+        onChange: (e) => onChange("isPropertyRequired", e.target.checked)
+      }
+    )), /* @__PURE__ */ React9.createElement(UIActions, null, /* @__PURE__ */ React9.createElement(
+      IconButton2,
+      {
+        size: "small",
+        theme: "borderless",
+        icon: expand ? /* @__PURE__ */ React9.createElement(IconShrink, { size: "small" }) : /* @__PURE__ */ React9.createElement(IconExpand, { size: "small" }),
+        onClick: () => {
+          setExpand((_expand) => !_expand);
+        }
+      }
+    ), isDrilldownObject && /* @__PURE__ */ React9.createElement(
+      IconButton2,
+      {
+        size: "small",
+        theme: "borderless",
+        icon: /* @__PURE__ */ React9.createElement(IconAddChildren, null),
+        onClick: () => {
+          onAddProperty();
+          setCollapse(true);
+        }
+      }
+    ), /* @__PURE__ */ React9.createElement(
+      IconButton2,
+      {
+        size: "small",
+        theme: "borderless",
+        icon: /* @__PURE__ */ React9.createElement(IconMinus, { size: "small" }),
+        onClick: onRemove
+      }
+    ))),
+    expand && /* @__PURE__ */ React9.createElement(UIExpandDetail, null, /* @__PURE__ */ React9.createElement(UILabel, null, config?.descTitle ?? "Description"), /* @__PURE__ */ React9.createElement(
+      BlurInput,
+      {
+        size: "small",
+        value: description,
+        onChange: (value2) => onChange("description", value2),
+        placeholder: config?.descPlaceholder ?? "Help LLM to understand the property"
+      }
+    ), $level === 0 && type && type !== "array" && /* @__PURE__ */ React9.createElement(React9.Fragment, null, /* @__PURE__ */ React9.createElement(UILabel, { style: { marginTop: 10 } }, config?.defaultValueTitle ?? "Default Value"), /* @__PURE__ */ React9.createElement(DefaultValueWrapper, null, /* @__PURE__ */ React9.createElement(
+      DefaultValue,
+      {
+        value: defaultValue,
+        schema: value,
+        type,
+        placeholder: config?.defaultValuePlaceholder,
+        jsonFormatText: config?.jsonFormatText,
+        onChange: (value2) => onChange("default", value2)
+      }
+    ))))
+  ), showCollapse && /* @__PURE__ */ React9.createElement(UICollapsible, { $collapse: collapse }, /* @__PURE__ */ React9.createElement(UIProperties, { $shrink: true }, propertyList.map((_property, index) => /* @__PURE__ */ React9.createElement(
     PropertyEdit,
     {
       key: _property.key,
       value: _property,
       config,
+      $level: $level + 1,
+      $parentExpand: expand,
+      $parentType: type,
       onChange: (_v) => {
         onEditProperty(_property.key, _v);
       },
@@ -1106,98 +1400,27 @@ function PropertyEdit(props) {
         onRemoveProperty(_property.key);
       },
       $isLast: index === propertyList.length - 1,
+      $isFirst: index === 0,
+      $index: index,
       $showLine: true
     }
   ))))));
 }
 
 // src/components/batch-variable-selector/index.tsx
-import React8 from "react";
+import React10 from "react";
 import { PrivateScopeProvider } from "@flowgram.ai/editor";
 var batchVariableSchema = {
   type: "array",
   extra: { weak: true }
 };
 function BatchVariableSelector(props) {
-  return /* @__PURE__ */ React8.createElement(PrivateScopeProvider, null, /* @__PURE__ */ React8.createElement(VariableSelector, { ...props, includeSchema: batchVariableSchema }));
-}
-
-// src/components/constant-input/index.tsx
-import React9, { useMemo as useMemo5 } from "react";
-import { Input as Input2, InputNumber, Select } from "@douyinfe/semi-ui";
-var defaultStrategies = [
-  {
-    hit: (schema) => schema?.type === "string",
-    Renderer: (props) => /* @__PURE__ */ React9.createElement(Input2, { placeholder: "Please Input String", size: "small", disabled: props.readonly, ...props })
-  },
-  {
-    hit: (schema) => schema?.type === "number",
-    Renderer: (props) => /* @__PURE__ */ React9.createElement(
-      InputNumber,
-      {
-        placeholder: "Please Input Number",
-        size: "small",
-        disabled: props.readonly,
-        hideButtons: true,
-        ...props
-      }
-    )
-  },
-  {
-    hit: (schema) => schema?.type === "integer",
-    Renderer: (props) => /* @__PURE__ */ React9.createElement(
-      InputNumber,
-      {
-        placeholder: "Please Input Integer",
-        size: "small",
-        disabled: props.readonly,
-        hideButtons: true,
-        precision: 0,
-        ...props
-      }
-    )
-  },
-  {
-    hit: (schema) => schema?.type === "boolean",
-    Renderer: (props) => {
-      const { value, onChange, ...rest } = props;
-      return /* @__PURE__ */ React9.createElement(
-        Select,
-        {
-          placeholder: "Please Select Boolean",
-          size: "small",
-          disabled: props.readonly,
-          optionList: [
-            { label: "True", value: 1 },
-            { label: "False", value: 0 }
-          ],
-          value: value ? 1 : 0,
-          onChange: (value2) => onChange?.(!!value2),
-          ...rest
-        }
-      );
-    }
-  }
-];
-function ConstantInput(props) {
-  const { value, onChange, schema, strategies: extraStrategies, readonly, ...rest } = props;
-  const strategies = useMemo5(
-    () => [...defaultStrategies, ...extraStrategies || []],
-    [extraStrategies]
-  );
-  const Renderer = useMemo5(() => {
-    const strategy = strategies.find((_strategy) => _strategy.hit(schema));
-    return strategy?.Renderer;
-  }, [strategies, schema]);
-  if (!Renderer) {
-    return /* @__PURE__ */ React9.createElement(Input2, { size: "small", disabled: true, placeholder: "Unsupported type" });
-  }
-  return /* @__PURE__ */ React9.createElement(Renderer, { value, onChange, readonly, ...rest });
+  return /* @__PURE__ */ React10.createElement(PrivateScopeProvider, null, /* @__PURE__ */ React10.createElement(VariableSelector, { ...props, includeSchema: batchVariableSchema }));
 }
 
 // src/components/dynamic-value-input/index.tsx
-import React10, { useMemo as useMemo6 } from "react";
-import { IconButton as IconButton2 } from "@douyinfe/semi-ui";
+import React11, { useMemo as useMemo6 } from "react";
+import { IconButton as IconButton3 } from "@douyinfe/semi-ui";
 import { IconSetting } from "@douyinfe/semi-icons";
 
 // src/components/dynamic-value-input/styles.tsx
@@ -1235,7 +1458,7 @@ function DynamicValueInput({
   }, [schema]);
   const renderMain = () => {
     if (value?.type === "ref") {
-      return /* @__PURE__ */ React10.createElement(
+      return /* @__PURE__ */ React11.createElement(
         VariableSelector,
         {
           value: value?.content,
@@ -1245,7 +1468,7 @@ function DynamicValueInput({
         }
       );
     }
-    return /* @__PURE__ */ React10.createElement(
+    return /* @__PURE__ */ React11.createElement(
       ConstantInput,
       {
         value: value?.content,
@@ -1256,7 +1479,7 @@ function DynamicValueInput({
       }
     );
   };
-  const renderTrigger = () => /* @__PURE__ */ React10.createElement(
+  const renderTrigger = () => /* @__PURE__ */ React11.createElement(
     VariableSelector,
     {
       style: { width: "100%" },
@@ -1264,14 +1487,14 @@ function DynamicValueInput({
       onChange: (_v) => onChange({ type: "ref", content: _v }),
       includeSchema,
       readonly,
-      triggerRender: () => /* @__PURE__ */ React10.createElement(IconButton2, { disabled: readonly, size: "small", icon: /* @__PURE__ */ React10.createElement(IconSetting, { size: "small" }) })
+      triggerRender: () => /* @__PURE__ */ React11.createElement(IconButton3, { disabled: readonly, size: "small", icon: /* @__PURE__ */ React11.createElement(IconSetting, { size: "small" }) })
     }
   );
-  return /* @__PURE__ */ React10.createElement(UIContainer2, { style }, /* @__PURE__ */ React10.createElement(UIMain, null, renderMain()), /* @__PURE__ */ React10.createElement(UITrigger, null, renderTrigger()));
+  return /* @__PURE__ */ React11.createElement(UIContainer2, { style }, /* @__PURE__ */ React11.createElement(UIMain, null, renderMain()), /* @__PURE__ */ React11.createElement(UITrigger, null, renderTrigger()));
 }
 
 // src/components/condition-row/index.tsx
-import React12, { useMemo as useMemo9 } from "react";
+import React13, { useMemo as useMemo9 } from "react";
 import { Input as Input3 } from "@douyinfe/semi-ui";
 
 // src/components/condition-row/styles.tsx
@@ -1500,7 +1723,7 @@ function useRule(left) {
 }
 
 // src/components/condition-row/hooks/useOp.tsx
-import React11, { useMemo as useMemo8 } from "react";
+import React12, { useMemo as useMemo8 } from "react";
 import { Button as Button3, Select as Select2 } from "@douyinfe/semi-ui";
 import { IconChevronDownStroked as IconChevronDownStroked2 } from "@douyinfe/semi-icons";
 function useOp({ rule, op, onChange }) {
@@ -1512,7 +1735,7 @@ function useOp({ rule, op, onChange }) {
     [rule]
   );
   const opConfig = useMemo8(() => opConfigs[op], [op]);
-  const renderOpSelect = () => /* @__PURE__ */ React11.createElement(
+  const renderOpSelect = () => /* @__PURE__ */ React12.createElement(
     Select2,
     {
       style: { height: 22 },
@@ -1522,7 +1745,7 @@ function useOp({ rule, op, onChange }) {
       onChange: (v) => {
         onChange(v);
       },
-      triggerRender: ({ value }) => /* @__PURE__ */ React11.createElement(Button3, { size: "small", disabled: !rule }, opConfig?.abbreviation || /* @__PURE__ */ React11.createElement(IconChevronDownStroked2, { size: "small" }))
+      triggerRender: ({ value }) => /* @__PURE__ */ React12.createElement(Button3, { size: "small", disabled: !rule }, opConfig?.abbreviation || /* @__PURE__ */ React12.createElement(IconChevronDownStroked2, { size: "small" }))
     }
   );
   return { renderOpSelect, opConfig };
@@ -1541,7 +1764,7 @@ function ConditionRow({ style, value, onChange, readonly }) {
     const targetType = rule?.[operator] || null;
     return targetType ? { type: targetType, extra: { weak: true } } : null;
   }, [rule, opConfig]);
-  return /* @__PURE__ */ React12.createElement(UIContainer3, { style }, /* @__PURE__ */ React12.createElement(UIOperator, null, renderOpSelect()), /* @__PURE__ */ React12.createElement(UIValues, null, /* @__PURE__ */ React12.createElement(UILeft, null, /* @__PURE__ */ React12.createElement(
+  return /* @__PURE__ */ React13.createElement(UIContainer3, { style }, /* @__PURE__ */ React13.createElement(UIOperator, null, renderOpSelect()), /* @__PURE__ */ React13.createElement(UIValues, null, /* @__PURE__ */ React13.createElement(UILeft, null, /* @__PURE__ */ React13.createElement(
     VariableSelector,
     {
       readonly,
@@ -1555,7 +1778,7 @@ function ConditionRow({ style, value, onChange, readonly }) {
         }
       })
     }
-  )), /* @__PURE__ */ React12.createElement(UIRight, null, targetSchema ? /* @__PURE__ */ React12.createElement(
+  )), /* @__PURE__ */ React13.createElement(UIRight, null, targetSchema ? /* @__PURE__ */ React13.createElement(
     DynamicValueInput,
     {
       readonly: readonly || !rule,
@@ -1563,7 +1786,7 @@ function ConditionRow({ style, value, onChange, readonly }) {
       schema: targetSchema,
       onChange: (v) => onChange({ ...value, right: v })
     }
-  ) : /* @__PURE__ */ React12.createElement(Input3, { size: "small", disabled: true, value: opConfig?.rightDisplay || "Empty" }))));
+  ) : /* @__PURE__ */ React13.createElement(Input3, { size: "small", disabled: true, value: opConfig?.rightDisplay || "Empty" }))));
 }
 
 // src/effects/provide-batch-input/index.ts