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

package/es/descriptions/index.js

@@ -0,0 +1,445 @@
+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 useFetchData from "./useFetchData";
+
+// 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) {
+    var data = Array.isArray(dataIndex) ? get(entity, dataIndex) : entity[dataIndex];
+    if (data !== undefined || data !== null) {
+      return data;
+    }
+  }
+  return item.children;
+};
+
+/**
+ * 这里会处理编辑的功能
+ *
+ * @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: emptyText,
+      render: render ? function (finText) {
+        return render === null || render === void 0 ? void 0 : render(finText, entity, index, action, _objectSpread(_objectSpread({}, props), {}, {
+          type: 'descriptions'
+        }));
+      } : undefined
+    },
+    ignoreFormItem: true,
+    valueType: valueType,
+    request: request,
+    params: params,
+    plain: plain
+  };
+
+  /** 如果是只读模式，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
+    }));
+  }
+  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'
+      },
+      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
+                }));
+              },
+              type: 'descriptions'
+            }, form);
+          } : undefined,
+          fieldProps: fieldProps
+        }))
+      })), /*#__PURE__*/_jsx("div", {
+        style: {
+          display: 'flex',
+          maxHeight: token.controlHeight,
+          alignItems: 'center',
+          gap: token.marginXS
+        },
+        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__*/_jsx("div", {
+    style: {
+      marginTop: -5,
+      marginBottom: -5,
+      marginLeft: 0,
+      marginRight: 0
+    },
+    children: renderDom()
+  });
+};
+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
+      };
+    }
+    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: 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__*/_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: 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);
+        }
+      })]
+    }));
+    // 如果类型是 option 自动放到右上角
+    if (valueType === 'option') {
+      options.push(field);
+      return null;
+    }
+    return field;
+  }).filter(function (item) {
+    return item;
+  });
+  return {
+    // 空数组传递还是会被判定为有值
+    options: options !== null && options !== void 0 && options.length ? options : null,
+    children: children
+  };
+};
+var ProDescriptionsItem = function ProDescriptionsItem(props) {
+  return /*#__PURE__*/_jsx(Descriptions.Item, _objectSpread(_objectSpread({}, props), {}, {
+    children: props.children
+  }));
+};
+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
+  }));
+
+  /** 支持 reload 的功能 */
+  useEffect(function () {
+    if (actionRef) {
+      actionRef.current = _objectSpread({
+        reload: action.reload
+      }, editableUtils);
+    }
+  }, [action, actionRef, editableUtils]);
+
+  // loading 时展示
+  // loading =  undefined 但是 request 存在时也应该展示
+  if (action.loading || action.loading === undefined && request) {
+    return /*#__PURE__*/_jsx(ProSkeleton, {
+      type: "descriptions",
+      list: false,
+      pageHeader: false
+    });
+  }
+  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;
+      }
+      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 _objectSpread(_objectSpread({}, item === null || item === void 0 ? void 0 : item.props), {}, {
+        entity: dataSource
+      });
+    });
+    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 && 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);
+    });
+  };
+  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__*/_jsx(LabelIconTip, {
+      label: rest.title,
+      tooltip: rest.tooltip
+    });
+  }
+  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: undefined,
+        children: /*#__PURE__*/_jsx(Descriptions, _objectSpread(_objectSpread({
+          className: className
+        }, rest), {}, {
+          styles: {
+            content: _objectSpread({
+              minWidth: 0
+            }, contentStyle || {})
+          },
+          extra: rest.extra ? /*#__PURE__*/_jsxs(Space, {
+            children: [options, rest.extra]
+          }) : options,
+          title: title,
+          items: children
+        }))
+      }), "form")
+    })
+  });
+};
+ProDescriptions.Item = ProDescriptionsItem;
+export { ProDescriptions };
+export default ProDescriptions;

package/es/descriptions/useFetchData.d.ts

@@ -0,0 +1,22 @@
+export type RequestData<T = any> = {
+    data?: T;
+    success?: boolean;
+    [key: string]: any;
+} & Record<string, any>;
+export type UseFetchDataAction<T extends RequestData> = {
+    dataSource: T['data'] | T;
+    setDataSource: (value: T['data'] | T) => void;
+    loading?: boolean;
+    reload: () => Promise<void>;
+};
+declare const useFetchData: <T extends RequestData<any>>(getData: () => Promise<T>, options?: {
+    effects?: any[] | undefined;
+    manual: boolean;
+    loading?: boolean | undefined;
+    onLoadingChange?: ((loading?: boolean) => void) | undefined;
+    onRequestError?: ((e: Error) => void) | undefined;
+    dataSource?: T["data"] | undefined;
+    defaultDataSource?: T["data"] | undefined;
+    onDataSourceChange?: ((value: T['data']) => void) | undefined;
+} | undefined) => UseFetchDataAction<T>;
+export default useFetchData;

package/es/descriptions/useFetchData.js

