@ant-design/pro-components 2.8.10 → 3.0.0-beta.2

package/lib/card/components/Statistic/index.js

@@ -0,0 +1,89 @@
+"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.default = 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 _icons = require("@ant-design/icons");
+var _antd = require("antd");
+var _classnames = _interopRequireDefault(require("classnames"));
+var _react = _interopRequireWildcard(require("react"));
+var _style = require("./style");
+var _jsxRuntime = require("react/jsx-runtime");
+var _excluded = ["className", "layout", "style", "description", "children", "title", "tip", "status", "trend", "prefix", "icon"];
+var Statistic = function Statistic(props) {
+  var className = props.className,
+    _props$layout = props.layout,
+    layout = _props$layout === void 0 ? 'inline' : _props$layout,
+    style = props.style,
+    description = props.description,
+    children = props.children,
+    title = props.title,
+    tip = props.tip,
+    status = props.status,
+    trend = props.trend,
+    prefix = props.prefix,
+    icon = props.icon,
+    others = (0, _objectWithoutProperties2.default)(props, _excluded);
+  var _useContext = (0, _react.useContext)(_antd.ConfigProvider.ConfigContext),
+    getPrefixCls = _useContext.getPrefixCls;
+  var prefixCls = getPrefixCls('pro-card-statistic');
+  var _useStyle = (0, _style.useStyle)(prefixCls),
+    wrapSSR = _useStyle.wrapSSR,
+    hashId = _useStyle.hashId;
+  var classString = (0, _classnames.default)(prefixCls, className, hashId);
+  var statusClass = (0, _classnames.default)("".concat(prefixCls, "-status"), hashId);
+  var iconClass = (0, _classnames.default)("".concat(prefixCls, "-icon"), hashId);
+  var wrapperClass = (0, _classnames.default)("".concat(prefixCls, "-wrapper"), hashId);
+  var contentClass = (0, _classnames.default)("".concat(prefixCls, "-content"), hashId);
+  var statisticClassName = (0, _classnames.default)(hashId, (0, _defineProperty2.default)((0, _defineProperty2.default)({}, "".concat(prefixCls, "-layout-").concat(layout), layout), "".concat(prefixCls, "-trend-").concat(trend), trend));
+  var tipDom = tip && /*#__PURE__*/(0, _jsxRuntime.jsx)(_antd.Tooltip, {
+    title: tip,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_icons.QuestionCircleOutlined, {
+      className: "".concat(prefixCls, "-tip ").concat(hashId).trim()
+    })
+  });
+  var trendIconClassName = (0, _classnames.default)("".concat(prefixCls, "-trend-icon"), hashId, (0, _defineProperty2.default)({}, "".concat(prefixCls, "-trend-icon-").concat(trend), trend));
+  var trendDom = trend && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+    className: trendIconClassName
+  });
+  var statusDom = status && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+    className: statusClass,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_antd.Badge, {
+      status: status,
+      text: null
+    })
+  });
+  var iconDom = icon && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+    className: iconClass,
+    children: icon
+  });
+  return wrapSSR( /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+    className: classString,
+    style: style,
+    children: [iconDom, /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+      className: wrapperClass,
+      children: [statusDom, /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+        className: contentClass,
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_antd.Statistic, (0, _objectSpread2.default)({
+          title: (title || tipDom) && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+            children: [title, tipDom]
+          }),
+          prefix: (trendDom || prefix) && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+            children: [trendDom, prefix]
+          }),
+          className: statisticClassName
+        }, others)), description && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+          className: "".concat(prefixCls, "-description ").concat(hashId).trim(),
+          children: description
+        })]
+      })]
+    })]
+  }));
+};
+var _default = exports.default = Statistic;

package/lib/card/components/Statistic/style.d.ts

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

package/lib/card/components/Statistic/style.js

