@flowgram.ai/form-materials 0.1.0-alpha.8 → 0.1.0-alpha.9

package/dist/esm/index.js

@@ -348,11 +348,10 @@ var ArrayIcons = {
   )
 };
 var getSchemaIcon = (value) => {
-  var _a;
-  if ((value == null ? void 0 : value.type) === "array") {
-    return ArrayIcons[((_a = value.items) == null ? void 0 : _a.type) || "object"];
+  if (value?.type === "array") {
+    return ArrayIcons[value.items?.type || "object"];
   }
-  return VariableTypeIcons[(value == null ? void 0 : value.type) || "object"];
+  return VariableTypeIcons[value?.type || "object"];
 };
 var labelStyle = { display: "flex", alignItems: "center", gap: 5 };
 var firstUppercase = (str) => str.charAt(0).toUpperCase() + str.slice(1);
@@ -414,7 +413,7 @@ var JsonSchemaUtils;
           return { kind: ASTKind.Object, weak: true };
         }
         return ASTFactory.createObject({
-          properties: Object.entries(jsonSchema.properties || {}).sort((a, b) => (get(a == null ? void 0 : a[1], "extra.index") || 0) - (get(b == null ? void 0 : b[1], "extra.index") || 0)).map(([key, _property]) => ({
+          properties: Object.entries(jsonSchema.properties || {}).sort((a, b) => (get(a?.[1], "extra.index") || 0) - (get(b?.[1], "extra.index") || 0)).map(([key, _property]) => ({
             key,
             type: schemaToAST(_property),
             meta: { description: _property.description }
@@ -515,8 +514,7 @@ function useVariableTree(params) {
   const { includeSchema, excludeSchema } = params;
   const available = useScopeAvailable();
   const getVariableTypeIcon = useCallback((variable) => {
-    var _a, _b, _c;
-    if ((_a = variable.meta) == null ? void 0 : _a.icon) {
+    if (variable.meta?.icon) {
       if (typeof variable.meta.icon === "string") {
         return /* @__PURE__ */ React2.createElement("img", { style: { marginRight: 8 }, width: 12, height: 12, src: variable.meta.icon });
       }
@@ -528,25 +526,24 @@ function useVariableTree(params) {
         Icon2,
         {
           size: "small",
-          svg: ArrayIcons[(_b = _type.items) == null ? void 0 : _b.kind.toLowerCase()] || VariableTypeIcons.array
+          svg: ArrayIcons[_type.items?.kind.toLowerCase()] || VariableTypeIcons.array
         }
       );
     }
     if (ASTMatch2.isCustomType(_type)) {
       return /* @__PURE__ */ React2.createElement(Icon2, { size: "small", svg: VariableTypeIcons[_type.typeName.toLowerCase()] });
     }
-    return /* @__PURE__ */ React2.createElement(Icon2, { size: "small", svg: VariableTypeIcons[(_c = variable.type) == null ? void 0 : _c.kind.toLowerCase()] });
+    return /* @__PURE__ */ React2.createElement(Icon2, { size: "small", svg: VariableTypeIcons[variable.type?.kind.toLowerCase()] });
   }, []);
   const renderVariable = (variable, parentFields = []) => {
-    var _a, _b;
-    let type = variable == null ? void 0 : variable.type;
+    let type = variable?.type;
     if (!type) {
       return null;
     }
     let children;
     if (ASTMatch2.isObject(type)) {
       children = (type.properties || []).map((_property) => renderVariable(_property, [...parentFields, variable])).filter(Boolean);
-      if (!(children == null ? void 0 : children.length)) {
+      if (!children?.length) {
         return null;
       }
     }
@@ -555,18 +552,18 @@ function useVariableTree(params) {
     const isSchemaInclude = includeSchema ? JsonSchemaUtils.isASTMatchSchema(type, includeSchema) : true;
     const isSchemaExclude = excludeSchema ? JsonSchemaUtils.isASTMatchSchema(type, excludeSchema) : false;
     const isSchemaMatch = isSchemaInclude && !isSchemaExclude;
-    if (!isSchemaMatch && !(children == null ? void 0 : children.length)) {
+    if (!isSchemaMatch && !children?.length) {
       return null;
     }
     return {
       key,
-      label: ((_a = variable.meta) == null ? void 0 : _a.title) || variable.key,
+      label: variable.meta?.title || variable.key,
       value: key,
       keyPath,
       icon: getVariableTypeIcon(variable),
       children,
       disabled: !isSchemaMatch,
-      rootMeta: (_b = parentFields[0]) == null ? void 0 : _b.meta
+      rootMeta: parentFields[0]?.meta
     };
   };
   return [...available.variables.slice(0).reverse()].map((_variable) => renderVariable(_variable)).filter(Boolean);
@@ -626,7 +623,6 @@ var VariableSelector = ({
   hasError,
   triggerRender
 }) => {
-  var _a;
   const treeData = useVariableTree({ includeSchema, excludeSchema });
   const treeValue = useMemo(() => {
     if (typeof value === "string") {
@@ -636,7 +632,7 @@ var VariableSelector = ({
       );
       return value;
     }
-    return value == null ? void 0 : value.join(".");
+    return value?.join(".");
   }, [value]);
   const renderIcon = (icon) => {
     if (typeof icon === "string") {
@@ -660,8 +656,7 @@ var VariableSelector = ({
         onChange(_config.keyPath);
       },
       renderSelectedItem: (_option) => {
-        var _a2, _b, _c, _d;
-        if (!(_option == null ? void 0 : _option.keyPath)) {
+        if (!_option?.keyPath) {
           return /* @__PURE__ */ React3.createElement(
             UITag,
             {
@@ -670,24 +665,24 @@ var VariableSelector = ({
               closable: !readonly,
               onClose: () => onChange(void 0)
             },
-            (_a2 = config == null ? void 0 : config.notFoundContent) != null ? _a2 : "Undefined"
+            config?.notFoundContent ?? "Undefined"
           );
         }
         return /* @__PURE__ */ React3.createElement(
           UITag,
           {
-            prefixIcon: renderIcon(((_b = _option.rootMeta) == null ? void 0 : _b.icon) || (_option == null ? void 0 : _option.icon)),
+            prefixIcon: renderIcon(_option.rootMeta?.icon || _option?.icon),
             closable: !readonly,
             onClose: () => onChange(void 0)
           },
-          /* @__PURE__ */ React3.createElement(UIRootTitle, null, ((_c = _option.rootMeta) == null ? void 0 : _c.title) ? `${(_d = _option.rootMeta) == null ? void 0 : _d.title} -` : null),
+          /* @__PURE__ */ React3.createElement(UIRootTitle, null, _option.rootMeta?.title ? `${_option.rootMeta?.title} -` : null),
           _option.label
         );
       },
       showClear: false,
       arrowIcon: /* @__PURE__ */ React3.createElement(IconChevronDownStroked, { size: "small" }),
       triggerRender,
-      placeholder: (_a = config == null ? void 0 : config.placeholder) != null ? _a : "Select Variable..."
+      placeholder: config?.placeholder ?? "Select Variable..."
     }
   ));
 };
@@ -696,10 +691,10 @@ var VariableSelector = ({
 import React4, { useMemo as useMemo2 } from "react";
 import { Button, Cascader } from "@douyinfe/semi-ui";
 var getTypeSelectValue = (value) => {
-  if ((value == null ? void 0 : value.type) === "array" && (value == null ? void 0 : value.items)) {
+  if (value?.type === "array" && value?.items) {
     return [value.type, ...getTypeSelectValue(value.items) || []];
   }
-  return (value == null ? void 0 : value.type) ? [value.type] : void 0;
+  return value?.type ? [value.type] : void 0;
 };
 var parseTypeSelectValue = (value) => {
   const [type, ...subTypes] = value || [];
@@ -943,31 +938,21 @@ function getDrilldownSchema(value, path) {
   return { schema: value, path };
 }
 function usePropertiesEdit(value, onChange) {
-  var _a;
-  const drilldown = useMemo3(() => getDrilldownSchema(value), [value, value == null ? void 0 : value.type, value == null ? void 0 : value.items]);
-  const isDrilldownObject = ((_a = drilldown.schema) == null ? void 0 : _a.type) === "object";
+  const drilldown = useMemo3(() => getDrilldownSchema(value), [value, value?.type, value?.items]);
+  const isDrilldownObject = drilldown.schema?.type === "object";
   const initPropertyList = useMemo3(
-    () => {
-      var _a2;
-      return isDrilldownObject ? Object.entries(((_a2 = drilldown.schema) == null ? void 0 : _a2.properties) || {}).sort(([, a], [, b]) => {
-        var _a3, _b, _c, _d;
-        return ((_b = (_a3 = a.extra) == null ? void 0 : _a3.index) != null ? _b : 0) - ((_d = (_c = b.extra) == null ? void 0 : _c.index) != null ? _d : 0);
-      }).map(
-        ([name, _value], index) => {
-          var _a3, _b;
-          return {
-            key: genId(),
-            name,
-            isPropertyRequired: ((_b = (_a3 = drilldown.schema) == null ? void 0 : _a3.required) == null ? void 0 : _b.includes(name)) || false,
-            ..._value,
-            extra: {
-              ..._value.extra || {},
-              index
-            }
-          };
+    () => isDrilldownObject ? Object.entries(drilldown.schema?.properties || {}).sort(([, a], [, b]) => (a.extra?.index ?? 0) - (b.extra?.index ?? 0)).map(
+      ([name, _value], index) => ({
+        key: genId(),
+        name,
+        isPropertyRequired: drilldown.schema?.required?.includes(name) || false,
+        ..._value,
+        extra: {
+          ..._value.extra || {},
+          index
         }
-      ) : [];
-    },
+      })
+    ) : [],
     [isDrilldownObject]
   );
   const [propertyList, setPropertyList] = useState(initPropertyList);
@@ -975,31 +960,26 @@ function usePropertiesEdit(value, onChange) {
   useEffect(() => {
     if (mountRef.current) {
       setPropertyList((_list) => {
-        var _a2;
         const nameMap = /* @__PURE__ */ new Map();
         for (const _property of _list) {
           if (_property.name) {
             nameMap.set(_property.name, _property);
           }
         }
-        return Object.entries(((_a2 = drilldown.schema) == null ? void 0 : _a2.properties) || {}).sort(([, a], [, b]) => {
-          var _a3, _b, _c, _d;
-          return ((_b = (_a3 = a.extra) == null ? void 0 : _a3.index) != null ? _b : 0) - ((_d = (_c = b.extra) == null ? void 0 : _c.index) != null ? _d : 0);
-        }).map(([name, _value]) => {
-          var _a3, _b, _c, _d;
+        return Object.entries(drilldown.schema?.properties || {}).sort(([, a], [, b]) => (a.extra?.index ?? 0) - (b.extra?.index ?? 0)).map(([name, _value]) => {
           const _property = nameMap.get(name);
           if (_property) {
             return {
               key: _property.key,
               name,
-              isPropertyRequired: ((_b = (_a3 = drilldown.schema) == null ? void 0 : _a3.required) == null ? void 0 : _b.includes(name)) || false,
+              isPropertyRequired: drilldown.schema?.required?.includes(name) || false,
               ..._value
             };
           }
           return {
             key: genId(),
             name,
-            isPropertyRequired: ((_d = (_c = drilldown.schema) == null ? void 0 : _c.required) == null ? void 0 : _d.includes(name)) || false,
+            isPropertyRequired: drilldown.schema?.required?.includes(name) || false,
             ..._value
           };
         });
@@ -1027,7 +1007,7 @@ function usePropertiesEdit(value, onChange) {
       }
       drilldownSchema.properties = nextProperties;
       drilldownSchema.required = nextRequired;
-      onChange == null ? void 0 : onChange(value || {});
+      onChange?.(value || {});
       return next;
     });
   };
@@ -1088,11 +1068,11 @@ import React6, { useMemo as useMemo4 } from "react";
 import { Input, InputNumber, Select } from "@douyinfe/semi-ui";
 var defaultStrategies = [
   {
-    hit: (schema) => (schema == null ? void 0 : schema.type) === "string",
+    hit: (schema) => schema?.type === "string",
     Renderer: (props) => /* @__PURE__ */ React6.createElement(Input, { placeholder: "Please Input String", size: "small", disabled: props.readonly, ...props })
   },
   {
-    hit: (schema) => (schema == null ? void 0 : schema.type) === "number",
+    hit: (schema) => schema?.type === "number",
     Renderer: (props) => /* @__PURE__ */ React6.createElement(
       InputNumber,
       {
@@ -1105,7 +1085,7 @@ var defaultStrategies = [
     )
   },
   {
-    hit: (schema) => (schema == null ? void 0 : schema.type) === "integer",
+    hit: (schema) => schema?.type === "integer",
     Renderer: (props) => /* @__PURE__ */ React6.createElement(
       InputNumber,
       {
@@ -1119,7 +1099,7 @@ var defaultStrategies = [
     )
   },
   {
-    hit: (schema) => (schema == null ? void 0 : schema.type) === "boolean",
+    hit: (schema) => schema?.type === "boolean",
     Renderer: (props) => {
       const { value, onChange, ...rest } = props;
       return /* @__PURE__ */ React6.createElement(
@@ -1133,7 +1113,7 @@ var defaultStrategies = [
             { label: "False", value: 0 }
           ],
           value: value ? 1 : 0,
-          onChange: (value2) => onChange == null ? void 0 : onChange(!!value2),
+          onChange: (value2) => onChange?.(!!value2),
           ...rest
         }
       );
@@ -1148,7 +1128,7 @@ function ConstantInput(props) {
   );
   const Renderer = useMemo4(() => {
     const strategy = strategies.find((_strategy) => _strategy.hit(schema));
-    return strategy == null ? void 0 : strategy.Renderer;
+    return strategy?.Renderer;
   }, [strategies, schema]);
   if (!Renderer) {
     return /* @__PURE__ */ React6.createElement(Input, { size: "small", disabled: true, placeholder: "Unsupported type" });
@@ -1172,8 +1152,7 @@ function DefaultValue(props) {
   const handleEditComplete = useCallback2(() => {
     onChange(internalJsonValue);
     requestAnimationFrame(() => {
-      var _a;
-      (_a = wrapperRef.current) == null ? void 0 : _a.blur();
+      wrapperRef.current?.blur();
     });
     setJsonReadOnly(true);
   }, [internalJsonValue, onChange]);
@@ -1188,7 +1167,7 @@ function DefaultValue(props) {
       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 != null ? jsonFormatText : "Format" }, /* @__PURE__ */ React7.createElement(
+  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)" } }),
@@ -1203,8 +1182,7 @@ function DefaultValue(props) {
       ref: wrapperRef,
       tabIndex: -1,
       onBlur: (e) => {
-        var _a;
-        if (wrapperRef.current && !((_a = wrapperRef.current) == null ? void 0 : _a.contains(e.relatedTarget))) {
+        if (wrapperRef.current && !wrapperRef.current?.contains(e.relatedTarget)) {
           handleEditComplete();
         }
       },
@@ -1236,7 +1214,7 @@ function DefaultValue(props) {
       value,
       onChange: (_v) => onChange(_v),
       schema: schema || { type: "string" },
-      placeholder: placeholder != null ? placeholder : "Default value if parameter is not provided"
+      placeholder: placeholder ?? "Default value if parameter is not provided"
     }
   ));
 }
@@ -1257,17 +1235,13 @@ function BlurInput(props) {
       onChange: (value2) => {
         setValue(value2);
       },
-      onBlur: (e) => {
-        var _a;
-        return (_a = props.onChange) == null ? void 0 : _a.call(props, value, e);
-      }
+      onBlur: (e) => props.onChange?.(value, e)
     }
   );
 }
 
 // src/components/json-schema-editor/index.tsx
 function JsonSchemaEditor(props) {
-  var _a;
   const { value = { type: "object" }, config = {}, onChange: onChangeProps } = props;
   const { propertyList, onAddProperty, onRemoveProperty, onEditProperty } = usePropertiesEdit(
     value,
@@ -1287,10 +1261,9 @@ function JsonSchemaEditor(props) {
         onRemoveProperty(_property.key);
       }
     }
-  ))), /* @__PURE__ */ React9.createElement(Button2, { size: "small", style: { marginTop: 10 }, icon: /* @__PURE__ */ React9.createElement(IconPlus, null), onClick: onAddProperty }, (_a = config == null ? void 0 : config.addButtonText) != null ? _a : "Add"));
+  ))), /* @__PURE__ */ React9.createElement(Button2, { size: "small", style: { marginTop: 10 }, icon: /* @__PURE__ */ React9.createElement(IconPlus, null), onClick: onAddProperty }, config?.addButtonText ?? "Add"));
 }
 function PropertyEdit(props) {
-  var _a, _b, _c, _d;
   const {
     value,
     config,
@@ -1310,7 +1283,7 @@ function PropertyEdit(props) {
   const typeSelectorValue = useMemo5(() => ({ type, items }), [type, items]);
   const { propertyList, isDrilldownObject, onAddProperty, onRemoveProperty, onEditProperty } = usePropertiesEdit(value, onChangeProps);
   const onChange = (key, _value) => {
-    onChangeProps == null ? void 0 : onChangeProps({
+    onChangeProps?.({
       ...value || {},
       [key]: _value
     });
@@ -1340,7 +1313,7 @@ function PropertyEdit(props) {
     /* @__PURE__ */ React9.createElement(UIRow, null, /* @__PURE__ */ React9.createElement(UIName, null, /* @__PURE__ */ React9.createElement(
       BlurInput,
       {
-        placeholder: (_a = config == null ? void 0 : config.placeholder) != null ? _a : "Input Variable Name",
+        placeholder: config?.placeholder ?? "Input Variable Name",
         size: "small",
         value: name,
         onChange: (value2) => onChange("name", value2)
@@ -1350,7 +1323,7 @@ function PropertyEdit(props) {
       {
         value: typeSelectorValue,
         onChange: (_value) => {
-          onChangeProps == null ? void 0 : onChangeProps({
+          onChangeProps?.({
             ...value || {},
             ..._value
           });
@@ -1392,22 +1365,22 @@ function PropertyEdit(props) {
         onClick: onRemove
       }
     ))),
-    expand && /* @__PURE__ */ React9.createElement(UIExpandDetail, null, /* @__PURE__ */ React9.createElement(UILabel, null, (_b = config == null ? void 0 : config.descTitle) != null ? _b : "Description"), /* @__PURE__ */ React9.createElement(
+    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: (_c = config == null ? void 0 : config.descPlaceholder) != null ? _c : "Help LLM to understand the property"
+        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 } }, (_d = config == null ? void 0 : config.defaultValueTitle) != null ? _d : "Default Value"), /* @__PURE__ */ React9.createElement(DefaultValueWrapper, null, /* @__PURE__ */ React9.createElement(
+    ), $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 == null ? void 0 : config.defaultValuePlaceholder,
-        jsonFormatText: config == null ? void 0 : config.jsonFormatText,
+        placeholder: config?.defaultValuePlaceholder,
+        jsonFormatText: config?.jsonFormatText,
         onChange: (value2) => onChange("default", value2)
       }
     ))))
@@ -1478,17 +1451,17 @@ function DynamicValueInput({
   constantProps
 }) {
   const includeSchema = useMemo6(() => {
-    if ((schema == null ? void 0 : schema.type) === "number") {
+    if (schema?.type === "number") {
       return [schema, { type: "integer" }];
     }
     return schema;
   }, [schema]);
   const renderMain = () => {
-    if ((value == null ? void 0 : value.type) === "ref") {
+    if (value?.type === "ref") {
       return /* @__PURE__ */ React11.createElement(
         VariableSelector,
         {
-          value: value == null ? void 0 : value.content,
+          value: value?.content,
           onChange: (_v) => onChange(_v ? { type: "ref", content: _v } : void 0),
           includeSchema,
           readonly
@@ -1498,7 +1471,7 @@ function DynamicValueInput({
     return /* @__PURE__ */ React11.createElement(
       ConstantInput,
       {
-        value: value == null ? void 0 : value.content,
+        value: value?.content,
         onChange: (_v) => onChange({ type: "constant", content: _v }),
         schema: schema || { type: "string" },
         readonly,
@@ -1510,7 +1483,7 @@ function DynamicValueInput({
     VariableSelector,
     {
       style: { width: "100%" },
-      value: (value == null ? void 0 : value.type) === "ref" ? value == null ? void 0 : value.content : void 0,
+      value: value?.type === "ref" ? value?.content : void 0,
       onChange: (_v) => onChange({ type: "ref", content: _v }),
       includeSchema,
       readonly,
@@ -1744,8 +1717,8 @@ function useRule(left) {
   const rule = useMemo7(() => {
     if (!variable) return void 0;
     const schema = JsonSchemaUtils.astToSchema(variable.type, { drilldown: false });
-    return rules[schema == null ? void 0 : schema.type];
-  }, [variable == null ? void 0 : variable.type]);
+    return rules[schema?.type];
+  }, [variable?.type]);
   return { rule };
 }
 
@@ -1772,7 +1745,7 @@ function useOp({ rule, op, onChange }) {
       onChange: (v) => {
         onChange(v);
       },
-      triggerRender: ({ value }) => /* @__PURE__ */ React12.createElement(Button3, { size: "small", disabled: !rule }, (opConfig == null ? void 0 : opConfig.abbreviation) || /* @__PURE__ */ React12.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 };
@@ -1788,7 +1761,7 @@ function ConditionRow({ style, value, onChange, readonly }) {
     onChange: (v) => onChange({ ...value, operator: v })
   });
   const targetSchema = useMemo9(() => {
-    const targetType = (rule == null ? void 0 : rule[operator]) || null;
+    const targetType = rule?.[operator] || null;
     return targetType ? { type: targetType, extra: { weak: true } } : null;
   }, [rule, opConfig]);
   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(
@@ -1796,7 +1769,7 @@ function ConditionRow({ style, value, onChange, readonly }) {
     {
       readonly,
       style: { width: "100%" },
-      value: left == null ? void 0 : left.content,
+      value: left?.content,
       onChange: (v) => onChange({
         ...value,
         left: {
@@ -1813,7 +1786,7 @@ function ConditionRow({ style, value, onChange, readonly }) {
       schema: targetSchema,
       onChange: (v) => onChange({ ...value, right: v })
     }
-  ) : /* @__PURE__ */ React13.createElement(Input3, { size: "small", disabled: true, value: (opConfig == null ? void 0 : opConfig.rightDisplay) || "Empty" }))));
+  ) : /* @__PURE__ */ React13.createElement(Input3, { size: "small", disabled: true, value: opConfig?.rightDisplay || "Empty" }))));
 }
 
 // src/effects/provide-batch-input/index.ts
@@ -1824,34 +1797,31 @@ import {
 } from "@flowgram.ai/editor";
 var provideBatchInputEffect = createEffectFromVariableProvider({
   private: true,
-  parse: (value, ctx) => {
-    var _a, _b;
-    return [
-      ASTFactory2.createVariableDeclaration({
-        key: `${ctx.node.id}_locals`,
-        meta: {
-          title: (_a = getNodeForm(ctx.node)) == null ? void 0 : _a.getValueIn("title"),
-          icon: (_b = ctx.node.getNodeRegistry().info) == null ? void 0 : _b.icon
-        },
-        type: ASTFactory2.createObject({
-          properties: [
-            ASTFactory2.createProperty({
-              key: "item",
-              initializer: ASTFactory2.createEnumerateExpression({
-                enumerateFor: ASTFactory2.createKeyPathExpression({
-                  keyPath: value.content || []
-                })
+  parse: (value, ctx) => [
+    ASTFactory2.createVariableDeclaration({
+      key: `${ctx.node.id}_locals`,
+      meta: {
+        title: getNodeForm(ctx.node)?.getValueIn("title"),
+        icon: ctx.node.getNodeRegistry().info?.icon
+      },
+      type: ASTFactory2.createObject({
+        properties: [
+          ASTFactory2.createProperty({
+            key: "item",
+            initializer: ASTFactory2.createEnumerateExpression({
+              enumerateFor: ASTFactory2.createKeyPathExpression({
+                keyPath: value.content || []
               })
-            }),
-            ASTFactory2.createProperty({
-              key: "index",
-              type: ASTFactory2.createNumber()
             })
-          ]
-        })
+          }),
+          ASTFactory2.createProperty({
+            key: "index",
+            type: ASTFactory2.createNumber()
+          })
+        ]
       })
-    ];
-  }
+    })
+  ]
 });
 
 // src/effects/provide-batch-outputs/index.ts
@@ -1862,30 +1832,27 @@ import {
 } from "@flowgram.ai/editor";
 var provideBatchOutputsEffect = createEffectFromVariableProvider2({
   private: true,
-  parse: (value, ctx) => {
-    var _a, _b;
-    return [
-      ASTFactory3.createVariableDeclaration({
-        key: `${ctx.node.id}`,
-        meta: {
-          title: (_a = getNodeForm2(ctx.node)) == null ? void 0 : _a.getValueIn("title"),
-          icon: (_b = ctx.node.getNodeRegistry().info) == null ? void 0 : _b.icon
-        },
-        type: ASTFactory3.createObject({
-          properties: Object.entries(value).map(
-            ([_key, value2]) => ASTFactory3.createProperty({
-              key: _key,
-              initializer: ASTFactory3.createWrapArrayExpression({
-                wrapFor: ASTFactory3.createKeyPathExpression({
-                  keyPath: value2.content || []
-                })
+  parse: (value, ctx) => [
+    ASTFactory3.createVariableDeclaration({
+      key: `${ctx.node.id}`,
+      meta: {
+        title: getNodeForm2(ctx.node)?.getValueIn("title"),
+        icon: ctx.node.getNodeRegistry().info?.icon
+      },
+      type: ASTFactory3.createObject({
+        properties: Object.entries(value).map(
+          ([_key, value2]) => ASTFactory3.createProperty({
+            key: _key,
+            initializer: ASTFactory3.createWrapArrayExpression({
+              wrapFor: ASTFactory3.createKeyPathExpression({
+                keyPath: value2.content || []
               })
             })
-          )
-        })
+          })
+        )
       })
-    ];
-  }
+    })
+  ]
 });
 
 // src/effects/auto-rename-ref/index.ts
@@ -1910,9 +1877,8 @@ var autoRenameRefEffect = [
           after.key
         ];
         traverseRef(name, form.getValueIn(name), (_drilldownName, _v) => {
-          var _a;
           if (isRefMatch(_v, beforeKeyPath)) {
-            _v.content = [...afterKeyPath, ...(_a = _v.content || []) == null ? void 0 : _a.slice(beforeKeyPath.length)];
+            _v.content = [...afterKeyPath, ...(_v.content || [])?.slice(beforeKeyPath.length)];
             form.setValueIn(_drilldownName, _v);
           }
         });
@@ -1924,13 +1890,10 @@ var autoRenameRefEffect = [
   }
 ];
 function isRefMatch(value, targetKeyPath) {
-  return targetKeyPath.every((_key, index) => {
-    var _a;
-    return _key === ((_a = value.content) == null ? void 0 : _a[index]);
-  });
+  return targetKeyPath.every((_key, index) => _key === value.content?.[index]);
 }
 function isRef(value) {
-  return (value == null ? void 0 : value.type) === "ref" && Array.isArray(value == null ? void 0 : value.content) && typeof (value == null ? void 0 : value.content[0]) === "string";
+  return value?.type === "ref" && Array.isArray(value?.content) && typeof value?.content[0] === "string";
 }
 function traverseRef(name, value, cb) {
   if (isObject2(value)) {