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

package/es/layout/components/CollapsedIcon/style.js

@@ -1,73 +1,49 @@
-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/layout/components/CollapsedIcon/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 genSiderMenuStyle = (token) => {
-  var _a, _b, _c, _d, _e, _f;
-  return {
-    [token.componentCls]: {
-      position: "absolute",
-      insetBlockStart: "18px",
-      zIndex: "101",
-      width: "24px",
-      height: "24px",
-      fontSize: ["14px", "16px"],
-      textAlign: "center",
-      borderRadius: "40px",
-      insetInlineEnd: "-13px",
-      transition: "transform 0.3s",
-      display: "flex",
-      alignItems: "center",
-      justifyContent: "center",
-      cursor: "pointer",
-      color: (_b = (_a = token.layout) == null ? void 0 : _a.sider) == null ? void 0 : _b.colorTextCollapsedButton,
-      backgroundColor: (_d = (_c = token.layout) == null ? void 0 : _c.sider) == null ? void 0 : _d.colorBgCollapsedButton,
-      boxShadow: "0 2px 8px -2px rgba(0,0,0,0.05), 0 1px 4px -1px rgba(25,15,15,0.07), 0 0 1px 0 rgba(0,0,0,0.08)",
-      "&:hover": {
-        color: (_f = (_e = token.layout) == null ? void 0 : _e.sider) == null ? void 0 : _f.colorTextCollapsedButtonHover,
-        boxShadow: "0 4px 16px -4px rgba(0,0,0,0.05), 0 2px 8px -2px rgba(25,15,15,0.07), 0 1px 2px 0 rgba(0,0,0,0.08)"
-      },
-      ".anticon": {
-        fontSize: "14px"
-      },
-      "& > svg": {
-        transition: "transform  0.3s",
-        transform: "rotate(90deg)"
-      },
-      "&-collapsed": {
-        "& > svg": {
-          transform: "rotate(-90deg)"
-        }
+var genSiderMenuStyle = function genSiderMenuStyle(token) {
+  var _token$layout, _token$layout2, _token$layout3;
+  return _defineProperty({}, token.componentCls, {
+    position: 'absolute',
+    insetBlockStart: '18px',
+    zIndex: '101',
+    width: '24px',
+    height: '24px',
+    fontSize: ['14px', '16px'],
+    textAlign: 'center',
+    borderRadius: '40px',
+    insetInlineEnd: '-13px',
+    transition: 'transform 0.3s',
+    display: 'flex',
+    alignItems: 'center',
+    justifyContent: 'center',
+    cursor: 'pointer',
+    color: (_token$layout = token.layout) === null || _token$layout === void 0 || (_token$layout = _token$layout.sider) === null || _token$layout === void 0 ? void 0 : _token$layout.colorTextCollapsedButton,
+    backgroundColor: (_token$layout2 = token.layout) === null || _token$layout2 === void 0 || (_token$layout2 = _token$layout2.sider) === null || _token$layout2 === void 0 ? void 0 : _token$layout2.colorBgCollapsedButton,
+    boxShadow: '0 2px 8px -2px rgba(0,0,0,0.05), 0 1px 4px -1px rgba(25,15,15,0.07), 0 0 1px 0 rgba(0,0,0,0.08)',
+    '&:hover': {
+      color: (_token$layout3 = token.layout) === null || _token$layout3 === void 0 || (_token$layout3 = _token$layout3.sider) === null || _token$layout3 === void 0 ? void 0 : _token$layout3.colorTextCollapsedButtonHover,
+      boxShadow: '0 4px 16px -4px rgba(0,0,0,0.05), 0 2px 8px -2px rgba(25,15,15,0.07), 0 1px 2px 0 rgba(0,0,0,0.08)'
+    },
+    '.anticon': {
+      fontSize: '14px'
+    },
+    '& > svg': {
+      transition: 'transform  0.3s',
+      transform: 'rotate(90deg)'
+    },
+    '&-collapsed': {
+      '& > svg': {
+        transform: 'rotate(-90deg)'
       }
     }
-  };
+  });
 };
-function useStyle(prefixCls) {
-  return useAntdStyle("SiderMenuCollapsedIcon", (token) => {
-    const siderMenuToken = __spreadProps(__spreadValues({}, token), {
-      componentCls: `.${prefixCls}`
+export function useStyle(prefixCls) {
+  return useAntdStyle('SiderMenuCollapsedIcon', function (token) {
+    var siderMenuToken = _objectSpread(_objectSpread({}, token), {}, {
+      componentCls: ".".concat(prefixCls)
     });
     return [genSiderMenuStyle(siderMenuToken)];
   });
-}
-export {
-  useStyle
-};
+}

package/es/layout/components/Footer.js

@@ -1,40 +1,29 @@
-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/layout/components/Footer.tsx
-import { CopyrightOutlined } from "@ant-design/icons";
-import { Layout } from "antd";
-import React, { Fragment } from "react";
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import { CopyrightOutlined } from '@ant-design/icons';
+import { Layout } from 'antd';
+import React, { Fragment } from 'react';
 import { GlobalFooter } from "./GlobalFooter";
-var { Footer } = Layout;
-var DefaultFooter = ({
-  links,
-  copyright,
-  style,
-  className,
-  prefixCls
-}) => /* @__PURE__ */ React.createElement(Footer, { className, style: __spreadValues({ padding: 0 }, style) }, /* @__PURE__ */ React.createElement(
-  GlobalFooter,
-  {
-    links,
-    prefixCls,
-    copyright: copyright === false ? null : /* @__PURE__ */ React.createElement(Fragment, null, /* @__PURE__ */ React.createElement(CopyrightOutlined, null), " ", copyright)
-  }
-));
-export {
-  DefaultFooter
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+var Footer = Layout.Footer;
+var DefaultFooter = function DefaultFooter(_ref) {
+  var links = _ref.links,
+    copyright = _ref.copyright,
+    style = _ref.style,
+    className = _ref.className,
+    prefixCls = _ref.prefixCls;
+  return /*#__PURE__*/_jsx(Footer, {
+    className: className,
+    style: _objectSpread({
+      padding: 0
+    }, style),
+    children: /*#__PURE__*/_jsx(GlobalFooter, {
+      links: links,
+      prefixCls: prefixCls,
+      copyright: copyright === false ? null : /*#__PURE__*/_jsxs(Fragment, {
+        children: [/*#__PURE__*/_jsx(CopyrightOutlined, {}), " ", copyright]
+      })
+    })
+  });
 };
+export { DefaultFooter };

package/es/layout/components/FooterToolbar/index.js

@@ -1,118 +1,94 @@
-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/layout/components/FooterToolbar/index.tsx
-import { ConfigProvider } from "antd";
-import classNames from "classnames";
-import omit from "rc-util/lib/omit";
-import React, { useContext, useEffect, useMemo } from "react";
-import { createPortal } from "react-dom";
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+var _excluded = ["children", "className", "extra", "portalDom", "style", "renderContent"];
+/* eslint-disable react-hooks/exhaustive-deps */import { omit } from '@rc-component/util';
+import { ConfigProvider } from 'antd';
+import classNames from 'classnames';
+import React, { useContext, useEffect, useMemo } from 'react';
+import { createPortal } from 'react-dom';
 import { isBrowser } from "../../../utils";
 import { RouteContext } from "../../index";
 import { useStyle } from "./style";
 import { useStylish } from "./style/stylish";
-var FooterToolbar = (props) => {
-  const _a = props, {
-    children,
-    className,
-    extra,
-    portalDom = true,
-    style,
-    renderContent
-  } = _a, restProps = __objRest(_a, [
-    "children",
-    "className",
-    "extra",
-    "portalDom",
-    "style",
-    "renderContent"
-  ]);
-  const { getPrefixCls, getTargetContainer } = useContext(
-    ConfigProvider.ConfigContext
-  );
-  const prefixCls = props.prefixCls || getPrefixCls("pro");
-  const baseClassName = `${prefixCls}-footer-bar`;
-  const { wrapSSR, hashId } = useStyle(baseClassName);
-  const value = useContext(RouteContext);
-  const width = useMemo(() => {
-    const { hasSiderMenu, isMobile, siderWidth } = value;
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Fragment as _Fragment } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+var FooterToolbar = function FooterToolbar(props) {
+  var children = props.children,
+    className = props.className,
+    extra = props.extra,
+    _props$portalDom = props.portalDom,
+    portalDom = _props$portalDom === void 0 ? true : _props$portalDom,
+    style = props.style,
+    renderContent = props.renderContent,
+    restProps = _objectWithoutProperties(props, _excluded);
+  var _useContext = useContext(ConfigProvider.ConfigContext),
+    getPrefixCls = _useContext.getPrefixCls,
+    getTargetContainer = _useContext.getTargetContainer;
+  var prefixCls = props.prefixCls || getPrefixCls('pro');
+  var baseClassName = "".concat(prefixCls, "-footer-bar");
+  var _useStyle = useStyle(baseClassName),
+    wrapSSR = _useStyle.wrapSSR,
+    hashId = _useStyle.hashId;
+  var value = useContext(RouteContext);
+  var width = useMemo(function () {
+    var hasSiderMenu = value.hasSiderMenu,
+      isMobile = value.isMobile,
+      siderWidth = value.siderWidth;
     if (!hasSiderMenu) {
-      return void 0;
+      return undefined;
     }
+    // 0 or undefined
     if (!siderWidth) {
-      return "100%";
+      return '100%';
     }
-    return isMobile ? "100%" : `calc(100% - ${siderWidth}px)`;
+    return isMobile ? '100%' : "calc(100% - ".concat(siderWidth, "px)");
+    // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [value.collapsed, value.hasSiderMenu, value.isMobile, value.siderWidth]);
-  const containerDom = useMemo(() => {
-    if (typeof window === "undefined" || typeof document === "undefined")
-      return null;
-    return (getTargetContainer == null ? void 0 : getTargetContainer()) || document.body;
+  var containerDom = useMemo(function () {
+    if (typeof window === 'undefined' || typeof document === 'undefined') return null;
+    // 只读取一次就行了，不然总是的渲染
+    return (getTargetContainer === null || getTargetContainer === void 0 ? void 0 : getTargetContainer()) || document.body;
   }, []);
-  const stylish = useStylish(`${baseClassName}.${baseClassName}-stylish`, {
+  var stylish = useStylish("".concat(baseClassName, ".").concat(baseClassName, "-stylish"), {
     stylish: props.stylish
   });
-  const dom = /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement("div", { className: `${baseClassName}-left ${hashId}`.trim() }, extra), /* @__PURE__ */ React.createElement("div", { className: `${baseClassName}-right ${hashId}`.trim() }, children));
-  useEffect(() => {
-    if (!value || !(value == null ? void 0 : value.setHasFooterToolbar)) {
-      return () => {
-      };
+  var dom = /*#__PURE__*/_jsxs(_Fragment, {
+    children: [/*#__PURE__*/_jsx("div", {
+      className: "".concat(baseClassName, "-left ").concat(hashId).trim(),
+      children: extra
+    }), /*#__PURE__*/_jsx("div", {
+      className: "".concat(baseClassName, "-right ").concat(hashId).trim(),
+      children: children
+    })]
+  });
+
+  /** 告诉 props 是否存在 footerBar */
+  useEffect(function () {
+    if (!value || !(value !== null && value !== void 0 && value.setHasFooterToolbar)) {
+      return function () {};
     }
-    value == null ? void 0 : value.setHasFooterToolbar(true);
-    return () => {
-      var _a2;
-      (_a2 = value == null ? void 0 : value.setHasFooterToolbar) == null ? void 0 : _a2.call(value, false);
+    value === null || value === void 0 || value.setHasFooterToolbar(true);
+    return function () {
+      var _value$setHasFooterTo;
+      value === null || value === void 0 || (_value$setHasFooterTo = value.setHasFooterToolbar) === null || _value$setHasFooterTo === void 0 || _value$setHasFooterTo.call(value, false);
     };
+    // eslint-disable-next-line react-hooks/exhaustive-deps
   }, []);
-  const renderDom = /* @__PURE__ */ React.createElement(
-    "div",
-    __spreadValues({
-      className: classNames(className, hashId, baseClassName, {
-        [`${baseClassName}-stylish`]: !!props.stylish
-      }),
-      style: __spreadValues({ width }, style)
-    }, omit(restProps, ["prefixCls"])),
-    renderContent ? renderContent(
-      __spreadProps(__spreadValues(__spreadValues({}, props), value), {
-        leftWidth: width
-      }),
-      dom
-    ) : dom
-  );
-  const ssrDom = !isBrowser() || !portalDom || !containerDom ? renderDom : createPortal(renderDom, containerDom, baseClassName);
-  return stylish.wrapSSR(
-    wrapSSR(/* @__PURE__ */ React.createElement(React.Fragment, { key: baseClassName }, ssrDom))
-  );
-};
-export {
-  FooterToolbar
+  var renderDom = /*#__PURE__*/_jsx("div", _objectSpread(_objectSpread({
+    className: classNames(className, hashId, baseClassName, _defineProperty({}, "".concat(baseClassName, "-stylish"), !!props.stylish)),
+    style: _objectSpread({
+      width: width
+    }, style)
+  }, omit(restProps, ['prefixCls'])), {}, {
+    children: renderContent ? renderContent(_objectSpread(_objectSpread(_objectSpread({}, props), value), {}, {
+      leftWidth: width
+    }), dom) : dom
+  }));
+  var ssrDom = !isBrowser() || !portalDom || !containerDom ? renderDom : /*#__PURE__*/createPortal(renderDom, containerDom, baseClassName);
+  return stylish.wrapSSR(wrapSSR( /*#__PURE__*/_jsx(React.Fragment, {
+    children: ssrDom
+  }, baseClassName)));
 };
+export { FooterToolbar };

package/es/layout/components/FooterToolbar/style/index.js

@@ -1,71 +1,47 @@
-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/layout/components/FooterToolbar/style/index.ts
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import { setAlpha, useStyle as useAntdStyle } from "../../../../provider";
-var genFooterToolBarStyle = (token) => {
-  return {
-    [token.componentCls]: {
-      position: "fixed",
-      insetInlineEnd: 0,
-      bottom: 0,
-      zIndex: 99,
-      display: "flex",
-      alignItems: "center",
-      width: "100%",
-      paddingInline: 24,
-      paddingBlock: 0,
-      boxSizing: "border-box",
-      lineHeight: "64px",
-      /* A way to reset the style of the component. */
-      backgroundColor: setAlpha(token.colorBgElevated, 0.6),
-      borderBlockStart: `1px solid ${token.colorSplit}`,
-      "-webkit-backdrop-filter": "blur(8px)",
-      backdropFilter: "blur(8px)",
+var genFooterToolBarStyle = function genFooterToolBarStyle(token) {
+  return _defineProperty({}, token.componentCls, {
+    position: 'fixed',
+    insetInlineEnd: 0,
+    bottom: 0,
+    zIndex: 99,
+    display: 'flex',
+    alignItems: 'center',
+    width: '100%',
+    paddingInline: 24,
+    paddingBlock: 0,
+    boxSizing: 'border-box',
+    lineHeight: '64px',
+    /* A way to reset the style of the component. */
+    backgroundColor: setAlpha(token.colorBgElevated, 0.6),
+    borderBlockStart: "1px solid ".concat(token.colorSplit),
+    '-webkit-backdrop-filter': 'blur(8px)',
+    backdropFilter: 'blur(8px)',
+    color: token.colorText,
+    transition: 'all 0.2s ease 0s',
+    '&-left': {
+      flex: 1,
+      color: token.colorText
+    },
+    '&-right': {
       color: token.colorText,
-      transition: "all 0.2s ease 0s",
-      "&-left": {
-        flex: 1,
-        color: token.colorText
-      },
-      "&-right": {
-        color: token.colorText,
-        "> *": {
-          marginInlineEnd: 8,
-          "&:last-child": {
-            marginBlock: 0,
-            marginInline: 0
-          }
+      '> *': {
+        marginInlineEnd: 8,
+        '&:last-child': {
+          marginBlock: 0,
+          marginInline: 0
         }
       }
     }
-  };
+  });
 };
-function useStyle(prefixCls) {
-  return useAntdStyle("ProLayoutFooterToolbar", (token) => {
-    const proCardToken = __spreadProps(__spreadValues({}, token), {
-      componentCls: `.${prefixCls}`
+export function useStyle(prefixCls) {
+  return useAntdStyle('ProLayoutFooterToolbar', function (token) {
+    var proCardToken = _objectSpread(_objectSpread({}, token), {}, {
+      componentCls: ".".concat(prefixCls)
     });
     return [genFooterToolBarStyle(proCardToken)];
   });
-}
-export {
-  useStyle
-};
+}

package/es/layout/components/FooterToolbar/style/stylish.js

@@ -1,41 +1,13 @@
-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/layout/components/FooterToolbar/style/stylish.ts
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
 import { useStyle as useAntdStyle } from "../../../../provider";
-function useStylish(prefixCls, {
-  stylish
-}) {
-  return useAntdStyle("ProLayoutFooterToolbarStylish", (token) => {
-    const stylishToken = __spreadProps(__spreadValues({}, token), {
-      componentCls: `.${prefixCls}`
+export function useStylish(prefixCls, _ref) {
+  var stylish = _ref.stylish;
+  return useAntdStyle('ProLayoutFooterToolbarStylish', function (token) {
+    var stylishToken = _objectSpread(_objectSpread({}, token), {}, {
+      componentCls: ".".concat(prefixCls)
     });
-    if (!stylish)
-      return [];
-    return [
-      {
-        [`${stylishToken.componentCls}`]: stylish == null ? void 0 : stylish(stylishToken)
-      }
-    ];
+    if (!stylish) return [];
+    return [_defineProperty({}, "".concat(stylishToken.componentCls), stylish === null || stylish === void 0 ? void 0 : stylish(stylishToken))];
   });
-}
-export {
-  useStylish
-};
+}

package/es/layout/components/GlobalFooter/index.js

@@ -1,36 +1,42 @@
-// src/layout/components/GlobalFooter/index.tsx
-import { ConfigProvider } from "antd";
-import classNames from "classnames";
-import React, { useContext } from "react";
+import { ConfigProvider } from 'antd';
+import classNames from 'classnames';
+import React, { useContext } from 'react';
 import { useStyle } from "./style";
-var GlobalFooter = ({
-  className,
-  prefixCls,
-  links,
-  copyright,
-  style
-}) => {
-  const context = useContext(ConfigProvider.ConfigContext);
-  const baseClassName = context.getPrefixCls(prefixCls || "pro-global-footer");
-  const { wrapSSR, hashId } = useStyle(baseClassName);
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+var GlobalFooter = function GlobalFooter(_ref) {
+  var className = _ref.className,
+    prefixCls = _ref.prefixCls,
+    links = _ref.links,
+    copyright = _ref.copyright,
+    style = _ref.style;
+  var context = useContext(ConfigProvider.ConfigContext);
+  var baseClassName = context.getPrefixCls(prefixCls || 'pro-global-footer');
+  var _useStyle = useStyle(baseClassName),
+    wrapSSR = _useStyle.wrapSSR,
+    hashId = _useStyle.hashId;
   if ((links == null || links === false || Array.isArray(links) && links.length === 0) && (copyright == null || copyright === false)) {
     return null;
   }
-  return wrapSSR(
-    /* @__PURE__ */ React.createElement("div", { className: classNames(baseClassName, hashId, className), style }, links && /* @__PURE__ */ React.createElement("div", { className: `${baseClassName}-list ${hashId}`.trim() }, links.map((link) => /* @__PURE__ */ React.createElement(
-      "a",
-      {
-        className: `${baseClassName}-list-link ${hashId}`.trim(),
-        key: link.key,
-        title: link.key,
-        target: link.blankTarget ? "_blank" : "_self",
-        href: link.href,
-        rel: "noreferrer"
-      },
-      link.title
-    ))), copyright && /* @__PURE__ */ React.createElement("div", { className: `${baseClassName}-copyright ${hashId}`.trim() }, copyright))
-  );
-};
-export {
-  GlobalFooter
+  return wrapSSR( /*#__PURE__*/_jsxs("div", {
+    className: classNames(baseClassName, hashId, className),
+    style: style,
+    children: [links && /*#__PURE__*/_jsx("div", {
+      className: "".concat(baseClassName, "-list ").concat(hashId).trim(),
+      children: links.map(function (link) {
+        return /*#__PURE__*/_jsx("a", {
+          className: "".concat(baseClassName, "-list-link ").concat(hashId).trim(),
+          title: link.key,
+          target: link.blankTarget ? '_blank' : '_self',
+          href: link.href,
+          rel: "noreferrer",
+          children: link.title
+        }, link.key);
+      })
+    }), copyright && /*#__PURE__*/_jsx("div", {
+      className: "".concat(baseClassName, "-copyright ").concat(hashId).trim(),
+      children: copyright
+    })]
+  }));
 };
+export { GlobalFooter };