@@ -0,0 +1,91 @@
+"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 _provider = require("../../../provider");
+var genProStyle = function genProStyle(token) {
+  return (0, _defineProperty2.default)({}, token.componentCls, (0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)({
+    display: 'flex',
+    fontSize: token.fontSize,
+    '& + &': {
+      marginBlockStart: 4
+    },
+    '&-tip': {
+      marginInlineStart: 4
+    },
+    '&-wrapper': (0, _defineProperty2.default)({
+      display: 'flex',
+      width: '100%'
+    }, "".concat(token.componentCls, "-status"), {
+      width: '14px'
+    }),
+    '&-icon': {
+      marginInlineEnd: 16
+    },
+    '&-trend-icon': {
+      width: 0,
+      height: 0,
+      borderInlineEnd: '3.5px solid transparent',
+      borderBlockEnd: '9px solid #000',
+      borderInlineStart: '3.5px solid transparent',
+      '&-up': {
+        transform: 'rotate(0deg)'
+      },
+      '&-down': {
+        transform: 'rotate(180deg)'
+      }
+    },
+    '&-content': (0, _defineProperty2.default)({
+      width: '100%'
+    }, "".concat(token.antCls, "-statistic-content"), {
+      '&-value-int': {
+        fontSize: token.fontSizeHeading3
+      }
+    }),
+    '&-description': {
+      width: '100%'
+    }
+  }, "".concat(token.antCls, "-statistic-title"), {
+    color: token.colorText
+  }), '&-trend-up', (0, _defineProperty2.default)({}, "".concat(token.antCls, "-statistic-content"), (0, _defineProperty2.default)({
+    color: '#f5222d'
+  }, "".concat(token.componentCls, "-trend-icon"), {
+    borderBlockEndColor: '#f5222d'
+  }))), '&-trend-down', (0, _defineProperty2.default)({}, "".concat(token.antCls, "-statistic-content"), (0, _defineProperty2.default)({
+    color: '#389e0d'
+  }, "".concat(token.componentCls, "-trend-icon"), {
+    borderBlockEndColor: '#52c41a'
+  }))), '& &-layout-horizontal', (0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)({
+    display: 'flex',
+    justifyContent: 'space-between'
+  }, "".concat(token.antCls, "-statistic-title"), {
+    marginBlockEnd: 0
+  }), "".concat(token.antCls, "-statistic-content-value"), {
+    fontWeight: 500
+  }), "".concat(token.antCls, "-statistic-title,").concat(token.antCls, "-statistic-content,").concat(token.antCls, "-statistic-content-suffix,").concat(token.antCls, "-statistic-content-prefix,").concat(token.antCls, "-statistic-content-value-decimal"), {
+    fontSize: token.fontSize
+  })), '& &-layout-inline', (0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)({
+    display: 'inline-flex',
+    color: token.colorTextSecondary
+  }, "".concat(token.antCls, "-statistic-title"), {
+    marginInlineEnd: '6px',
+    marginBlockEnd: 0
+  }), "".concat(token.antCls, "-statistic-content"), {
+    color: token.colorTextSecondary
+  }), "".concat(token.antCls, "-statistic-title,").concat(token.antCls, "-statistic-content,").concat(token.antCls, "-statistic-content-suffix,").concat(token.antCls, "-statistic-content-prefix,").concat(token.antCls, "-statistic-content-value-decimal"), {
+    fontSize: token.fontSizeSM
+  })));
+};
+function useStyle(prefixCls) {
+  return (0, _provider.useStyle)('Statistic', function (token) {
+    var proListToken = (0, _objectSpread2.default)((0, _objectSpread2.default)({}, token), {}, {
+      componentCls: ".".concat(prefixCls)
+    });
+    return [genProStyle(proListToken)];
+  });
+}

package/lib/card/components/StatisticCard/index.d.ts

