lu-lowcode-package-form 0.11.65 → 0.11.67

package/package.json

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

package/src/App.jsx

@@ -990,7 +990,24 @@ function App() {
 
               </Field.Table>
             </Layout.FormRow>
-
+                  <Field.Input label="测试计算汇总" __id="huizong1"
+                    withIds={["table_fill.fill_tcinput3"]}
+                    withFill={{
+                      "value": [
+                        {
+                          "insert": {
+                            "span": true
+                          },
+                          "attributes": {
+                            "id": "table_fill.fill_tcinput3",
+                            "color": "blue",
+                            "tagKey": "fieldsValue",
+                            "content": "当前表单.测试被填充计算"
+                          }
+                        },
+                      ]
+                    }}
+                  />
           </FormContainerWrapper>
           <div className="fgroup">11111
             <div className="fbg-red-500 group-hover:fbg-blue-500">

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

@@ -33,7 +33,7 @@ const DragHead = ({ childrenDesc, initialWidth, changeWidth, showAction, showLab
             left: var(--drag-position);
             width: 2px;
             height: 100vh;
-            background-color: #1890ff;
+            background-color: #1290ff;
             pointer-events: none;
             z-index: 9999;
             display: none;
@@ -54,8 +54,8 @@ const DragHead = ({ childrenDesc, initialWidth, changeWidth, showAction, showLab
         return (e, data) => {
             e.stopPropagation();
             document.getElementById('column-drag-indicator').style.display = 'block';
-            setIsDragging(true);
-            setResizingColumn(index);
+            // setIsDragging(true);
+            // setResizingColumn(index);
             document.documentElement.style.setProperty('--drag-position', `${e.clientX}px`);
             startPositionRef.current = e.clientX;
         }
@@ -89,37 +89,18 @@ const DragHead = ({ childrenDesc, initialWidth, changeWidth, showAction, showLab
             typeof changeWidth === 'function' && changeWidth(newHeadWidths);
             
             // 重置拖动状态
-            setIsDragging(false);
-            setResizingColumn(null);
+            // setIsDragging(false);
+            // setResizingColumn(null);
         }
     }
 
-    // 虚拟指示线组件
-    const DragIndicator = () => {
-        if (!isDragging) return null
 
-        const style = {
-            position: 'fixed',
-            top: 0,
-            left: `${dragPosition}px`,
-            width: '2px',
-            height: '100vh',
-            backgroundColor: '#1890ff',
-            pointerEvents: 'none',
-            zIndex: 9999
-        }
-
-        return createPortal(
-            <div style={style}></div>,
-            document.body
-        )
-    }
 
     return <><div className="fflex flex-nowrap fmin-w-full fabsolute">
         {childrenDesc.map((child, childIndex) => {
             const width = getColumnWidth(childIndex)
 
-            return (
+            return child.hidden ? null : (
                 <Resizable
                     key={childIndex}
                     width={width}

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

@@ -88,8 +88,9 @@ const Table = ({ children, onTableAddRow, disabled, readonly, onTableRemoveRow,
     },[headWidths])
 
     useEffect(()=>{
-        const childrenDesc = React.Children.map(children, (child) => {
-            return {id:child.props.componentId || child.props.__id,label:child.props.label}
+        let childrenDesc = React.Children.map(children, (child) => {
+            const hidden = (child?.props?.calcHidden || !getDependencyMapShow(child?.props?.componentId || child?.props?.__id)) && mode != "desgin";
+            return {id:child.props.componentId || child.props.__id,label:child.props.label, hidden }
         })
         console.log("Emit Table childrenDesc", childrenDesc)
         eventEmitter.emit("tableChildrenDesc", childrenDesc)