@hw-component/table 1.9.92 → 1.9.94

package/src/pages/ModalEditTable/index.tsx

@@ -0,0 +1,84 @@
+import { ModalEditTable, useHDialogTable } from "@/components";
+import { useState } from "react";
+
+const dataSource = [
+  {
+    id: 1,
+    title: "1",
+  },
+  {
+    id: 2,
+    title: "2",
+  },
+  {
+    id: 3,
+    title: "3",
+  },
+  {
+    id: 4,
+    title: "4",
+  },
+  {
+    id: 5,
+    title: "5",
+  },
+];
+
+export default () => {
+  const dialogTable = useHDialogTable();
+  const [cuData, setCuData] = useState(dataSource);
+
+  return (
+    <div>
+      <div
+        onClick={() => {
+          dialogTable.show();
+        }}
+      >
+        点我
+      </div>
+      <ModalEditTable
+        title="编辑"
+        dataSource={cuData}
+        editTableProps={{
+          onAdd: (data) => {
+            console.log("addd");
+            const newData = [...cuData];
+            newData.push({
+              id: newData.length + 1,
+              ...data,
+            });
+            setCuData(newData);
+          },
+          onEdit: (data) => {
+            const index = cuData.findIndex((e) => e.id === data.id);
+            cuData[index] = data;
+            setCuData([...cuData]);
+          },
+        }}
+        dialogTable={dialogTable}
+        configData={[
+          { title: "标题", dataIndex: "title" },
+          { title: "标题2", dataIndex: "title1" },
+          {
+            title: "操作",
+            valueType: "option",
+            align: "center",
+            render: (text: any, record: any, _: any, action: any) => [
+              <a
+                key="editable"
+                type={"link"}
+                onClick={() => {
+                  console.log(action);
+                  action?.startEditable?.(record.id);
+                }}
+              >
+                编辑
+              </a>,
+            ],
+          },
+        ]}
+      />
+    </div>
+  );
+};

package/src/pages/Table/index.tsx

@@ -51,6 +51,31 @@ const Testd = (props) => {
   );
 };
 export const configData = [
+  {
+    title: "订单编号",
+    dataIndex: "childOrderNo",
+    showSearch: true,
+    valueType: "copy",
+    width: 120,
+    searchType: "selectInput",
+    name: "selectInput",
+    itemProps: {
+      placeholder: "请输入",
+      selectProps: {
+        options: [
+          {
+            label: "订单编号",
+            value: "orderNo",
+          },
+          {
+            label: "用户id",
+            value: "userId",
+          },
+        ],
+        style: { width: 88 },
+      },
+    },
+  },
   {
     title: "短信接收手机号",
     dataIndex: "mobileList",
@@ -188,9 +213,13 @@ export default () => {
               persistenceType: "localStorage",
             }}
             formInitValues={{
-              deviceType: "1",
+              select: "orderNo",
             }}
             dataSource={[{}, {}, {}]}
+            request={(params) => {
+              console.log(params);
+              return Promise.resolve({});
+            }}
             headerTitle={
               <Space size={8}>
                 <Button

package/src/routes.tsx

@@ -4,6 +4,8 @@ import Table from "./pages/Table";
 import ModalTable from "./pages/ModalTable";
 import TableCustomize from "./pages/TableCustomize";
 import DwTable from "./pages/DwTable";
+import EditTable from "./pages/EditTable";
+import ModalEditTable from "./pages/ModalEditTable";
 
 export interface RouteModal {
   path?: string;
@@ -39,6 +41,16 @@ const routes: RouteModal[] = [
     name: "dwTable",
     element: <DwTable />,
   },
+  {
+    path: "/editTable",
+    name: "editTable",
+    element: <EditTable />,
+  },
+  {
+    path: "/modalEditTable",
+    name: "modalEditTable",
+    element: <ModalEditTable />,
+  },
 ];
 
 export default routes;