@@ -0,0 +1,25 @@
+import React from 'react';
+import type { CardProps } from '../../typing';
+import Divider from '../Divider';
+import Operation from '../Operation';
+import type { StatisticProps } from '../Statistic';
+import Statistic from '../Statistic';
+export type StatisticCardProps = {
+    /** 图表配置 */
+    chart?: React.ReactNode;
+    /** 数值统计配置 */
+    statistic?: StatisticProps;
+    /** Chart 相对于 statistic 的位置 */
+    chartPlacement?: 'right' | 'bottom' | 'left';
+    /** 底部额外展示区域 */
+    footer?: React.ReactNode;
+} & CardProps;
+declare const StatisticCard: React.FC<StatisticCardProps> & {
+    Statistic: typeof Statistic;
+    Divider: typeof Divider;
+    Operation: typeof Operation;
+    isProCard: boolean;
+    Group: typeof Group;
+};
+declare const Group: React.FC<StatisticCardProps>;
+export default StatisticCard;

package/lib/card/components/StatisticCard/index.js

@@ -0,0 +1,79 @@
+"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.default = void 0;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+var _antd = require("antd");
+var _classnames = _interopRequireDefault(require("classnames"));
+var _react = _interopRequireWildcard(require("react"));
+var _Card = _interopRequireDefault(require("../Card"));
+var _Divider = _interopRequireDefault(require("../Divider"));
+var _Operation = _interopRequireDefault(require("../Operation"));
+var _Statistic = _interopRequireDefault(require("../Statistic"));
+var _style = require("./style");
+var _jsxRuntime = require("react/jsx-runtime");
+var _excluded = ["children", "statistic", "className", "chart", "chartPlacement", "footer"];
+var StatisticCard = function StatisticCard(props) {
+  var children = props.children,
+    statistic = props.statistic,
+    className = props.className,
+    chart = props.chart,
+    chartPlacement = props.chartPlacement,
+    footer = props.footer,
+    others = (0, _objectWithoutProperties2.default)(props, _excluded);
+  var _useContext = (0, _react.useContext)(_antd.ConfigProvider.ConfigContext),
+    getPrefixCls = _useContext.getPrefixCls;
+  var prefixCls = getPrefixCls('pro-statistic-card');
+  var _useStyle = (0, _style.useStyle)(prefixCls),
+    wrapSSR = _useStyle.wrapSSR,
+    hashId = _useStyle.hashId;
+  var classString = (0, _classnames.default)(prefixCls, className, hashId);
+
+  // 在 StatisticCard 中时默认为 vertical。
+  var statisticDom = statistic && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Statistic.default, (0, _objectSpread2.default)({
+    layout: "vertical"
+  }, statistic));
+  var chartCls = (0, _classnames.default)("".concat(prefixCls, "-chart"), hashId, (0, _defineProperty2.default)((0, _defineProperty2.default)({}, "".concat(prefixCls, "-chart-left"), chartPlacement === 'left' && chart && statistic), "".concat(prefixCls, "-chart-right"), chartPlacement === 'right' && chart && statistic));
+  var chartDom = chart && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+    className: chartCls,
+    children: chart
+  });
+  var contentCls = (0, _classnames.default)("".concat(prefixCls, "-content "), hashId, (0, _defineProperty2.default)({}, "".concat(prefixCls, "-content-horizontal"), chartPlacement === 'left' || chartPlacement === 'right'));
+
+  // 默认上下结构
+  var contentDom = (chartDom || statisticDom) && (chartPlacement === 'left' ? /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+    className: contentCls,
+    children: [chartDom, statisticDom]
+  }) : /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+    className: contentCls,
+    children: [statisticDom, chartDom]
+  }));
+  var footerDom = footer && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+    className: "".concat(prefixCls, "-footer ").concat(hashId).trim(),
+    children: footer
+  });
+  return wrapSSR( /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Card.default, (0, _objectSpread2.default)((0, _objectSpread2.default)({
+    className: classString
+  }, others), {}, {
+    children: [contentDom, children, footerDom]
+  })));
+};
+var Group = function Group(props) {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(StatisticCard, (0, _objectSpread2.default)({
+    bodyStyle: {
+      padding: 0
+    }
+  }, props));
+};
+StatisticCard.Statistic = _Statistic.default;
+StatisticCard.Divider = _Divider.default;
+StatisticCard.Operation = _Operation.default;
+StatisticCard.isProCard = true;
+StatisticCard.Group = Group;
+var _default = exports.default = StatisticCard;

