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

package/es/descriptions/index.js

@@ -1,495 +1,445 @@
-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;
-};
-var __async = (__this, __arguments, generator) => {
-  return new Promise((resolve, reject) => {
-    var fulfilled = (value) => {
-      try {
-        step(generator.next(value));
-      } catch (e) {
-        reject(e);
-      }
-    };
-    var rejected = (value) => {
-      try {
-        step(generator.throw(value));
-      } catch (e) {
-        reject(e);
-      }
-    };
-    var step = (x) => x.done ? resolve(x.value) : Promise.resolve(x.value).then(fulfilled, rejected);
-    step((generator = generator.apply(__this, __arguments)).next());
-  });
-};
-
-// src/descriptions/index.tsx
-import { CheckOutlined, CloseOutlined, EditOutlined } from "@ant-design/icons";
-import { ConfigProvider, Descriptions, Space } from "antd";
-import toArray from "rc-util/lib/Children/toArray";
-import get from "rc-util/lib/utils/get";
-import React, { useContext, useEffect } from "react";
+import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
+import _regeneratorRuntime from "@babel/runtime/helpers/esm/regeneratorRuntime";
+import _asyncToGenerator from "@babel/runtime/helpers/esm/asyncToGenerator";
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+var _excluded = ["valueEnum", "render", "renderText", "mode", "plain", "dataIndex", "request", "params", "editable"],
+  _excluded2 = ["request", "columns", "params", "dataSource", "onDataSourceChange", "formProps", "editable", "loading", "onLoadingChange", "actionRef", "onRequestError", "emptyText", "contentStyle"];
+import { CheckOutlined, CloseOutlined, EditOutlined } from '@ant-design/icons';
+import { ConfigProvider, Descriptions, Space } from 'antd';
+import { get } from 'rc-util';
+import toArray from 'rc-util/lib/Children/toArray';
+import React, { useContext, useEffect } from 'react';
 import ValueTypeToComponent from "../field/ValueTypeToComponent";
 import ProForm, { ProFormField } from "../form";
 import ProConfigContext, { ProConfigProvider, proTheme } from "../provider";
 import ProSkeleton from "../skeleton";
-import {
-  ErrorBoundary,
-  InlineErrorFormItem,
-  LabelIconTip,
-  genCopyable,
-  getFieldPropsOrFormItemProps,
-  stringify,
-  useEditableMap
-} from "../utils";
+import { ErrorBoundary, InlineErrorFormItem, LabelIconTip, genCopyable, getFieldPropsOrFormItemProps, stringify, useEditableMap } from "../utils";
 import useFetchData from "./useFetchData";
