Update from Vibe Studio

node_modules/@ant-design/pro-card/es/components/Loading/index.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+type LoadingProps = {
+    /** 类名 */
+    className?: string;
+    /** 样式属性 */
+    style?: React.CSSProperties;
+    /** Prefix */
+    prefix?: string;
+};
+declare const Loading: React.FC<LoadingProps>;
+export default Loading;

node_modules/@ant-design/pro-card/es/components/Loading/index.js

@@ -0,0 +1,82 @@
+import { Col, Row } from 'antd';
+import React from 'react';
+import { useStyle } from "./style";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+var Loading = function Loading(props) {
+  var style = props.style,
+    prefix = props.prefix;
+  var _useStyle = useStyle(prefix || 'ant-pro-card'),
+    wrapSSR = _useStyle.wrapSSR;
+  return wrapSSR( /*#__PURE__*/_jsxs("div", {
+    className: "".concat(prefix, "-loading-content"),
+    style: style,
+    children: [/*#__PURE__*/_jsx(Row, {
+      gutter: 8,
+      children: /*#__PURE__*/_jsx(Col, {
+        span: 22,
+        children: /*#__PURE__*/_jsx("div", {
+          className: "".concat(prefix, "-loading-block")
+        })
+      })
+    }), /*#__PURE__*/_jsxs(Row, {
+      gutter: 8,
+      children: [/*#__PURE__*/_jsx(Col, {
+        span: 8,
+        children: /*#__PURE__*/_jsx("div", {
+          className: "".concat(prefix, "-loading-block")
+        })
+      }), /*#__PURE__*/_jsx(Col, {
+        span: 15,
+        children: /*#__PURE__*/_jsx("div", {
+          className: "".concat(prefix, "-loading-block")
+        })
+      })]
+    }), /*#__PURE__*/_jsxs(Row, {
+      gutter: 8,
+      children: [/*#__PURE__*/_jsx(Col, {
+        span: 6,
+        children: /*#__PURE__*/_jsx("div", {
+          className: "".concat(prefix, "-loading-block")
+        })
+      }), /*#__PURE__*/_jsx(Col, {
+        span: 18,
+        children: /*#__PURE__*/_jsx("div", {
+          className: "".concat(prefix, "-loading-block")
+        })
+      })]
+    }), /*#__PURE__*/_jsxs(Row, {
+      gutter: 8,
+      children: [/*#__PURE__*/_jsx(Col, {
+        span: 13,
+        children: /*#__PURE__*/_jsx("div", {
+          className: "".concat(prefix, "-loading-block")
+        })
+      }), /*#__PURE__*/_jsx(Col, {
+        span: 9,
+        children: /*#__PURE__*/_jsx("div", {
+          className: "".concat(prefix, "-loading-block")
+        })
+      })]
+    }), /*#__PURE__*/_jsxs(Row, {
+      gutter: 8,
+      children: [/*#__PURE__*/_jsx(Col, {
+        span: 4,
+        children: /*#__PURE__*/_jsx("div", {
+          className: "".concat(prefix, "-loading-block")
+        })
+      }), /*#__PURE__*/_jsx(Col, {
+        span: 3,
+        children: /*#__PURE__*/_jsx("div", {
+          className: "".concat(prefix, "-loading-block")
+        })
+      }), /*#__PURE__*/_jsx(Col, {
+        span: 16,
+        children: /*#__PURE__*/_jsx("div", {
+          className: "".concat(prefix, "-loading-block")
+        })
+      })]
+    })]
+  }));
+};
+export default Loading;

node_modules/@ant-design/pro-card/es/components/Loading/style.d.ts

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+import { Keyframes } from '@ant-design/cssinjs';
+import type { ProAliasToken } from '@ant-design/pro-provider';
+export interface ProToken extends ProAliasToken {
+    componentCls: string;
+}
+export declare const cardLoading: Keyframes;
+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-card/es/components/Loading/style.js

@@ -0,0 +1,49 @@
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+import { Keyframes } from '@ant-design/cssinjs';
+import { useStyle as useAntdStyle } from '@ant-design/pro-provider';
+export var cardLoading = new Keyframes('card-loading', {
+  '0%': {
+    backgroundPosition: '0 50%'
+  },
+  '50%': {
+    backgroundPosition: '100% 50%'
+  },
+  '100%': {
+    backgroundPosition: '0 50%'
+  }
+});
+var genProStyle = function genProStyle(token) {
+  return _defineProperty({}, token.componentCls, _defineProperty(_defineProperty({
+    '&-loading': {
+      overflow: 'hidden'
+    },
+    '&-loading &-body': {
+      userSelect: 'none'
+    }
+  }, "".concat(token.componentCls, "-loading-content"), {
+    width: '100%',
+    p: {
+      marginBlock: 0,
+      marginInline: 0
+    }
+  }), "".concat(token.componentCls, "-loading-block"), {
+    height: '14px',
+    marginBlock: '4px',
+    background: "linear-gradient(90deg, rgba(54, 61, 64, 0.2), rgba(54, 61, 64, 0.4), rgba(54, 61, 64, 0.2))",
+    backgroundSize: '600% 600%',
+    borderRadius: token.borderRadius,
+    animationName: cardLoading,
+    animationDuration: '1.4s',
+    animationTimingFunction: 'ease',
+    animationIterationCount: 'infinite'
+  }));
+};
+export function useStyle(prefixCls) {
+  return useAntdStyle('ProCardLoading', function (token) {
+    var proToken = _objectSpread(_objectSpread({}, token), {}, {
+      componentCls: ".".concat(prefixCls)
+    });
+    return [genProStyle(proToken)];
+  });
+}