package/lib/card/components/StatisticCard/style.d.ts

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

package/lib/card/components/StatisticCard/style.js

@@ -0,0 +1,51 @@
+"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 _provider = require("../../../provider");
+var genProStyle = function genProStyle(token) {
+  return (0, _defineProperty2.default)({}, token.componentCls, {
+    '&-chart': {
+      display: 'flex',
+      flexDirection: 'column',
+      marginBlockStart: 8,
+      marginBlockEnd: 8,
+      '&-left': {
+        marginBlockStart: 0,
+        marginInlineEnd: '16px'
+      },
+      '&-right': {
+        marginBlockStart: 0,
+        marginInlineStart: '16px'
+      }
+    },
+    '&-content': {
+      display: 'flex',
+      flexDirection: 'column',
+      '&-horizontal': (0, _defineProperty2.default)({
+        flexDirection: 'row'
+      }, "".concat(token.componentCls, "-chart"), {
+        alignItems: 'center',
+        alignSelf: 'flex-start'
+      })
+    },
+    '&-footer': {
+      marginBlockStart: 8,
+      paddingBlockStart: '16px',
+      borderBlockStart: "rgba(0, 0, 0, 0.08) solid ".concat(token.colorBorder)
+    }
+  });
+};
+function useStyle(prefixCls) {
+  return (0, _provider.useStyle)('StatisticCard', function (token) {
+    var proListToken = (0, _objectSpread2.default)((0, _objectSpread2.default)({}, token), {}, {
+      componentCls: ".".concat(prefixCls)
+    });
+    return [genProStyle(proListToken)];
+  });
+}

package/lib/card/index.d.ts

@@ -0,0 +1,12 @@
+import type { CheckCardGroupProps, CheckCardProps } from './components/CheckCard';
+import CheckCard from './components/CheckCard';
+import type { StatisticProps } from './components/Statistic';
+import Statistic from './components/Statistic';
+import type { StatisticCardProps } from './components/StatisticCard';
+import StatisticCard from './components/StatisticCard';
+import type { ProCardProps } from './ProCard';
+import ProCard from './ProCard';
+import type { ProCardTabsProps } from './typing';
+export { CheckCard, ProCard, Statistic, StatisticCard };
+export type { CheckCardGroupProps, CheckCardProps, ProCardProps, ProCardTabsProps, StatisticCardProps, StatisticProps, };
+export default ProCard;

package/lib/card/index.js

@@ -0,0 +1,36 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "CheckCard", {
+  enumerable: true,
+  get: function get() {
+    return _CheckCard.default;
+  }
+});
+Object.defineProperty(exports, "ProCard", {
+  enumerable: true,
+  get: function get() {
+    return _ProCard.default;
+  }
+});
+Object.defineProperty(exports, "Statistic", {
+  enumerable: true,
+  get: function get() {
+    return _Statistic.default;
+  }
+});
+Object.defineProperty(exports, "StatisticCard", {
+  enumerable: true,
+  get: function get() {
+    return _StatisticCard.default;
+  }
+});
+exports.default = void 0;
+var _CheckCard = _interopRequireDefault(require("./components/CheckCard"));
+var _Statistic = _interopRequireDefault(require("./components/Statistic"));
+var _StatisticCard = _interopRequireDefault(require("./components/StatisticCard"));
+var _ProCard = _interopRequireDefault(require("./ProCard"));
+var _default = exports.default = _ProCard.default;

package/lib/card/typing.d.ts

