feat(descriptions): support emptyText

ant-design · Aug 24, 2023 · d5ccc34 · d5ccc34
1 parent af522ee
commit d5ccc34
Show file tree

Hide file tree

Showing 3 changed files with 13 additions and 2 deletions.
diff --git a/packages/descriptions/src/demos/columns.tsx b/packages/descriptions/src/demos/columns.tsx
@@ -8,7 +8,6 @@ export default () => {
         return Promise.resolve({
           success: true,
           data: {
-            id: '这是一段文本columns',
             date: '20200809',
             money: '1212100',
             money2: -12345.33,
@@ -18,6 +17,7 @@ export default () => {
           },
         });
       }}
+      emptyText={'空'}
       columns={[
         {
           title: '文本',

diff --git a/packages/descriptions/src/index.tsx b/packages/descriptions/src/index.tsx
@@ -120,6 +120,11 @@ export type ProDescriptionsProps<
   dataSource?: RecordType;
   /** 受控数据源改变 */
   onDataSourceChange?: (value: RecordType) => void;
+
+  /**
+   *为空时候的默认值
+   */
+  emptyText?: React.ReactNode;
 };
 
 /**
@@ -155,6 +160,7 @@ export const FieldRender: React.FC<
     action: ProCoreActionType<any>;
     index: number;
     editableUtils?: UseEditableMapUtilType;
+    emptyText?: React.ReactNode;
   }
 > = (props) => {
   const {
@@ -182,6 +188,7 @@ export const FieldRender: React.FC<
     valueEnum,
     mode: mode || 'read',
     proFieldProps: {
+      emptyText: props.emptyText,
       render: render
         ? () =>
             render?.(text, entity, index, action, {
@@ -302,6 +309,7 @@ const schemaToDescriptionsItem = (
   entity: any,
   action: ProCoreActionType<any>,
   editableUtils?: UseEditableMapUtilType,
+  emptyText?: React.ReactNode,
 ) => {
   const options: JSX.Element[] = [];
   const isBigger58 = compareVersions(version, '5.8.0') >= 0;
@@ -388,6 +396,7 @@ const schemaToDescriptionsItem = (
                     valueType={valueType}
                     entity={entity}
                     index={index}
+                    emptyText={emptyText}
                     action={action}
                     editableUtils={editableUtils}
                   />
@@ -587,6 +596,7 @@ const ProDescriptions = <
     action.dataSource || {},
     actionRef?.current || action,
     editable ? editableUtils : undefined,
+    props.emptyText,
   );
 
   /** 如果不是可编辑模式，没必要注入 ProForm */

diff --git a/tests/descriptions/__snapshots__/demo.test.ts.snap b/tests/descriptions/__snapshots__/demo.test.ts.snap
@@ -825,6 +825,7 @@ exports[`descriptions demos 📸 renders ./packages/descriptions/src/demos/colum
   </div>
   <div
     class="ant-descriptions ant-pro-descriptions"
+    emptytext="空"
   >
     <div
       class="ant-descriptions-header"
@@ -889,7 +890,7 @@ exports[`descriptions demos 📸 renders ./packages/descriptions/src/demos/colum
                   class="ant-descriptions-item-content"
                   style="min-width: 0;"
                 >
-                  这是一段文本columns
+                  空
                 </span>
               </div>
             </td>