feat: 联系人抽屉formitem编辑时input撑开宽度

src/components/EditableForm/editableForm.jsx

@@ -3,6 +3,7 @@ import React from 'react'
 import EditableFormItem from './EditableFormItem'
 
 const EditableForm = ({ dataSource, columns }) => {
+  console.log(dataSource)
   const newColumns = columns.map(item => {
     const newItem = { ...item }
 
@@ -24,17 +25,19 @@ const EditableForm = ({ dataSource, columns }) => {
   })
   return (
     <Row>
-      {newColumns.map(column => (
-        <EditableFormItem
-          key={column.dataIndex}
-          label={column.label}
-          dataIndex={column.dataIndex}
-          record={dataSource[column.dataIndex]}
-          span={column.span}
-          editable={column.editable}
-          editCellType={column.editCellType}
-        />
-      ))}
+      {newColumns.map(column => {
+        return (
+          <EditableFormItem
+            key={column.dataIndex}
+            label={column.label}
+            dataIndex={column.dataIndex}
+            record={dataSource[column.dataIndex]}
+            span={column.span}
+            editable={column.editable}
+            editCellType={column.editCellType}
+          />
+        )
+      })}
     </Row>
   )
 }

src/components/EditableForm/editableFormItem.jsx

@@ -47,8 +47,10 @@ const EditableFormItem = ({ label, dataIndex, record, dataId, span, editCellType
   if (editing) {
     switch (editCellType) {
       case 'cascader':
+        // cell = ()
         break
       case 'select':
+        // cell = ()
         break
       default:
         cell = (
@@ -65,15 +67,14 @@ const EditableFormItem = ({ label, dataIndex, record, dataId, span, editCellType
   } else {
     cell = (
       <div className="editable-cell-value-wrap" onClick={toggleEdit}>
-        {' '}
-        {val}{' '}
+        {val}
       </div>
     )
   }
 
   return (
     <Col span={span}>
-      <Row>
+      <Row wrap={false}>
         <Col flex="100px" className="zh-text-right zh-mg-bottom-8">
           <span className="zh-lh-32 zh-mg-right-10">{label}:</span>
         </Col>

src/components/PopContent/Contacts/ContanctForm.jsx

@@ -1,5 +1,5 @@
 import { Form, Row, Col, Input, Button, Cascader, Select, Tag } from 'antd'
-import React, { useEffect,useRef,useState } from 'react'
+import React, { useEffect, useRef, useState } from 'react'
 import EditableForm from '@/components/EditableForm'
 // eslint-disable-next-line import/no-unresolved
 // import '../Contacts/index.scss'
@@ -161,7 +161,7 @@ const ContanctForm = props => {
           陈特 创建于 2019年5月6日 14:55
         </Col>
       </Row>
-      <EditableForm dataSource={record} columns={columns} />
+      <EditableForm dataSource={client} columns={columns} />
       {/* <Form layout="vertical" form={form}>
         <Form.Item label="姓名" name="clientname" rules={[{ required: false, message: '姓名' }]}>
           <Input value="刘泽富" />