@@ -0,0 +1,91 @@
+import type { TabPaneProps, TabsProps } from 'antd';
+import type { LabelTooltipType } from 'antd/lib/form/FormItemLabel';
+import type { ReactNode } from 'react';
+export type Breakpoint = 'xxl' | 'xl' | 'lg' | 'md' | 'sm' | 'xs';
+export type Gutter = number | Partial<Record<Breakpoint, number>>;
+export type ColSpanType = number | string;
+type CollapsibleType = 'icon' | 'header' | boolean;
+type CardPropsBase = {
+    /** 标题样式 */
+    headStyle?: React.CSSProperties;
+    /** 内容样式 */
+    bodyStyle?: React.CSSProperties;
+    /** 页头是否有分割线 */
+    headerBordered?: boolean;
+    /** 卡片标题 */
+    title?: React.ReactNode;
+    /** 副标题 */
+    subTitle?: React.ReactNode;
+    /** 标题说明 */
+    tooltip?: string | LabelTooltipType;
+    /** 右上角自定义区域 */
+    extra?: React.ReactNode;
+    /** 布局，center 代表垂直居中 */
+    layout?: 'default' | 'center';
+    /** 卡片类型 */
+    type?: 'default' | 'inner';
+    /** 指定 Flex 方向，仅在嵌套子卡片时有效 */
+    direction?: 'column' | 'row';
+    /** 是否自动换行，仅在嵌套子卡片时有效 */
+    wrap?: boolean;
+    /** 尺寸 */
+    size?: 'default' | 'small';
+    /** 加载中 */
+    loading?: boolean | ReactNode;
+    /** 栅格布局宽度，24 栅格，支持指定宽度或百分，需要支持响应式 colSpan={{ xs: 12, sm: 6 }} */
+    colSpan?: ColSpanType | Partial<Record<Breakpoint, ColSpanType>>;
+    colStyle?: React.CSSProperties;
+    /** 栅格间距 */
+    gutter?: Gutter | Gutter[];
+    /** 操作按钮 */
+    actions?: React.ReactNode[] | React.ReactNode;
+    /** 拆分卡片方式 */
+    split?: 'vertical' | 'horizontal';
+    /** Card variants */
+    variant?: 'outlined' | 'borderless';
+    /**
+     * 鼠标移过时可浮起
+     *
+     * @default false
+     */
+    hoverable?: boolean;
+    /** 幽灵模式，即是否取消卡片内容区域的 padding 和 背景颜色。 */
+    ghost?: boolean;
+    /** 是否可折叠 */
+    collapsible?: CollapsibleType;
+    /** 受控 collapsed 属性 */
+    collapsed?: boolean;
+    /** 折叠按钮自定义节点 */
+    collapsibleIconRender?: ({ collapsed, }: {
+        collapsed: boolean;
+    }) => React.ReactNode;
+    /** 配置默认是否折叠 */
+    defaultCollapsed?: boolean;
+    /** 收起卡片的事件 */
+    onCollapse?: (collapsed: boolean) => void;
+    /** 前缀 */
+    prefixCls?: string;
+    /** ProCard 的 ref */
+    ref?: React.Ref<HTMLDivElement | undefined>;
+    /** 是否展示选中样式 */
+    checked?: boolean;
+    /** 选中改变 */
+    onChecked?: (e: React.MouseEvent<HTMLDivElement, MouseEvent>) => void;
+    /** card的阴影 */
+    boxShadow?: boolean;
+};
+export type ProCardTabsProps = {
+    cardProps?: CardPropsBase;
+} & TabsProps;
+export type CardProps = {
+    /** 标签栏配置 */
+    tabs?: ProCardTabsProps;
+} & CardPropsBase & Omit<React.HTMLAttributes<HTMLDivElement>, 'title'>;
+export type ProCardTabPaneProps = {
+    /** Key */
+    key?: string;
+    /** ProCard 相关属性透传 */
+    cardProps?: CardProps;
+} & TabPaneProps;
+export type CardType = React.ForwardRefExoticComponent<CardProps>;
+export {};

package/lib/card/typing.js

@@ -0,0 +1,5 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

package/lib/descriptions/index.d.ts

