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

package/lib/form/layouts/DrawerForm/style.js

@@ -1,74 +1,40 @@
-var __defProp = Object.defineProperty;
-var __defProps = Object.defineProperties;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-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 __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+"use strict";
 
-// src/form/layouts/DrawerForm/style.ts
-var style_exports = {};
-__export(style_exports, {
-  useStyle: () => useStyle
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
 });
-module.exports = __toCommonJS(style_exports);
-var import_provider = require("../../../provider");
-var genDrawerFormStyle = (token) => {
-  return {
-    [token.componentCls]: {
-      "&-sidebar-dragger": {
-        width: "5px",
-        cursor: "ew-resize",
-        padding: "4px 0 0",
-        borderTop: "1px solid transparent",
-        position: "absolute",
-        top: 0,
-        left: 0,
-        bottom: 0,
-        zIndex: 100,
-        backgroundColor: "transparent",
-        "&-min-disabled": {
-          cursor: "w-resize"
-        },
-        "&-max-disabled": {
-          cursor: "e-resize"
-        }
+exports.useStyle = useStyle;
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _provider = require("../../../provider");
+var genDrawerFormStyle = function genDrawerFormStyle(token) {
+  return (0, _defineProperty2.default)({}, token.componentCls, {
+    '&-sidebar-dragger': {
+      width: '5px',
+      cursor: 'ew-resize',
+      padding: '4px 0 0',
+      borderTop: '1px solid transparent',
+      position: 'absolute',
+      top: 0,
+      left: 0,
+      bottom: 0,
+      zIndex: 100,
+      backgroundColor: 'transparent',
+      '&-min-disabled': {
+        cursor: 'w-resize'
+      },
+      '&-max-disabled': {
+        cursor: 'e-resize'
       }
     }
-  };
+  });
 };
 function useStyle(prefixCls) {
-  return (0, import_provider.useStyle)("DrawerForm", (token) => {
-    const drawerFormToken = __spreadProps(__spreadValues({}, token), {
-      componentCls: `.${prefixCls}`
+  return (0, _provider.useStyle)('DrawerForm', function (token) {
+    var drawerFormToken = (0, _objectSpread2.default)((0, _objectSpread2.default)({}, token), {}, {
+      componentCls: ".".concat(prefixCls)
     });
     return [genDrawerFormStyle(drawerFormToken)];
   });
-}
+}

package/lib/form/layouts/LightFilter/index.js

@@ -1,329 +1,253 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __defProps = Object.defineProperties;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
-var __getProtoOf = Object.getPrototypeOf;
-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;
-};
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+"use strict";
 
-// src/form/layouts/LightFilter/index.tsx
-var LightFilter_exports = {};
-__export(LightFilter_exports, {
-  LightFilter: () => LightFilter
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
 });
-module.exports = __toCommonJS(LightFilter_exports);
-var import_icons = require("@ant-design/icons");
-var import_antd = require("antd");
-var import_classnames = __toESM(require("classnames"));
-var import_omit = __toESM(require("rc-util/lib/omit"));
-var import_react = __toESM(require("react"));
-var import_provider = require("../../../provider");
-var import_utils = require("../../../utils");
-var import_BaseForm = require("../../BaseForm");
-var import_style = require("./style");
-var LightFilterContainer = (props) => {
-  const {
-    items,
-    prefixCls,
-    size = "middle",
-    collapse,
-    collapseLabel,
-    onValuesChange,
-    variant,
-    values,
-    footerRender,
-    placement
-  } = props;
-  const intl = (0, import_provider.useIntl)();
-  const lightFilterClassName = `${prefixCls}-light-filter`;
-  const { wrapSSR, hashId } = (0, import_style.useStyle)(lightFilterClassName);
-  const [open, setOpen] = (0, import_react.useState)(false);
-  const [moreValues, setMoreValues] = (0, import_react.useState)(() => {
-    return __spreadValues({}, values);
-  });
-  (0, import_react.useEffect)(() => {
-    setMoreValues(__spreadValues({}, values));
+exports.LightFilter = LightFilter;
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _objectSpread3 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _icons = require("@ant-design/icons");
+var _util = require("@rc-component/util");
+var _antd = require("antd");
+var _classnames = _interopRequireDefault(require("classnames"));
+var _react = _interopRequireWildcard(require("react"));
+var _provider = require("../../../provider");
+var _utils = require("../../../utils");
+var _BaseForm = require("../../BaseForm");
+var _style = require("./style");
+var _jsxRuntime = require("react/jsx-runtime");
+var _excluded = ["size", "collapse", "collapseLabel", "initialValues", "onValuesChange", "form", "placement", "formRef", "variant", "ignoreRules", "footerRender"];
+/**
+ * 单行的查询表单，一般用于配合 table 或者 list使用 有时也会用于 card 的额外区域
+ *
+ * @param props
+ */
+var LightFilterContainer = function LightFilterContainer(props) {
+  var items = props.items,
+    prefixCls = props.prefixCls,
+    _props$size = props.size,
+    size = _props$size === void 0 ? 'middle' : _props$size,
+    collapse = props.collapse,
+    collapseLabel = props.collapseLabel,
+    onValuesChange = props.onValuesChange,
+    variant = props.variant,
+    values = props.values,
+    footerRender = props.footerRender,
+    placement = props.placement;
+  var intl = (0, _provider.useIntl)();
+  var lightFilterClassName = "".concat(prefixCls, "-light-filter");
+  var _useStyle = (0, _style.useStyle)(lightFilterClassName),
+    wrapSSR = _useStyle.wrapSSR,
+    hashId = _useStyle.hashId;
+  var _useState = (0, _react.useState)(false),
+    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+    open = _useState2[0],
+    setOpen = _useState2[1];
+  var _useState3 = (0, _react.useState)(function () {
+      return (0, _objectSpread3.default)({}, values);
+    }),
+    _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
+    moreValues = _useState4[0],
+    setMoreValues = _useState4[1];
+  (0, _react.useEffect)(function () {
+    setMoreValues((0, _objectSpread3.default)({}, values));
   }, [values]);
-  const { collapseItems, outsideItems } = (0, import_react.useMemo)(() => {
-    const collapseItemsArr = [];
-    const outsideItemsArr = [];
-    items.forEach((item) => {
-      const { secondary } = item.props || {};
-      if (secondary || collapse) {
-        collapseItemsArr.push(item);
-      } else {
-        outsideItemsArr.push(item);
-      }
-    });
-    return {
-      collapseItems: collapseItemsArr,
-      outsideItems: outsideItemsArr
-    };
-  }, [props.items]);
-  const renderCollapseLabelRender = () => {
+  var _useMemo = (0, _react.useMemo)(function () {
+      var collapseItemsArr = [];
+      var outsideItemsArr = [];
+      items.forEach(function (item) {
+        var _ref = item.props || {},
+          secondary = _ref.secondary;
+        if (secondary || collapse) {
+          collapseItemsArr.push(item);
+        } else {
+          outsideItemsArr.push(item);
+        }
+      });
+      return {
+        collapseItems: collapseItemsArr,
+        outsideItems: outsideItemsArr
+      };
+      // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [props.items]),
+    collapseItems = _useMemo.collapseItems,
+    outsideItems = _useMemo.outsideItems;
+  var renderCollapseLabelRender = function renderCollapseLabelRender() {
     if (collapseLabel) {
       return collapseLabel;
     }
     if (collapse) {
-      return /* @__PURE__ */ import_react.default.createElement(
-        import_icons.FilterOutlined,
-        {
-          className: `${lightFilterClassName}-collapse-icon ${hashId}`.trim()
-        }
-      );
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_icons.FilterOutlined, {
+        className: "".concat(lightFilterClassName, "-collapse-icon ").concat(hashId).trim()
+      });
     }
-    return /* @__PURE__ */ import_react.default.createElement(
-      import_utils.FieldLabel,
-      {
-        size,
-        label: intl.getMessage("form.lightFilter.more", "更多筛选")
-      }
-    );
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_utils.FieldLabel, {
+      size: size,
+      label: intl.getMessage('form.lightFilter.more', '更多筛选')
+    });
   };
-  return wrapSSR(
-    /* @__PURE__ */ import_react.default.createElement(
-      "div",
-      {
-        className: (0, import_classnames.default)(
-          lightFilterClassName,
-          hashId,
-          `${lightFilterClassName}-${size}`,
-          {
-            [`${lightFilterClassName}-effective`]: Object.keys(values).some(
-              (key) => Array.isArray(values[key]) ? values[key].length > 0 : values[key]
-            )
-          }
-        )
-      },
-      /* @__PURE__ */ import_react.default.createElement("div", { className: `${lightFilterClassName}-container ${hashId}`.trim() }, outsideItems.map((child, index) => {
-        if (!(child == null ? void 0 : child.props)) {
+  return wrapSSR( /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+    className: (0, _classnames.default)(lightFilterClassName, hashId, "".concat(lightFilterClassName, "-").concat(size), (0, _defineProperty2.default)({}, "".concat(lightFilterClassName, "-effective"), Object.keys(values).some(function (key) {
+      return Array.isArray(values[key]) ? values[key].length > 0 : values[key];
+    }))),
+    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+      className: "".concat(lightFilterClassName, "-container ").concat(hashId).trim(),
+      children: [outsideItems.map(function (child, index) {
+        if (!(child !== null && child !== void 0 && child.props)) {
           return child;
         }
-        const { key } = child;
-        const { fieldProps } = (child == null ? void 0 : child.props) || {};
-        const newPlacement = (fieldProps == null ? void 0 : fieldProps.placement) ? fieldProps == null ? void 0 : fieldProps.placement : placement;
-        return /* @__PURE__ */ import_react.default.createElement(
-          "div",
-          {
-            className: `${lightFilterClassName}-item ${hashId}`.trim(),
-            key: key || index
-          },
-          import_react.default.cloneElement(child, {
-            fieldProps: __spreadProps(__spreadValues({}, child.props.fieldProps), {
+        var key = child.key;
+        var _ref2 = (child === null || child === void 0 ? void 0 : child.props) || {},
+          fieldProps = _ref2.fieldProps;
+        var newPlacement = fieldProps !== null && fieldProps !== void 0 && fieldProps.placement ? fieldProps === null || fieldProps === void 0 ? void 0 : fieldProps.placement : placement;
+        return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+          className: "".concat(lightFilterClassName, "-item ").concat(hashId).trim(),
+          children: /*#__PURE__*/_react.default.cloneElement(child, {
+            fieldProps: (0, _objectSpread3.default)((0, _objectSpread3.default)({}, child.props.fieldProps), {}, {
               placement: newPlacement
             }),
             // proFieldProps 会直接作为 ProField 的 props 传递过去
-            proFieldProps: __spreadProps(__spreadValues({}, child.props.proFieldProps), {
+            proFieldProps: (0, _objectSpread3.default)((0, _objectSpread3.default)({}, child.props.proFieldProps), {}, {
               light: true,
               label: child.props.label,
-              variant
+              variant: variant
             }),
-            variant
+            variant: variant
           })
-        );
-      }), collapseItems.length ? /* @__PURE__ */ import_react.default.createElement(
-        "div",
-        {
-          className: `${lightFilterClassName}-item ${hashId}`.trim(),
-          key: "more"
-        },
-        /* @__PURE__ */ import_react.default.createElement(
-          import_utils.FilterDropdown,
-          {
-            padding: 24,
-            open,
-            onOpenChange: (changeOpen) => {
-              setOpen(changeOpen);
+        }, key || index);
+      }), collapseItems.length ? /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        className: "".concat(lightFilterClassName, "-item ").concat(hashId).trim(),
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_utils.FilterDropdown, {
+          padding: 24,
+          open: open,
+          onOpenChange: function onOpenChange(changeOpen) {
+            setOpen(changeOpen);
+          },
+          placement: placement,
+          label: renderCollapseLabelRender(),
+          footerRender: footerRender,
+          footer: {
+            onConfirm: function onConfirm() {
+              onValuesChange((0, _objectSpread3.default)({}, moreValues));
+              setOpen(false);
             },
-            placement,
-            label: renderCollapseLabelRender(),
-            footerRender,
-            footer: {
-              onConfirm: () => {
-                onValuesChange(__spreadValues({}, moreValues));
-                setOpen(false);
-              },
-              onClear: () => {
-                const clearValues = {};
-                collapseItems.forEach((child) => {
-                  const { name } = child.props;
-                  clearValues[name] = void 0;
-                });
-                onValuesChange(clearValues);
-              }
+            onClear: function onClear() {
+              var clearValues = {};
+              collapseItems.forEach(function (child) {
+                var name = child.props.name;
+                clearValues[name] = undefined;
+              });
+              onValuesChange(clearValues);
             }
           },
-          collapseItems.map((child) => {
-            const { key } = child;
-            const { name, fieldProps } = child.props;
-            const newFieldProps = __spreadProps(__spreadValues({}, fieldProps), {
-              onChange: (e) => {
-                setMoreValues(__spreadProps(__spreadValues({}, moreValues), {
-                  [name]: (e == null ? void 0 : e.target) ? e.target.value : e
-                }));
+          children: collapseItems.map(function (child) {
+            var key = child.key;
+            var _child$props = child.props,
+              name = _child$props.name,
+              fieldProps = _child$props.fieldProps;
+            var newFieldProps = (0, _objectSpread3.default)((0, _objectSpread3.default)({}, fieldProps), {}, {
+              onChange: function onChange(e) {
+                setMoreValues((0, _objectSpread3.default)((0, _objectSpread3.default)({}, moreValues), {}, (0, _defineProperty2.default)({}, name, e !== null && e !== void 0 && e.target ? e.target.value : e)));
                 return false;
               }
             });
             if (moreValues.hasOwnProperty(name)) {
-              newFieldProps[child.props.valuePropName || "value"] = moreValues[name];
+              newFieldProps[child.props.valuePropName || 'value'] = moreValues[name];
             }
-            const newPlacement = (fieldProps == null ? void 0 : fieldProps.placement) ? fieldProps == null ? void 0 : fieldProps.placement : placement;
-            return /* @__PURE__ */ import_react.default.createElement(
-              "div",
-              {
-                className: `${lightFilterClassName}-line ${hashId}`.trim(),
-                key
-              },
-              import_react.default.cloneElement(child, {
-                fieldProps: __spreadProps(__spreadValues({}, newFieldProps), {
+            var newPlacement = fieldProps !== null && fieldProps !== void 0 && fieldProps.placement ? fieldProps === null || fieldProps === void 0 ? void 0 : fieldProps.placement : placement;
+            return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+              className: "".concat(lightFilterClassName, "-line ").concat(hashId).trim(),
+              children: /*#__PURE__*/_react.default.cloneElement(child, {
+                fieldProps: (0, _objectSpread3.default)((0, _objectSpread3.default)({}, newFieldProps), {}, {
                   placement: newPlacement
                 })
               })
-            );
+            }, key);
           })
-        )
-      ) : null)
-    )
-  );
+        })
+      }, "more") : null]
+    })
+  }));
 };
 function LightFilter(props) {
-  const _a = props, {
-    size,
-    collapse,
-    collapseLabel,
-    initialValues,
-    onValuesChange,
+  var size = props.size,
+    collapse = props.collapse,
+    collapseLabel = props.collapseLabel,
+    initialValues = props.initialValues,
+    _onValuesChange = props.onValuesChange,
+    userForm = props.form,
+    placement = props.placement,
+    userFormRef = props.formRef,
+    variant = props.variant,
+    ignoreRules = props.ignoreRules,
+    footerRender = props.footerRender,
+    reset = (0, _objectWithoutProperties2.default)(props, _excluded);
+  var _useContext = (0, _react.useContext)(_antd.ConfigProvider.ConfigContext),
+    getPrefixCls = _useContext.getPrefixCls;
+  var prefixCls = getPrefixCls('pro-form');
+  var _useState5 = (0, _react.useState)(function () {
+      return (0, _objectSpread3.default)({}, initialValues);
+    }),
+    _useState6 = (0, _slicedToArray2.default)(_useState5, 2),
+    values = _useState6[0],
+    setValues = _useState6[1];
+  var formRef = (0, _react.useRef)();
+  (0, _react.useImperativeHandle)(userFormRef, function () {
+    return formRef.current;
+  }, [formRef.current]);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_BaseForm.BaseForm, (0, _objectSpread3.default)((0, _objectSpread3.default)({
+    size: size,
+    initialValues: initialValues,
     form: userForm,
-    placement,
-    formRef: userFormRef,
-    variant,
-    ignoreRules,
-    footerRender
-  } = _a, reset = __objRest(_a, [
-    "size",
-    "collapse",
-    "collapseLabel",
-    "initialValues",
-    "onValuesChange",
-    "form",
-    "placement",
-    "formRef",
-    "variant",
-    "ignoreRules",
-    "footerRender"
-  ]);
-  const { getPrefixCls } = (0, import_react.useContext)(import_antd.ConfigProvider.ConfigContext);
-  const prefixCls = getPrefixCls("pro-form");
-  const [values, setValues] = (0, import_react.useState)(() => {
-    return __spreadValues({}, initialValues);
-  });
-  const formRef = (0, import_react.useRef)();
-  (0, import_react.useImperativeHandle)(userFormRef, () => formRef.current, [formRef.current]);
-  return /* @__PURE__ */ import_react.default.createElement(
-    import_BaseForm.BaseForm,
-    __spreadProps(__spreadValues({
-      size,
-      initialValues,
-      form: userForm,
-      contentRender: (items) => {
-        return /* @__PURE__ */ import_react.default.createElement(
-          LightFilterContainer,
-          {
-            prefixCls,
-            items: items == null ? void 0 : items.flatMap((item) => {
-              var _a2;
-              if (!item || !(item == null ? void 0 : item.type))
-                return item;
-              if (((_a2 = item == null ? void 0 : item.type) == null ? void 0 : _a2.displayName) === "ProForm-Group")
-                return item.props.children;
-              return item;
-            }),
-            size,
-            variant,
-            collapse,
-            collapseLabel,
-            placement,
-            values: values || {},
-            footerRender,
-            onValuesChange: (newValues) => {
-              var _a2, _b;
-              const newAllValues = __spreadValues(__spreadValues({}, values), newValues);
-              setValues(newAllValues);
-              (_a2 = formRef.current) == null ? void 0 : _a2.setFieldsValue(newAllValues);
-              (_b = formRef.current) == null ? void 0 : _b.submit();
-              if (onValuesChange) {
-                onValuesChange(newValues, newAllValues);
-              }
-            }
+    contentRender: function contentRender(items) {
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)(LightFilterContainer, {
+        prefixCls: prefixCls,
+        items: items === null || items === void 0 ? void 0 : items.flatMap(function (item) {
+          var _item$type;
+          if (!item || !(item !== null && item !== void 0 && item.type)) return item;
+          /** 如果是 ProFormGroup，直接拼接dom */
+          if ((item === null || item === void 0 || (_item$type = item.type) === null || _item$type === void 0 ? void 0 : _item$type.displayName) === 'ProForm-Group') return item.props.children;
+          return item;
+        }),
+        size: size,
+        variant: variant,
+        collapse: collapse,
+        collapseLabel: collapseLabel,
+        placement: placement,
+        values: values || {},
+        footerRender: footerRender,
+        onValuesChange: function onValuesChange(newValues) {
+          var _formRef$current, _formRef$current2;
+          var newAllValues = (0, _objectSpread3.default)((0, _objectSpread3.default)({}, values), newValues);
+          setValues(newAllValues);
+          (_formRef$current = formRef.current) === null || _formRef$current === void 0 || _formRef$current.setFieldsValue(newAllValues);
+          (_formRef$current2 = formRef.current) === null || _formRef$current2 === void 0 || _formRef$current2.submit();
+          if (_onValuesChange) {
+            _onValuesChange(newValues, newAllValues);
           }
-        );
-      },
-      formRef,
-      formItemProps: {
-        colon: false,
-        labelAlign: "left"
-      },
-      fieldProps: {
-        style: {
-          width: void 0
         }
+      });
+    },
+    formRef: formRef,
+    formItemProps: {
+      colon: false,
+      labelAlign: 'left'
+    },
+    fieldProps: {
+      style: {
+        width: undefined
       }
-    }, (0, import_omit.default)(reset, ["labelWidth"])), {
-      onValuesChange: (_, allValues) => {
-        var _a2;
-        setValues(allValues);
-        onValuesChange == null ? void 0 : onValuesChange(_, allValues);
-        (_a2 = formRef.current) == null ? void 0 : _a2.submit();
-      }
-    })
-  );
-}
+    }
+  }, (0, _util.omit)(reset, ['labelWidth'])), {}, {
+    onValuesChange: function onValuesChange(_, allValues) {
+      var _formRef$current3;
+      setValues(allValues);
+      _onValuesChange === null || _onValuesChange === void 0 || _onValuesChange(_, allValues);
+      (_formRef$current3 = formRef.current) === null || _formRef$current3 === void 0 || _formRef$current3.submit();
+    }
+  }));
+}