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

package/lib/descriptions/index.js

@@ -1,514 +1,446 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __defProps = Object.defineProperties;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
-var __getProtoOf = Object.getPrototypeOf;
-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 __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-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());
-  });
-};
+"use strict";
 
-// src/descriptions/index.tsx
-var descriptions_exports = {};
-__export(descriptions_exports, {
-  FieldRender: () => FieldRender,
-  ProDescriptions: () => ProDescriptions,
-  default: () => descriptions_default
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
 });
-module.exports = __toCommonJS(descriptions_exports);
-var import_icons = require("@ant-design/icons");
-var import_antd = require("antd");
-var import_toArray = __toESM(require("rc-util/lib/Children/toArray"));
-var import_get = __toESM(require("rc-util/lib/utils/get"));
-var import_react = __toESM(require("react"));
-var import_ValueTypeToComponent = __toESM(require("../field/ValueTypeToComponent"));
-var import_form = __toESM(require("../form"));
-var import_provider = __toESM(require("../provider"));
-var import_skeleton = __toESM(require("../skeleton"));
-var import_utils = require("../utils");
-var import_useFetchData = __toESM(require("./useFetchData"));
-var getDataFromConfig = (item, entity) => {
-  const { dataIndex } = item;
+exports.default = exports.ProDescriptions = exports.FieldRender = void 0;
+var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
+var _regeneratorRuntime2 = _interopRequireDefault(require("@babel/runtime/helpers/regeneratorRuntime"));
+var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
+var _icons = require("@ant-design/icons");
+var _util = require("@rc-component/util");
+var _antd = require("antd");
+var _react = _interopRequireWildcard(require("react"));
+var _ValueTypeToComponent = _interopRequireDefault(require("../field/ValueTypeToComponent"));
+var _form = _interopRequireWildcard(require("../form"));
+var _provider = _interopRequireWildcard(require("../provider"));
+var _skeleton = _interopRequireDefault(require("../skeleton"));
+var _utils = require("../utils");
+var _useFetchData = _interopRequireDefault(require("./useFetchData"));
+var _jsxRuntime = require("react/jsx-runtime");
+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"]; // 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 - 表格项的值类型
+ */
+/**
+ * 根据 dataIndex 获取值，支持 dataIndex 为数组
+ *
+ * @param item
+ * @param entity
+ */
+var getDataFromConfig = function getDataFromConfig(item, entity) {
+  var dataIndex = item.dataIndex;
   if (dataIndex) {
-    const data = Array.isArray(dataIndex) ? (0, import_get.default)(entity, dataIndex) : entity[dataIndex];
-    if (data !== void 0 || data !== null) {
+    var data = Array.isArray(dataIndex) ? (0, _util.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 = import_form.default.useFormInstance();
-  const { token } = (_b = (_a = import_provider.proTheme).useToken) == null ? void 0 : _b.call(_a);
-  const fieldConfig = {
-    text,
-    valueEnum,
-    mode: mode || "read",
+
+/**
+ * 这里会处理编辑的功能
+ *
+ * @param props
+ */
+var FieldRender = exports.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 = _form.default.useFormInstance();
+  var _proTheme$useToken = (_proTheme$useToken2 = _provider.proTheme.useToken) === null || _proTheme$useToken2 === void 0 ? void 0 : _proTheme$useToken2.call(_provider.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, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, 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 = (0, import_utils.getFieldPropsOrFormItemProps)(
-      props.fieldProps,
-      void 0,
-      __spreadProps(__spreadValues({}, props), {
-        rowKey: dataIndex,
-        isEditable: false
-      })
-    );
-    return /* @__PURE__ */ import_react.default.createElement(import_form.ProFormField, __spreadProps(__spreadValues({ name: dataIndex }, fieldConfig), { fieldProps }));
+
+  /** 如果是只读模式，fieldProps 的 form是空的，所以需要兜底处理 */
+  if (mode === 'read' || !mode || valueType === 'option') {
+    var fieldProps = (0, _utils.getFieldPropsOrFormItemProps)(props.fieldProps, undefined, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, props), {}, {
+      rowKey: dataIndex,
+      isEditable: false
+    }));
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_form.ProFormField, (0, _objectSpread2.default)((0, _objectSpread2.default)({
+      name: dataIndex
+    }, fieldConfig), {}, {
+      fieldProps: fieldProps
+    }));
   }
-  const renderDom = () => {
-    var _a2;
-    const formItemProps = (0, import_utils.getFieldPropsOrFormItemProps)(
-      props.formItemProps,
-      form,
-      __spreadProps(__spreadValues({}, props), {
-        rowKey: dataIndex,
-        isEditable: true
-      })
-    );
-    const fieldProps = (0, import_utils.getFieldPropsOrFormItemProps)(
-      props.fieldProps,
-      form,
-      __spreadProps(__spreadValues({}, props), {
-        rowKey: dataIndex,
-        isEditable: true
-      })
-    );
-    return /* @__PURE__ */ import_react.default.createElement(
-      "div",
-      {
-        style: { display: "flex", gap: token.marginXS, alignItems: "baseline" }
+  var renderDom = function renderDom() {
+    var _editableUtils$action;
+    var formItemProps = (0, _utils.getFieldPropsOrFormItemProps)(props.formItemProps, form, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, props), {}, {
+      rowKey: dataIndex,
+      isEditable: true
+    }));
+    var fieldProps = (0, _utils.getFieldPropsOrFormItemProps)(props.fieldProps, form, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, props), {}, {
+      rowKey: dataIndex,
+      isEditable: true
+    }));
+    return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+      style: {
+        display: 'flex',
+        gap: token.marginXS,
+        alignItems: 'baseline'
       },
-      /* @__PURE__ */ import_react.default.createElement(
-        import_utils.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__ */ import_react.default.createElement(
-          import_form.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__ */ import_react.default.createElement(
-                  import_form.ProFormField,
-                  __spreadProps(__spreadValues({}, fieldConfig), {
-                    fieldProps
-                  })
-                ),
-                type: "descriptions"
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_utils.InlineErrorFormItem, (0, _objectSpread2.default)((0, _objectSpread2.default)({
+        name: dataIndex
+      }, formItemProps), {}, {
+        style: (0, _objectSpread2.default)({
+          margin: 0
+        }, (formItemProps === null || formItemProps === void 0 ? void 0 : formItemProps.style) || {}),
+        initialValue: text || (formItemProps === null || formItemProps === void 0 ? void 0 : formItemProps.initialValue),
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_form.ProFormField, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, fieldConfig), {}, {
+          proFieldProps: (0, _objectSpread2.default)({}, fieldConfig.proFieldProps),
+          formItemRender: formItemRender ? function () {
+            return formItemRender === null || formItemRender === void 0 ? void 0 : formItemRender((0, _objectSpread2.default)((0, _objectSpread2.default)({}, props), {}, {
+              type: 'descriptions'
+            }), {
+              isEditable: true,
+              recordKey: dataIndex,
+              record: form.getFieldValue([dataIndex].flat(1)),
+              defaultRender: function defaultRender() {
+                return /*#__PURE__*/(0, _jsxRuntime.jsx)(_form.ProFormField, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, fieldConfig), {}, {
+                  fieldProps: fieldProps
+                }));
               },
-              form
-            ) : void 0,
-            fieldProps
-          })
-        )
-      ),
-      /* @__PURE__ */ import_react.default.createElement(
-        "div",
-        {
-          style: {
-            display: "flex",
-            maxHeight: token.controlHeight,
-            alignItems: "center",
-            gap: token.marginXS
-          }
+              type: 'descriptions'
+            }, form);
+          } : undefined,
+          fieldProps: fieldProps
+        }))
+      })), /*#__PURE__*/(0, _jsxRuntime.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__ */ import_react.default.createElement(import_icons.CloseOutlined, null),
-          saveText: /* @__PURE__ */ import_react.default.createElement(import_icons.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__*/(0, _jsxRuntime.jsx)(_icons.CloseOutlined, {}),
+          saveText: /*#__PURE__*/(0, _jsxRuntime.jsx)(_icons.CheckOutlined, {}),
           deleteText: false
         })
