lu-lowcode-package-form 0.10.64 → 0.10.65

package/package.json

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

package/src/App.jsx

@@ -330,7 +330,7 @@ function App() {
                  label="测试请求" __id="ceshirequest" />
 
             <Layout.FormRow layout={'1'}>
-              <Field.Table label="子表格" __id="table" isAllowAdd={false} isAllowCopy={true} >
+              <Field.Table label="子表格" __id="table" isAllowAdd={true} isAllowCopy={false} >
 
                 <Field.WithSingleSelect
                   isRequired={true} ref={testRef}

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

@@ -2,16 +2,19 @@ import React, { useEffect, useRef, useState } from "react";
 import { Button, Form, Input,Popconfirm } from "antd";
 import { CopyOutlined, DeleteOutlined } from "@ant-design/icons";
 import { BaseWrapper } from "../base.jsx"
-import { type } from "@testing-library/user-event/dist/type/index.js";
 import { nanoid } from "nanoid";
 import { eventEmitter } from '../../../utils/events'
 
 const TableAction = ({ label, subTableIndex, children, subTableHead = false, ...props }) => {
     //fsticky fright-0 
-    return <div className="fw-12  ">
+    return <div className="fsticky fright-0 fbg-white" style={{
+        boxShadow: '-6px 0 6px -6px rgba(50,50,50,0.15)',
+        flex: '0 0 50px',  
+        width: '50px'
+    }}>
         <div className="frelative fw-full fh-full fflex fflex-col foverflow-hidden">
             {label && subTableHead && <div className='fh-12 ffont-semibold fbg-[#fafafa] ftext-sm fflex fflex-nowrap ftext-nowrap fjustify-between fitems-center fpx-2 fborder-b'>{label}</div>}
-            <div className="fw-full fflex-1 fflex fitems-center fjustify-center fp-2 fbox-border fgap-2 ">
+            <div className="fw-full fflex-1 fflex fitems-center fjustify-center fp-2 fbox-border fgap-2">
                 {children}
             </div>
         </div>
@@ -25,7 +28,7 @@ const TableCol = ({ children, width, hidden, ...props }) => {
         setSWidth(width);
     }, [width]);
     if (hidden) return children;
-    return <div className="fflex-1 fpx-1" style={{ minWidth: `${sWidth}px` }} {...props}>
+    return <div className="fflex-1 fpx-1 fborder-b" style={{ minWidth: `${sWidth}px` }} {...props}>
         {children}
     </div>
 }
@@ -65,7 +68,7 @@ const Table = ({ children, onTableAddRow, disabled, readonly, onTableRemoveRow,
         {(fields, { add, remove }) => {
             if (fields.length === 0 && !init) handleAdd();
             return <div className="fw-full ">
-                <div className="fw-full frelative fmin-h-20 foverflow-x-auto">
+                <div className="fw-full frelative fmin-h-20 foverflow-x-auto" style={{ position: 'relative' }}>
                     {fields.length === 0 && <div key={`tableHead`} className="fborder-b fflex flex-nowrap fmin-w-full ">
                         {React.Children.map(children, (child, childIndex) => {
                             const hidden = child?.props?.calcHidden;
@@ -76,13 +79,13 @@ const Table = ({ children, onTableAddRow, disabled, readonly, onTableRemoveRow,
                                     subTableHead: true,
                                     subTableContent: false,
                                 })}
-                            </TableCol>
+                            </TableCol> 
                         })}
                         {disabled != true && readonly != true && <TableAction subTableHead={true} key={`row_${0}_action`} subTable={true} subTableIndex={0} label={"操作"}>
                         </TableAction>}
-                    </div>}
+                    </div>} 
                     {fields.map((field, index) => (
-                        <div key={`${tableId}.${field.key}`} className="fborder-b fflex flex-nowrap fmin-w-full ">
+                        <div key={`${tableId}.${field.key}`} className=" fflex flex-nowrap fmin-w-full ">
 
                             {React.Children.map(children, (child, childIndex) => {
                                 let { props } = child;