@hw-component/form 0.0.1 → 0.0.2

package/src/pages/Input/index.tsx

@@ -0,0 +1,22 @@
+import {
+  HInput,
+  HSelectInput,
+  HButtonInput,
+  HInputNumber,
+} from "../../components";
+import { Space } from "antd";
+export default () => {
+  return (
+    <Space size={"large"} direction={"vertical"} style={{ width: "100%" }}>
+      <HInput placeholder="基础输入框" />
+      <HSelectInput
+        placeholder="基础输入框"
+        selectProps={{
+          options: [{ label: "1", value: 1 }],
+        }}
+      />
+      <HButtonInput>点我</HButtonInput>
+      <HInputNumber />
+    </Space>
+  );
+};

package/src/pages/Radio/index.tsx

@@ -0,0 +1,18 @@
+import { Space } from "antd";
+import { HRadioGroup } from "../../components";
+export default () => {
+  return (
+    <Space size={"large"} direction={"vertical"} style={{ width: "100%" }}>
+      <HRadioGroup
+        options={[
+          { label: "测试2", value: "2" },
+          { label: "测试1", value: "1" },
+        ]}
+        value={"1"}
+        onChange={(value) => {
+          console.log(value);
+        }}
+      />
+    </Space>
+  );
+};

package/src/pages/Select/index.tsx

@@ -1,6 +1,5 @@
 import { HSelect } from "../../components";
-import { Space, Card } from "antd";
-import { useState } from "react";
+import { Space } from "antd";
 export default () => {
   return (
     <Space size={"large"} direction={"vertical"} style={{ width: "100%" }}>

package/src/pages/Switch/index.tsx

@@ -0,0 +1,18 @@
+import { Space } from "antd";
+import { HSwitch } from "../../components";
+export default () => {
+  return (
+    <Space size={"large"} direction={"vertical"} style={{ width: "100%" }}>
+      <HSwitch
+        value={1}
+        beforeText="开关"
+        valueCheckMap={{ checked: 1, noChecked: 0 }}
+        onChange={(val) => {
+          console.log(val);
+        }}
+      >
+        打开
+      </HSwitch>
+    </Space>
+  );
+};

package/src/routes.tsx

@@ -1,6 +1,12 @@
 import React from "react";
 import { Navigate } from "react-router-dom";
 import Select from "./pages/Select";
+import Input from "./pages/Input";
+import CheckBox from "./pages/Checkbox";
+import Radio from "./pages/Radio";
+import Switch from "./pages/Switch";
+import DatePicker from "./pages/DatePicker";
+
 export interface RouteModal {
   path?: string;
   name?: string;
@@ -13,22 +19,37 @@ export interface RouteModal {
 const routes: RouteModal[] = [
   {
     index: true,
-    element: <Navigate to="/form/select" replace={true} />,
+    element: <Navigate to="/select" replace={true} />,
+  },
+  {
+    path: "/select",
+    name: "下拉框",
+    element: <Select />,
+  },
+  {
+    path: "/input",
+    name: "输入框",
+    element: <Input />,
+  },
+  {
+    path: "/checkbox",
+    name: "多选",
+    element: <CheckBox />,
+  },
+  {
+    path: "/radio",
+    name: "单选",
+    element: <Radio />,
   },
   {
-    path: "/form",
-    name: "表单",
-    children: [
-      {
-        path: "/form/select",
-        name: "下拉框",
-        element: <Select />,
-      },
-    ],
+    path: "/switch",
+    name: "开关",
+    element: <Switch />,
   },
   {
-    path: "/table",
-    name: "列表",
+    path: "/datePicker",
+    name: "时间",
+    element: <DatePicker />,
   },
 ];