lu-lowcode-package-form 0.11.55 → 0.11.56

package/package.json

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

package/src/components/field/table/drag-head.jsx

@@ -3,7 +3,7 @@ import { eventEmitter } from "../../../utils/events"
 import { createPortal } from "react-dom"
 import { Resizable } from "react-resizable"
 
-const DragHead = ({ children, changeWidth, showAction, ...props }) => {
+const DragHead = ({ children, changeWidth, showAction, showLabel = false, ...props }) => {
     const [headWidths, setHeadWidths] = useState([])
     const headWidthsRef = useRef([])
     const [isDragging, setIsDragging] = useState(false)
@@ -48,7 +48,6 @@ const DragHead = ({ children, changeWidth, showAction, ...props }) => {
             headWidthsRef.current = newHeadWidths
             setHeadWidths(newHeadWidths)
             typeof changeWidth === 'function' && changeWidth(newHeadWidths)
-            eventEmitter.emit('changeSubTableColumnWidth', newHeadWidths)
             // 重置拖动状态
             setIsDragging(false)
             setResizingColumn(null)
@@ -108,7 +107,7 @@ const DragHead = ({ children, changeWidth, showAction, ...props }) => {
                                 className="fflex-1 fh-12 fflex fitems-center fpx-1 frelative" 
                                 style={{minWidth: width}}
                             >
-                                 
+                                {showLabel?<>{child?.props?.label}</>:<>&nbsp;</>}
                             </div>
                         </Resizable>
                     )

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

@@ -52,6 +52,14 @@ const Table = ({ children, onTableAddRow, disabled, readonly, onTableRemoveRow,
         console.log("Table props", props)
     }, [props])
 
+    useEffect(()=>{
+        const childrenDesc = React.Children.map(children, (child) => {
+            return {id:child.props.componentId || child.props.__id,label:child.props.label}
+        })
+        console.log("Emit Table childrenDesc", childrenDesc)
+        eventEmitter.emit("tableChildrenDesc", childrenDesc)
+    },[children])
+
     const [headWidths, setHeadWidths] = useState([])
     const tableComponentId = props.componentId || props.__id
     const newidRefs = useRef(React.Children.map(children, () => nanoid()));
@@ -280,4 +288,5 @@ TableWrapper.displayName = "Table"
 export default TableWrapper;
 export { TableCol, TableAction };
 
-export { WithTable } from "./with-table"    
+export { WithTable } from "./with-table"    
+export  { DragHead }

package/src/components/index.jsx

@@ -9,7 +9,7 @@ import { default as RadioGroup } from './field/radio/index.jsx'
 import { UploadFile,UploadImage } from './field/upload'
 import  {default as Switch} from './field/switch'
 import {default as DatePicker } from './field/date-picker'
-import { default as Table , TableCol, WithTable } from './field/table'
+import { default as Table , TableCol, WithTable, DragHead } from './field/table'
 const Field = {
     Input,
     TextArea,
@@ -37,7 +37,8 @@ const Field = {
     Custom,
     UserSelect,
     DeptSelect,
-    PostSelect
+    PostSelect,
+    DragHead
 }
 Object.keys(Field).forEach(key => {
     Field[key].displayName = `Field.${key}`;