Update from Vibe Studio

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

@@ -0,0 +1,18 @@
+import type { CSSProperties } from 'react';
+import React from 'react';
+import type { PureSettings } from '../../defaultSettings';
+type GridContentProps = {
+    contentWidth?: PureSettings['contentWidth'];
+    children: React.ReactNode;
+    className?: string;
+    style?: CSSProperties;
+    prefixCls?: string;
+};
+/**
+ * This component can support contentWidth so you don't need to calculate the width
+ * contentWidth=Fixed, width will is 1200
+ *
+ * @param props
+ */
+declare const GridContent: React.FC<GridContentProps>;
+export { GridContent };

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

@@ -0,0 +1,45 @@
+"use strict";
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.GridContent = void 0;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _antd = require("antd");
+var _classnames = _interopRequireDefault(require("classnames"));
+var _react = _interopRequireWildcard(require("react"));
+var _RouteContext = require("../../context/RouteContext");
+var _style = require("./style");
+var _jsxRuntime = require("react/jsx-runtime");
+/**
+ * This component can support contentWidth so you don't need to calculate the width
+ * contentWidth=Fixed, width will is 1200
+ *
+ * @param props
+ */
+var GridContent = exports.GridContent = function GridContent(props) {
+  var value = (0, _react.useContext)(_RouteContext.RouteContext);
+  var children = props.children,
+    propsContentWidth = props.contentWidth,
+    propsClassName = props.className,
+    style = props.style;
+  var _useContext = (0, _react.useContext)(_antd.ConfigProvider.ConfigContext),
+    getPrefixCls = _useContext.getPrefixCls;
+  var prefixCls = props.prefixCls || getPrefixCls('pro');
+  var contentWidth = propsContentWidth || value.contentWidth;
+  var className = "".concat(prefixCls, "-grid-content");
+  var _useStyle = (0, _style.useStyle)(className),
+    wrapSSR = _useStyle.wrapSSR,
+    hashId = _useStyle.hashId;
+  var isWide = contentWidth === 'Fixed' && value.layout === 'top';
+  return wrapSSR( /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+    className: (0, _classnames.default)(className, hashId, propsClassName, (0, _defineProperty2.default)({}, "".concat(className, "-wide"), isWide)),
+    style: style,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      className: "".concat(prefixCls, "-grid-content-children ").concat(hashId).trim(),
+      children: children
+    })
+  }));
+};

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

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import type { ProAliasToken } from '@ant-design/pro-provider';
+export interface GridContentToken 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/GridContent/style.js

@@ -0,0 +1,27 @@
+"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 genGridContentStyle = function genGridContentStyle(token) {
+  return (0, _defineProperty2.default)({}, token.componentCls, {
+    width: '100%',
+    '&-wide': {
+      maxWidth: 1152,
+      margin: '0 auto'
+    }
+  });
+};
+function useStyle(prefixCls) {
+  return (0, _proProvider.useStyle)('ProLayoutGridContent', function (token) {
+    var GridContentToken = (0, _objectSpread2.default)((0, _objectSpread2.default)({}, token), {}, {
+      componentCls: ".".concat(prefixCls)
+    });
+    return [genGridContentStyle(GridContentToken)];
+  });
+}