Update from Vibe Studio

node_modules/@ant-design/pro-layout/lib/components/FooterToolbar/index.d.ts

@@ -0,0 +1,19 @@
+import type { GenerateStyle } from '@ant-design/pro-provider';
+import type { ReactNode } from 'react';
+import React from 'react';
+import type { RouteContextType } from '../../index';
+import type { FooterToolBarToken } from './style';
+export type FooterToolbarProps = {
+    extra?: React.ReactNode;
+    style?: React.CSSProperties;
+    className?: string;
+    renderContent?: (props: FooterToolbarProps & RouteContextType & {
+        leftWidth?: string;
+    }, dom: JSX.Element) => ReactNode;
+    prefixCls?: string;
+    stylish?: GenerateStyle<FooterToolBarToken>;
+    children?: React.ReactNode;
+    portalDom?: boolean;
+};
+declare const FooterToolbar: React.FC<FooterToolbarProps>;
+export { FooterToolbar };

node_modules/@ant-design/pro-layout/lib/components/FooterToolbar/index.js

@@ -0,0 +1,100 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.FooterToolbar = void 0;
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+var _proUtils = require("@ant-design/pro-utils");
+var _antd = require("antd");
+var _classnames = _interopRequireDefault(require("classnames"));
+var _omit = _interopRequireDefault(require("rc-util/lib/omit"));
+var _react = _interopRequireWildcard(require("react"));
+var _reactDom = require("react-dom");
+var _index = require("../../index");
+var _style = require("./style");
+var _stylish = require("./style/stylish");
+var _jsxRuntime = require("react/jsx-runtime");
+var _excluded = ["children", "className", "extra", "portalDom", "style", "renderContent"];
+/* eslint-disable react-hooks/exhaustive-deps */
+var FooterToolbar = exports.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 = (0, _objectWithoutProperties2.default)(props, _excluded);
+  var _useContext = (0, _react.useContext)(_antd.ConfigProvider.ConfigContext),
+    getPrefixCls = _useContext.getPrefixCls,
+    getTargetContainer = _useContext.getTargetContainer;
+  var prefixCls = props.prefixCls || getPrefixCls('pro');
+  var baseClassName = "".concat(prefixCls, "-footer-bar");
+  var _useStyle = (0, _style.useStyle)(baseClassName),
+    wrapSSR = _useStyle.wrapSSR,
+    hashId = _useStyle.hashId;
+  var value = (0, _react.useContext)(_index.RouteContext);
+  var width = (0, _react.useMemo)(function () {
+    var hasSiderMenu = value.hasSiderMenu,
+      isMobile = value.isMobile,
+      siderWidth = value.siderWidth;
+    if (!hasSiderMenu) {
+      return undefined;
+    }
+    // 0 or undefined
+    if (!siderWidth) {
+      return '100%';
+    }
+    return isMobile ? '100%' : "calc(100% - ".concat(siderWidth, "px)");
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [value.collapsed, value.hasSiderMenu, value.isMobile, value.siderWidth]);
+  var containerDom = (0, _react.useMemo)(function () {
+    if (typeof window === 'undefined' || typeof document === 'undefined') return null;
+    // 只读取一次就行了，不然总是的渲染
+    return (getTargetContainer === null || getTargetContainer === void 0 ? void 0 : getTargetContainer()) || document.body;
+  }, []);
+  var stylish = (0, _stylish.useStylish)("".concat(baseClassName, ".").concat(baseClassName, "-stylish"), {
+    stylish: props.stylish
+  });
+  var dom = /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      className: "".concat(baseClassName, "-left ").concat(hashId).trim(),
+      children: extra
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      className: "".concat(baseClassName, "-right ").concat(hashId).trim(),
+      children: children
+    })]
+  });
+
+  /** 告诉 props 是否存在 footerBar */
+  (0, _react.useEffect)(function () {
+    if (!value || !(value !== null && value !== void 0 && value.setHasFooterToolbar)) {
+      return function () {};
+    }
+    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
+  }, []);
+  var renderDom = /*#__PURE__*/(0, _jsxRuntime.jsx)("div", (0, _objectSpread2.default)((0, _objectSpread2.default)({
+    className: (0, _classnames.default)(className, hashId, baseClassName, (0, _defineProperty2.default)({}, "".concat(baseClassName, "-stylish"), !!props.stylish)),
+    style: (0, _objectSpread2.default)({
+      width: width
+    }, style)
+  }, (0, _omit.default)(restProps, ['prefixCls'])), {}, {
+    children: renderContent ? renderContent((0, _objectSpread2.default)((0, _objectSpread2.default)((0, _objectSpread2.default)({}, props), value), {}, {
+      leftWidth: width
+    }), dom) : dom
+  }));
+  var ssrDom = !(0, _proUtils.isBrowser)() || !portalDom || !containerDom ? renderDom : /*#__PURE__*/(0, _reactDom.createPortal)(renderDom, containerDom, baseClassName);
+  return stylish.wrapSSR(wrapSSR( /*#__PURE__*/(0, _jsxRuntime.jsx)(_react.default.Fragment, {
+    children: ssrDom
+  }, baseClassName)));
+};

