szld-libs 0.2.3 → 0.2.5

package/es/components/CreateForm/index.js

@@ -114,7 +114,7 @@ const CreateForm = (props) => {
 const FormFields = (props) => {
   const { valueType, valueProps, value, onChange, onBtnClick, inputRef } = props;
   const children = useMemo(() => {
-    let result = /* @__PURE__ */ jsx(Input, { placeholder: "请输入", ...valueProps, allowClear: true });
+    let result = /* @__PURE__ */ jsx(Input, { placeholder: "请输入", allowClear: true, ...valueProps });
     switch (valueType) {
       case "rate":
         result = /* @__PURE__ */ jsx(Rate, { ...valueProps });
@@ -133,8 +133,8 @@ const FormFields = (props) => {
           Select,
           {
             placeholder: "请选择",
-            ...valueProps,
-            allowClear: true
+            allowClear: true,
+            ...valueProps
           }
         );
         break;
@@ -153,8 +153,8 @@ const FormFields = (props) => {
           Input.TextArea,
           {
             placeholder: "请输入",
-            ...valueProps,
-            allowClear: true
+            allowClear: true,
+            ...valueProps
           }
         );
         break;
@@ -169,8 +169,8 @@ const FormFields = (props) => {
           DatePicker,
           {
             style: { width: "100%" },
-            ...valueProps,
-            allowClear: true
+            allowClear: true,
+            ...valueProps
           }
         );
         break;
@@ -179,8 +179,8 @@ const FormFields = (props) => {
           DatePicker.RangePicker,
           {
             style: { width: "100%" },
-            ...valueProps,
-            allowClear: true
+            allowClear: true,
+            ...valueProps
           }
         );
         break;
@@ -189,8 +189,8 @@ const FormFields = (props) => {
           TimePicker,
           {
             style: { width: "100%" },
-            ...valueProps,
-            allowClear: true
+            allowClear: true,
+            ...valueProps
           }
         );
         break;
@@ -198,8 +198,8 @@ const FormFields = (props) => {
         result = /* @__PURE__ */ jsx(
           Cascader,
           {
-            ...valueProps,
-            allowClear: true
+            allowClear: true,
+            ...valueProps
           }
         );
         break;

package/es/components/EditTable/index.js

@@ -12,7 +12,6 @@ const EditableRow = ({ index, ...props }) => {
   return /* @__PURE__ */ jsx(Form, { form, component: false, children: /* @__PURE__ */ jsx(EditableContext.Provider, { value: form, children: /* @__PURE__ */ jsx("tr", { ...props }) }) });
 };
 function EditableCell(props) {
-  console.log(props, "props");
   const {
     title,
     editable,
@@ -32,7 +31,6 @@ function EditableCell(props) {
       const values = await form.validateFields();
       onChange({ ...record, ...values });
     } catch (errInfo) {
-      console.log("Save failed:", errInfo);
     }
   };
   const renderItem = () => {

package/es/index.js

@@ -1,14 +1,13 @@
-import { jsx, jsxs, Fragment } from "react/jsx-runtime";
+import { jsx } from "react/jsx-runtime";
 import { useState } from "react";
 import ReactDOM from "react-dom/client";
 import { BrowserRouter } from "react-router-dom";
-import { BackHeader, AuthButton, SearchTable, UploadFile, showWorkFlow } from "./main";
-import CoralButton from "./components/CoralButton";
-import { Form, Space, Input, Button } from "antd";
-import { fileToDataURL, compressionFile } from "./utils/compression-file";
+import { EditTable } from "./main";
+import { Form } from "antd";
+import "./utils/compression-file";
 const Demo = () => {
-  const [form] = Form.useForm();
-  useState([
+  Form.useForm();
+  const [list, setList] = useState([
     {
       PNOrderNo: 1,
       PNName: "未分配",
@@ -28,6 +27,40 @@ const Demo = () => {
       Remark: ""
     }
   ]);
+  const columns = [
+    {
+      dataIndex: "PNOrderNo",
+      title: "序号",
+      width: 80
+    },
+    {
+      dataIndex: "PNName",
+      title: "节点名称"
+    },
+    {
+      dataIndex: "PlanFinishDate",
+      title: "预计完成时间",
+      editable: true,
+      width: 400,
+      type: "datePicker",
+      valueProps: {
+        placeholder: "请输入内容"
+      }
+    },
+    {
+      dataIndex: "Remark",
+      title: "备注",
+      editable: true,
+      type: "textarea",
+      width: 400,
+      valueProps: {
+        placeholder: "请输入内容",
+        autoSize: {
+          minRows: 3
+        }
+      }
+    }
+  ];
   useState(
     Array.from({ length: 1e5 }, (_, key) => ({
       key,
@@ -36,8 +69,8 @@ const Demo = () => {
     }))
   );
   useState(false);
-  const [file, setFile] = useState("");
-  const [file2, setFile2] = useState("");
+  useState("");
+  useState("");
   useState([
     {
       uid: "-1",
@@ -58,195 +91,21 @@ const Demo = () => {
       url: "https://zos.alipayobjects.com/rmsportal/jkjgkEfvpUPVyRjUImniVslZfWPnJuuZ.png"
     }
   ]);
-  const handleClick = () => {
-    showWorkFlow({
-      data: Array(10).fill(0).map((v, index) => ({
-        id: String(index),
-        PNName: String(index),
-        Remark: index,
-        IsLatest: 2
-      })),
-      rowKey: (row) => row.id,
-      current: "5",
-      currentIndex: 5,
-      wrapClassName: "confirmWrapper",
-      renderContent: selfWorlflowItem
-    });
-  };
-  const selfWorlflowItem = (item, index, currentIndex) => {
-    let i = 0;
-    if (index < currentIndex) {
-      i = 1;
-    } else if (index === currentIndex) {
-      i = Number(item.IsLatest) === 2 ? 2 : 3;
+  return /* @__PURE__ */ jsx("div", { style: { height: "100vh" }, children: /* @__PURE__ */ jsx(
+    EditTable,
+    {
+      columns,
+      rowKey: "PNOrderNo",
+      onChange: (row) => {
+        const index = list.findIndex((v) => v.PNOrderNo === row.PNOrderNo);
+        const arr = [...list];
+        arr[index] = row;
+        setList(arr);
+      },
+      dataSource: list,
+      pagination: false
     }
-    return /* @__PURE__ */ jsxs(Fragment, { children: [
-      /* @__PURE__ */ jsx(
-        "div",
-        {
-          style: {
-            fontSize: "16px",
-            color: ["#666", "#333", "#FF0000", "#1864ff"][i],
-            fontWeight: 400,
-            marginBottom: "8px"
-          },
-          children: item.PNName
-        }
-      ),
-      /* @__PURE__ */ jsx(
-        "div",
-        {
-          style: {
-            display: "flex",
-            alignItems: "center",
-            gap: "20px",
-            fontSize: "14px",
-            color: "#666"
-          },
-          children: item.UpdateTime ? /* @__PURE__ */ jsxs("span", { style: { color: "#333", fontWeight: "bold" }, children: [
-            "实际完成时间: ",
-            item.UpdateTime
-          ] }) : /* @__PURE__ */ jsxs("span", { children: [
-            "预计完成时间: ",
-            item.PlanFinishDate || "暂无"
-          ] })
-        }
-      ),
-      item.Remark && /* @__PURE__ */ jsx(
-        "div",
-        {
-          style: {
-            marginTop: "10px",
-            background: "#ffffff",
-            border: "4px solid #fafafa",
-            borderRadius: "2px",
-            fontSize: "14px",
-            fontWeight: 400,
-            color: "#666",
-            padding: "20px",
-            wordBreak: "break-all"
-          },
-          children: item.Remark
-        }
-      )
-    ] });
-  };
-  const onChange = async (e) => {
-    console.log(e);
-    const file3 = e.target.files[0];
-    const base64 = await fileToDataURL(file3);
-    setFile(base64);
-    const newFile = await compressionFile(file3, "image/jpeg", 0.2);
-    console.log(newFile);
-    const base64_2 = await fileToDataURL(newFile);
-    setFile2(base64_2);
-  };
-  return /* @__PURE__ */ jsxs("div", { style: { height: "100vh" }, children: [
-    /* @__PURE__ */ jsx(BackHeader, { title: "标题111", subTitle: /* @__PURE__ */ jsx("span", { children: "副标题" }) }),
-    /* @__PURE__ */ jsx(AuthButton, { type: "primary", children: "按钮1" }),
-    /* @__PURE__ */ jsx(CoralButton, { PId: 100, auths: [{ PId: 100 }], children: "123" }),
-    /* @__PURE__ */ jsx(
-      SearchTable,
-      {
-        searchProps: {
-          items: [
-            {
-              dataIndex: "name",
-              valueProps: {
-                placeholder: "名称"
-              },
-              colProps: {
-                span: 6
-              }
-            },
-            {
-              valueType: "custom",
-              valueProps: {
-                children: /* @__PURE__ */ jsxs(Space, { children: [
-                  /* @__PURE__ */ jsx(Form.Item, { name: "yzm", noStyle: true, children: /* @__PURE__ */ jsx(Input, { placeholder: "请输入验证码" }) }),
-                  /* @__PURE__ */ jsx(Button, { children: "发送验证码" })
-                ] })
-              },
-              colProps: {
-                span: 6
-              }
-            },
-            {
-              dataIndex: "mm",
-              valueType: "password",
-              colProps: {
-                span: 6
-              }
-            },
-            {
-              dataIndex: "pic",
-              valueType: "upload",
-              valueProps: {
-                maxCount: 1
-              },
-              colProps: {
-                span: 12
-              }
-            },
-            {
-              dataIndex: "pic2",
-              colProps: {
-                span: 12
-              }
-            },
-            {
-              dataIndex: "qwe",
-              valueProps: {
-                placeholder: "name"
-              },
-              colProps: {
-                span: 12
-              }
-            },
-            {
-              dataIndex: "btns",
-              valueType: "btns",
-              valueProps: [
-                {
-                  btnType: "submit",
-                  title: "确定",
-                  type: "primary",
-                  onClick: (v) => console.log(v)
-                }
-              ]
-            }
-          ],
-          formProps: { wrapperCol: { span: 24 }, form }
-        },
-        tableProps: {
-          minColumnWidth: 100,
-          columns: [
-            { dataIndex: "A", title: "A", width: 100 },
-            { dataIndex: "B", title: "B", width: 200 },
-            { dataIndex: "C", title: "C", width: 200 },
-            { dataIndex: "D", title: "D" },
-            { dataIndex: "E", title: "E", width: 150 },
-            { dataIndex: "F", title: "F", width: 150 }
-          ],
-          pagination: false,
-          rowKey: "A",
-          dataSource: Array(3).fill(0).map((v, i) => ({ A: i + 1 }))
-        }
-      }
-    ),
-    /* @__PURE__ */ jsx(Button, { onClick: handleClick, children: "click" }),
-    /* @__PURE__ */ jsx(Input, { type: "file", onChange }),
-    /* @__PURE__ */ jsx(
-      UploadFile,
-      {
-        compression: { type: "image/jpeg", quality: 0.2, limit: 300 },
-        maxSize: 100,
-        onChange: (info) => console.log(info)
-      }
-    ),
-    /* @__PURE__ */ jsx("img", { src: file, style: { width: 400 } }),
-    /* @__PURE__ */ jsx("img", { src: file2, style: { width: 400 } })
-  ] });
+  ) });
 };
 ReactDOM.createRoot(document.getElementById("root")).render(
   /* @__PURE__ */ jsx(BrowserRouter, { children: /* @__PURE__ */ jsx(Demo, {}) })

package/lib/components/CreateForm/index.js

@@ -116,7 +116,7 @@ const CreateForm = (props) => {
 const FormFields = (props) => {
   const { valueType, valueProps, value, onChange, onBtnClick, inputRef } = props;
   const children = React.useMemo(() => {
-    let result = /* @__PURE__ */ jsxRuntime.jsx(antd.Input, { placeholder: "请输入", ...valueProps, allowClear: true });
+    let result = /* @__PURE__ */ jsxRuntime.jsx(antd.Input, { placeholder: "请输入", allowClear: true, ...valueProps });
     switch (valueType) {
       case "rate":
         result = /* @__PURE__ */ jsxRuntime.jsx(antd.Rate, { ...valueProps });
@@ -135,8 +135,8 @@ const FormFields = (props) => {
           antd.Select,
           {
             placeholder: "请选择",
-            ...valueProps,
-            allowClear: true
+            allowClear: true,
+            ...valueProps
           }
         );
         break;
@@ -155,8 +155,8 @@ const FormFields = (props) => {
           antd.Input.TextArea,
           {
             placeholder: "请输入",
-            ...valueProps,
-            allowClear: true
+            allowClear: true,
+            ...valueProps
           }
         );
         break;
@@ -171,8 +171,8 @@ const FormFields = (props) => {
           antd.DatePicker,
           {
             style: { width: "100%" },
-            ...valueProps,
-            allowClear: true
+            allowClear: true,
+            ...valueProps
           }
         );
         break;
@@ -181,8 +181,8 @@ const FormFields = (props) => {
           antd.DatePicker.RangePicker,
           {
             style: { width: "100%" },
-            ...valueProps,
-            allowClear: true
+            allowClear: true,
+            ...valueProps
           }
         );
         break;
@@ -191,8 +191,8 @@ const FormFields = (props) => {
           antd.TimePicker,
           {
             style: { width: "100%" },
-            ...valueProps,
-            allowClear: true
+            allowClear: true,
+            ...valueProps
           }
         );
         break;
@@ -200,8 +200,8 @@ const FormFields = (props) => {
         result = /* @__PURE__ */ jsxRuntime.jsx(
           antd.Cascader,
           {
-            ...valueProps,
-            allowClear: true
+            allowClear: true,
+            ...valueProps
           }
         );
         break;

package/lib/components/EditTable/index.js

@@ -13,7 +13,6 @@ const EditableRow = ({ index, ...props }) => {
   return /* @__PURE__ */ jsxRuntime.jsx(antd.Form, { form, component: false, children: /* @__PURE__ */ jsxRuntime.jsx(EditableContext.Provider, { value: form, children: /* @__PURE__ */ jsxRuntime.jsx("tr", { ...props }) }) });
 };
 function EditableCell(props) {
-  console.log(props, "props");
   const {
     title,
     editable,
@@ -33,7 +32,6 @@ function EditableCell(props) {
       const values = await form.validateFields();
       onChange({ ...record, ...values });
     } catch (errInfo) {
-      console.log("Save failed:", errInfo);
     }
   };
   const renderItem = () => {