-      )
-    );
+      })]
+    });
   };
-  return /* @__PURE__ */ import_react.default.createElement(
-    "div",
-    {
-      style: {
-        marginTop: -5,
-        marginBottom: -5,
-        marginLeft: 0,
-        marginRight: 0
-      }
+  return /*#__PURE__*/(0, _jsxRuntime.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 (import_react.default.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.default.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 ? import_antd.Space : import_react.default.Fragment;
-    const contentDom = fieldMode === "edit" ? text : (0, import_utils.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__ */ import_react.default.createElement(
-      import_utils.LabelIconTip,
-      {
-        label: title || restItem.label,
-        tooltip: restItem.tooltip,
-        ellipsis: item.ellipsis
-      }
-    );
-    const field = valueType !== "option" ? __spreadProps(__spreadValues({}, restItem), {
-      key,
-      label,
-      children: /* @__PURE__ */ import_react.default.createElement(Component, null, /* @__PURE__ */ import_react.default.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 = (0, _objectWithoutProperties2.default)(_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 ? _antd.Space : _react.default.Fragment;
+    var contentDom = fieldMode === 'edit' ? text : (0, _utils.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__*/(0, _jsxRuntime.jsx)(_utils.LabelIconTip, {
+      label: title || restItem.label,
+      tooltip: restItem.tooltip,
+      ellipsis: item.ellipsis
+    });
+    var field = valueType !== 'option' ? (0, _objectSpread2.default)((0, _objectSpread2.default)({}, restItem), {}, {
+      key: key,
+      label: label,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(Component, {
+        children: [/*#__PURE__*/(0, _react.createElement)(FieldRender, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, 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__ */ import_react.default.createElement(
-        import_icons.EditOutlined,
-        {
-          onClick: () => {
-            editableUtils == null ? void 0 : editableUtils.startEditable(
-              dataIndex || index
-            );
+          valueType: valueType,
+          entity: entity,
+          index: index,
+          emptyText: emptyText,
+          action: action,
+          editableUtils: editableUtils
+        })), showEditIcon && /*#__PURE__*/(0, _jsxRuntime.jsx)(_icons.EditOutlined, {
+          onClick: function onClick() {
+            editableUtils === null || editableUtils === void 0 || editableUtils.startEditable(dataIndex || index);
           }
-        }
-      ))
-    }) : /* @__PURE__ */ import_react.default.createElement(import_antd.Descriptions.Item, __spreadProps(__spreadValues({}, restItem), { key, label }), /* @__PURE__ */ import_react.default.createElement(Component, null, /* @__PURE__ */ import_react.default.createElement(
-      FieldRender,
-      __spreadProps(__spreadValues({}, item), {
+        })]
+      })
+    }) : /*#__PURE__*/(0, _react.createElement)(_antd.Descriptions.Item, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, restItem), {}, {
+      key: key,
+      label: label
+    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(Component, {
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(FieldRender, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, item), {}, {
         dataIndex: item.dataIndex || index,
         mode: fieldMode,
         text: contentDom,
-        valueType,
-        entity,
-        index,
-        action,
-        editableUtils
-      })
-    ), showEditIcon && valueType !== "option" && /* @__PURE__ */ import_react.default.createElement(
-      import_icons.EditOutlined,
-      {
-        onClick: () => {
-          editableUtils == null ? void 0 : editableUtils.startEditable(
-            dataIndex || index
-          );
+        valueType: valueType,
+        entity: entity,
+        index: index,
+        action: action,
+        editableUtils: editableUtils
+      })), showEditIcon && valueType !== 'option' && /*#__PURE__*/(0, _jsxRuntime.jsx)(_icons.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__ */ import_react.default.createElement(import_antd.Descriptions.Item, __spreadValues({}, props), props.children);
+var ProDescriptionsItem = function ProDescriptionsItem(props) {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_antd.Descriptions.Item, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, 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 = (0, import_react.useContext)(import_provider.default);
-  const context = (0, import_react.useContext)(import_antd.ConfigProvider.ConfigContext);
-  const action = (0, import_useFetchData.default)(
-    () => __async(void 0, null, function* () {
-      const data = request ? yield request(params || {}) : { data: {} };
-      return data;
-    }),
-    {
-      onRequestError,
-      effects: [(0, import_utils.stringify)(params)],
-      manual: !request,
-      dataSource,
-      loading,
-      onLoadingChange,
-      onDataSourceChange
-    }
-  );
-  const editableUtils = (0, import_utils.useEditableMap)(__spreadProps(__spreadValues({}, props.editable), {
-    childrenColumnName: void 0,
+ProDescriptionsItem.displayName = 'ProDescriptionsItem';
+var DefaultProDescriptionsDom = function DefaultProDescriptionsDom(dom) {
+  return dom.children;
+};
+var ProDescriptions = exports.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 = (0, _objectWithoutProperties2.default)(props, _excluded2);
+  var proContext = (0, _react.useContext)(_provider.default);
+  var context = (0, _react.useContext)(_antd.ConfigProvider.ConfigContext);
+  var action = (0, _useFetchData.default)( /*#__PURE__*/(0, _asyncToGenerator2.default)( /*#__PURE__*/(0, _regeneratorRuntime2.default)().mark(function _callee() {
+    var data;
+    return (0, _regeneratorRuntime2.default)().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: [(0, _utils.stringify)(params)],
+    manual: !request,
+    dataSource: dataSource,
+    loading: loading,
+    onLoadingChange: onLoadingChange,
+    onDataSourceChange: onDataSourceChange
+  });
+
+  /*
+   * 可编辑行的相关配置
+   */
+  var editableUtils = (0, _utils.useEditableMap)((0, _objectSpread2.default)((0, _objectSpread2.default)({}, props.editable), {}, {
+    childrenColumnName: undefined,
     dataSource: action.dataSource,
     setDataSource: action.setDataSource
   }));
-  (0, import_react.useEffect)(() => {
+
+  /** 支持 reload 的功能 */
+  (0, _react.useEffect)(function () {
     if (actionRef) {
-      actionRef.current = __spreadValues({
+      actionRef.current = (0, _objectSpread2.default)({
         reload: action.reload
       }, editableUtils);
     }
   }, [action, actionRef, editableUtils]);
-  if (action.loading || action.loading === void 0 && request) {
-    return /* @__PURE__ */ import_react.default.createElement(import_skeleton.default, { type: "descriptions", list: false, pageHeader: false });
+
+  // loading 时展示
+  // loading =  undefined 但是 request 存在时也应该展示
+  if (action.loading || action.loading === undefined && request) {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_skeleton.default, {
+      type: "descriptions",
+      list: false,
+      pageHeader: false
+    });
   }
-  const getColumns = () => {
-    const childrenColumns = (0, import_toArray.default)(props.children).filter(Boolean).map((item) => {
-      var _a2;
-      if (!import_react.default.isValidElement(item)) {
+  var getColumns = function getColumns() {
+    // 因为 Descriptions 只是个语法糖，children 是不会执行的，所以需要这里处理一下
+    var childrenColumns = (0, _util.toArray)(props.children).filter(Boolean).map(function (item) {
+      var _type;
+      if (! /*#__PURE__*/_react.default.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 (0, _objectSpread2.default)((0, _objectSpread2.default)({}, 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((0, _toConsumableArray2.default)(columns || []), (0, _toConsumableArray2.default)(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 ? import_form.default : 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 ? _form.default : DefaultProDescriptionsDom;
+
+  /** 即使组件返回null了, 在传递的过程中还是会被Description检测到为有值 */
+  var title = null;
   if (rest.title || rest.tooltip) {
-    title = /* @__PURE__ */ import_react.default.createElement(import_utils.LabelIconTip, { label: rest.title, tooltip: rest.tooltip });
+    title = /*#__PURE__*/(0, _jsxRuntime.jsx)(_utils.LabelIconTip, {
+      label: rest.title,
+      tooltip: rest.tooltip
+    });
   }
-  const className = context.getPrefixCls("pro-descriptions");
-  return /* @__PURE__ */ import_react.default.createElement(import_utils.ErrorBoundary, null, /* @__PURE__ */ import_react.default.createElement(
-    import_provider.ProConfigProvider,
-    {
-      valueTypeMap: __spreadValues(__spreadValues({}, proContext.valueTypeMap), import_ValueTypeToComponent.default)
-    },
-    /* @__PURE__ */ import_react.default.createElement(
-      FormComponent,
-      __spreadProps(__spreadValues({
-        key: "form",
-        form: (_b = props.editable) == null ? void 0 : _b.form,
+  var className = context.getPrefixCls('pro-descriptions');
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_utils.ErrorBoundary, {
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_provider.ProConfigProvider, {
+      valueTypeMap: (0, _objectSpread2.default)((0, _objectSpread2.default)({}, proContext.valueTypeMap), _ValueTypeToComponent.default),
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(FormComponent, (0, _objectSpread2.default)((0, _objectSpread2.default)({
+        form: (_props$editable = props.editable) === null || _props$editable === void 0 ? void 0 : _props$editable.form,
         component: false,
         submitter: false
-      }, formProps), {
-        onFinish: void 0
-      }),
-      /* @__PURE__ */ import_react.default.createElement(
-        import_antd.Descriptions,
-        __spreadProps(__spreadValues({
-          className
-        }, rest), {
+      }, formProps), {}, {
+        onFinish: undefined,
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_antd.Descriptions, (0, _objectSpread2.default)((0, _objectSpread2.default)({
+          className: className
+        }, rest), {}, {
           styles: {
-            content: __spreadValues({
+            content: (0, _objectSpread2.default)({
               minWidth: 0
             }, contentStyle || {})
           },
-          extra: rest.extra ? /* @__PURE__ */ import_react.default.createElement(import_antd.Space, null, options, rest.extra) : options,
-          title,
+          extra: rest.extra ? /*#__PURE__*/(0, _jsxRuntime.jsxs)(_antd.Space, {
+            children: [options, rest.extra]
+          }) : options,
+          title: title,
           items: children
-        })
-      )
-    )
-  ));
+        }))
+      }), "form")
+    })
+  });
 };
 ProDescriptions.Item = ProDescriptionsItem;
-var descriptions_default = ProDescriptions;
+var _default = exports.default = ProDescriptions;