@@ -0,0 +1,108 @@
+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 _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+import { useMergedState } from 'rc-util';
+import { useEffect } from 'react';
+var useFetchData = function useFetchData(getData, options) {
+  var _ref = options || {},
+    onRequestError = _ref.onRequestError,
+    effects = _ref.effects,
+    manual = _ref.manual,
+    dataSource = _ref.dataSource,
+    defaultDataSource = _ref.defaultDataSource,
+    onDataSourceChange = _ref.onDataSourceChange;
+  var _useMergedState = useMergedState(defaultDataSource, {
+      value: dataSource,
+      onChange: onDataSourceChange
+    }),
+    _useMergedState2 = _slicedToArray(_useMergedState, 2),
+    entity = _useMergedState2[0],
+    setEntity = _useMergedState2[1];
+  var _useMergedState3 = useMergedState(options === null || options === void 0 ? void 0 : options.loading, {
+      value: options === null || options === void 0 ? void 0 : options.loading,
+      onChange: options === null || options === void 0 ? void 0 : options.onLoadingChange
+    }),
+    _useMergedState4 = _slicedToArray(_useMergedState3, 2),
+    loading = _useMergedState4[0],
+    setLoading = _useMergedState4[1];
+  var updateDataAndLoading = function updateDataAndLoading(data) {
+    setEntity(data);
+    setLoading(false);
+  };
+  /** 请求数据 */
+  var fetchList = /*#__PURE__*/function () {
+    var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
+      var _ref3, data, success;
+      return _regeneratorRuntime().wrap(function _callee$(_context) {
+        while (1) switch (_context.prev = _context.next) {
+          case 0:
+            if (!loading) {
+              _context.next = 2;
+              break;
+            }
+            return _context.abrupt("return");
+          case 2:
+            setLoading(true);
+            _context.prev = 3;
+            _context.next = 6;
+            return getData();
+          case 6:
+            _context.t0 = _context.sent;
+            if (_context.t0) {
+              _context.next = 9;
+              break;
+            }
+            _context.t0 = {};
+          case 9:
+            _ref3 = _context.t0;
+            data = _ref3.data;
+            success = _ref3.success;
+            if (success !== false) {
+              updateDataAndLoading(data);
+            }
+            _context.next = 23;
+            break;
+          case 15:
+            _context.prev = 15;
+            _context.t1 = _context["catch"](3);
+            if (!(onRequestError === undefined)) {
+              _context.next = 21;
+              break;
+            }
+            throw new Error(_context.t1);
+          case 21:
+            onRequestError(_context.t1);
+          case 22:
+            setLoading(false);
+          case 23:
+            _context.prev = 23;
+            setLoading(false);
+            return _context.finish(23);
+          case 26:
+          case "end":
+            return _context.stop();
+        }
+      }, _callee, null, [[3, 15, 23, 26]]);
+    }));
+    return function fetchList() {
+      return _ref2.apply(this, arguments);
+    };
+  }();
+  useEffect(function () {
+    if (manual) {
+      return;
+    }
+    fetchList();
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [].concat(_toConsumableArray(effects || []), [manual]));
+  return {
+    dataSource: entity,
+    setDataSource: setEntity,
+    loading: loading,
+    reload: function reload() {
+      return fetchList();
+    }
+  };
+};
+export default useFetchData;

package/es/field/AllProField.d.ts

@@ -0,0 +1,33 @@
+import React from 'react';
+import type { BaseProFieldFC, ProFieldFCRenderProps, ProRenderFieldPropsType } from '../provider';
+import { ProFieldRequestData, ProFieldTextType, ProFieldValueObjectType, ProFieldValueType } from '../utils';
+import { ProFieldPropsType } from './PureProField';
+/** 默认的 Field 需要实现的功能 */
+export type ProFieldFC<T = {}> = React.ForwardRefRenderFunction<any, BaseProFieldFC & ProRenderFieldPropsType & T>;
+/** 轻量筛选的field属性 */
+export type ProFieldLightProps = {
+    lightLabel?: React.RefObject<{
+        labelRef: React.RefObject<HTMLElement>;
+        clearRef: React.RefObject<HTMLElement>;
+    }>;
+    labelTrigger?: boolean;
+};
+/** Value type by function */
+export type ProFieldValueTypeFunction<T> = (item: T) => ProFieldValueType | ProFieldValueObjectType;
+type RenderProps = Omit<ProFieldFCRenderProps, 'text' | 'placeholder'> & ProRenderFieldPropsType & {
+    /** 从服务器读取选项 */
+    request?: ProFieldRequestData;
+    emptyText?: React.ReactNode;
+    open?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    [key: string]: any;
+};
+/**
+ * 根据不同的类型来转化数值
+ *
+ * @param dataValue
+ * @param valueType
+ */
+export declare const defaultRenderText: (dataValue: ProFieldTextType, valueType: ProFieldValueType | ProFieldValueObjectType, props: RenderProps, valueTypeMap: Record<string, ProRenderFieldPropsType>) => React.ReactNode;
+export declare const ProField: React.ForwardRefRenderFunction<any, ProFieldPropsType>;
+export {};