szld-libs 0.2.3 → 0.2.5

package/lib/index.js

@@ -4,12 +4,11 @@ const react = require("react");
 const ReactDOM = require("react-dom/client");
 const reactRouterDom = require("react-router-dom");
 const main = require("./main");
-const CoralButton = require("./components/CoralButton");
 const antd = require("antd");
-const compressionFile = require("./utils/compression-file");
+require("./utils/compression-file");
 const Demo = () => {
-  const [form] = antd.Form.useForm();
-  react.useState([
+  antd.Form.useForm();
+  const [list, setList] = react.useState([
     {
       PNOrderNo: 1,
       PNName: "未分配",
@@ -29,6 +28,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
+        }
+      }
+    }
+  ];
   react.useState(
     Array.from({ length: 1e5 }, (_, key) => ({
       key,
@@ -37,8 +70,8 @@ const Demo = () => {
     }))
   );
   react.useState(false);
-  const [file, setFile] = react.useState("");
-  const [file2, setFile2] = react.useState("");
+  react.useState("");
+  react.useState("");
   react.useState([
     {
       uid: "-1",
@@ -59,195 +92,21 @@ const Demo = () => {
       url: "https://zos.alipayobjects.com/rmsportal/jkjgkEfvpUPVyRjUImniVslZfWPnJuuZ.png"
     }
   ]);
-  const handleClick = () => {
-    main.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__ */ jsxRuntime.jsx("div", { style: { height: "100vh" }, children: /* @__PURE__ */ jsxRuntime.jsx(
+    main.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__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-      /* @__PURE__ */ jsxRuntime.jsx(
-        "div",
-        {
-          style: {
-            fontSize: "16px",
-            color: ["#666", "#333", "#FF0000", "#1864ff"][i],
-            fontWeight: 400,
-            marginBottom: "8px"
-          },
-          children: item.PNName
-        }
-      ),
-      /* @__PURE__ */ jsxRuntime.jsx(
-        "div",
-        {
-          style: {
-            display: "flex",
-            alignItems: "center",
-            gap: "20px",
-            fontSize: "14px",
-            color: "#666"
-          },
-          children: item.UpdateTime ? /* @__PURE__ */ jsxRuntime.jsxs("span", { style: { color: "#333", fontWeight: "bold" }, children: [
-            "实际完成时间: ",
-            item.UpdateTime
-          ] }) : /* @__PURE__ */ jsxRuntime.jsxs("span", { children: [
-            "预计完成时间: ",
-            item.PlanFinishDate || "暂无"
-          ] })
-        }
-      ),
-      item.Remark && /* @__PURE__ */ jsxRuntime.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 compressionFile.fileToDataURL(file3);
-    setFile(base64);
-    const newFile = await compressionFile.compressionFile(file3, "image/jpeg", 0.2);
-    console.log(newFile);
-    const base64_2 = await compressionFile.fileToDataURL(newFile);
-    setFile2(base64_2);
-  };
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { height: "100vh" }, children: [
-    /* @__PURE__ */ jsxRuntime.jsx(main.BackHeader, { title: "标题111", subTitle: /* @__PURE__ */ jsxRuntime.jsx("span", { children: "副标题" }) }),
-    /* @__PURE__ */ jsxRuntime.jsx(main.AuthButton, { type: "primary", children: "按钮1" }),
-    /* @__PURE__ */ jsxRuntime.jsx(CoralButton, { PId: 100, auths: [{ PId: 100 }], children: "123" }),
-    /* @__PURE__ */ jsxRuntime.jsx(
-      main.SearchTable,
-      {
-        searchProps: {
-          items: [
-            {
-              dataIndex: "name",
-              valueProps: {
-                placeholder: "名称"
-              },
-              colProps: {
-                span: 6
-              }
-            },
-            {
-              valueType: "custom",
-              valueProps: {
-                children: /* @__PURE__ */ jsxRuntime.jsxs(antd.Space, { children: [
-                  /* @__PURE__ */ jsxRuntime.jsx(antd.Form.Item, { name: "yzm", noStyle: true, children: /* @__PURE__ */ jsxRuntime.jsx(antd.Input, { placeholder: "请输入验证码" }) }),
-                  /* @__PURE__ */ jsxRuntime.jsx(antd.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__ */ jsxRuntime.jsx(antd.Button, { onClick: handleClick, children: "click" }),
-    /* @__PURE__ */ jsxRuntime.jsx(antd.Input, { type: "file", onChange }),
-    /* @__PURE__ */ jsxRuntime.jsx(
-      main.UploadFile,
-      {
-        compression: { type: "image/jpeg", quality: 0.2, limit: 300 },
-        maxSize: 100,
-        onChange: (info) => console.log(info)
-      }
-    ),
-    /* @__PURE__ */ jsxRuntime.jsx("img", { src: file, style: { width: 400 } }),
-    /* @__PURE__ */ jsxRuntime.jsx("img", { src: file2, style: { width: 400 } })
-  ] });
+  ) });
 };
 ReactDOM.createRoot(document.getElementById("root")).render(
   /* @__PURE__ */ jsxRuntime.jsx(reactRouterDom.BrowserRouter, { children: /* @__PURE__ */ jsxRuntime.jsx(Demo, {}) })

package/package.json

@@ -1,13 +1,12 @@
 {
   "name": "szld-libs",
   "private": false,
-  "version": "0.2.3",
+  "version": "0.2.5",
   "type": "module",
   "scripts": {
     "dev": "vite",
     "clean": "rimraf lib es dist",
-    "build": "npm run clean && vite build",
-    "preview": "vite preview"
+    "build": "npm run clean && vite build"
   },
   "dependencies": {
     "ahooks": "^3.7.4",