node_modules/@ant-design/pro-layout/lib/components/FooterToolbar/style/index.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import type { ProAliasToken } from '@ant-design/pro-provider';
+export interface FooterToolBarToken extends ProAliasToken {
+    componentCls: string;
+}
+export declare function useStyle(prefixCls: string): {
+    wrapSSR: (node: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>) => import("react").JSX.Element;
+    hashId: string;
+};

node_modules/@ant-design/pro-layout/lib/components/FooterToolbar/style/index.js

@@ -0,0 +1,54 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useStyle = useStyle;
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _proProvider = require("@ant-design/pro-provider");
+var genFooterToolBarStyle = function genFooterToolBarStyle(token) {
+  return (0, _defineProperty2.default)({}, 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: (0, _proProvider.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,
+      '> *': {
+        marginInlineEnd: 8,
+        '&:last-child': {
+          marginBlock: 0,
+          marginInline: 0
+        }
+      }
+    }
+  });
+};
+function useStyle(prefixCls) {
+  return (0, _proProvider.useStyle)('ProLayoutFooterToolbar', function (token) {
+    var proCardToken = (0, _objectSpread2.default)((0, _objectSpread2.default)({}, token), {}, {
+      componentCls: ".".concat(prefixCls)
+    });
+    return [genFooterToolBarStyle(proCardToken)];
+  });
+}

node_modules/@ant-design/pro-layout/lib/components/FooterToolbar/style/stylish.d.ts

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+import type { GenerateStyle, ProAliasToken } from '@ant-design/pro-provider';
+export interface stylishToken extends ProAliasToken {
+    componentCls: string;
+}
+export declare function useStylish(prefixCls: string, { stylish, }: {
+    stylish?: GenerateStyle<stylishToken>;
+}): {
+    wrapSSR: (node: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>) => import("react").JSX.Element;
+    hashId: string;
+};

node_modules/@ant-design/pro-layout/lib/components/FooterToolbar/style/stylish.js

@@ -0,0 +1,20 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useStylish = useStylish;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
+var _proProvider = require("@ant-design/pro-provider");
+function useStylish(prefixCls, _ref) {
+  var stylish = _ref.stylish;
+  return (0, _proProvider.useStyle)('ProLayoutFooterToolbarStylish', function (token) {
+    var stylishToken = (0, _objectSpread2.default)((0, _objectSpread2.default)({}, token), {}, {
+      componentCls: ".".concat(prefixCls)
+    });
+    if (!stylish) return [];
+    return [(0, _defineProperty2.default)({}, "".concat(stylishToken.componentCls), stylish === null || stylish === void 0 ? void 0 : stylish(stylishToken))];
+  });
+}