@ant-design/pro-components 3.0.0-beta.1 → 3.0.0-beta.2

package/es/form/components/FormItem/warpField.js

@@ -1,51 +1,19 @@
-var __defProp = Object.defineProperty;
-var __defProps = Object.defineProperties;
-var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __propIsEnum = Object.prototype.propertyIsEnumerable;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp.call(b, prop))
-      __defNormalProp(a, prop, b[prop]);
-  if (__getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(b)) {
-      if (__propIsEnum.call(b, prop))
-        __defNormalProp(a, prop, b[prop]);
-    }
-  return a;
-};
-var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-var __objRest = (source, exclude) => {
-  var target = {};
-  for (var prop in source)
-    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
-      target[prop] = source[prop];
-  if (source != null && __getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(source)) {
-      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
-        target[prop] = source[prop];
-    }
-  return target;
-};
-
-// src/form/components/FormItem/warpField.tsx
-import classnames from "classnames";
-import { FieldContext as RcFieldContext } from "rc-field-form";
-import React, { useContext, useMemo, useState } from "react";
-import {
-  omitUndefined,
-  pickProFormItemProps,
-  stringify,
-  useDeepCompareMemo,
-  useRefFunction
-} from "../../../utils";
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+var _excluded = ["valueType", "customLightMode", "lightFilterLabelFormatter", "valuePropName", "ignoreWidth", "defaultProps"],
+  _excluded2 = ["label", "tooltip", "placeholder", "width", "bordered", "messageVariables", "ignoreFormItem", "transform", "convertValue", "readonly", "allowClear", "colSize", "getFormItemProps", "getFieldProps", "filedConfig", "cacheForSwr", "proFieldProps"];
+import classnames from 'classnames';
+import { FieldContext as RcFieldContext } from 'rc-field-form';
+import React, { useContext, useMemo, useState } from 'react';
+import { omitUndefined, pickProFormItemProps, stringify, useDeepCompareMemo, useRefFunction } from "../../../utils";
 import FieldContext from "../../FieldContext";
 import { useGridHelpers } from "../../helpers";
 import ProFormDependency from "../Dependency";
 import ProFormItem from "./index";
