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

package/es/utils/components/FieldLabel/index.js

@@ -1,168 +1,141 @@
-// src/utils/components/FieldLabel/index.tsx
-import { CloseCircleFilled, DownOutlined } from "@ant-design/icons";
-import { ConfigProvider } from "antd";
-import classNames from "classnames";
-import React, { useContext, useImperativeHandle, useRef } from "react";
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+import { CloseCircleFilled, DownOutlined } from '@ant-design/icons';
+import { ConfigProvider } from 'antd';
+import classNames from 'classnames';
+import React, { useContext, useImperativeHandle, useRef } from 'react';
 import { useIntl } from "../../../provider";
 import { useStyle } from "./style";
-var FieldLabelFunction = (props, ref) => {
-  var _a, _b, _c, _d;
-  const {
-    label,
-    onClear,
-    value,
-    disabled,
-    onLabelClick,
-    ellipsis,
-    placeholder,
-    className,
-    formatter,
-    variant,
-    style,
-    downIcon,
-    allowClear = true,
-    valueMaxLength = 41
-  } = props;
-  const { componentSize } = ((_b = (_a = ConfigProvider) == null ? void 0 : _a.useConfig) == null ? void 0 : _b.call(_a)) || {
-    componentSize: "middle"
-  };
-  const size = componentSize;
-  const { getPrefixCls } = useContext(ConfigProvider.ConfigContext);
-  const prefixCls = getPrefixCls("pro-core-field-label");
-  const { wrapSSR, hashId } = useStyle(prefixCls);
-  const intl = useIntl();
-  const clearRef = useRef(null);
-  const labelRef = useRef(null);
-  useImperativeHandle(ref, () => ({
-    labelRef,
-    clearRef
-  }));
-  const wrapElements = (array) => {
-    if (array.every((item) => typeof item === "string"))
-      return array.join(",");
-    return array.map((item, index) => {
-      const comma = index === array.length - 1 ? "" : ",";
-      if (typeof item === "string") {
-        return /* @__PURE__ */ React.createElement("span", { key: index }, item, comma);
+import { jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx } from "react/jsx-runtime";
+var FieldLabelFunction = function FieldLabelFunction(props, ref) {
+  var _ConfigProvider$useCo, _ref2, _props$size;
+  var label = props.label,
+    onClear = props.onClear,
+    value = props.value,
+    disabled = props.disabled,
+    onLabelClick = props.onLabelClick,
+    ellipsis = props.ellipsis,
+    placeholder = props.placeholder,
+    className = props.className,
+    formatter = props.formatter,
+    variant = props.variant,
+    style = props.style,
+    downIcon = props.downIcon,
+    _props$allowClear = props.allowClear,
+    allowClear = _props$allowClear === void 0 ? true : _props$allowClear,
+    _props$valueMaxLength = props.valueMaxLength,
+    valueMaxLength = _props$valueMaxLength === void 0 ? 41 : _props$valueMaxLength;
+  var _ref = (ConfigProvider === null || ConfigProvider === void 0 || (_ConfigProvider$useCo = ConfigProvider.useConfig) === null || _ConfigProvider$useCo === void 0 ? void 0 : _ConfigProvider$useCo.call(ConfigProvider)) || {
+      componentSize: 'middle'
+    },
+    componentSize = _ref.componentSize;
+  var size = componentSize;
+  var _useContext = useContext(ConfigProvider.ConfigContext),
+    getPrefixCls = _useContext.getPrefixCls;
+  var prefixCls = getPrefixCls('pro-core-field-label');
+  var _useStyle = useStyle(prefixCls),
+    wrapSSR = _useStyle.wrapSSR,
+    hashId = _useStyle.hashId;
+  var intl = useIntl();
+  var clearRef = useRef(null);
+  var labelRef = useRef(null);
+  useImperativeHandle(ref, function () {
+    return {
+      labelRef: labelRef,
+      clearRef: clearRef
+    };
+  });
+  var wrapElements = function wrapElements(array) {
+    if (array.every(function (item) {
+      return typeof item === 'string';
+    })) return array.join(',');
+    return array.map(function (item, index) {
+      var comma = index === array.length - 1 ? '' : ',';
+      if (typeof item === 'string') {
+        return /*#__PURE__*/_jsxs("span", {
+          children: [item, comma]
+        }, index);
       }
-      return /* @__PURE__ */ React.createElement("span", { key: index, style: { display: "flex" } }, item, comma);
+      return /*#__PURE__*/_jsxs("span", {
+        style: {
+          display: 'flex'
+        },
+        children: [item, comma]
+      }, index);
     });
   };
-  const formatterText = (aValue) => {
+  var formatterText = function formatterText(aValue) {
     if (formatter) {
       return formatter(aValue);
     }
     return Array.isArray(aValue) ? wrapElements(aValue) : aValue;
   };
-  const getTextByValue = (aLabel, aValue) => {
-    var _a2, _b2;
-    if (aValue !== void 0 && aValue !== null && aValue !== "" && (!Array.isArray(aValue) || aValue.length)) {
-      const prefix = aLabel ? /* @__PURE__ */ React.createElement(
-        "span",
-        {
-          onClick: () => {
-            onLabelClick == null ? void 0 : onLabelClick();
-          },
-          className: `${prefixCls}-text`
+  var getTextByValue = function getTextByValue(aLabel, aValue) {
+    if (aValue !== undefined && aValue !== null && aValue !== '' && (!Array.isArray(aValue) || aValue.length)) {
+      var _str$toString, _str$toString$slice;
+      var prefix = aLabel ? /*#__PURE__*/_jsxs("span", {
+        onClick: function onClick() {
+          onLabelClick === null || onLabelClick === void 0 || onLabelClick();
         },
-        aLabel,
-        ": "
-      ) : "";
-      const str = formatterText(aValue);
+        className: "".concat(prefixCls, "-text"),
+        children: [aLabel, ': ']
+      }) : '';
+      var str = formatterText(aValue);
       if (!ellipsis) {
-        return /* @__PURE__ */ React.createElement(
-          "span",
-          {
-            style: {
-              display: "inline-flex",
-              alignItems: "center"
-            }
+        return /*#__PURE__*/_jsxs("span", {
+          style: {
+            display: 'inline-flex',
+            alignItems: 'center'
           },
-          prefix,
-          formatterText(aValue)
-        );
+          children: [prefix, formatterText(aValue)]
+        });
       }
-      const getText = () => {
-        const isArrayValue = Array.isArray(aValue) && aValue.length > 1;
-        const unitText = intl.getMessage("form.lightFilter.itemUnit", "项");
-        if (typeof str === "string" && str.length > valueMaxLength && isArrayValue) {
-          return `...${aValue.length}${unitText}`;
+      var getText = function getText() {
+        var isArrayValue = Array.isArray(aValue) && aValue.length > 1;
+        var unitText = intl.getMessage('form.lightFilter.itemUnit', '项');
+        if (typeof str === 'string' && str.length > valueMaxLength && isArrayValue) {
+          return "...".concat(aValue.length).concat(unitText);
         }
-        return "";
+        return '';
       };
-      const tail = getText();
-      return /* @__PURE__ */ React.createElement(
-        "span",
-        {
-          title: typeof str === "string" ? str : void 0,
-          style: {
-            display: "inline-flex",
-            alignItems: "center"
-          }
+      var tail = getText();
+      return /*#__PURE__*/_jsxs("span", {
+        title: typeof str === 'string' ? str : undefined,
+        style: {
+          display: 'inline-flex',
+          alignItems: 'center'
         },
-        prefix,
-        /* @__PURE__ */ React.createElement("span", { style: { paddingInlineStart: 4, display: "flex" } }, typeof str === "string" ? (_b2 = (_a2 = str == null ? void 0 : str.toString()) == null ? void 0 : _a2.slice) == null ? void 0 : _b2.call(_a2, 0, valueMaxLength) : str),
-        tail
-      );
+        children: [prefix, /*#__PURE__*/_jsx("span", {
+          style: {
+            paddingInlineStart: 4,
+            display: 'flex'
+          },
+          children: typeof str === 'string' ? str === null || str === void 0 || (_str$toString = str.toString()) === null || _str$toString === void 0 || (_str$toString$slice = _str$toString.slice) === null || _str$toString$slice === void 0 ? void 0 : _str$toString$slice.call(_str$toString, 0, valueMaxLength) : str
+        }), tail]
+      });
     }
     return aLabel || placeholder;
   };
-  return wrapSSR(
-    /* @__PURE__ */ React.createElement(
-      "span",
-      {
-        className: classNames(
-          prefixCls,
-          hashId,
-          `${prefixCls}-${(_d = (_c = props.size) != null ? _c : size) != null ? _d : "middle"}`,
-          {
-            [`${prefixCls}-active`]: (Array.isArray(value) ? value.length > 0 : !!value) || value === 0,
-            [`${prefixCls}-disabled`]: disabled,
-            [`${prefixCls}-bordered`]: variant !== "borderless",
-            [`${prefixCls}-allow-clear`]: allowClear
-          },
-          className
-        ),
-        style,
-        ref: labelRef,
-        onClick: () => {
-          var _a2;
-          (_a2 = props == null ? void 0 : props.onClick) == null ? void 0 : _a2.call(props);
-        }
+  return wrapSSR( /*#__PURE__*/_jsxs("span", {
+    className: classNames(prefixCls, hashId, "".concat(prefixCls, "-").concat((_ref2 = (_props$size = props.size) !== null && _props$size !== void 0 ? _props$size : size) !== null && _ref2 !== void 0 ? _ref2 : 'middle'), _defineProperty(_defineProperty(_defineProperty(_defineProperty({}, "".concat(prefixCls, "-active"), (Array.isArray(value) ? value.length > 0 : !!value) || value === 0), "".concat(prefixCls, "-disabled"), disabled), "".concat(prefixCls, "-bordered"), variant !== 'borderless'), "".concat(prefixCls, "-allow-clear"), allowClear), className),
+    style: style,
+    ref: labelRef,
+    onClick: function onClick() {
+      var _props$onClick;
+      props === null || props === void 0 || (_props$onClick = props.onClick) === null || _props$onClick === void 0 || _props$onClick.call(props);
+    },
+    children: [getTextByValue(label, value), (value || value === 0) && allowClear && /*#__PURE__*/_jsx(CloseCircleFilled, {
+      role: "button",
+      title: intl.getMessage('form.lightFilter.clear', '清除'),
+      className: classNames("".concat(prefixCls, "-icon"), hashId, "".concat(prefixCls, "-close")),
+      onClick: function onClick(e) {
+        if (!disabled) onClear === null || onClear === void 0 || onClear();
+        e.stopPropagation();
       },
-      getTextByValue(label, value),
-      (value || value === 0) && allowClear && /* @__PURE__ */ React.createElement(
-        CloseCircleFilled,
-        {
-          role: "button",
-          title: intl.getMessage("form.lightFilter.clear", "清除"),
-          className: classNames(
-            `${prefixCls}-icon`,
-            hashId,
-            `${prefixCls}-close`
-          ),
-          onClick: (e) => {
-            if (!disabled)
-              onClear == null ? void 0 : onClear();
-            e.stopPropagation();
-          },
-          ref: clearRef
-        }
-      ),
-      downIcon !== false ? downIcon != null ? downIcon : /* @__PURE__ */ React.createElement(
-        DownOutlined,
-        {
-          className: classNames(
-            `${prefixCls}-icon`,
-            hashId,
-            `${prefixCls}-arrow`
-          )
-        }
-      ) : null
-    )
-  );
-};
-var FieldLabel = React.forwardRef(FieldLabelFunction);
-export {
-  FieldLabel
+      ref: clearRef
+    }), downIcon !== false ? downIcon !== null && downIcon !== void 0 ? downIcon : /*#__PURE__*/_jsx(DownOutlined, {
+      className: classNames("".concat(prefixCls, "-icon"), hashId, "".concat(prefixCls, "-arrow"))
+    }) : null]
+  }));
 };
+export var FieldLabel = /*#__PURE__*/React.forwardRef(FieldLabelFunction);

package/es/utils/components/FieldLabel/style.js

@@ -1,135 +1,89 @@
-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));
-
-// src/utils/components/FieldLabel/style.ts
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import { useStyle as useAntdStyle } from "../../../provider";
-var genProStyle = (token) => {
-  return {
-    [token.componentCls]: {
-      display: "inline-flex",
-      gap: token.marginXXS,
-      alignItems: "center",
-      height: "30px",
+var genProStyle = function genProStyle(token) {
+  return _defineProperty({}, token.componentCls, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({
+    display: 'inline-flex',
+    gap: token.marginXXS,
+    alignItems: 'center',
+    height: '30px',
+    paddingBlock: 0,
+    paddingInline: 8,
+    fontSize: token.fontSize,
+    lineHeight: '30px',
+    borderRadius: '2px',
+    cursor: 'pointer',
+    '&:hover': {
+      backgroundColor: token.colorBgTextHover
+    },
+    '&-active': _defineProperty({
       paddingBlock: 0,
       paddingInline: 8,
-      fontSize: token.fontSize,
-      lineHeight: "30px",
-      borderRadius: "2px",
-      cursor: "pointer",
-      "&:hover": {
-        backgroundColor: token.colorBgTextHover
-      },
-      "&-active": {
-        paddingBlock: 0,
-        paddingInline: 8,
-        backgroundColor: token.colorBgTextHover,
-        [`&${token.componentCls}-allow-clear:hover:not(${token.componentCls}-disabled)`]: {
-          [`${token.componentCls}-arrow`]: {
-            display: "none"
-          },
-          [`${token.componentCls}-close`]: {
-            display: "inline-flex"
-          }
-        }
-      },
-      [`${token.antCls}-select`]: {
-        [`${token.antCls}-select-clear`]: {
-          borderRadius: "50%"
-        }
-      },
-      [`${token.antCls}-picker`]: {
-        [`${token.antCls}-picker-clear`]: {
-          borderRadius: "50%"
-        }
-      },
-      "&-icon": {
-        color: token.colorIcon,
-        transition: "color 0.3s",
-        fontSize: 12,
-        verticalAlign: "middle",
-        [`&${token.componentCls}-close`]: {
-          display: "none",
-          fontSize: 12,
-          alignItems: "center",
-          justifyContent: "center",
-          color: token.colorTextPlaceholder,
-          borderRadius: "50%"
-        },
-        "&:hover": {
-          color: token.colorIconHover
-        }
-      },
-      "&-disabled": {
-        color: token.colorTextPlaceholder,
-        cursor: "not-allowed",
-        [`${token.componentCls}-icon`]: {
-          color: token.colorTextPlaceholder
-        }
-      },
-      "&-small": {
-        height: "24px",
-        paddingBlock: 0,
-        paddingInline: 4,
-        fontSize: token.fontSizeSM,
-        lineHeight: "24px",
-        [`&${token.componentCls}-active`]: {
-          paddingBlock: 0,
-          paddingInline: 8
-        },
-        [`${token.componentCls}-icon`]: {
-          paddingBlock: 0,
-          paddingInline: 0
-        },
-        [`${token.componentCls}-close`]: {
-          marginBlockStart: "-2px",
-          paddingBlock: 4,
-          paddingInline: 4,
-          fontSize: "6px"
-        }
-      },
-      "&-bordered": {
-        height: "32px",
-        paddingBlock: 0,
-        paddingInline: 8,
-        border: `${token.lineWidth}px solid ${token.colorBorder}`,
-        borderRadius: "@border-radius-base"
-      },
-      "&-bordered&-small": {
-        height: "24px",
-        paddingBlock: 0,
-        paddingInline: 8
-      },
-      "&-bordered&-active": {
-        backgroundColor: token.colorBgContainer
-      }
-    }
-  };
+      backgroundColor: token.colorBgTextHover
+    }, "&".concat(token.componentCls, "-allow-clear:hover:not(").concat(token.componentCls, "-disabled)"), _defineProperty(_defineProperty({}, "".concat(token.componentCls, "-arrow"), {
+      display: 'none'
+    }), "".concat(token.componentCls, "-close"), {
+      display: 'inline-flex'
+    }))
+  }, "".concat(token.antCls, "-select"), _defineProperty({}, "".concat(token.antCls, "-select-clear"), {
+    borderRadius: '50%'
+  })), "".concat(token.antCls, "-picker"), _defineProperty({}, "".concat(token.antCls, "-picker-clear"), {
+    borderRadius: '50%'
+  })), '&-icon', _defineProperty(_defineProperty({
+    color: token.colorIcon,
+    transition: 'color 0.3s',
+    fontSize: 12,
+    verticalAlign: 'middle'
+  }, "&".concat(token.componentCls, "-close"), {
+    display: 'none',
+    fontSize: 12,
+    alignItems: 'center',
+    justifyContent: 'center',
+    color: token.colorTextPlaceholder,
+    borderRadius: '50%'
+  }), '&:hover', {
+    color: token.colorIconHover
+  })), '&-disabled', _defineProperty({
+    color: token.colorTextPlaceholder,
+    cursor: 'not-allowed'
+  }, "".concat(token.componentCls, "-icon"), {
+    color: token.colorTextPlaceholder
+  })), '&-small', _defineProperty(_defineProperty(_defineProperty({
+    height: '24px',
+    paddingBlock: 0,
+    paddingInline: 4,
+    fontSize: token.fontSizeSM,
+    lineHeight: '24px'
+  }, "&".concat(token.componentCls, "-active"), {
+    paddingBlock: 0,
+    paddingInline: 8
+  }), "".concat(token.componentCls, "-icon"), {
+    paddingBlock: 0,
+    paddingInline: 0
+  }), "".concat(token.componentCls, "-close"), {
+    marginBlockStart: '-2px',
+    paddingBlock: 4,
+    paddingInline: 4,
+    fontSize: '6px'
+  })), '&-bordered', {
+    height: '32px',
+    paddingBlock: 0,
+    paddingInline: 8,
+    border: "".concat(token.lineWidth, "px solid ").concat(token.colorBorder),
+    borderRadius: '@border-radius-base'
+  }), '&-bordered&-small', {
+    height: '24px',
+    paddingBlock: 0,
+    paddingInline: 8
+  }), '&-bordered&-active', {
+    backgroundColor: token.colorBgContainer
+  }));
 };
-function useStyle(prefixCls) {
-  return useAntdStyle("FieldLabel", (token) => {
-    const proToken = __spreadProps(__spreadValues({}, token), {
-      componentCls: `.${prefixCls}`
+export function useStyle(prefixCls) {
+  return useAntdStyle('FieldLabel', function (token) {
+    var proToken = _objectSpread(_objectSpread({}, token), {}, {
+      componentCls: ".".concat(prefixCls)
     });
     return [genProStyle(proToken)];
   });
-}
-export {
-  useStyle
-};
+}

package/es/utils/components/FilterDropdown/index.js

@@ -1,85 +1,58 @@
-var __defProp = Object.defineProperty;
-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;
-};
-
-// src/utils/components/FilterDropdown/index.tsx
-import { ConfigProvider, Popover } from "antd";
-import classNames from "classnames";
-import React, { useContext, useRef } from "react";
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+import { ConfigProvider, Popover } from 'antd';
+import classNames from 'classnames';
+import React, { useContext, useRef } from 'react';
 import { DropdownFooter } from "../DropdownFooter";
 import { useStyle } from "./style";
-var FilterDropdown = (props) => {
-  const {
-    children,
-    label,
-    footer,
-    open,
-    onOpenChange,
-    disabled,
-    footerRender,
-    placement
-  } = props;
-  const { getPrefixCls } = useContext(ConfigProvider.ConfigContext);
-  const prefixCls = getPrefixCls("pro-core-field-dropdown");
-  const { wrapSSR, hashId } = useStyle(prefixCls);
-  const htmlRef = useRef(null);
-  return wrapSSR(
-    /* @__PURE__ */ React.createElement(
-      Popover,
-      {
-        placement,
-        trigger: ["click"],
-        open: open || false,
-        onOpenChange,
-        styles: {
-          body: {
-            padding: 0
-          }
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+var FilterDropdown = function FilterDropdown(props) {
+  var children = props.children,
+    label = props.label,
+    footer = props.footer,
+    open = props.open,
+    onOpenChange = props.onOpenChange,
+    disabled = props.disabled,
+    footerRender = props.footerRender,
+    placement = props.placement;
+  var _useContext = useContext(ConfigProvider.ConfigContext),
+    getPrefixCls = _useContext.getPrefixCls;
+  var prefixCls = getPrefixCls('pro-core-field-dropdown');
+  var _useStyle = useStyle(prefixCls),
+    wrapSSR = _useStyle.wrapSSR,
+    hashId = _useStyle.hashId;
+  var htmlRef = useRef(null);
+  return wrapSSR( /*#__PURE__*/_jsx(Popover, {
+    placement: placement,
+    trigger: ['click'],
+    open: open || false,
+    onOpenChange: onOpenChange,
+    styles: {
+      body: {
+        padding: 0
+      }
+    },
+    content: /*#__PURE__*/_jsxs("div", {
+      ref: htmlRef,
+      className: classNames("".concat(prefixCls, "-overlay"), _defineProperty(_defineProperty({}, "".concat(prefixCls, "-overlay-").concat(placement), placement), "hashId", hashId)),
+      children: [/*#__PURE__*/_jsx(ConfigProvider, {
+        getPopupContainer: function getPopupContainer() {
+          return htmlRef.current || document.body;
         },
-        content: /* @__PURE__ */ React.createElement(
-          "div",
-          {
-            ref: htmlRef,
-            className: classNames(`${prefixCls}-overlay`, {
-              [`${prefixCls}-overlay-${placement}`]: placement,
-              hashId
-            })
-          },
-          /* @__PURE__ */ React.createElement(
-            ConfigProvider,
-            {
-              getPopupContainer: () => {
-                return htmlRef.current || document.body;
-              }
-            },
-            /* @__PURE__ */ React.createElement("div", { className: `${prefixCls}-content ${hashId}`.trim() }, children)
-          ),
-          footer && /* @__PURE__ */ React.createElement(
-            DropdownFooter,
-            __spreadValues({
-              disabled,
-              footerRender
-            }, footer)
-          )
-        )
-      },
-      /* @__PURE__ */ React.createElement("span", { className: `${prefixCls}-label ${hashId}`.trim() }, label)
-    )
-  );
-};
-export {
-  FilterDropdown
+        children: /*#__PURE__*/_jsx("div", {
+          className: "".concat(prefixCls, "-content ").concat(hashId).trim(),
+          children: children
+        })
+      }), footer && /*#__PURE__*/_jsx(DropdownFooter, _objectSpread({
+        disabled: disabled,
+        footerRender: footerRender
+      }, footer))]
+    }),
+    children: /*#__PURE__*/_jsx("span", {
+      className: "".concat(prefixCls, "-label ").concat(hashId).trim(),
+      children: label
+    })
+  }));
 };
+export { FilterDropdown };