fix: transfer table mode 列显示信息丢失 (#2659)

Co-authored-by: wenyushan <wenyushan@xiaomi.com>
baidu · Oct 9, 2021 · 218c3c9 · 218c3c9
1 parent a08f5e2
commit 218c3c9
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 1 deletion.
diff --git a/src/components/Transfer.tsx b/src/components/Transfer.tsx
@@ -276,6 +276,7 @@ export class Transfer extends React.Component<TransferProps, TransferState> {
       selectMode,
       noResultsText,
       searchResultColumns,
+      columns,
       classnames: cx,
       value,
       disabled,
@@ -286,12 +287,13 @@ export class Transfer extends React.Component<TransferProps, TransferState> {
     } = this.props;
     const options = this.state.searchResult || [];
     const mode = searchResultMode || selectMode;
+    const resultColumns = searchResultColumns || columns;
 
     return mode === 'table' ? (
       <TableCheckboxes
         placeholder={noResultsText}
         className={cx('Transfer-checkboxes')}
-        columns={searchResultColumns!}
+        columns={resultColumns!}
         options={options}
         value={value}
         disabled={disabled}

diff --git a/src/renderers/Form/Transfer.tsx b/src/renderers/Form/Transfer.tsx
@@ -67,6 +67,11 @@ export interface TransferControlSchema extends FormOptionsControl {
    */
   columns?: Array<any>;
 
+  /**
+   * 当 searchResultMode 为 table 时定义表格列信息。
+   */
+  searchResultColumns?: Array<any>;
+
   /**
    * 可搜索？
    */
@@ -252,6 +257,7 @@ export class BaseTransferRenderer<
       loading,
       searchable,
       searchResultMode,
+      searchResultColumns,
       deferLoad,
       leftOptions,
       leftMode,
@@ -275,6 +281,7 @@ export class BaseTransferRenderer<
           showArrow={showArrow}
           selectMode={selectMode}
           searchResultMode={searchResultMode}
+          searchResultColumns={searchResultColumns}
           columns={columns}
           onSearch={searchable ? this.handleSearch : undefined}
           onDeferLoad={deferLoad}