lu-lowcode-package-form 0.9.76 → 0.9.78

package/src/components/form-container/layout/form-row.jsx

@@ -1,7 +1,7 @@
 import React, { useMemo } from 'react';
 import { Form, Row, Col } from 'antd';
 
-const LayoutFormRow = ({ children, layout }) => {
+const LayoutFormRow = ({ children, layout, onTableAddRow,onTableRemoveRow}) => {
   layout = layout || '1';
   const getColSpan = (layoutStr) => {
     const layoutArray = layoutStr.split(',').map(Number);
@@ -16,7 +16,12 @@ const LayoutFormRow = ({ children, layout }) => {
     return React.Children.toArray(children).map((child, index) => {
       const props = child.props;
       const name = props?.componentId || props?.__id;
-
+      var componentName = child.type?.displayName || child.props?._componentName;
+      // console.log("initializeDependencyMap componentName", componentName)
+      let childComponent = child;
+      if (componentName  == 'Field.Table') 
+          childComponent = React.cloneElement(child, { onTableAddRow: onTableAddRow, onTableRemoveRow: onTableRemoveRow })
+     
       if (name) {
         return (
           colSpans?.[index] && <Col span={colSpans[index]} key={index}>
@@ -27,14 +32,14 @@ const LayoutFormRow = ({ children, layout }) => {
               name={name}
               rules={[{ required: props.isRequired, message: `${props.title}不能为空！` }]}
             >
-              {child}
+              {childComponent}
             </Form.Item>
           </Col>
         );
       } else {
         return (
           colSpans?.[index] && <Col span={colSpans[index]} key={index}>
-            {child}
+            {childComponent}
           </Col>
         );
       }

package/src/components/index.jsx

@@ -42,6 +42,8 @@ Object.keys(Field).forEach(key => {
     Field[key].displayName = `Field.${key}`;
 });
 
+console.log("Field",Field)
+
 const Layout = {
     FormRow: LayoutFormRow,
     FormGroupTitle: LayoutFormGroupTitle,

package/src/utils/formula.js

@@ -12,3 +12,4 @@ const evalFormula =(formula) => {
 };
 
 export {evalFormula};
+

package/src/utils/index.jsx

@@ -1,5 +1,6 @@
 import { DeleteFilled, EditFilled, FileAddFilled } from "@ant-design/icons";
 import { Tooltip } from "antd";
+import _ from "lodash";
 
 export const createPromiseWrapper = () => {
   let resolve, reject;
@@ -8,7 +9,7 @@ export const createPromiseWrapper = () => {
     resolve = res;
     reject = rej;
   });
-  
+
   return { promise, resolve, reject };
 };
 
@@ -85,7 +86,7 @@ export function handleTreeEdit(
   children,
   title,
   rootId,
-  handle = { New: () => {}, Edit: () => {}, Del: () => {} },
+  handle = { New: () => { }, Edit: () => { }, Del: () => { } },
   moduleName = "节点"
 ) {
   const newNode = (node) => ({
@@ -184,3 +185,19 @@ function constructTree(
     return father[parentId] === rootId;
   });
 }
+
+
+const debouncers = {};
+/**
+ * 一个带key的防抖函数
+ * @param {*} key  
+ * @param {*} func 
+ * @param {*} wait 
+ * @returns 
+ */
+export function debounce(func, wait, key = "default") {
+  if (!debouncers[key]) {
+    debouncers[key] = _.debounce(func, wait);
+  }
+  return debouncers[key];
+}