lu-lowcode-package-form 0.11.22 → 0.11.24

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "lu-lowcode-package-form",
-  "version": "0.11.22", 
+  "version": "0.11.24", 
   "dependencies": {
     "@ant-design/icons": "^4.8.1",
     "@dnd-kit/core": "^6.1.0",

package/src/components/field/table/index.jsx

@@ -21,6 +21,14 @@ const TableAction = ({ label, subTableIndex, children, subTableHead = false, ...
     </div>
 }
 
+const RowID = ({value,onChange,...props}) => {
+    useEffect(() => {
+        if (!value) onChange(nanoid())
+    }, [value])
+    return (
+        <Input {...props} value={value} onChange={onChange} hidden={true} />
+    )
+}
 
 const TableCol = ({ children, width, hidden, ...props }) => {
     const [sWidth, setSWidth] = useState(0);
@@ -100,7 +108,9 @@ const Table = ({ children, onTableAddRow, disabled, readonly, onTableRemoveRow,
                     </div>} 
                     {fields.map((field, index) => (
                         <div key={`${tableId}.${field.key}`} className=" fflex flex-nowrap fmin-w-full ">
-
+                              <Form.Item hidden={true} name={[field.name, "__id"]}>
+                                <RowID />
+                              </Form.Item>
                             {React.Children.map(children, (child, childIndex) => {
                                 let { props } = child;
                                 const col_id = child?.props?.componentId || child?.props?.__id || childIndex;
@@ -192,7 +202,7 @@ const Table = ({ children, onTableAddRow, disabled, readonly, onTableRemoveRow,
                             {disabled != true && readonly != true && <TableAction subTableHead={index == 0} key={`row_${index}_action`} subTable={true} subTableIndex={index} label={"操作"}>
                                 {isAllowCopy && <CopyOutlined className="fcursor-pointer" onClick={() => {
                                     let tableValues = form.getFieldValue(fieldName)
-                                    const copyRow = {...tableValues[index]}
+                                    const copyRow = {...tableValues[index],__id:nanoid()}
                                     tableValues.splice(index + 1, 0, copyRow)
                                     form?.setFieldValue(fieldName, tableValues)
 
@@ -224,7 +234,7 @@ const Table = ({ children, onTableAddRow, disabled, readonly, onTableRemoveRow,
                     ))}
                 </div>
                 {disabled != true && readonly != true && isAllowAdd && <Button onClick={() => {
-                    add({ key: nanoid() })
+                    add({ key: nanoid(), })
                     typeof onTableAddRow === "function" && onTableAddRow(childrenIds);
                 }} className="fmy-2">新增一行</Button>}
             </div>