lu-lowcode-package-form 0.11.21 → 0.11.23

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "lu-lowcode-package-form",
-  "version": "0.11.21", 
+  "version": "0.11.23", 
   "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;
@@ -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>

package/src/components/form-container/index.jsx

@@ -446,6 +446,7 @@ const FormContainer = forwardRef(({ cols = 1, children, mode = "view" }, ref) =>
     const handleFieldsWithFill = async (fieldValues, child, parentIdentifier, componentName) => {
         // console.log("handleFieldsWithFill child.identifier", child.identifier)
         // console.log("handleFieldsWithFill parentIdentifier", parentIdentifier)
+        console.log("handleFieldsWithFill componentName", componentName)
         const withFill = child?.component?.props.withFill;
         const withDataFetch = child?.component?.props.withDataFetch;
         let withFillIndex = 0
@@ -487,12 +488,19 @@ const FormContainer = forwardRef(({ cols = 1, children, mode = "view" }, ref) =>
                             filter_value = filter_value[withFillIndex]
                         }
                     }
-                    if (componentName == "Field.WithSingleSelect" && filter_value) {
-                        if (typeof filter_value === "string") {
+                    if (filter_value && typeof filter_value === "string") {
+                        try {
                             filter_value = JSON.parse(filter_value)
+                        } catch (error) {
                         }
-                        filter_value = filter_value?.value
                     }
+                    if (filter_value?.value) filter_value = filter_value.value
+                    // if (componentName == "Field.WithSingleSelect" && filter_value) {
+                    //     if (typeof filter_value === "string") {
+                    //         filter_value = JSON.parse(filter_value)
+                    //     }
+                    //     filter_value = filter_value?.value
+                    // }
                     params.filter[condition_column.column_name] = filter_value
                 }