-var getDataFromConfig = (item, entity) => {
-  const { dataIndex } = item;
+
+// todo remove it
+
+/**
+ * 定义列表属性的类型定义，用于定义列表的一列
+ * @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 - 表格项的值类型
+ */
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+import { createElement as _createElement } from "react";
+/**
+ * 根据 dataIndex 获取值，支持 dataIndex 为数组
+ *
+ * @param item
+ * @param entity
+ */
+var getDataFromConfig = function getDataFromConfig(item, entity) {
+  var dataIndex = item.dataIndex;
   if (dataIndex) {
-    const data = Array.isArray(dataIndex) ? get(entity, dataIndex) : entity[dataIndex];
-    if (data !== void 0 || data !== null) {
+    var data = Array.isArray(dataIndex) ? get(entity, dataIndex) : entity[dataIndex];
+    if (data !== undefined || data !== null) {
       return data;
     }
   }
   return item.children;
 };
-var FieldRender = (props) => {
-  var _a, _b;
-  const {
-    valueEnum,
-    action,
-    index,
-    text,
-    entity,
-    mode,
-    render,
-    editableUtils,
-    valueType,
-    plain,
-    dataIndex,
-    request,
-    formItemRender,
-    params,
-    emptyText
-  } = props;
-  const form = ProForm.useFormInstance();
-  const { token } = (_b = (_a = proTheme).useToken) == null ? void 0 : _b.call(_a);
-  const fieldConfig = {
-    text,
-    valueEnum,
-    mode: mode || "read",
+
+/**
+ * 这里会处理编辑的功能
+ *
+ * @param props
+ */
+export var FieldRender = function FieldRender(props) {
+  var _proTheme$useToken2;
+  var valueEnum = props.valueEnum,
+    action = props.action,
+    index = props.index,
+    text = props.text,
+    entity = props.entity,
+    mode = props.mode,
+    render = props.render,
+    editableUtils = props.editableUtils,
+    valueType = props.valueType,
+    plain = props.plain,
+    dataIndex = props.dataIndex,
+    request = props.request,
+    formItemRender = props.formItemRender,
+    params = props.params,
+    emptyText = props.emptyText;
+  var form = ProForm.useFormInstance();
+  var _proTheme$useToken = (_proTheme$useToken2 = proTheme.useToken) === null || _proTheme$useToken2 === void 0 ? void 0 : _proTheme$useToken2.call(proTheme),
+    token = _proTheme$useToken.token;
+  var fieldConfig = {
+    text: text,
+    valueEnum: valueEnum,
+    mode: mode || 'read',
     proFieldProps: {
-      emptyText,
-      render: render ? (finText) => {
-        return render == null ? void 0 : render(finText, entity, index, action, __spreadProps(__spreadValues({}, props), {
-          type: "descriptions"
+      emptyText: emptyText,
+      render: render ? function (finText) {
+        return render === null || render === void 0 ? void 0 : render(finText, entity, index, action, _objectSpread(_objectSpread({}, props), {}, {
+          type: 'descriptions'
         }));
-      } : void 0
+      } : undefined
     },
     ignoreFormItem: true,
-    valueType,
-    request,
-    params,
-    plain
+    valueType: valueType,
+    request: request,
+    params: params,
+    plain: plain
   };
-  if (mode === "read" || !mode || valueType === "option") {
-    const fieldProps = getFieldPropsOrFormItemProps(
-      props.fieldProps,
-      void 0,
-      __spreadProps(__spreadValues({}, props), {
-        rowKey: dataIndex,
-        isEditable: false
-      })
-    );
-    return /* @__PURE__ */ React.createElement(ProFormField, __spreadProps(__spreadValues({ name: dataIndex }, fieldConfig), { fieldProps }));
+
+  /** 如果是只读模式，fieldProps 的 form是空的，所以需要兜底处理 */
+  if (mode === 'read' || !mode || valueType === 'option') {
+    var fieldProps = getFieldPropsOrFormItemProps(props.fieldProps, undefined, _objectSpread(_objectSpread({}, props), {}, {
+      rowKey: dataIndex,
+      isEditable: false
+    }));
+    return /*#__PURE__*/_jsx(ProFormField, _objectSpread(_objectSpread({
+      name: dataIndex
+    }, fieldConfig), {}, {
+      fieldProps: fieldProps
+    }));
   }
-  const renderDom = () => {
-    var _a2;
-    const formItemProps = getFieldPropsOrFormItemProps(
-      props.formItemProps,
-      form,
-      __spreadProps(__spreadValues({}, props), {
-        rowKey: dataIndex,
-        isEditable: true
-      })
-    );
-    const fieldProps = getFieldPropsOrFormItemProps(
-      props.fieldProps,
-      form,
-      __spreadProps(__spreadValues({}, props), {
-        rowKey: dataIndex,
-        isEditable: true
-      })
-    );
-    return /* @__PURE__ */ React.createElement(
-      "div",
-      {
-        style: { display: "flex", gap: token.marginXS, alignItems: "baseline" }
+  var renderDom = function renderDom() {
+    var _editableUtils$action;
+    var formItemProps = getFieldPropsOrFormItemProps(props.formItemProps, form, _objectSpread(_objectSpread({}, props), {}, {
+      rowKey: dataIndex,
+      isEditable: true
+    }));
+    var fieldProps = getFieldPropsOrFormItemProps(props.fieldProps, form, _objectSpread(_objectSpread({}, props), {}, {
+      rowKey: dataIndex,
+      isEditable: true
+    }));
+    return /*#__PURE__*/_jsxs("div", {
+      style: {
+        display: 'flex',
+        gap: token.marginXS,
+        alignItems: 'baseline'
       },
-      /* @__PURE__ */ React.createElement(
-        InlineErrorFormItem,
-        __spreadProps(__spreadValues({
-          name: dataIndex
-        }, formItemProps), {
-          style: __spreadValues({
-            margin: 0
-          }, (formItemProps == null ? void 0 : formItemProps.style) || {}),
-          initialValue: text || (formItemProps == null ? void 0 : formItemProps.initialValue)
-        }),
-        /* @__PURE__ */ React.createElement(
-          ProFormField,
-          __spreadProps(__spreadValues({}, fieldConfig), {
-            proFieldProps: __spreadValues({}, fieldConfig.proFieldProps),
-            formItemRender: formItemRender ? () => formItemRender == null ? void 0 : formItemRender(
-              __spreadProps(__spreadValues({}, props), {
-                type: "descriptions"
-              }),
-              {
-                isEditable: true,
-                recordKey: dataIndex,
-                record: form.getFieldValue(
-                  [dataIndex].flat(1)
-                ),
-                defaultRender: () => /* @__PURE__ */ React.createElement(
-                  ProFormField,
-                  __spreadProps(__spreadValues({}, fieldConfig), {
-                    fieldProps
-                  })
-                ),
-                type: "descriptions"
+      children: [/*#__PURE__*/_jsx(InlineErrorFormItem, _objectSpread(_objectSpread({
+        name: dataIndex
+      }, formItemProps), {}, {
+        style: _objectSpread({
+          margin: 0
+        }, (formItemProps === null || formItemProps === void 0 ? void 0 : formItemProps.style) || {}),
+        initialValue: text || (formItemProps === null || formItemProps === void 0 ? void 0 : formItemProps.initialValue),
+        children: /*#__PURE__*/_jsx(ProFormField, _objectSpread(_objectSpread({}, fieldConfig), {}, {
+          proFieldProps: _objectSpread({}, fieldConfig.proFieldProps),
+          formItemRender: formItemRender ? function () {
+            return formItemRender === null || formItemRender === void 0 ? void 0 : formItemRender(_objectSpread(_objectSpread({}, props), {}, {
+              type: 'descriptions'
+            }), {
+              isEditable: true,
+              recordKey: dataIndex,
+              record: form.getFieldValue([dataIndex].flat(1)),
+              defaultRender: function defaultRender() {
+                return /*#__PURE__*/_jsx(ProFormField, _objectSpread(_objectSpread({}, fieldConfig), {}, {
+                  fieldProps: fieldProps
+                }));
               },
-              form
-            ) : void 0,
-            fieldProps
-          })
-        )
-      ),
-      /* @__PURE__ */ React.createElement(
-        "div",
-        {
-          style: {
-            display: "flex",
-            maxHeight: token.controlHeight,
-            alignItems: "center",
-            gap: token.marginXS
-          }
+              type: 'descriptions'
+            }, form);
+          } : undefined,
+          fieldProps: fieldProps
+        }))
+      })), /*#__PURE__*/_jsx("div", {
+        style: {
+          display: 'flex',
+          maxHeight: token.controlHeight,
+          alignItems: 'center',
+          gap: token.marginXS
         },
-        (_a2 = editableUtils == null ? void 0 : editableUtils.actionRender) == null ? void 0 : _a2.call(editableUtils, dataIndex || index, {
-          cancelText: /* @__PURE__ */ React.createElement(CloseOutlined, null),
-          saveText: /* @__PURE__ */ React.createElement(CheckOutlined, null),
+        children: editableUtils === null || editableUtils === void 0 || (_editableUtils$action = editableUtils.actionRender) === null || _editableUtils$action === void 0 ? void 0 : _editableUtils$action.call(editableUtils, dataIndex || index, {
+          cancelText: /*#__PURE__*/_jsx(CloseOutlined, {}),
+          saveText: /*#__PURE__*/_jsx(CheckOutlined, {}),
           deleteText: false
         })
-      )
-    );
+      })]
+    });
   };
-  return /* @__PURE__ */ React.createElement(
-    "div",
-    {
-      style: {
-        marginTop: -5,
-        marginBottom: -5,
-        marginLeft: 0,
-        marginRight: 0
-      }
+  return /*#__PURE__*/_jsx("div", {
+    style: {
+      marginTop: -5,
+      marginBottom: -5,
+      marginLeft: 0,
+      marginRight: 0
     },
-    renderDom()
-  );
+    children: renderDom()
+  });
 };
-var schemaToDescriptionsItem = (items, entity, action, editableUtils, emptyText) => {
-  var _a;
-  const options = [];
-  const children = (_a = items == null ? void 0 : items.map) == null ? void 0 : _a.call(items, (item, index) => {
-    var _b, _c;
-    if (React.isValidElement(item)) {
+var schemaToDescriptionsItem = function schemaToDescriptionsItem(items, entity, action, editableUtils, emptyText) {
+  var _items$map;
+  var options = [];
+  // 因为 Descriptions 只是个语法糖，children 是不会执行的，所以需要这里处理一下
+  var children = items === null || items === void 0 || (_items$map = items.map) === null || _items$map === void 0 ? void 0 : _items$map.call(items, function (item, index) {
+    var _getDataFromConfig, _restItem$label;
+    if ( /*#__PURE__*/React.isValidElement(item)) {
       return {
         children: item
       };
     }
-    const _a2 = item, {
-      valueEnum,
-      render,
-      renderText,
-      mode,
-      plain,
-      dataIndex,
-      request,
-      params,
-      editable
-    } = _a2, restItem = __objRest(_a2, [
-      "valueEnum",
-      "render",
-      "renderText",
-      "mode",
-      "plain",
-      "dataIndex",
-      "request",
-      "params",
-      "editable"
-    ]);
-    const defaultData = (_b = getDataFromConfig(item, entity)) != null ? _b : restItem.children;
-    const text = renderText ? renderText(defaultData, entity, index, action) : defaultData;
-    const title = typeof restItem.title === "function" ? restItem.title(item, "descriptions", null) : restItem.title;
-    const valueType = typeof restItem.valueType === "function" ? restItem.valueType(
-      entity || {},
-      "descriptions"
-    ) : restItem.valueType;
-    const isEditable = editableUtils == null ? void 0 : editableUtils.isEditable(
-      dataIndex || index
-    );
-    const fieldMode = mode || isEditable ? "edit" : "read";
-    const showEditIcon = editableUtils && fieldMode === "read" && editable !== false && (editable == null ? void 0 : editable(text, entity, index)) !== false;
-    const Component = showEditIcon ? Space : React.Fragment;
-    const contentDom = fieldMode === "edit" ? text : genCopyable(text, item, text);
-    const key = restItem.key || ((_c = restItem.label) == null ? void 0 : _c.toString()) || index;
-    const label = (title || restItem.label || restItem.tooltip) && /* @__PURE__ */ React.createElement(
-      LabelIconTip,
-      {
-        label: title || restItem.label,
-        tooltip: restItem.tooltip,
-        ellipsis: item.ellipsis
-      }
-    );
-    const field = valueType !== "option" ? __spreadProps(__spreadValues({}, restItem), {
-      key,
-      label,
-      children: /* @__PURE__ */ React.createElement(Component, null, /* @__PURE__ */ React.createElement(
-        FieldRender,
-        __spreadProps(__spreadValues({}, item), {
-          key: item == null ? void 0 : item.key,
+    var _ref = item,
+      valueEnum = _ref.valueEnum,
+      render = _ref.render,
+      renderText = _ref.renderText,
+      mode = _ref.mode,
+      plain = _ref.plain,
+      dataIndex = _ref.dataIndex,
+      request = _ref.request,
+      params = _ref.params,
+      editable = _ref.editable,
+      restItem = _objectWithoutProperties(_ref, _excluded);
+    var defaultData = (_getDataFromConfig = getDataFromConfig(item, entity)) !== null && _getDataFromConfig !== void 0 ? _getDataFromConfig : restItem.children;
+    var text = renderText ? renderText(defaultData, entity, index, action) : defaultData;
+    var title = typeof restItem.title === 'function' ? restItem.title(item, 'descriptions', null) : restItem.title;
+
+    //  dataIndex 无所谓是否存在
+    // 有些时候不需要 dataIndex 可以直接 render
+    var valueType = typeof restItem.valueType === 'function' ? restItem.valueType(entity || {}, 'descriptions') : restItem.valueType;
+    var isEditable = editableUtils === null || editableUtils === void 0 ? void 0 : editableUtils.isEditable(dataIndex || index);
+    var fieldMode = mode || isEditable ? 'edit' : 'read';
+    var showEditIcon = editableUtils && fieldMode === 'read' && editable !== false && (editable === null || editable === void 0 ? void 0 : editable(text, entity, index)) !== false;
+    var Component = showEditIcon ? Space : React.Fragment;
+    var contentDom = fieldMode === 'edit' ? text : genCopyable(text, item, text);
+    var key = restItem.key || ((_restItem$label = restItem.label) === null || _restItem$label === void 0 ? void 0 : _restItem$label.toString()) || index;
+    var label = (title || restItem.label || restItem.tooltip) && /*#__PURE__*/_jsx(LabelIconTip, {
+      label: title || restItem.label,
+      tooltip: restItem.tooltip,
+      ellipsis: item.ellipsis
+    });
+    var field = valueType !== 'option' ? _objectSpread(_objectSpread({}, restItem), {}, {
+      key: key,
+      label: label,
+      children: /*#__PURE__*/_jsxs(Component, {
+        children: [/*#__PURE__*/_createElement(FieldRender, _objectSpread(_objectSpread({}, item), {}, {
+          key: item === null || item === void 0 ? void 0 : item.key,
           dataIndex: item.dataIndex || index,
           mode: fieldMode,
           text: contentDom,
-          valueType,
-          entity,
-          index,
-          emptyText,
-          action,
-          editableUtils
-        })
-      ), showEditIcon && /* @__PURE__ */ React.createElement(
-        EditOutlined,
-        {
-          onClick: () => {
-            editableUtils == null ? void 0 : editableUtils.startEditable(
-              dataIndex || index
-            );
+          valueType: valueType,
+          entity: entity,
+          index: index,
+          emptyText: emptyText,
+          action: action,
+          editableUtils: editableUtils
+        })), showEditIcon && /*#__PURE__*/_jsx(EditOutlined, {
+          onClick: function onClick() {
+            editableUtils === null || editableUtils === void 0 || editableUtils.startEditable(dataIndex || index);
           }
-        }
-      ))
-    }) : /* @__PURE__ */ React.createElement(Descriptions.Item, __spreadProps(__spreadValues({}, restItem), { key, label }), /* @__PURE__ */ React.createElement(Component, null, /* @__PURE__ */ React.createElement(
-      FieldRender,
-      __spreadProps(__spreadValues({}, item), {
+        })]
+      })
+    }) : /*#__PURE__*/_createElement(Descriptions.Item, _objectSpread(_objectSpread({}, restItem), {}, {
+      key: key,
+      label: label
+    }), /*#__PURE__*/_jsxs(Component, {
+      children: [/*#__PURE__*/_jsx(FieldRender, _objectSpread(_objectSpread({}, item), {}, {
         dataIndex: item.dataIndex || index,
         mode: fieldMode,
         text: contentDom,
-        valueType,
-        entity,
-        index,
-        action,
-        editableUtils
-      })
-    ), showEditIcon && valueType !== "option" && /* @__PURE__ */ React.createElement(
-      EditOutlined,
-      {
-        onClick: () => {
-          editableUtils == null ? void 0 : editableUtils.startEditable(
-            dataIndex || index
-          );
+        valueType: valueType,
+        entity: entity,
+        index: index,
+        action: action,
+        editableUtils: editableUtils
+      })), showEditIcon && valueType !== 'option' && /*#__PURE__*/_jsx(EditOutlined, {
+        onClick: function onClick() {
+          editableUtils === null || editableUtils === void 0 || editableUtils.startEditable(dataIndex || index);
         }
-      }
-    )));
-    if (valueType === "option") {
+      })]
+    }));
+    // 如果类型是 option 自动放到右上角
+    if (valueType === 'option') {
       options.push(field);
       return null;
     }
     return field;
-  }).filter((item) => item);
+  }).filter(function (item) {
+    return item;
+  });
   return {
     // 空数组传递还是会被判定为有值
-    options: (options == null ? void 0 : options.length) ? options : null,
-    children
+    options: options !== null && options !== void 0 && options.length ? options : null,
+    children: children
   };
 };
-var ProDescriptionsItem = (props) => {
-  return /* @__PURE__ */ React.createElement(Descriptions.Item, __spreadValues({}, props), props.children);
+var ProDescriptionsItem = function ProDescriptionsItem(props) {
+  return /*#__PURE__*/_jsx(Descriptions.Item, _objectSpread(_objectSpread({}, props), {}, {
+    children: props.children
+  }));
 };
-ProDescriptionsItem.displayName = "ProDescriptionsItem";
-var DefaultProDescriptionsDom = (dom) => dom.children;
-var ProDescriptions = (props) => {
-  var _b;
-  const _a = props, {
-    request,
-    columns,
-    params,
-    dataSource,
-    onDataSourceChange,
-    formProps,
-    editable,
-    loading,
-    onLoadingChange,
-    actionRef,
-    onRequestError,
-    emptyText,
-    contentStyle
-  } = _a, rest = __objRest(_a, [
-    "request",
-    "columns",
-    "params",
-    "dataSource",
-    "onDataSourceChange",
-    "formProps",
-    "editable",
-    "loading",
-    "onLoadingChange",
-    "actionRef",
-    "onRequestError",
-    "emptyText",
-    "contentStyle"
-  ]);
-  const proContext = useContext(ProConfigContext);
-  const context = useContext(ConfigProvider.ConfigContext);
-  const action = useFetchData(
-    () => __async(void 0, null, function* () {
-      const data = request ? yield request(params || {}) : { data: {} };
-      return data;
-    }),
-    {
-      onRequestError,
-      effects: [stringify(params)],
-      manual: !request,
-      dataSource,
-      loading,
-      onLoadingChange,
-      onDataSourceChange
-    }
-  );
-  const editableUtils = useEditableMap(__spreadProps(__spreadValues({}, props.editable), {
-    childrenColumnName: void 0,
+ProDescriptionsItem.displayName = 'ProDescriptionsItem';
+var DefaultProDescriptionsDom = function DefaultProDescriptionsDom(dom) {
+  return dom.children;
+};
+var ProDescriptions = function ProDescriptions(props) {
+  var _props$editable;
+  var request = props.request,
+    columns = props.columns,
+    params = props.params,
+    dataSource = props.dataSource,
+    onDataSourceChange = props.onDataSourceChange,
+    formProps = props.formProps,
+    editable = props.editable,
+    loading = props.loading,
+    onLoadingChange = props.onLoadingChange,
+    actionRef = props.actionRef,
+    onRequestError = props.onRequestError,
+    emptyText = props.emptyText,
+    contentStyle = props.contentStyle,
+    rest = _objectWithoutProperties(props, _excluded2);
+  var proContext = useContext(ProConfigContext);
+  var context = useContext(ConfigProvider.ConfigContext);
+  var action = useFetchData( /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
+    var data;
+    return _regeneratorRuntime().wrap(function _callee$(_context) {
+      while (1) switch (_context.prev = _context.next) {
+        case 0:
+          if (!request) {
+            _context.next = 6;
+            break;
+          }
+          _context.next = 3;
+          return request(params || {});
+        case 3:
+          _context.t0 = _context.sent;
+          _context.next = 7;
+          break;
+        case 6:
+          _context.t0 = {
+            data: {}
+          };
+        case 7:
+          data = _context.t0;
+          return _context.abrupt("return", data);
+        case 9:
+        case "end":
+          return _context.stop();
+      }
+    }, _callee);
+  })), {
+    onRequestError: onRequestError,
+    effects: [stringify(params)],
+    manual: !request,
+    dataSource: dataSource,
+    loading: loading,
+    onLoadingChange: onLoadingChange,
+    onDataSourceChange: onDataSourceChange
+  });
+
+  /*
+   * 可编辑行的相关配置
+   */
+  var editableUtils = useEditableMap(_objectSpread(_objectSpread({}, props.editable), {}, {
+    childrenColumnName: undefined,
     dataSource: action.dataSource,
     setDataSource: action.setDataSource
   }));
-  useEffect(() => {
+
+  /** 支持 reload 的功能 */
+  useEffect(function () {
     if (actionRef) {
-      actionRef.current = __spreadValues({
+      actionRef.current = _objectSpread({
         reload: action.reload
       }, editableUtils);
     }
   }, [action, actionRef, editableUtils]);
-  if (action.loading || action.loading === void 0 && request) {
-    return /* @__PURE__ */ React.createElement(ProSkeleton, { type: "descriptions", list: false, pageHeader: false });
+
+  // loading 时展示
+  // loading =  undefined 但是 request 存在时也应该展示
+  if (action.loading || action.loading === undefined && request) {
+    return /*#__PURE__*/_jsx(ProSkeleton, {
+      type: "descriptions",
+      list: false,
+      pageHeader: false
+    });
   }
-  const getColumns = () => {
-    const childrenColumns = toArray(props.children).filter(Boolean).map((item) => {
-      var _a2;
-      if (!React.isValidElement(item)) {
+  var getColumns = function getColumns() {
+    // 因为 Descriptions 只是个语法糖，children 是不会执行的，所以需要这里处理一下
+    var childrenColumns = toArray(props.children).filter(Boolean).map(function (item) {
+      var _type;
+      if (! /*#__PURE__*/React.isValidElement(item)) {
         return item;
       }
-      const {
-        valueEnum,
-        valueType,
-        dataIndex,
-        ellipsis,
-        copyable,
-        request: itemRequest
-      } = item == null ? void 0 : item.props;
-      if (!valueType && !valueEnum && !dataIndex && !itemRequest && !ellipsis && !copyable && ((_a2 = item.type) == null ? void 0 : _a2.displayName) !== "ProDescriptionsItem") {
+      var _ref3 = item === null || item === void 0 ? void 0 : item.props,
+        valueEnum = _ref3.valueEnum,
+        valueType = _ref3.valueType,
+        dataIndex = _ref3.dataIndex,
+        ellipsis = _ref3.ellipsis,
+        copyable = _ref3.copyable,
+        itemRequest = _ref3.request;
+      if (!valueType && !valueEnum && !dataIndex && !itemRequest && !ellipsis && !copyable && ((_type = item.type) === null || _type === void 0 ? void 0 : _type.displayName) !== 'ProDescriptionsItem') {
         return item;
       }
-      return __spreadProps(__spreadValues({}, item == null ? void 0 : item.props), {
+      return _objectSpread(_objectSpread({}, item === null || item === void 0 ? void 0 : item.props), {}, {
         entity: dataSource
       });
     });
-    return [...columns || [], ...childrenColumns].filter((item) => {
-      if (!item)
-        return false;
-      if ((item == null ? void 0 : item.valueType) && ["index", "indexBorder"].includes(item == null ? void 0 : item.valueType)) {
+    return [].concat(_toConsumableArray(columns || []), _toConsumableArray(childrenColumns)).filter(function (item) {
+      if (!item) return false;
+      if (item !== null && item !== void 0 && item.valueType && ['index', 'indexBorder'].includes(item === null || item === void 0 ? void 0 : item.valueType)) {
         return false;
       }
-      return !(item == null ? void 0 : item.hideInDescriptions);
-    }).sort((a, b) => {
+      return !(item !== null && item !== void 0 && item.hideInDescriptions);
+    }).sort(function (a, b) {
       if (b.order || a.order) {
         return (b.order || 0) - (a.order || 0);
       }
       return (b.index || 0) - (a.index || 0);
     });
   };
-  const { options, children } = schemaToDescriptionsItem(
-    getColumns(),
-    action.dataSource || {},
-    (actionRef == null ? void 0 : actionRef.current) || action,
-    editable ? editableUtils : void 0,
-    props.emptyText
-  );
-  const FormComponent = editable ? ProForm : DefaultProDescriptionsDom;
-  let title = null;
+  var _schemaToDescriptions = schemaToDescriptionsItem(getColumns(), action.dataSource || {}, (actionRef === null || actionRef === void 0 ? void 0 : actionRef.current) || action, editable ? editableUtils : undefined, props.emptyText),
+    options = _schemaToDescriptions.options,
+    children = _schemaToDescriptions.children;
+
+  /** 如果不是可编辑模式，没必要注入 ProForm */
+  var FormComponent = editable ? ProForm : DefaultProDescriptionsDom;
+
+  /** 即使组件返回null了, 在传递的过程中还是会被Description检测到为有值 */
+  var title = null;
   if (rest.title || rest.tooltip) {
-    title = /* @__PURE__ */ React.createElement(LabelIconTip, { label: rest.title, tooltip: rest.tooltip });
+    title = /*#__PURE__*/_jsx(LabelIconTip, {
+      label: rest.title,
+      tooltip: rest.tooltip
+    });
   }
-  const className = context.getPrefixCls("pro-descriptions");
-  return /* @__PURE__ */ React.createElement(ErrorBoundary, null, /* @__PURE__ */ React.createElement(
-    ProConfigProvider,
-    {
-      valueTypeMap: __spreadValues(__spreadValues({}, proContext.valueTypeMap), ValueTypeToComponent)
-    },
-    /* @__PURE__ */ React.createElement(
-      FormComponent,
-      __spreadProps(__spreadValues({
-        key: "form",
-        form: (_b = props.editable) == null ? void 0 : _b.form,
+  var className = context.getPrefixCls('pro-descriptions');
+  return /*#__PURE__*/_jsx(ErrorBoundary, {
+    children: /*#__PURE__*/_jsx(ProConfigProvider, {
+      valueTypeMap: _objectSpread(_objectSpread({}, proContext.valueTypeMap), ValueTypeToComponent),
+      children: /*#__PURE__*/_jsx(FormComponent, _objectSpread(_objectSpread({
+        form: (_props$editable = props.editable) === null || _props$editable === void 0 ? void 0 : _props$editable.form,
         component: false,
         submitter: false
-      }, formProps), {
-        onFinish: void 0
-      }),
-      /* @__PURE__ */ React.createElement(
-        Descriptions,
-        __spreadProps(__spreadValues({
-          className
-        }, rest), {
+      }, formProps), {}, {
+        onFinish: undefined,
+        children: /*#__PURE__*/_jsx(Descriptions, _objectSpread(_objectSpread({
+          className: className
+        }, rest), {}, {
           styles: {
-            content: __spreadValues({
+            content: _objectSpread({
               minWidth: 0
             }, contentStyle || {})
           },
-          extra: rest.extra ? /* @__PURE__ */ React.createElement(Space, null, options, rest.extra) : options,
-          title,
+          extra: rest.extra ? /*#__PURE__*/_jsxs(Space, {
+            children: [options, rest.extra]
+          }) : options,
+          title: title,
           items: children
-        })
-      )
-    )
-  ));
+        }))
+      }), "form")
+    })
+  });
 };
 ProDescriptions.Item = ProDescriptionsItem;
-var descriptions_default = ProDescriptions;
-export {
-  FieldRender,
-  ProDescriptions,
-  descriptions_default as default
-};
+export { ProDescriptions };
+export default ProDescriptions;