lu-lowcode-package-form 0.9.80 → 0.9.83

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "lu-lowcode-package-form",
-  "version": "0.9.80",
+  "version": "0.9.83",
   "dependencies": {
     "@ant-design/icons": "^4.8.1",
     "@testing-library/jest-dom": "^5.17.0",

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

@@ -28,7 +28,7 @@ const TableCol = ({ children, width, ...props }) => {
     </div>
 }
 
-const Table = ({ children, onTableAddRow,onTableRemoveRow, ...props }) => {
+const Table = ({ children, onTableAddRow,disabled,readonly,onTableRemoveRow, ...props }) => {
     const [init, setInit] = useState(false);
     const name = props.componentId || props.__id
     const childrenIds = React.Children.map(children, (child) => `${name}.${child.props.componentId || child.props.__id}`)
@@ -56,7 +56,7 @@ const Table = ({ children, onTableAddRow,onTableRemoveRow, ...props }) => {
                                 })}
                             </TableCol>
                         })}
-                        {!props?.readonly && <TableAction subTableHead={true} key={`row_${0}_action`} subTable={true} subTableIndex={0} label={"操作"}>
+                        {disabled != true  && readonly != true && <TableAction subTableHead={true} key={`row_${0}_action`} subTable={true} subTableIndex={0} label={"操作"}>
                         </TableAction>}
                     </div>}
                     {fields.map((field, index) => (
@@ -95,7 +95,7 @@ const Table = ({ children, onTableAddRow,onTableRemoveRow, ...props }) => {
                                     </Form.Item>
                                 </TableCol>
                             })}
-                            {!props?.readonly && <TableAction subTableHead={index == 0} key={`row_${index}_action`} subTable={true} subTableIndex={index} label={"操作"}>
+                            {disabled != true  && readonly != true && <TableAction subTableHead={index == 0} key={`row_${index}_action`} subTable={true} subTableIndex={index} label={"操作"}>
                                 <DeleteOutlined className="fcursor-pointer" onClick={() =>{
                                      remove(index)
                                      typeof onTableRemoveRow === "function" && onTableRemoveRow(childrenIds);
@@ -104,10 +104,10 @@ const Table = ({ children, onTableAddRow,onTableRemoveRow, ...props }) => {
                         </div>
                     ))}
                 </div>
-                <Button onClick={() => {
+                {disabled != true  && readonly != true && <Button onClick={() => {
                     add({ key: nanoid() }) 
                     typeof onTableAddRow === "function" && onTableAddRow(childrenIds);
-                }} className="fmy-2">新增一行</Button>
+                }} className="fmy-2">新增一行</Button>}
             </div>
         }}
     </Form.List>

package/src/components/field/upload/upload-file.jsx

@@ -4,7 +4,7 @@ import { BaseWrapper } from "../base.jsx"
 import { UploadOutlined } from "@ant-design/icons";
 import React, { useEffect, useState } from "react";
 
-const UploadFile = ({ value, maxCount, onChange, ...props }) => {
+const UploadFile = ({ value, maxCount,multiple, onChange, ...props }) => {
     useEffect(() => {
         if (value) {
             if (typeof value == 'string') {
@@ -21,7 +21,8 @@ const UploadFile = ({ value, maxCount, onChange, ...props }) => {
                 setFileList(value)
         }
     }, [value]);
-    maxCount = maxCount || 9;
+    maxCount = maxCount || 99;
+    multiple = multiple || true;
     const [fileList, setFileList] = React.useState([]);
     const handleChange = ({ fileList: newFileList }) => {
         console.log("newFileList", newFileList)
@@ -46,6 +47,7 @@ const UploadFile = ({ value, maxCount, onChange, ...props }) => {
         <OriginalUpload {...props}
             listType="text"
             maxCount={maxCount}
+            multiple={multiple}
             onChange={handleChange}
             fileList={fileList}>
             {!props?.disabled && !props?.readonly && <div className=" fmin-w-36 fgap-1 frounded fborder-gray-300 fborder hover:fborder-[#3e92f8] hover:ftext-[#3e92f8] fcursor-pointer fh-8 fflex fitems-center fbg-white fjustify-center "><UploadOutlined />点击上传文件</div>}

package/src/components/field/upload/upload-image.jsx

@@ -4,7 +4,7 @@ import { BaseWrapper } from "../base.jsx"
 import { DeleteOutlined, EyeOutlined, PlusOutlined } from "@ant-design/icons";
 import React, { useEffect, useRef, useState, version } from "react";
 
-const UploadImage = ({ maxCount, value, onChange, ...props }) => {
+const UploadImage = ({ maxCount, value, multiple, onChange, ...props }) => {
     // console.log("uploadimage props", props)
     useEffect(() => {
         if (value) {
@@ -31,7 +31,8 @@ const UploadImage = ({ maxCount, value, onChange, ...props }) => {
             setFileList(_fileList)
         }
     }, [value]);
-    maxCount = maxCount || 9;
+    maxCount = maxCount || 99;
+    multiple = multiple || true;
     const [fileList, setFileList] = React.useState([]);
     const [previewImage, setPreviewImage] = useState('');
     const [previewImageIndex, setPreviewImageIndex] = useState(0);
@@ -147,6 +148,7 @@ const UploadImage = ({ maxCount, value, onChange, ...props }) => {
                     listType="picture-card"
                     fileList={fileList}
                     maxCount={maxCount}
+                    multiple={multiple}
                     onPreview={handlePreview}
                     onChange={handleChange}
                 >