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

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

@@ -1,333 +1,292 @@
-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/index.tsx
-import { ConfigProvider, Form } from "antd";
-import omit from "rc-util/lib/omit";
-import React, { useContext, useEffect, useMemo } from "react";
-import {
-  isDropdownValueType,
-  omitUndefined,
-  useDeepCompareMemo,
-  useRefFunction
-} from "../../../utils";
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+var _excluded = ["children", "onChange", "onBlur", "ignoreFormItem", "valuePropName"],
+  _excluded2 = ["children", "addonAfter", "addonBefore", "valuePropName", "addonWarpStyle", "convertValue", "help"],
+  _excluded3 = ["valueType", "transform", "dataFormat", "ignoreFormItem", "lightProps", "children"];
+import { omit } from '@rc-component/util';
+import { ConfigProvider, Form } from 'antd';
+import React, { useContext, useEffect, useMemo } from 'react';
+import { isDropdownValueType, omitUndefined, useDeepCompareMemo, useRefFunction } from "../../../utils";
 import { LightWrapper } from "../../BaseForm";
 import FieldContext from "../../FieldContext";
 import { FormListContext } from "../List";
-var FormItemProvide = React.createContext({});
-var WithValueFomFiledProps = (formFieldProps) => {
-  var _b, _c;
-  const _a = formFieldProps, {
-    children: filedChildren,
-    onChange,
-    onBlur,
-    ignoreFormItem,
-    valuePropName = "value"
-  } = _a, restProps = __objRest(_a, [
-    "children",
-    "onChange",
-    "onBlur",
-    "ignoreFormItem",
-    "valuePropName"
-  ]);
-  const isProFormComponent = (
-    // @ts-ignore
-    ((_b = filedChildren == null ? void 0 : filedChildren.type) == null ? void 0 : _b.displayName) !== "ProFormComponent"
-  );
-  const isValidElementForFiledChildren = !React.isValidElement(filedChildren);
-  const onChangeMemo = useRefFunction(function(...restParams) {
-    var _a2, _b2, _c2, _d, _e;
-    onChange == null ? void 0 : onChange(...restParams);
-    if (isProFormComponent)
-      return;
-    if (isValidElementForFiledChildren)
-      return void 0;
-    (_b2 = (_a2 = filedChildren == null ? void 0 : filedChildren.props) == null ? void 0 : _a2.onChange) == null ? void 0 : _b2.call(_a2, ...restParams);
-    (_e = (_d = (_c2 = filedChildren == null ? void 0 : filedChildren.props) == null ? void 0 : _c2.fieldProps) == null ? void 0 : _d.onChange) == null ? void 0 : _e.call(
-      _d,
-      ...restParams
-    );
+import { Fragment as _Fragment } from "react/jsx-runtime";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+import { createElement as _createElement } from "react";
+var FormItemProvide = /*#__PURE__*/React.createContext({});
+
+/**
+ * 把value扔给 fieldProps，方便给自定义用
+ *
+ * @param param0
+ * @returns
+ */
+var WithValueFomFiledProps = function WithValueFomFiledProps(formFieldProps) {
+  var _filedChildren$type, _filedChildren$props9;
+  var filedChildren = formFieldProps.children,
+    onChange = formFieldProps.onChange,
+    onBlur = formFieldProps.onBlur,
+    ignoreFormItem = formFieldProps.ignoreFormItem,
+    _formFieldProps$value = formFieldProps.valuePropName,
+    valuePropName = _formFieldProps$value === void 0 ? 'value' : _formFieldProps$value,
+    restProps = _objectWithoutProperties(formFieldProps, _excluded);
+  var isProFormComponent =
+  // @ts-ignore
+  (filedChildren === null || filedChildren === void 0 || (_filedChildren$type = filedChildren.type) === null || _filedChildren$type === void 0 ? void 0 : _filedChildren$type.displayName) !== 'ProFormComponent';
+  var isValidElementForFiledChildren = ! /*#__PURE__*/React.isValidElement(filedChildren);
+  var onChangeMemo = useRefFunction(function () {
+    var _filedChildren$props, _filedChildren$props$, _filedChildren$props2, _filedChildren$props3;
+    for (var _len = arguments.length, restParams = new Array(_len), _key = 0; _key < _len; _key++) {
+      restParams[_key] = arguments[_key];
+    }
+    onChange === null || onChange === void 0 || onChange.apply(void 0, restParams);
+    if (isProFormComponent) return;
+    if (isValidElementForFiledChildren) return undefined;
+    filedChildren === null || filedChildren === void 0 || (_filedChildren$props = filedChildren.props) === null || _filedChildren$props === void 0 || (_filedChildren$props$ = _filedChildren$props.onChange) === null || _filedChildren$props$ === void 0 || _filedChildren$props$.call.apply(_filedChildren$props$, [_filedChildren$props].concat(restParams));
+    filedChildren === null || filedChildren === void 0 || (_filedChildren$props2 = filedChildren.props) === null || _filedChildren$props2 === void 0 || (_filedChildren$props2 = _filedChildren$props2.fieldProps) === null || _filedChildren$props2 === void 0 || (_filedChildren$props3 = _filedChildren$props2.onChange) === null || _filedChildren$props3 === void 0 || _filedChildren$props3.call.apply(_filedChildren$props3, [_filedChildren$props2].concat(restParams));
   });
-  const onBlurMemo = useRefFunction(function(...restParams) {
-    var _a2, _b2, _c2, _d, _e;
-    if (isProFormComponent)
-      return;
-    if (isValidElementForFiledChildren)
-      return;
-    onBlur == null ? void 0 : onBlur(...restParams);
-    (_b2 = (_a2 = filedChildren == null ? void 0 : filedChildren.props) == null ? void 0 : _a2.onBlur) == null ? void 0 : _b2.call(_a2, ...restParams);
-    (_e = (_d = (_c2 = filedChildren == null ? void 0 : filedChildren.props) == null ? void 0 : _c2.fieldProps) == null ? void 0 : _d.onBlur) == null ? void 0 : _e.call(
-      _d,
-      ...restParams
-    );
+  var onBlurMemo = useRefFunction(function () {
+    var _filedChildren$props4, _filedChildren$props5, _filedChildren$props6, _filedChildren$props7;
+    if (isProFormComponent) return;
+    if (isValidElementForFiledChildren) return;
+    for (var _len2 = arguments.length, restParams = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
+      restParams[_key2] = arguments[_key2];
+    }
+    onBlur === null || onBlur === void 0 || onBlur.apply(void 0, restParams);
+    filedChildren === null || filedChildren === void 0 || (_filedChildren$props4 = filedChildren.props) === null || _filedChildren$props4 === void 0 || (_filedChildren$props5 = _filedChildren$props4.onBlur) === null || _filedChildren$props5 === void 0 || _filedChildren$props5.call.apply(_filedChildren$props5, [_filedChildren$props4].concat(restParams));
+    filedChildren === null || filedChildren === void 0 || (_filedChildren$props6 = filedChildren.props) === null || _filedChildren$props6 === void 0 || (_filedChildren$props6 = _filedChildren$props6.fieldProps) === null || _filedChildren$props6 === void 0 || (_filedChildren$props7 = _filedChildren$props6.onBlur) === null || _filedChildren$props7 === void 0 || _filedChildren$props7.call.apply(_filedChildren$props7, [_filedChildren$props6].concat(restParams));
   });
-  const omitOnBlurAndOnChangeProps = useDeepCompareMemo(
-    () => {
-      var _a2;
-      return omit(
-        // @ts-ignore
-        ((_a2 = filedChildren == null ? void 0 : filedChildren.props) == null ? void 0 : _a2.fieldProps) || {},
-        ["onBlur", "onChange"]
-      );
-    },
-    [
-      omit(
-        // @ts-ignore
-        ((_c = filedChildren == null ? void 0 : filedChildren.props) == null ? void 0 : _c.fieldProps) || {},
-        ["onBlur", "onChange"]
-      )
-    ]
-  );
-  const propsValuePropName = formFieldProps[valuePropName];
-  const fieldProps = useMemo(() => {
-    if (isProFormComponent)
-      return void 0;
-    if (isValidElementForFiledChildren)
-      return void 0;
-    return omitUndefined(__spreadProps(__spreadValues({
-      id: restProps.id,
-      // 优先使用 children.props.fieldProps，
-      // 比如 LightFilter 中可能需要通过 fieldProps 覆盖 Form.Item 默认的 onChange
-      [valuePropName]: propsValuePropName
-    }, omitOnBlurAndOnChangeProps), {
+  var omitOnBlurAndOnChangeProps = useDeepCompareMemo(function () {
+    var _filedChildren$props8;
+    return omit(
+    // @ts-ignore
+    (filedChildren === null || filedChildren === void 0 || (_filedChildren$props8 = filedChildren.props) === null || _filedChildren$props8 === void 0 ? void 0 : _filedChildren$props8.fieldProps) || {}, ['onBlur', 'onChange']);
+  }, [omit(
+  // @ts-ignore
+  (filedChildren === null || filedChildren === void 0 || (_filedChildren$props9 = filedChildren.props) === null || _filedChildren$props9 === void 0 ? void 0 : _filedChildren$props9.fieldProps) || {}, ['onBlur', 'onChange'])]);
+  var propsValuePropName = formFieldProps[valuePropName];
+  var fieldProps = useMemo(function () {
+    if (isProFormComponent) return undefined;
+    if (isValidElementForFiledChildren) return undefined;
+    return omitUndefined(_objectSpread(_objectSpread(_defineProperty({
+      id: restProps.id
+    }, valuePropName, propsValuePropName), omitOnBlurAndOnChangeProps), {}, {
       onBlur: onBlurMemo,
       // 这个 onChange 是 Form.Item 添加上的，
       // 要通过 fieldProps 透传给 ProField 调用
       onChange: onChangeMemo
     }));
-  }, [
-    propsValuePropName,
-    omitOnBlurAndOnChangeProps,
-    onBlurMemo,
-    onChangeMemo,
-    restProps.id,
-    valuePropName
-  ]);
-  const finalChange = useMemo(() => {
-    if (fieldProps)
-      return void 0;
-    if (!React.isValidElement(filedChildren))
-      return void 0;
-    return (...restParams) => {
-      var _a2, _b2;
-      onChange == null ? void 0 : onChange(...restParams);
-      (_b2 = (_a2 = filedChildren == null ? void 0 : filedChildren.props) == null ? void 0 : _a2.onChange) == null ? void 0 : _b2.call(_a2, ...restParams);
+  }, [propsValuePropName, omitOnBlurAndOnChangeProps, onBlurMemo, onChangeMemo, restProps.id, valuePropName]);
+  var finalChange = useMemo(function () {
+    if (fieldProps) return undefined;
+    if (! /*#__PURE__*/React.isValidElement(filedChildren)) return undefined;
+    return function () {
+      var _filedChildren$props10, _filedChildren$props11;
+      for (var _len3 = arguments.length, restParams = new Array(_len3), _key3 = 0; _key3 < _len3; _key3++) {
+        restParams[_key3] = arguments[_key3];
+      }
+      onChange === null || onChange === void 0 || onChange.apply(void 0, restParams);
+      filedChildren === null || filedChildren === void 0 || (_filedChildren$props10 = filedChildren.props) === null || _filedChildren$props10 === void 0 || (_filedChildren$props11 = _filedChildren$props10.onChange) === null || _filedChildren$props11 === void 0 || _filedChildren$props11.call.apply(_filedChildren$props11, [_filedChildren$props10].concat(restParams));
     };
   }, [fieldProps, filedChildren, onChange]);
-  if (!React.isValidElement(filedChildren))
-    return /* @__PURE__ */ React.createElement(React.Fragment, null, filedChildren);
-  return React.cloneElement(
-    filedChildren,
-    omitUndefined(__spreadProps(__spreadValues(__spreadProps(__spreadValues({}, restProps), {
-      [valuePropName]: formFieldProps[valuePropName]
-    }), filedChildren.props), {
-      onChange: finalChange,
-      fieldProps,
-      onBlur: isProFormComponent && !isValidElementForFiledChildren && onBlur
-    }))
-  );
+  if (! /*#__PURE__*/React.isValidElement(filedChildren)) return /*#__PURE__*/_jsx(_Fragment, {
+    children: filedChildren
+  });
+  return /*#__PURE__*/React.cloneElement(filedChildren, omitUndefined(_objectSpread(_objectSpread(_objectSpread({}, restProps), {}, _defineProperty({}, valuePropName, formFieldProps[valuePropName]), filedChildren.props), {}, {
+    onChange: finalChange,
+    fieldProps: fieldProps,
+    onBlur: isProFormComponent && !isValidElementForFiledChildren && onBlur
+  })));
 };
-var WarpFormItem = (_a) => {
-  var _b = _a, {
-    children,
-    addonAfter,
-    addonBefore,
-    valuePropName,
-    addonWarpStyle,
-    convertValue,
-    help
-  } = _b, props = __objRest(_b, [
-    "children",
-    "addonAfter",
-    "addonBefore",
-    "valuePropName",
-    "addonWarpStyle",
-    "convertValue",
-    "help"
-  ]);
-  const formDom = useMemo(() => {
-    let getValuePropsFunc = (value) => {
-      var _a2;
-      const newValue = (_a2 = convertValue == null ? void 0 : convertValue(value, props.name)) != null ? _a2 : value;
-      if (props.getValueProps)
-        return props.getValueProps(newValue);
-      return {
-        [valuePropName || "value"]: newValue
-      };
+/**
+ * 支持了一下前置 dom 和后置的 dom 同时包一个provide
+ *
+ * @param WarpFormItemProps
+ * @returns
+ */
+var WarpFormItem = function WarpFormItem(_ref) {
+  var children = _ref.children,
+    addonAfter = _ref.addonAfter,
+    addonBefore = _ref.addonBefore,
+    valuePropName = _ref.valuePropName,
+    addonWarpStyle = _ref.addonWarpStyle,
+    convertValue = _ref.convertValue,
+    help = _ref.help,
+    props = _objectWithoutProperties(_ref, _excluded2);
+  var formDom = useMemo(function () {
+    var getValuePropsFunc = function getValuePropsFunc(value) {
+      var _convertValue;
+      var newValue = (_convertValue = convertValue === null || convertValue === void 0 ? void 0 : convertValue(value, props.name)) !== null && _convertValue !== void 0 ? _convertValue : value;
+      if (props.getValueProps) return props.getValueProps(newValue);
+      return _defineProperty({}, valuePropName || 'value', newValue);
     };
     if (!convertValue && !props.getValueProps) {
-      getValuePropsFunc = void 0;
+      getValuePropsFunc = undefined;
     }
     if (!addonAfter && !addonBefore) {
-      return /* @__PURE__ */ React.createElement(
-        Form.Item,
-        __spreadProps(__spreadValues({}, props), {
-          valuePropName,
-          getValueProps: getValuePropsFunc
-        }),
-        children
-      );
+      return /*#__PURE__*/_jsx(Form.Item, _objectSpread(_objectSpread({}, props), {}, {
+        //help={typeof help !== 'function' ? help : undefined}
+        valuePropName: valuePropName,
+        getValueProps: getValuePropsFunc
+        // @ts-ignore
+        // _internalItemRender={{
+        //   mark: 'pro_table_render',
+        //   render: (
+        //     inputProps: FormItemProps & {
+        //       errors: React.ReactNode[];
+        //       warnings: React.ReactNode[];
+        //     },
+        //     doms: {
+        //       input: JSX.Element;
+        //       errorList: JSX.Element;
+        //       extra: JSX.Element;
+        //     },
+        //   ) => (
+        //     <>
+        //       {doms.input}
+        //       {typeof help === 'function'
+        //         ? help({
+        //             errors: inputProps.errors,
+        //             warnings: inputProps.warnings,
+        //           })
+        //         : doms.errorList}
+        //       {doms.extra}
+        //     </>
+        //   ),
+        // }}
+        ,
+        children: children
+      }));
     }
-    return /* @__PURE__ */ React.createElement(
-      Form.Item,
-      __spreadProps(__spreadValues(__spreadProps(__spreadValues({}, props), {
-        help: typeof help !== "function" ? help : void 0,
-        valuePropName,
-        _internalItemRender: {
-          mark: "pro_table_render",
-          render: (inputProps, doms) => /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(
-            "div",
-            {
-              style: __spreadValues({
-                display: "flex",
-                alignItems: "center",
-                flexWrap: "wrap"
-              }, addonWarpStyle)
-            },
-            addonBefore ? /* @__PURE__ */ React.createElement("div", { style: { marginInlineEnd: 8 } }, addonBefore) : null,
-            doms.input,
-            addonAfter ? /* @__PURE__ */ React.createElement("div", { style: { marginInlineStart: 8 } }, addonAfter) : null
-          ), typeof help === "function" ? help({
-            errors: inputProps.errors,
-            warnings: inputProps.warnings
-          }) : doms.errorList, doms.extra)
+    return /*#__PURE__*/_jsx(Form.Item, _objectSpread(_objectSpread(_objectSpread({}, props), {}, {
+      help: typeof help !== 'function' ? help : undefined,
+      valuePropName: valuePropName
+      // @ts-ignore
+      ,
+      _internalItemRender: {
+        mark: 'pro_table_render',
+        render: function render(inputProps, doms) {
+          return /*#__PURE__*/_jsxs(_Fragment, {
+            children: [/*#__PURE__*/_jsxs("div", {
+              style: _objectSpread({
+                display: 'flex',
+                alignItems: 'center',
+                flexWrap: 'wrap'
+              }, addonWarpStyle),
+              children: [addonBefore ? /*#__PURE__*/_jsx("div", {
+                style: {
+                  marginInlineEnd: 8
+                },
+                children: addonBefore
+              }) : null, doms.input, addonAfter ? /*#__PURE__*/_jsx("div", {
+                style: {
+                  marginInlineStart: 8
+                },
+                children: addonAfter
+              }) : null]
+            }), typeof help === 'function' ? help({
+              errors: inputProps.errors,
+              warnings: inputProps.warnings
+            }) : doms.errorList, doms.extra]
+          });
         }
-      }), props), {
-        getValueProps: getValuePropsFunc
-      }),
-      children
-    );
-  }, [addonAfter, addonBefore, children, convertValue == null ? void 0 : convertValue.toString(), props]);
-  return /* @__PURE__ */ React.createElement(
-    FormItemProvide.Provider,
-    {
-      value: {
-        name: props.name,
-        label: props.label
       }
+    }, props), {}, {
+      getValueProps: getValuePropsFunc,
+      children: children
+    }));
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [addonAfter, addonBefore, children, convertValue === null || convertValue === void 0 ? void 0 : convertValue.toString(), props]);
+  return /*#__PURE__*/_jsx(FormItemProvide.Provider, {
+    value: {
+      name: props.name,
+      label: props.label
     },
-    formDom
-  );
+    children: formDom
+  });
 };
-var ProFormItem = (props) => {
-  var _a, _b, _d, _e, _f, _g;
-  const { componentSize } = ((_b = (_a = ConfigProvider) == null ? void 0 : _a.useConfig) == null ? void 0 : _b.call(_a)) || {
-    componentSize: "middle"
-  };
-  const size = componentSize;
-  const _c = props, {
-    valueType,
-    transform,
-    dataFormat,
-    ignoreFormItem,
-    lightProps,
-    children: unusedChildren
-  } = _c, rest = __objRest(_c, [
-    "valueType",
-    "transform",
-    "dataFormat",
-    "ignoreFormItem",
-    "lightProps",
-    "children"
-  ]);
-  const formListField = useContext(FormListContext);
-  const name = useMemo(() => {
-    if (props.name === void 0)
-      return props.name;
-    if (formListField.name !== void 0) {
+var ProFormItem = function ProFormItem(props) {
+  var _ConfigProvider$useCo, _rest$name2, _rest$name3, _rest$name4;
+  /** 从 context 中拿到的值 */
+  var _ref3 = (ConfigProvider === null || ConfigProvider === void 0 || (_ConfigProvider$useCo = ConfigProvider.useConfig) === null || _ConfigProvider$useCo === void 0 ? void 0 : _ConfigProvider$useCo.call(ConfigProvider)) || {
+      componentSize: 'middle'
+    },
+    componentSize = _ref3.componentSize;
+  var size = componentSize;
+  var valueType = props.valueType,
+    transform = props.transform,
+    dataFormat = props.dataFormat,
+    ignoreFormItem = props.ignoreFormItem,
+    lightProps = props.lightProps,
+    unusedChildren = props.children,
+    rest = _objectWithoutProperties(props, _excluded3);
+  var formListField = useContext(FormListContext);
+
+  // ProFromList 的 filed，里面有name和key
+  /** 从 context 中拿到的值 */
+  var name = useMemo(function () {
+    if (props.name === undefined) return props.name;
+    if (formListField.name !== undefined) {
       return [formListField.name, props.name].flat(1);
     }
+    // 确保返回的是数组格式
     return Array.isArray(props.name) ? props.name : [props.name];
   }, [formListField.name, props.name]);
-  const { setFieldValueType, formItemProps } = React.useContext(FieldContext);
-  useEffect(() => {
+
+  /** 从 context 中拿到的值 */
+  var _React$useContext = React.useContext(FieldContext),
+    setFieldValueType = _React$useContext.setFieldValueType,
+    formItemProps = _React$useContext.formItemProps;
+  useEffect(function () {
+    // 如果 setFieldValueType 和 props.name 不存在不存入
     if (!setFieldValueType || !props.name) {
       return;
     }
+    // Field.type === 'ProField' 时 props 里面是有 valueType 的，所以要设置一下
+    // 写一个 ts 比较麻烦，用 any 顶一下
     setFieldValueType(name, {
-      valueType: valueType || "text",
+      valueType: valueType || 'text',
       dateFormat: dataFormat,
-      transform
+      transform: transform
     });
   }, [name, dataFormat, props.name, setFieldValueType, transform, valueType]);
-  const isDropdown = React.isValidElement(props.children) && isDropdownValueType(valueType || props.children.props.valueType);
-  const noLightFormItem = useMemo(() => {
-    if (!(lightProps == null ? void 0 : lightProps.light) || (lightProps == null ? void 0 : lightProps.customLightMode) || isDropdown) {
+  var isDropdown = /*#__PURE__*/React.isValidElement(props.children) && isDropdownValueType(valueType || props.children.props.valueType);
+  var noLightFormItem = useMemo(function () {
+    if (!(lightProps !== null && lightProps !== void 0 && lightProps.light) || lightProps !== null && lightProps !== void 0 && lightProps.customLightMode || isDropdown) {
       return true;
     }
     return false;
-  }, [lightProps == null ? void 0 : lightProps.customLightMode, isDropdown, lightProps == null ? void 0 : lightProps.light]);
-  if (typeof props.children === "function") {
-    return /* @__PURE__ */ React.createElement(
-      WarpFormItem,
-      __spreadProps(__spreadValues({}, rest), {
-        name,
-        key: rest.proFormFieldKey || ((_d = rest.name) == null ? void 0 : _d.toString())
-      }),
-      props.children
-    );
+  }, [lightProps === null || lightProps === void 0 ? void 0 : lightProps.customLightMode, isDropdown, lightProps === null || lightProps === void 0 ? void 0 : lightProps.light]);
+
+  // formItem 支持function，如果是function 我就直接不管了
+  if (typeof props.children === 'function') {
+    var _rest$name;
+    return /*#__PURE__*/_createElement(WarpFormItem, _objectSpread(_objectSpread({}, rest), {}, {
+      name: name,
+      key: rest.proFormFieldKey || ((_rest$name = rest.name) === null || _rest$name === void 0 ? void 0 : _rest$name.toString())
+    }), props.children);
   }
-  const children = /* @__PURE__ */ React.createElement(
-    WithValueFomFiledProps,
-    {
-      key: rest.proFormFieldKey || ((_e = rest.name) == null ? void 0 : _e.toString()),
-      valuePropName: props.valuePropName
-    },
-    props.children
-  );
-  const lightDom = noLightFormItem ? children : /* @__PURE__ */ React.createElement(
-    LightWrapper,
-    __spreadProps(__spreadValues({}, lightProps), {
-      key: rest.proFormFieldKey || ((_f = rest.name) == null ? void 0 : _f.toString()),
-      size
-    }),
-    children
-  );
+  var children = /*#__PURE__*/_jsx(WithValueFomFiledProps, {
+    valuePropName: props.valuePropName,
+    children: props.children
+  }, rest.proFormFieldKey || ((_rest$name2 = rest.name) === null || _rest$name2 === void 0 ? void 0 : _rest$name2.toString()));
+  var lightDom = noLightFormItem ? children : /*#__PURE__*/_createElement(LightWrapper, _objectSpread(_objectSpread({}, lightProps), {}, {
+    key: rest.proFormFieldKey || ((_rest$name3 = rest.name) === null || _rest$name3 === void 0 ? void 0 : _rest$name3.toString()),
+    size: size
+  }), children);
+  // 这里控制是否需要 LightWrapper，为了提升一点点性能
   if (ignoreFormItem) {
-    return /* @__PURE__ */ React.createElement(React.Fragment, null, lightDom);
+    return /*#__PURE__*/_jsx(_Fragment, {
+      children: lightDom
+    });
   }
-  return /* @__PURE__ */ React.createElement(
-    WarpFormItem,
-    __spreadProps(__spreadValues(__spreadValues({
-      key: rest.proFormFieldKey || ((_g = rest.name) == null ? void 0 : _g.toString())
-    }, formItemProps), rest), {
-      name,
-      isListField: formListField.name !== void 0
-    }),
-    lightDom
-  );
-};
-var FormItem_default = ProFormItem;
-export {
-  FormItemProvide,
-  FormItem_default as default
+  return /*#__PURE__*/_jsx(WarpFormItem, _objectSpread(_objectSpread(_objectSpread({}, formItemProps), rest), {}, {
+    name: name,
+    isListField: formListField.name !== undefined,
+    children: lightDom
+  }), rest.proFormFieldKey || ((_rest$name4 = rest.name) === null || _rest$name4 === void 0 ? void 0 : _rest$name4.toString()));
 };
+export { FormItemProvide };
+export default ProFormItem;