@@ -0,0 +1,96 @@
+import type { DescriptionsProps, FormProps } from 'antd';
+import type { LabelTooltipType } from 'antd/lib/form/FormItemLabel';
+import React from 'react';
+import type { ProFieldFCMode } from '../provider';
+import type { ProCoreActionType, ProFieldValueType, ProSchema, ProSchemaComponentTypes, RowEditableConfig, UseEditableMapUtilType } from '../utils';
+import type { RequestData } from './useFetchData';
+export interface DescriptionsItemProps {
+    prefixCls?: string;
+    className?: string;
+    style?: React.CSSProperties;
+    label?: React.ReactNode;
+    labelStyle?: React.CSSProperties;
+    contentStyle?: React.CSSProperties;
+    children: React.ReactNode;
+    span?: number;
+}
+/**
+ * 定义列表属性的类型定义，用于定义列表的一列
+ * @typedef {Object} ProDescriptionsItemProps
+ * @property {ProSchema} schema - 用于生成表格项的 schema 配置对象
+ * @property {boolean} [hide] - 是否隐藏该列，可用于权限控制
+ * @property {boolean} [plain] - 是否只展示文本，不展示标签
+ * @property {boolean} [copyable] - 是否可以拷贝该列的内容
+ * @property {boolean | { showTitle?: boolean }} [ellipsis] - 是否展示省略号，如果是一个对象，可以设置鼠标悬浮时是否展示完整的内容
+ * @property {ProFieldFCMode} [mode] - ProField 组件的模式
+ * @property {React.ReactNode} [children] - 表格项的子组件
+ * @property {number} [order] - 表格项的排序
+ * @property {number} [index] - 表格项的索引
+ * @template T - 表格数据的类型
+ * @template ValueType - 表格项的值类型
+ */
+export type ProDescriptionsItemProps<T = Record<string, any>, ValueType = 'text'> = ProSchema<T, Omit<DescriptionsItemProps, 'children'> & {
+    hide?: boolean;
+    plain?: boolean;
+    copyable?: boolean;
+    ellipsis?: boolean | {
+        showTitle?: boolean;
+    };
+    mode?: ProFieldFCMode;
+    children?: React.ReactNode;
+    /**
+     * 子项的排序
+     */
+    order?: number;
+    /**
+     * 子项的索引
+     */
+    index?: number;
+}, ProSchemaComponentTypes, ValueType>;
+export type ProDescriptionsActionType = ProCoreActionType;
+export type ProDescriptionsProps<RecordType = Record<string, any>, ValueType = 'text'> = DescriptionsProps & {
+    /** Params 参数 params 改变的时候会触发 reload */
+    params?: Record<string, any>;
+    /** 网络请求报错 */
+    onRequestError?: (e: Error) => void;
+    /** 获取数据的方法 */
+    request?: (params: Record<string, any> | undefined) => Promise<RequestData>;
+    columns?: ProDescriptionsItemProps<RecordType, ValueType>[];
+    /** 一些简单的操作 */
+    actionRef?: React.MutableRefObject<ProCoreActionType<any> | undefined>;
+    loading?: boolean;
+    onLoadingChange?: (loading?: boolean) => void;
+    tooltip?: LabelTooltipType | string;
+    /** Form props 的相关配置 */
+    formProps?: FormProps;
+    /** @name 编辑相关的配置 */
+    editable?: RowEditableConfig<RecordType>;
+    /** 默认的数据源 */
+    dataSource?: RecordType;
+    /** 受控数据源改变 */
+    onDataSourceChange?: (value: RecordType) => void;
+    /**
+     *为空时候的默认值
+     */
+    emptyText?: React.ReactNode;
+};
+/**
+ * 这里会处理编辑的功能
+ *
+ * @param props
+ */
+export declare const FieldRender: React.FC<ProDescriptionsItemProps<any> & {
+    text: any;
+    valueType: ProFieldValueType;
+    entity: any;
+    action: ProCoreActionType<any>;
+    index: number;
+    editableUtils?: UseEditableMapUtilType;
+    emptyText?: React.ReactNode;
+}>;
+declare const ProDescriptions: {
+    <RecordType extends Record<string, any>, ValueType = "text">(props: ProDescriptionsProps<RecordType, ValueType>): import("react/jsx-runtime").JSX.Element;
+    Item: React.FC<ProDescriptionsItemProps<Record<string, any>, "text">>;
+};
+export { ProDescriptions };
+export default ProDescriptions;