-var TYPE = Symbol("ProFormComponent");
+import { jsx as _jsx } from "react/jsx-runtime";
+export var TYPE = Symbol('ProFormComponent');
 var WIDTH_SIZE_ENUM = {
   // 适用于短数字，短文本或者选项
   xs: 104,
@@ -61,263 +29,228 @@ var WIDTH_SIZE_ENUM = {
   // 适用于长文本录入，如长链接、描述、备注等，通常搭配自适应多行输入框或定高文本域使用。
   xl: 552
 };
-var ignoreWidthValueType = ["switch", "radioButton", "radio", "rate"];
-function warpField(Field, config) {
-  Field.displayName = "ProFormComponent";
-  const FieldWithContext = (props) => {
-    const _a = __spreadValues(__spreadValues({}, props == null ? void 0 : props.filedConfig), config), {
-      valueType: tmpValueType,
-      customLightMode,
-      lightFilterLabelFormatter,
-      valuePropName = "value",
-      ignoreWidth,
-      defaultProps
-    } = _a, defaultFormItemProps = __objRest(_a, [
-      "valueType",
-      "customLightMode",
-      "lightFilterLabelFormatter",
-      "valuePropName",
-      "ignoreWidth",
-      "defaultProps"
-    ]);
-    const _b = __spreadValues(__spreadValues({}, defaultProps), props), {
-      label,
-      tooltip,
-      placeholder,
-      width,
-      bordered,
-      messageVariables,
-      ignoreFormItem,
-      transform,
-      convertValue,
-      readonly,
-      allowClear,
-      colSize,
-      getFormItemProps,
-      getFieldProps,
-      filedConfig,
-      cacheForSwr,
-      proFieldProps
-    } = _b, rest = __objRest(_b, [
-      "label",
-      "tooltip",
-      "placeholder",
-      "width",
-      "bordered",
-      "messageVariables",
-      "ignoreFormItem",
-      "transform",
-      "convertValue",
-      "readonly",
-      "allowClear",
-      "colSize",
-      "getFormItemProps",
-      "getFieldProps",
-      "filedConfig",
-      "cacheForSwr",
-      "proFieldProps"
-    ]);
-    const valueType = tmpValueType || rest.valueType;
-    const isIgnoreWidth = useMemo(
-      () => ignoreWidth || ignoreWidthValueType.includes(valueType),
-      [ignoreWidth, valueType]
-    );
-    const [, forceUpdate] = useState();
-    const [onlyChange, forceUpdateByOnChange] = useState();
-    const contextValue = React.useContext(FieldContext);
-    const changedProps = useDeepCompareMemo(
-      () => {
-        return {
-          formItemProps: getFormItemProps == null ? void 0 : getFormItemProps(),
-          fieldProps: getFieldProps == null ? void 0 : getFieldProps()
-        };
-      },
-      // eslint-disable-next-line react-hooks/exhaustive-deps
-      [getFieldProps, getFormItemProps, rest.dependenciesValues, onlyChange]
-    );
-    const fieldProps = useDeepCompareMemo(() => {
-      const newFieldProps = __spreadValues(__spreadValues(__spreadValues(__spreadProps(__spreadValues({}, ignoreFormItem ? omitUndefined({ value: rest.value }) : {}), {
-        placeholder,
+var ignoreWidthValueType = ['switch', 'radioButton', 'radio', 'rate'];
+
+/**
+ * 处理fieldProps和formItemProps为function时传进来的方法
+ * 目前只在SchemaForm时可能会有
+ */
+
+/**
+ * 这个方法的主要作用是帮助 Field 增加 FormItem 同时也会处理 lightFilter
+ *
+ * @param Field
+ * @param config
+ */
+export function warpField(Field, config) {
+  // 标记是否是 ProForm 的组件
+  // @ts-ignore
+  // eslint-disable-next-line no-param-reassign
+  Field.displayName = 'ProFormComponent';
+  var FieldWithContext = function FieldWithContext(props) {
+    var _props$filedConfig$co = _objectSpread(_objectSpread({}, props === null || props === void 0 ? void 0 : props.filedConfig), config),
+      tmpValueType = _props$filedConfig$co.valueType,
+      customLightMode = _props$filedConfig$co.customLightMode,
+      lightFilterLabelFormatter = _props$filedConfig$co.lightFilterLabelFormatter,
+      _props$filedConfig$co2 = _props$filedConfig$co.valuePropName,
+      valuePropName = _props$filedConfig$co2 === void 0 ? 'value' : _props$filedConfig$co2,
+      ignoreWidth = _props$filedConfig$co.ignoreWidth,
+      defaultProps = _props$filedConfig$co.defaultProps,
+      defaultFormItemProps = _objectWithoutProperties(_props$filedConfig$co, _excluded);
+    var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props),
+      label = _defaultProps$props.label,
+      tooltip = _defaultProps$props.tooltip,
+      placeholder = _defaultProps$props.placeholder,
+      width = _defaultProps$props.width,
+      bordered = _defaultProps$props.bordered,
+      messageVariables = _defaultProps$props.messageVariables,
+      ignoreFormItem = _defaultProps$props.ignoreFormItem,
+      transform = _defaultProps$props.transform,
+      convertValue = _defaultProps$props.convertValue,
+      readonly = _defaultProps$props.readonly,
+      allowClear = _defaultProps$props.allowClear,
+      colSize = _defaultProps$props.colSize,
+      getFormItemProps = _defaultProps$props.getFormItemProps,
+      getFieldProps = _defaultProps$props.getFieldProps,
+      filedConfig = _defaultProps$props.filedConfig,
+      cacheForSwr = _defaultProps$props.cacheForSwr,
+      proFieldProps = _defaultProps$props.proFieldProps,
+      rest = _objectWithoutProperties(_defaultProps$props, _excluded2);
+    var valueType = tmpValueType || rest.valueType;
+
+    // 有些 valueType 不需要宽度
+    var isIgnoreWidth = useMemo(function () {
+      return ignoreWidth || ignoreWidthValueType.includes(valueType);
+    }, [ignoreWidth, valueType]);
+    var _useState = useState(),
+      _useState2 = _slicedToArray(_useState, 2),
+      forceUpdate = _useState2[1];
+
+    // onChange触发fieldProps,formItemProps重新执行
+    var _useState3 = useState(),
+      _useState4 = _slicedToArray(_useState3, 2),
+      onlyChange = _useState4[0],
+      forceUpdateByOnChange = _useState4[1];
+
+    /**
+     * 从 context 中拿到的值
+     */
+    var contextValue = React.useContext(FieldContext);
+
+    /**
+     * dependenciesValues change to trigger re-execute of getFieldProps and getFormItemProps
+     */
+    var changedProps = useDeepCompareMemo(function () {
+      return {
+        formItemProps: getFormItemProps === null || getFormItemProps === void 0 ? void 0 : getFormItemProps(),
+        fieldProps: getFieldProps === null || getFieldProps === void 0 ? void 0 : getFieldProps()
+      };
+    },
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    [getFieldProps, getFormItemProps, rest.dependenciesValues, onlyChange]);
+    var fieldProps = useDeepCompareMemo(function () {
+      var newFieldProps = _objectSpread(_objectSpread(_objectSpread(_objectSpread({}, ignoreFormItem ? omitUndefined({
+        value: rest.value
+      }) : {}), {}, {
+        placeholder: placeholder,
         disabled: props.disabled
-      }), contextValue.fieldProps), changedProps.fieldProps), rest.fieldProps);
-      newFieldProps.style = omitUndefined(newFieldProps == null ? void 0 : newFieldProps.style);
+      }, contextValue.fieldProps), changedProps.fieldProps), rest.fieldProps);
+      newFieldProps.style = omitUndefined(newFieldProps === null || newFieldProps === void 0 ? void 0 : newFieldProps.style);
       return newFieldProps;
-    }, [
-      ignoreFormItem,
-      rest.value,
-      rest.fieldProps,
-      placeholder,
-      props.disabled,
-      contextValue.fieldProps,
-      changedProps.fieldProps
-    ]);
-    const restFormItemProps = pickProFormItemProps(rest);
-    const formItemProps = useDeepCompareMemo(
-      () => __spreadValues(__spreadValues(__spreadValues(__spreadValues({}, contextValue.formItemProps), restFormItemProps), changedProps.formItemProps), rest.formItemProps),
-      [
-        changedProps.formItemProps,
-        contextValue.formItemProps,
-        rest.formItemProps,
-        restFormItemProps
-      ]
-    );
-    const otherProps = useDeepCompareMemo(
-      () => __spreadValues(__spreadValues({
-        messageVariables
-      }, defaultFormItemProps), formItemProps),
-      [defaultFormItemProps, formItemProps, messageVariables]
-    );
-    const { prefixName } = useContext(RcFieldContext);
-    const proFieldKey = useDeepCompareMemo(() => {
-      var _a2;
-      let name = otherProps == null ? void 0 : otherProps.name;
-      if (Array.isArray(name))
-        name = name.join("_");
-      if (Array.isArray(prefixName) && name)
-        name = `${prefixName.join(".")}.${name}`;
-      const key = name && `form-${(_a2 = contextValue.formKey) != null ? _a2 : ""}-field-${name}`;
+    }, [ignoreFormItem, rest.value, rest.fieldProps, placeholder, props.disabled, contextValue.fieldProps, changedProps.fieldProps]);
+
+    // restFormItemProps is user props pass to Form.Item
+    var restFormItemProps = pickProFormItemProps(rest);
+    var formItemProps = useDeepCompareMemo(function () {
+      return _objectSpread(_objectSpread(_objectSpread(_objectSpread({}, contextValue.formItemProps), restFormItemProps), changedProps.formItemProps), rest.formItemProps);
+    }, [changedProps.formItemProps, contextValue.formItemProps, rest.formItemProps, restFormItemProps]);
+    var otherProps = useDeepCompareMemo(function () {
+      return _objectSpread(_objectSpread({
+        messageVariables: messageVariables
+      }, defaultFormItemProps), formItemProps);
+    }, [defaultFormItemProps, formItemProps, messageVariables]);
+    var _useContext = useContext(RcFieldContext),
+      prefixName = _useContext.prefixName;
+    var proFieldKey = useDeepCompareMemo(function () {
+      var _contextValue$formKey;
+      var name = otherProps === null || otherProps === void 0 ? void 0 : otherProps.name;
+      if (Array.isArray(name)) name = name.join('_');
+      if (Array.isArray(prefixName) && name) name = "".concat(prefixName.join('.'), ".").concat(name);
+      var key = name && "form-".concat((_contextValue$formKey = contextValue.formKey) !== null && _contextValue$formKey !== void 0 ? _contextValue$formKey : '', "-field-").concat(name);
       return key;
-    }, [stringify(otherProps == null ? void 0 : otherProps.name), prefixName, contextValue.formKey]);
-    const onChange = useRefFunction((...restParams) => {
-      var _a2;
+
+      // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [stringify(otherProps === null || otherProps === void 0 ? void 0 : otherProps.name), prefixName, contextValue.formKey]);
+    var onChange = useRefFunction(function () {
+      var _fieldProps$onChange;
       if (getFormItemProps || getFieldProps) {
         forceUpdateByOnChange([]);
       } else if (rest.formItemRender) {
         forceUpdate([]);
       }
-      (_a2 = fieldProps == null ? void 0 : fieldProps.onChange) == null ? void 0 : _a2.call(fieldProps, ...restParams);
+      for (var _len = arguments.length, restParams = new Array(_len), _key = 0; _key < _len; _key++) {
+        restParams[_key] = arguments[_key];
+      }
+      fieldProps === null || fieldProps === void 0 || (_fieldProps$onChange = fieldProps.onChange) === null || _fieldProps$onChange === void 0 || _fieldProps$onChange.call.apply(_fieldProps$onChange, [fieldProps].concat(restParams));
     });
-    const style = useDeepCompareMemo(() => {
-      const newStyle = __spreadValues({
-        width: width && !WIDTH_SIZE_ENUM[width] ? width : contextValue.grid ? "100%" : void 0
-      }, fieldProps == null ? void 0 : fieldProps.style);
-      if (isIgnoreWidth)
-        Reflect.deleteProperty(newStyle, "width");
+    var style = useDeepCompareMemo(function () {
+      var newStyle = _objectSpread({
+        width: width && !WIDTH_SIZE_ENUM[width] ? width : contextValue.grid ? '100%' : undefined
+      }, fieldProps === null || fieldProps === void 0 ? void 0 : fieldProps.style);
+      if (isIgnoreWidth) Reflect.deleteProperty(newStyle, 'width');
       return omitUndefined(newStyle);
-    }, [stringify(fieldProps == null ? void 0 : fieldProps.style), contextValue.grid, isIgnoreWidth, width]);
-    const className = useDeepCompareMemo(() => {
-      const isSizeEnum = width && WIDTH_SIZE_ENUM[width];
-      return classnames(fieldProps == null ? void 0 : fieldProps.className, {
-        "pro-field": isSizeEnum,
-        [`pro-field-${width}`]: isSizeEnum && !isIgnoreWidth
-      }) || void 0;
-    }, [width, fieldProps == null ? void 0 : fieldProps.className, isIgnoreWidth]);
-    const fieldProFieldProps = useDeepCompareMemo(() => {
-      return omitUndefined(__spreadValues(__spreadProps(__spreadValues({}, contextValue.proFieldProps), {
-        mode: rest == null ? void 0 : rest.mode,
-        readonly,
+      // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [stringify(fieldProps === null || fieldProps === void 0 ? void 0 : fieldProps.style), contextValue.grid, isIgnoreWidth, width]);
+    var className = useDeepCompareMemo(function () {
+      var isSizeEnum = width && WIDTH_SIZE_ENUM[width];
+      return classnames(fieldProps === null || fieldProps === void 0 ? void 0 : fieldProps.className, _defineProperty({
+        'pro-field': isSizeEnum
+      }, "pro-field-".concat(width), isSizeEnum && !isIgnoreWidth)) || undefined;
+    }, [width, fieldProps === null || fieldProps === void 0 ? void 0 : fieldProps.className, isIgnoreWidth]);
+    var fieldProFieldProps = useDeepCompareMemo(function () {
+      return omitUndefined(_objectSpread(_objectSpread({}, contextValue.proFieldProps), {}, {
+        mode: rest === null || rest === void 0 ? void 0 : rest.mode,
+        readonly: readonly,
         params: rest.params,
-        proFieldKey,
-        cacheForSwr
-      }), proFieldProps));
-    }, [
-      contextValue.proFieldProps,
-      rest == null ? void 0 : rest.mode,
-      rest.params,
-      readonly,
-      proFieldKey,
-      cacheForSwr,
-      proFieldProps
-    ]);
-    const fieldFieldProps = useDeepCompareMemo(() => {
-      return __spreadProps(__spreadValues({
-        onChange,
-        allowClear
-      }, fieldProps), {
-        style,
-        className
+        proFieldKey: proFieldKey,
+        cacheForSwr: cacheForSwr
+      }, proFieldProps));
+    }, [contextValue.proFieldProps, rest === null || rest === void 0 ? void 0 : rest.mode, rest.params, readonly, proFieldKey, cacheForSwr, proFieldProps]);
+    var fieldFieldProps = useDeepCompareMemo(function () {
+      return _objectSpread(_objectSpread({
+        onChange: onChange,
+        allowClear: allowClear
+      }, fieldProps), {}, {
+        style: style,
+        className: className
       });
     }, [allowClear, className, onChange, fieldProps, style]);
-    const field = useDeepCompareMemo(() => {
-      return /* @__PURE__ */ React.createElement(
-        Field,
-        __spreadProps(__spreadValues({
-          key: props.proFormFieldKey || props.name
-        }, rest), {
-          fieldProps: fieldFieldProps,
-          proFieldProps: fieldProFieldProps,
-          ref: props == null ? void 0 : props.fieldRef
-        })
-      );
+    var field = useDeepCompareMemo(function () {
+      return /*#__PURE__*/_jsx(Field
+      // @ts-ignore
+      , _objectSpread(_objectSpread({}, rest), {}, {
+        fieldProps: fieldFieldProps,
+        proFieldProps: fieldProFieldProps,
+        ref: props === null || props === void 0 ? void 0 : props.fieldRef
+      }), props.proFormFieldKey || props.name);
+      // eslint-disable-next-line react-hooks/exhaustive-deps
     }, [fieldProFieldProps, fieldFieldProps, rest]);
-    const formItem = useDeepCompareMemo(() => {
-      var _a2, _b2, _c, _d;
-      return /* @__PURE__ */ React.createElement(
-        ProFormItem,
-        __spreadProps(__spreadValues({
-          label: label && (proFieldProps == null ? void 0 : proFieldProps.light) !== true ? label : void 0,
-          tooltip: (proFieldProps == null ? void 0 : proFieldProps.light) !== true && tooltip,
-          valuePropName,
-          key: props.proFormFieldKey || ((_a2 = otherProps.name) == null ? void 0 : _a2.toString())
-        }, otherProps), {
-          ignoreFormItem,
-          transform,
-          dataFormat: fieldProps == null ? void 0 : fieldProps.format,
-          valueType,
-          messageVariables: __spreadValues({
-            label: label || ""
-          }, otherProps == null ? void 0 : otherProps.messageVariables),
-          convertValue,
-          lightProps: omitUndefined(__spreadValues(__spreadValues(__spreadProps(__spreadValues({}, fieldProps), {
-            valueType,
-            bordered,
-            allowClear: (_c = (_b2 = field == null ? void 0 : field.props) == null ? void 0 : _b2.allowClear) != null ? _c : allowClear,
-            light: proFieldProps == null ? void 0 : proFieldProps.light,
-            label,
-            customLightMode,
-            labelFormatter: lightFilterLabelFormatter,
-            valuePropName,
-            footerRender: (_d = field == null ? void 0 : field.props) == null ? void 0 : _d.footerRender
-          }), rest.lightProps), otherProps.lightProps))
-        }),
-        field
-      );
-    }, [
-      label,
-      proFieldProps == null ? void 0 : proFieldProps.light,
-      tooltip,
-      valuePropName,
-      props.proFormFieldKey,
-      otherProps,
-      ignoreFormItem,
-      transform,
-      fieldProps,
-      valueType,
-      convertValue,
-      bordered,
-      field,
-      allowClear,
-      customLightMode,
-      lightFilterLabelFormatter,
-      rest.lightProps
-    ]);
-    const { ColWrapper } = useGridHelpers(rest);
-    return /* @__PURE__ */ React.createElement(ColWrapper, null, formItem);
+
+    // 使用useMemo包裹避免不必要的re-render
+    var formItem = useDeepCompareMemo(function () {
+      var _otherProps$name, _field$props$allowCle, _field$props, _field$props2;
+      return /*#__PURE__*/_jsx(ProFormItem
+      // 全局的提供一个 tip 功能，可以减少代码量
+      // 轻量模式下不通过 FormItem 显示 label
+      , _objectSpread(_objectSpread({
+        label: label && (proFieldProps === null || proFieldProps === void 0 ? void 0 : proFieldProps.light) !== true ? label : undefined,
+        tooltip: (proFieldProps === null || proFieldProps === void 0 ? void 0 : proFieldProps.light) !== true && tooltip,
+        valuePropName: valuePropName
+        // @ts-ignore
+      }, otherProps), {}, {
+        ignoreFormItem: ignoreFormItem,
+        transform: transform,
+        dataFormat: fieldProps === null || fieldProps === void 0 ? void 0 : fieldProps.format,
+        valueType: valueType,
+        messageVariables: _objectSpread({
+          label: label || ''
+        }, otherProps === null || otherProps === void 0 ? void 0 : otherProps.messageVariables),
+        convertValue: convertValue,
+        lightProps: omitUndefined(_objectSpread(_objectSpread(_objectSpread({}, fieldProps), {}, {
+          valueType: valueType,
+          bordered: bordered,
+          allowClear: (_field$props$allowCle = field === null || field === void 0 || (_field$props = field.props) === null || _field$props === void 0 ? void 0 : _field$props.allowClear) !== null && _field$props$allowCle !== void 0 ? _field$props$allowCle : allowClear,
+          light: proFieldProps === null || proFieldProps === void 0 ? void 0 : proFieldProps.light,
+          label: label,
+          customLightMode: customLightMode,
+          labelFormatter: lightFilterLabelFormatter,
+          valuePropName: valuePropName,
+          footerRender: field === null || field === void 0 || (_field$props2 = field.props) === null || _field$props2 === void 0 ? void 0 : _field$props2.footerRender
+        }, rest.lightProps), otherProps.lightProps)),
+        children: field
+      }), props.proFormFieldKey || ((_otherProps$name = otherProps.name) === null || _otherProps$name === void 0 ? void 0 : _otherProps$name.toString()));
+    }, [label, proFieldProps === null || proFieldProps === void 0 ? void 0 : proFieldProps.light, tooltip, valuePropName, props.proFormFieldKey, otherProps, ignoreFormItem, transform, fieldProps, valueType, convertValue, bordered, field, allowClear, customLightMode, lightFilterLabelFormatter, rest.lightProps]);
+    var _useGridHelpers = useGridHelpers(rest),
+      ColWrapper = _useGridHelpers.ColWrapper;
+    return /*#__PURE__*/_jsx(ColWrapper, {
+      children: formItem
+    });
   };
-  const DependencyWrapper = (props) => {
-    const { dependencies } = props;
-    return dependencies ? /* @__PURE__ */ React.createElement(
-      ProFormDependency,
-      {
-        name: dependencies,
-        originDependencies: props == null ? void 0 : props.originDependencies
-      },
-      (values) => {
-        return /* @__PURE__ */ React.createElement(
-          FieldWithContext,
-          __spreadValues({
-            dependenciesValues: values,
-            dependencies
-          }, props)
-        );
+  var DependencyWrapper = function DependencyWrapper(props) {
+    var dependencies = props.dependencies;
+    return dependencies ? /*#__PURE__*/_jsx(ProFormDependency, {
+      name: dependencies,
+      originDependencies: props === null || props === void 0 ? void 0 : props.originDependencies,
+      children: function children(values) {
+        return /*#__PURE__*/_jsx(FieldWithContext, _objectSpread({
+          dependenciesValues: values,
+          dependencies: dependencies
+        }, props));
       }
-    ) : /* @__PURE__ */ React.createElement(FieldWithContext, __spreadValues({ dependencies }, props));
+    }) : /*#__PURE__*/_jsx(FieldWithContext, _objectSpread({
+      dependencies: dependencies
+    }, props));
   };
   return DependencyWrapper;
 }
-var warpField_default = warpField;
-export {
-  TYPE,
-  warpField_default as default,
-  warpField
-};
+export default warpField;