lu-lowcode-package-form 0.10.44 → 0.10.46

package/package.json

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

package/src/App.jsx

@@ -107,7 +107,8 @@ function App() {
     // formRef?.current?.setFieldsValue({"tianchong1":{"label":"选项1","value":"1"}, })
   }
   const handleCols = () => {
-    setCols(cols - 1)
+
+    setCols(cols == 1 ? 3 : cols - 1)
   }
 
   const [items, setItems] = useState(['Item 1', 'Item 2', 'Item 3', 'Item 4']);
@@ -260,7 +261,7 @@ function App() {
               <Field.Number label="测试规则" isRequired={true} __id="ceshi_rule1" />
             </Layout.FormRow>
             <Layout.FormRow layout={'1'}>
-              <Field.Table label="子表格" __id="table2" >
+              <Field.Table label="子表格" __id="table2" isAllowCopy={true}  >
                 <Field.Number label="测试规则2"  __id="ceshi_rule2" />
               </Field.Table>
             </Layout.FormRow>

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

@@ -30,7 +30,7 @@ const TableCol = ({ children, width, hidden, ...props }) => {
     </div>
 }
 
-const Table = ({ children, onTableAddRow, disabled, readonly, onTableRemoveRow, form, fieldName, initializeFormRender, recordFieldsChange, mode, isAllowCopy=true, isAllowAdd=true, ...props }) => {
+const Table = ({ children, onTableAddRow, disabled, readonly, onTableRemoveRow, form, fieldName, initializeFormRender, recordFieldsChange, mode, isAllowCopy=false, isAllowAdd=true, ...props }) => {
     useEffect(() => {
         // console.log("Table form reload", form)
     }, [form])

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

@@ -68,8 +68,9 @@ const FormContainer = forwardRef(({ cols = 1, children, mode = "view" }, ref) =>
             initializeDependencyMap();
             setFormContent(renderChildren());
         }, 300),
-        []
+        [children, cols] 
     );
+ 
 
     useEffect(() => {
         throttledInitializeFormRender();
@@ -491,6 +492,7 @@ const FormContainer = forwardRef(({ cols = 1, children, mode = "view" }, ref) =>
             }),
             cols
         );
+        
 
         return groupedChildren.map((group, index) => (
             <Row key={`row-${index}`} gutter={[24, 24]}>