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

package/es/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/es/card/components/Statistic/style.js

@@ -0,0 +1,123 @@
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+
+// src/card/components/Statistic/style.ts
+import { useStyle as useAntdStyle } from "../../../provider";
+var genProStyle = (token) => {
+  return {
+    [token.componentCls]: {
+      display: "flex",
+      fontSize: token.fontSize,
+      "& + &": {
+        marginBlockStart: 4
+      },
+      "&-tip": {
+        marginInlineStart: 4
+      },
+      "&-wrapper": {
+        display: "flex",
+        width: "100%",
+        [`${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": {
+        width: "100%",
+        [`${token.antCls}-statistic-content`]: {
+          "&-value-int": {
+            fontSize: token.fontSizeHeading3
+          }
+        }
+      },
+      "&-description": {
+        width: "100%"
+      },
+      [`${token.antCls}-statistic-title`]: {
+        color: token.colorText
+      },
+      "&-trend-up": {
+        [`${token.antCls}-statistic-content`]: {
+          color: "#f5222d",
+          [`${token.componentCls}-trend-icon`]: {
+            borderBlockEndColor: "#f5222d"
+          }
+        }
+      },
+      "&-trend-down": {
+        [`${token.antCls}-statistic-content`]: {
+          color: "#389e0d",
+          [`${token.componentCls}-trend-icon`]: {
+            borderBlockEndColor: "#52c41a"
+          }
+        }
+      },
+      "& &-layout-horizontal": {
+        display: "flex",
+        justifyContent: "space-between",
+        [`${token.antCls}-statistic-title`]: {
+          marginBlockEnd: 0
+        },
+        [`${token.antCls}-statistic-content-value`]: {
+          fontWeight: 500
+        },
+        [`${token.antCls}-statistic-title,${token.antCls}-statistic-content,${token.antCls}-statistic-content-suffix,${token.antCls}-statistic-content-prefix,${token.antCls}-statistic-content-value-decimal`]: {
+          fontSize: token.fontSize
+        }
+      },
+      "& &-layout-inline": {
+        display: "inline-flex",
+        color: token.colorTextSecondary,
+        [`${token.antCls}-statistic-title`]: {
+          marginInlineEnd: "6px",
+          marginBlockEnd: 0
+        },
+        [`${token.antCls}-statistic-content`]: {
+          color: token.colorTextSecondary
+        },
+        [`${token.antCls}-statistic-title,${token.antCls}-statistic-content,${token.antCls}-statistic-content-suffix,${token.antCls}-statistic-content-prefix,${token.antCls}-statistic-content-value-decimal`]: {
+          fontSize: token.fontSizeSM
+        }
+      }
+    }
+  };
+};
+function useStyle(prefixCls) {
+  return useAntdStyle("Statistic", (token) => {
+    const proListToken = __spreadProps(__spreadValues({}, token), {
+      componentCls: `.${prefixCls}`
+    });
+    return [genProStyle(proListToken)];
+  });
+}
+export {
+  useStyle
+};

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

@@ -0,0 +1,27 @@
+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;
+/** @deprecated */
+export type StatisticsCardProps = StatisticCardProps;
+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/es/card/components/StatisticCard/index.js

@@ -0,0 +1,83 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+
+// src/card/components/StatisticCard/index.tsx
+import { ConfigProvider } from "antd";
+import classNames from "classnames";
+import React, { useContext } from "react";
+import Card from "../Card";
+import Divider from "../Divider";
+import Operation from "../Operation";
+import Statistic from "../Statistic";
+import { useStyle } from "./style";
+var StatisticCard = (props) => {
+  const _a = props, {
+    children,
+    statistic,
+    className,
+    chart,
+    chartPlacement,
+    footer
+  } = _a, others = __objRest(_a, [
+    "children",
+    "statistic",
+    "className",
+    "chart",
+    "chartPlacement",
+    "footer"
+  ]);
+  const { getPrefixCls } = useContext(ConfigProvider.ConfigContext);
+  const prefixCls = getPrefixCls("pro-statistic-card");
+  const { wrapSSR, hashId } = useStyle(prefixCls);
+  const classString = classNames(prefixCls, className, hashId);
+  const statisticDom = statistic && /* @__PURE__ */ React.createElement(Statistic, __spreadValues({ layout: "vertical" }, statistic));
+  const chartCls = classNames(`${prefixCls}-chart`, hashId, {
+    [`${prefixCls}-chart-left`]: chartPlacement === "left" && chart && statistic,
+    [`${prefixCls}-chart-right`]: chartPlacement === "right" && chart && statistic
+  });
+  const chartDom = chart && /* @__PURE__ */ React.createElement("div", { className: chartCls }, chart);
+  const contentCls = classNames(`${prefixCls}-content `, hashId, {
+    [`${prefixCls}-content-horizontal`]: chartPlacement === "left" || chartPlacement === "right"
+  });
+  const contentDom = (chartDom || statisticDom) && (chartPlacement === "left" ? /* @__PURE__ */ React.createElement("div", { className: contentCls }, chartDom, statisticDom) : /* @__PURE__ */ React.createElement("div", { className: contentCls }, statisticDom, chartDom));
+  const footerDom = footer && /* @__PURE__ */ React.createElement("div", { className: `${prefixCls}-footer ${hashId}`.trim() }, footer);
+  return wrapSSR(
+    /* @__PURE__ */ React.createElement(Card, __spreadValues({ className: classString }, others), contentDom, children, footerDom)
+  );
+};
+var Group = (props) => /* @__PURE__ */ React.createElement(StatisticCard, __spreadValues({ bodyStyle: { padding: 0 } }, props));
+StatisticCard.Statistic = Statistic;
+StatisticCard.Divider = Divider;
+StatisticCard.Operation = Operation;
+StatisticCard.isProCard = true;
+StatisticCard.Group = Group;
+var StatisticCard_default = StatisticCard;
+export {
+  StatisticCard_default as default
+};

package/es/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/es/card/components/StatisticCard/style.js

@@ -0,0 +1,63 @@
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+
+// src/card/components/StatisticCard/style.ts
+import { useStyle as useAntdStyle } from "../../../provider";
+var genProStyle = (token) => {
+  return {
+    [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": {
+          flexDirection: "row",
+          [`${token.componentCls}-chart`]: {
+            alignItems: "center",
+            alignSelf: "flex-start"
+          }
+        }
+      },
+      "&-footer": {
+        marginBlockStart: 8,
+        paddingBlockStart: "16px",
+        borderBlockStart: `rgba(0, 0, 0, 0.08) solid ${token.colorBorder}`
+      }
+    }
+  };
+};
+function useStyle(prefixCls) {
+  return useAntdStyle("StatisticCard", (token) => {
+    const proListToken = __spreadProps(__spreadValues({}, token), {
+      componentCls: `.${prefixCls}`
+    });
+    return [genProStyle(proListToken)];
+  });
+}
+export {
+  useStyle
+};

package/es/card/components/TabPane/index.d.ts

@@ -0,0 +1,26 @@
+import type { TabsProps } from 'antd';
+import React from 'react';
+import type { ProCardTabPaneProps, ProCardTabsProps } from '../../typing';
+export declare function useLegacyItems(items?: TabsProps['items'], children?: React.ReactNode, tabs?: ProCardTabsProps): {
+    children: import("react/jsx-runtime").JSX.Element;
+    label: React.ReactNode;
+    className?: string | undefined;
+    style?: React.CSSProperties | undefined;
+    disabled?: boolean | undefined;
+    forceRender?: boolean | undefined;
+    closable?: boolean | undefined;
+    closeIcon?: React.ReactNode;
+    icon?: React.ReactNode;
+    prefixCls?: string | undefined;
+    tabKey?: string | undefined;
+    id?: string | undefined;
+    animated?: boolean | undefined;
+    active?: boolean | undefined;
+    destroyInactiveTabPane?: boolean | undefined;
+    key: string;
+}[];
+/**
+ * @deprecated ProComponets 3.0
+ */
+declare const TabPane: React.FC<ProCardTabPaneProps>;
+export default TabPane;

package/es/card/components/TabPane/index.js

@@ -0,0 +1,84 @@
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+
+// src/card/components/TabPane/index.tsx
+import { ConfigProvider, version } from "antd";
+import toArray from "rc-util/lib/Children/toArray";
+import { noteOnce } from "rc-util/lib/warning";
+import React, { useContext } from "react";
+import Card from "../Card";
+function filter(items) {
+  return items.filter((item) => item);
+}
+function useLegacyItems(items, children, tabs) {
+  if (items) {
+    return items.map((item) => {
+      return __spreadProps(__spreadValues({}, item), {
+        children: /* @__PURE__ */ React.createElement(Card, __spreadValues({}, tabs == null ? void 0 : tabs.cardProps), item.children)
+      });
+    });
+  }
+  noteOnce(!tabs, "Tabs.TabPane is deprecated. Please use `items` directly.");
+  const childrenItems = toArray(children).map(
+    (node) => {
+      if (React.isValidElement(node)) {
+        const { key, props } = node;
+        const _a = props || {}, { tab, children: tempChild } = _a, restProps = __objRest(_a, ["tab", "children"]);
+        const item = __spreadProps(__spreadValues({
+          key: String(key)
+        }, restProps), {
+          children: /* @__PURE__ */ React.createElement(Card, __spreadValues({}, tabs == null ? void 0 : tabs.cardProps), tempChild),
+          label: tab
+        });
+        return item;
+      }
+      return null;
+    }
+  );
+  return filter(childrenItems);
+}
+var TabPane = (props) => {
+  const { getPrefixCls } = useContext(ConfigProvider.ConfigContext);
+  if (version.startsWith("5")) {
+    return /* @__PURE__ */ React.createElement(React.Fragment, null);
+  } else {
+    return null;
+  }
+};
+if (typeof process !== "undefined" && true) {
+  TabPane.displayName = "DeprecatedTabPane";
+}
+var TabPane_default = TabPane;
+export {
+  TabPane_default as default,
+  useLegacyItems
+};

package/es/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, StatisticsCardProps } 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, StatisticsCardProps, };
+export default ProCard;

package/es/card/index.js

@@ -0,0 +1,13 @@
+// src/card/index.tsx
+import CheckCard from "./components/CheckCard";
+import Statistic from "./components/Statistic";
+import StatisticCard from "./components/StatisticCard";
+import ProCard from "./ProCard";
+var card_default = ProCard;
+export {
+  CheckCard,
+  ProCard,
+  Statistic,
+  StatisticCard,
+  card_default as default
+};

package/es/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/es/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;