Update from Vibe Studio

node_modules/@ant-design/pro-table/lib/components/Alert/index.d.ts

@@ -0,0 +1,18 @@
+import type { IntlType } from '@ant-design/pro-provider';
+import React, { Key } from 'react';
+export type AlertRenderType<T> = ((props: {
+    intl: IntlType;
+    selectedRowKeys: (number | string | Key)[];
+    selectedRows: T[];
+    onCleanSelected: () => void;
+}) => React.ReactNode) | false;
+export type TableAlertProps<T> = {
+    selectedRowKeys: (number | string | Key)[];
+    selectedRows: T[];
+    alwaysShowAlert?: boolean;
+    alertInfoRender?: AlertRenderType<T>;
+    onCleanSelected: () => void;
+    alertOptionRender?: AlertRenderType<T>;
+};
+declare function TableAlert<T>({ selectedRowKeys, onCleanSelected, alwaysShowAlert, selectedRows, alertInfoRender, alertOptionRender, }: TableAlertProps<T>): React.JSX.Element | null;
+export default TableAlert;

node_modules/@ant-design/pro-table/lib/components/Alert/index.js

@@ -0,0 +1,78 @@
+"use strict";
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _proProvider = require("@ant-design/pro-provider");
+var _antd = require("antd");
+var _react = _interopRequireWildcard(require("react"));
+var _style = require("./style");
+var _jsxRuntime = require("react/jsx-runtime");
+var defaultAlertOptionRender = function defaultAlertOptionRender(props) {
+  var intl = props.intl,
+    onCleanSelected = props.onCleanSelected;
+  return [/*#__PURE__*/(0, _jsxRuntime.jsx)("a", {
+    onClick: onCleanSelected,
+    children: intl.getMessage('alert.clear', '清空')
+  }, "0")];
+};
+function TableAlert(_ref) {
+  var _ref$selectedRowKeys = _ref.selectedRowKeys,
+    selectedRowKeys = _ref$selectedRowKeys === void 0 ? [] : _ref$selectedRowKeys,
+    onCleanSelected = _ref.onCleanSelected,
+    alwaysShowAlert = _ref.alwaysShowAlert,
+    selectedRows = _ref.selectedRows,
+    _ref$alertInfoRender = _ref.alertInfoRender,
+    alertInfoRender = _ref$alertInfoRender === void 0 ? function (_ref2) {
+      var intl = _ref2.intl;
+      return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_antd.Space, {
+        children: [intl.getMessage('alert.selected', '已选择'), selectedRowKeys.length, intl.getMessage('alert.item', '项'), "\xA0\xA0"]
+      });
+    } : _ref$alertInfoRender,
+    _ref$alertOptionRende = _ref.alertOptionRender,
+    alertOptionRender = _ref$alertOptionRende === void 0 ? defaultAlertOptionRender : _ref$alertOptionRende;
+  var intl = (0, _proProvider.useIntl)();
+  var option = alertOptionRender && alertOptionRender({
+    onCleanSelected: onCleanSelected,
+    selectedRowKeys: selectedRowKeys,
+    selectedRows: selectedRows,
+    intl: intl
+  });
+  var _useContext = (0, _react.useContext)(_antd.ConfigProvider.ConfigContext),
+    getPrefixCls = _useContext.getPrefixCls;
+  var className = getPrefixCls('pro-table-alert');
+  var _useStyle = (0, _style.useStyle)(className),
+    wrapSSR = _useStyle.wrapSSR,
+    hashId = _useStyle.hashId;
+  if (alertInfoRender === false) {
+    return null;
+  }
+  var dom = alertInfoRender({
+    intl: intl,
+    selectedRowKeys: selectedRowKeys,
+    selectedRows: selectedRows,
+    onCleanSelected: onCleanSelected
+  });
+  if (dom === false || selectedRowKeys.length < 1 && !alwaysShowAlert) {
+    return null;
+  }
+  return wrapSSR( /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+    className: "".concat(className, " ").concat(hashId).trim(),
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      className: "".concat(className, "-container ").concat(hashId).trim(),
+      children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+        className: "".concat(className, "-info ").concat(hashId).trim(),
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+          className: "".concat(className, "-info-content ").concat(hashId).trim(),
+          children: dom
+        }), option ? /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+          className: "".concat(className, "-info-option ").concat(hashId).trim(),
+          children: option
+        }) : null]
+      })
+    })
+  }));
+}
+var _default = exports.default = TableAlert;

node_modules/@ant-design/pro-table/lib/components/Alert/style.d.ts

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

@@ -0,0 +1,43 @@
+"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 genProStyle = function genProStyle(token) {
+  return (0, _defineProperty2.default)({}, token.componentCls, {
+    marginBlockEnd: 16,
+    backgroundColor: (0, _proProvider.setAlpha)(token.colorTextBase, 0.02),
+    borderRadius: token.borderRadius,
+    border: 'none',
+    '&-container': {
+      paddingBlock: token.paddingSM,
+      paddingInline: token.paddingLG
+    },
+    '&-info': {
+      display: 'flex',
+      alignItems: 'center',
+      transition: 'all 0.3s',
+      color: token.colorTextTertiary,
+      '&-content': {
+        flex: 1
+      },
+      '&-option': {
+        minWidth: 48,
+        paddingInlineStart: 16
+      }
+    }
+  });
+};
+function useStyle(prefixCls) {
+  return (0, _proProvider.useStyle)('ProTableAlert', function (token) {
+    var proToken = (0, _objectSpread2.default)((0, _objectSpread2.default)({}, token), {}, {
+      componentCls: ".".concat(prefixCls)
+    });
+    return [genProStyle(proToken)];
+  });
+}