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

package/dist/index.js

@@ -405,11 +405,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);
@@ -471,7 +470,7 @@ var JsonSchemaUtils;
           return { kind: import_editor.ASTKind.Object, weak: true };
         }
         return import_editor.ASTFactory.createObject({
-          properties: Object.entries(jsonSchema.properties || {}).sort((a, b) => ((0, import_lodash.get)(a == null ? void 0 : a[1], "extra.index") || 0) - ((0, import_lodash.get)(b == null ? void 0 : b[1], "extra.index") || 0)).map(([key, _property]) => ({
+          properties: Object.entries(jsonSchema.properties || {}).sort((a, b) => ((0, import_lodash.get)(a?.[1], "extra.index") || 0) - ((0, import_lodash.get)(b?.[1], "extra.index") || 0)).map(([key, _property]) => ({
             key,
             type: schemaToAST(_property),
             meta: { description: _property.description }
@@ -572,8 +571,7 @@ function useVariableTree(params) {
   const { includeSchema, excludeSchema } = params;
   const available = (0, import_editor2.useScopeAvailable)();
   const getVariableTypeIcon = (0, import_react2.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__ */ import_react2.default.createElement("img", { style: { marginRight: 8 }, width: 12, height: 12, src: variable.meta.icon });
       }
@@ -585,25 +583,24 @@ function useVariableTree(params) {
         import_semi_ui.Icon,
         {
           size: "small",
-          svg: ArrayIcons[(_b = _type.items) == null ? void 0 : _b.kind.toLowerCase()] || VariableTypeIcons.array
+          svg: ArrayIcons[_type.items?.kind.toLowerCase()] || VariableTypeIcons.array
         }
       );
     }
     if (import_editor2.ASTMatch.isCustomType(_type)) {
       return /* @__PURE__ */ import_react2.default.createElement(import_semi_ui.Icon, { size: "small", svg: VariableTypeIcons[_type.typeName.toLowerCase()] });
     }
-    return /* @__PURE__ */ import_react2.default.createElement(import_semi_ui.Icon, { size: "small", svg: VariableTypeIcons[(_c = variable.type) == null ? void 0 : _c.kind.toLowerCase()] });
+    return /* @__PURE__ */ import_react2.default.createElement(import_semi_ui.Icon, { 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 (import_editor2.ASTMatch.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;
       }
     }
@@ -612,18 +609,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);
@@ -683,7 +680,6 @@ var VariableSelector = ({
   hasError,
   triggerRender
 }) => {
-  var _a;
   const treeData = useVariableTree({ includeSchema, excludeSchema });
   const treeValue = (0, import_react3.useMemo)(() => {
     if (typeof value === "string") {
@@ -693,7 +689,7 @@ var VariableSelector = ({
       );
       return value;
     }
-    return value == null ? void 0 : value.join(".");
+    return value?.join(".");
   }, [value]);
   const renderIcon = (icon) => {
     if (typeof icon === "string") {
@@ -717,8 +713,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__ */ import_react3.default.createElement(
             UITag,
             {
@@ -727,24 +722,24 @@ var VariableSelector = ({
               closable: !readonly,
               onClose: () => onChange(void 0)
             },
-            (_a2 = config == null ? void 0 : config.notFoundContent) != null ? _a2 : "Undefined"
+            config?.notFoundContent ?? "Undefined"
           );
         }
         return /* @__PURE__ */ import_react3.default.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__ */ import_react3.default.createElement(UIRootTitle, null, ((_c = _option.rootMeta) == null ? void 0 : _c.title) ? `${(_d = _option.rootMeta) == null ? void 0 : _d.title} -` : null),
+          /* @__PURE__ */ import_react3.default.createElement(UIRootTitle, null, _option.rootMeta?.title ? `${_option.rootMeta?.title} -` : null),
           _option.label
         );
       },
       showClear: false,
       arrowIcon: /* @__PURE__ */ import_react3.default.createElement(import_semi_icons2.IconChevronDownStroked, { size: "small" }),
       triggerRender,
-      placeholder: (_a = config == null ? void 0 : config.placeholder) != null ? _a : "Select Variable..."
+      placeholder: config?.placeholder ?? "Select Variable..."
     }
   ));
 };
@@ -753,10 +748,10 @@ var VariableSelector = ({
 var import_react4 = __toESM(require("react"));
 var import_semi_ui3 = require("@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 || [];
@@ -993,31 +988,21 @@ function getDrilldownSchema(value, path) {
   return { schema: value, path };
 }
 function usePropertiesEdit(value, onChange) {
-  var _a;
-  const drilldown = (0, import_react6.useMemo)(() => 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 = (0, import_react6.useMemo)(() => getDrilldownSchema(value), [value, value?.type, value?.items]);
+  const isDrilldownObject = drilldown.schema?.type === "object";
   const initPropertyList = (0, import_react6.useMemo)(
-    () => {
-      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] = (0, import_react6.useState)(initPropertyList);
@@ -1025,31 +1010,26 @@ function usePropertiesEdit(value, onChange) {
   (0, import_react6.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
           };
         });
@@ -1077,7 +1057,7 @@ function usePropertiesEdit(value, onChange) {
       }
       drilldownSchema.properties = nextProperties;
       drilldownSchema.required = nextRequired;
-      onChange == null ? void 0 : onChange(value || {});
+      onChange?.(value || {});
       return next;
     });
   };
@@ -1138,11 +1118,11 @@ var import_react7 = __toESM(require("react"));
 var import_semi_ui4 = require("@douyinfe/semi-ui");
 var defaultStrategies = [
   {
-    hit: (schema) => (schema == null ? void 0 : schema.type) === "string",
+    hit: (schema) => schema?.type === "string",
     Renderer: (props) => /* @__PURE__ */ import_react7.default.createElement(import_semi_ui4.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__ */ import_react7.default.createElement(
       import_semi_ui4.InputNumber,
       {
@@ -1155,7 +1135,7 @@ var defaultStrategies = [
     )
   },
   {
-    hit: (schema) => (schema == null ? void 0 : schema.type) === "integer",
+    hit: (schema) => schema?.type === "integer",
     Renderer: (props) => /* @__PURE__ */ import_react7.default.createElement(
       import_semi_ui4.InputNumber,
       {
@@ -1169,7 +1149,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__ */ import_react7.default.createElement(
@@ -1183,7 +1163,7 @@ var defaultStrategies = [
             { label: "False", value: 0 }
           ],
           value: value ? 1 : 0,
-          onChange: (value2) => onChange == null ? void 0 : onChange(!!value2),
+          onChange: (value2) => onChange?.(!!value2),
           ...rest
         }
       );
@@ -1198,7 +1178,7 @@ function ConstantInput(props) {
   );
   const Renderer = (0, import_react7.useMemo)(() => {
     const strategy = strategies.find((_strategy) => _strategy.hit(schema));
-    return strategy == null ? void 0 : strategy.Renderer;
+    return strategy?.Renderer;
   }, [strategies, schema]);
   if (!Renderer) {
     return /* @__PURE__ */ import_react7.default.createElement(import_semi_ui4.Input, { size: "small", disabled: true, placeholder: "Unsupported type" });
@@ -1222,8 +1202,7 @@ function DefaultValue(props) {
   const handleEditComplete = (0, import_react8.useCallback)(() => {
     onChange(internalJsonValue);
     requestAnimationFrame(() => {
-      var _a;
-      (_a = wrapperRef.current) == null ? void 0 : _a.blur();
+      wrapperRef.current?.blur();
     });
     setJsonReadOnly(true);
   }, [internalJsonValue, onChange]);
@@ -1238,7 +1217,7 @@ function DefaultValue(props) {
       console.error("Invalid JSON:", error);
     }
   }, [internalJsonValue, onChange]);
-  return type === "object" ? /* @__PURE__ */ import_react8.default.createElement(import_react8.default.Fragment, null, /* @__PURE__ */ import_react8.default.createElement(JSONHeader, null, /* @__PURE__ */ import_react8.default.createElement(JSONHeaderLeft, null, "json"), /* @__PURE__ */ import_react8.default.createElement(JSONHeaderRight, null, /* @__PURE__ */ import_react8.default.createElement(import_semi_ui5.Tooltip, { content: jsonFormatText != null ? jsonFormatText : "Format" }, /* @__PURE__ */ import_react8.default.createElement(
+  return type === "object" ? /* @__PURE__ */ import_react8.default.createElement(import_react8.default.Fragment, null, /* @__PURE__ */ import_react8.default.createElement(JSONHeader, null, /* @__PURE__ */ import_react8.default.createElement(JSONHeaderLeft, null, "json"), /* @__PURE__ */ import_react8.default.createElement(JSONHeaderRight, null, /* @__PURE__ */ import_react8.default.createElement(import_semi_ui5.Tooltip, { content: jsonFormatText ?? "Format" }, /* @__PURE__ */ import_react8.default.createElement(
     import_semi_ui5.IconButton,
     {
       icon: /* @__PURE__ */ import_react8.default.createElement(import_semi_icons4.IconBrackets, { style: { color: "var(--semi-color-primary)" } }),
@@ -1253,8 +1232,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();
         }
       },
@@ -1286,7 +1264,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"
     }
   ));
 }
@@ -1307,17 +1285,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,
@@ -1337,10 +1311,9 @@ function JsonSchemaEditor(props) {
         onRemoveProperty(_property.key);
       }
     }
-  ))), /* @__PURE__ */ import_react10.default.createElement(import_semi_ui6.Button, { size: "small", style: { marginTop: 10 }, icon: /* @__PURE__ */ import_react10.default.createElement(import_semi_icons5.IconPlus, null), onClick: onAddProperty }, (_a = config == null ? void 0 : config.addButtonText) != null ? _a : "Add"));
+  ))), /* @__PURE__ */ import_react10.default.createElement(import_semi_ui6.Button, { size: "small", style: { marginTop: 10 }, icon: /* @__PURE__ */ import_react10.default.createElement(import_semi_icons5.IconPlus, null), onClick: onAddProperty }, config?.addButtonText ?? "Add"));
 }
 function PropertyEdit(props) {
-  var _a, _b, _c, _d;
   const {
     value,
     config,
@@ -1360,7 +1333,7 @@ function PropertyEdit(props) {
   const typeSelectorValue = (0, import_react10.useMemo)(() => ({ 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
     });
@@ -1390,7 +1363,7 @@ function PropertyEdit(props) {
     /* @__PURE__ */ import_react10.default.createElement(UIRow, null, /* @__PURE__ */ import_react10.default.createElement(UIName, null, /* @__PURE__ */ import_react10.default.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)
@@ -1400,7 +1373,7 @@ function PropertyEdit(props) {
       {
         value: typeSelectorValue,
         onChange: (_value) => {
-          onChangeProps == null ? void 0 : onChangeProps({
+          onChangeProps?.({
             ...value || {},
             ..._value
           });
@@ -1442,22 +1415,22 @@ function PropertyEdit(props) {
         onClick: onRemove
       }
     ))),
-    expand && /* @__PURE__ */ import_react10.default.createElement(UIExpandDetail, null, /* @__PURE__ */ import_react10.default.createElement(UILabel, null, (_b = config == null ? void 0 : config.descTitle) != null ? _b : "Description"), /* @__PURE__ */ import_react10.default.createElement(
+    expand && /* @__PURE__ */ import_react10.default.createElement(UIExpandDetail, null, /* @__PURE__ */ import_react10.default.createElement(UILabel, null, config?.descTitle ?? "Description"), /* @__PURE__ */ import_react10.default.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__ */ import_react10.default.createElement(import_react10.default.Fragment, null, /* @__PURE__ */ import_react10.default.createElement(UILabel, { style: { marginTop: 10 } }, (_d = config == null ? void 0 : config.defaultValueTitle) != null ? _d : "Default Value"), /* @__PURE__ */ import_react10.default.createElement(DefaultValueWrapper, null, /* @__PURE__ */ import_react10.default.createElement(
+    ), $level === 0 && type && type !== "array" && /* @__PURE__ */ import_react10.default.createElement(import_react10.default.Fragment, null, /* @__PURE__ */ import_react10.default.createElement(UILabel, { style: { marginTop: 10 } }, config?.defaultValueTitle ?? "Default Value"), /* @__PURE__ */ import_react10.default.createElement(DefaultValueWrapper, null, /* @__PURE__ */ import_react10.default.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)
       }
     ))))
@@ -1528,17 +1501,17 @@ function DynamicValueInput({
   constantProps
 }) {
   const includeSchema = (0, import_react12.useMemo)(() => {
-    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__ */ import_react12.default.createElement(
         VariableSelector,
         {
-          value: value == null ? void 0 : value.content,
+          value: value?.content,
           onChange: (_v) => onChange(_v ? { type: "ref", content: _v } : void 0),
           includeSchema,
           readonly
@@ -1548,7 +1521,7 @@ function DynamicValueInput({
     return /* @__PURE__ */ import_react12.default.createElement(
       ConstantInput,
       {
-        value: value == null ? void 0 : value.content,
+        value: value?.content,
         onChange: (_v) => onChange({ type: "constant", content: _v }),
         schema: schema || { type: "string" },
         readonly,
@@ -1560,7 +1533,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,
@@ -1794,8 +1767,8 @@ function useRule(left) {
   const rule = (0, import_react13.useMemo)(() => {
     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 };
 }
 
@@ -1822,7 +1795,7 @@ function useOp({ rule, op, onChange }) {
       onChange: (v) => {
         onChange(v);
       },
-      triggerRender: ({ value }) => /* @__PURE__ */ import_react14.default.createElement(import_semi_ui8.Button, { size: "small", disabled: !rule }, (opConfig == null ? void 0 : opConfig.abbreviation) || /* @__PURE__ */ import_react14.default.createElement(import_semi_icons7.IconChevronDownStroked, { size: "small" }))
+      triggerRender: ({ value }) => /* @__PURE__ */ import_react14.default.createElement(import_semi_ui8.Button, { size: "small", disabled: !rule }, opConfig?.abbreviation || /* @__PURE__ */ import_react14.default.createElement(import_semi_icons7.IconChevronDownStroked, { size: "small" }))
     }
   );
   return { renderOpSelect, opConfig };
@@ -1838,7 +1811,7 @@ function ConditionRow({ style, value, onChange, readonly }) {
     onChange: (v) => onChange({ ...value, operator: v })
   });
   const targetSchema = (0, import_react15.useMemo)(() => {
-    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__ */ import_react15.default.createElement(UIContainer3, { style }, /* @__PURE__ */ import_react15.default.createElement(UIOperator, null, renderOpSelect()), /* @__PURE__ */ import_react15.default.createElement(UIValues, null, /* @__PURE__ */ import_react15.default.createElement(UILeft, null, /* @__PURE__ */ import_react15.default.createElement(
@@ -1846,7 +1819,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: {
@@ -1863,71 +1836,65 @@ function ConditionRow({ style, value, onChange, readonly }) {
       schema: targetSchema,
       onChange: (v) => onChange({ ...value, right: v })
     }
-  ) : /* @__PURE__ */ import_react15.default.createElement(import_semi_ui9.Input, { size: "small", disabled: true, value: (opConfig == null ? void 0 : opConfig.rightDisplay) || "Empty" }))));
+  ) : /* @__PURE__ */ import_react15.default.createElement(import_semi_ui9.Input, { size: "small", disabled: true, value: opConfig?.rightDisplay || "Empty" }))));
 }
 
 // src/effects/provide-batch-input/index.ts
 var import_editor5 = require("@flowgram.ai/editor");
 var provideBatchInputEffect = (0, import_editor5.createEffectFromVariableProvider)({
   private: true,
-  parse: (value, ctx) => {
-    var _a, _b;
-    return [
-      import_editor5.ASTFactory.createVariableDeclaration({
-        key: `${ctx.node.id}_locals`,
-        meta: {
-          title: (_a = (0, import_editor5.getNodeForm)(ctx.node)) == null ? void 0 : _a.getValueIn("title"),
-          icon: (_b = ctx.node.getNodeRegistry().info) == null ? void 0 : _b.icon
-        },
-        type: import_editor5.ASTFactory.createObject({
-          properties: [
-            import_editor5.ASTFactory.createProperty({
-              key: "item",
-              initializer: import_editor5.ASTFactory.createEnumerateExpression({
-                enumerateFor: import_editor5.ASTFactory.createKeyPathExpression({
-                  keyPath: value.content || []
-                })
+  parse: (value, ctx) => [
+    import_editor5.ASTFactory.createVariableDeclaration({
+      key: `${ctx.node.id}_locals`,
+      meta: {
+        title: (0, import_editor5.getNodeForm)(ctx.node)?.getValueIn("title"),
+        icon: ctx.node.getNodeRegistry().info?.icon
+      },
+      type: import_editor5.ASTFactory.createObject({
+        properties: [
+          import_editor5.ASTFactory.createProperty({
+            key: "item",
+            initializer: import_editor5.ASTFactory.createEnumerateExpression({
+              enumerateFor: import_editor5.ASTFactory.createKeyPathExpression({
+                keyPath: value.content || []
               })
-            }),
-            import_editor5.ASTFactory.createProperty({
-              key: "index",
-              type: import_editor5.ASTFactory.createNumber()
             })
-          ]
-        })
+          }),
+          import_editor5.ASTFactory.createProperty({
+            key: "index",
+            type: import_editor5.ASTFactory.createNumber()
+          })
+        ]
       })
-    ];
-  }
+    })
+  ]
 });
 
 // src/effects/provide-batch-outputs/index.ts
 var import_editor6 = require("@flowgram.ai/editor");
 var provideBatchOutputsEffect = (0, import_editor6.createEffectFromVariableProvider)({
   private: true,
-  parse: (value, ctx) => {
-    var _a, _b;
-    return [
-      import_editor6.ASTFactory.createVariableDeclaration({
-        key: `${ctx.node.id}`,
-        meta: {
-          title: (_a = (0, import_editor6.getNodeForm)(ctx.node)) == null ? void 0 : _a.getValueIn("title"),
-          icon: (_b = ctx.node.getNodeRegistry().info) == null ? void 0 : _b.icon
-        },
-        type: import_editor6.ASTFactory.createObject({
-          properties: Object.entries(value).map(
-            ([_key, value2]) => import_editor6.ASTFactory.createProperty({
-              key: _key,
-              initializer: import_editor6.ASTFactory.createWrapArrayExpression({
-                wrapFor: import_editor6.ASTFactory.createKeyPathExpression({
-                  keyPath: value2.content || []
-                })
+  parse: (value, ctx) => [
+    import_editor6.ASTFactory.createVariableDeclaration({
+      key: `${ctx.node.id}`,
+      meta: {
+        title: (0, import_editor6.getNodeForm)(ctx.node)?.getValueIn("title"),
+        icon: ctx.node.getNodeRegistry().info?.icon
+      },
+      type: import_editor6.ASTFactory.createObject({
+        properties: Object.entries(value).map(
+          ([_key, value2]) => import_editor6.ASTFactory.createProperty({
+            key: _key,
+            initializer: import_editor6.ASTFactory.createWrapArrayExpression({
+              wrapFor: import_editor6.ASTFactory.createKeyPathExpression({
+                keyPath: value2.content || []
               })
             })
-          )
-        })
+          })
+        )
       })
-    ];
-  }
+    })
+  ]
 });
 
 // src/effects/auto-rename-ref/index.ts
@@ -1949,9 +1916,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);
           }
         });
@@ -1963,13 +1929,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 ((0, import_lodash3.isObject)(value)) {