@hw-component/form 0.0.9-beta-v21 → 1.0.0

package/src/pages/Select/index.tsx

@@ -0,0 +1,63 @@
+import { HSelect } from "../../components";
+import { Space } from "antd";
+import { useState } from "react";
+export default () => {
+  const [selectVal, setSelectVal] = useState([10]);
+  return (
+    <Space size={"large"} direction={"vertical"} style={{ width: "100%" }}>
+      <HSelect
+        options={[{ label: "测试", value: 1 }]}
+        value={100}
+        placeholder="基础"
+        allowClear={true}
+      />
+      <HSelect
+        fieldNames={{ label: "name", value: "value" }}
+        options={[
+          { name: "测试1", value: 10, userId: 112321 },
+          { name: "测试2", value: 20, userId: 112321 },
+        ]}
+        placeholder="多选"
+        value={selectVal}
+        onChange={(val, option) => {
+          setSelectVal(val);
+        }}
+        allSelect={true}
+        mode={"multiple"}
+        allowClear={true}
+        showSearch={true}
+      />
+      <HSelect
+        mode={"tags"}
+        placeholder="tags模式"
+        showSearch={true}
+        allowClear={true}
+        options={[
+          { label: "测试1", value: 10 },
+          { label: "测试2", value: 20 },
+        ]}
+      />
+      <HSelect
+        serviceSearch={true}
+        request={(params) => {
+          return new Promise((resolve) => {
+            setTimeout(() => {
+              resolve([
+                {
+                  label: `我是搜索文案${params.inputValue}`,
+                  value: new Date().valueOf(),
+                },
+                {
+                  label: `我是搜索文案${params.inputValue}`,
+                  value: new Date().valueOf() + 1,
+                },
+              ]);
+            }, 2000);
+          });
+        }}
+        placeholder="远程搜索"
+        mode={"multiple"}
+      />
+    </Space>
+  );
+};

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="开关"
+        valueMap={{ open: 1, close: 0 }}
+        onChange={(val) => {
+          console.log(val);
+        }}
+      >
+        打开
+      </HSwitch>
+    </Space>
+  );
+};

package/src/pages/Upload/index.tsx

@@ -0,0 +1,14 @@
+import { Space } from "antd";
+import { HUrlUpload, HUpload } from "../../components";
+import React, { useState } from "react";
+
+export default () => {
+  const [files, setFiles] = useState([]);
+  const [files1, setFiles1] = useState([]);
+  return (
+    <Space size={"large"} direction={"vertical"} style={{ width: "100%" }}>
+      <HUpload value={files} onChange={setFiles} multiple={true} maxCount={3} />
+      <HUrlUpload value={files1} onChange={setFiles1} />
+    </Space>
+  );
+};

package/src/routes.tsx

@@ -0,0 +1,80 @@
+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";
+import Upload from "./pages/Upload";
+import Form from "./pages/Form";
+import ModalForm from "./pages/ModalForm";
+import DrawerForm from "./pages/DrawerForm";
+
+export interface RouteModal {
+  path?: string;
+  name?: string;
+  children?: RouteModal[];
+  element?: JSX.Element;
+  index?: boolean;
+  errorElement?: JSX.Element;
+}
+
+const routes: RouteModal[] = [
+  {
+    index: 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: "/switch",
+    name: "开关",
+    element: <Switch />,
+  },
+  {
+    path: "/datePicker",
+    name: "时间",
+    element: <DatePicker />,
+  },
+  {
+    path: "/upload",
+    name: "上传文件",
+    element: <Upload />,
+  },
+  {
+    path: "/form",
+    name: "表单",
+    element: <Form />,
+  },
+  {
+    path: "/modalForm",
+    name: "弹窗表单",
+    element: <ModalForm />,
+  },
+  {
+    path: "/drawerForm",
+    name: "抽屉表单",
+    element: <DrawerForm />,
+  },
+];
+
+export default routes;

package/.husky/pre-commit

@@ -1,4 +0,0 @@
-#!/usr/bin/env sh
-. "$(dirname -- "$0")/_/husky.sh"
-
-npx --no-install lint-staged

package/.idea/hw-component-form.iml

@@ -1,12 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<module type="WEB_MODULE" version="4">
-  <component name="NewModuleRootManager">
-    <content url="file://$MODULE_DIR$">
-      <excludeFolder url="file://$MODULE_DIR$/temp" />
-      <excludeFolder url="file://$MODULE_DIR$/.tmp" />
-      <excludeFolder url="file://$MODULE_DIR$/tmp" />
-    </content>
-    <orderEntry type="inheritedJdk" />
-    <orderEntry type="sourceFolder" forTests="false" />
-  </component>
-</module>

package/.idea/inspectionProfiles/Project_Default.xml

@@ -1,7 +0,0 @@
-<component name="InspectionProjectProfileManager">
-  <profile version="1.0">
-    <option name="myName" value="Project Default" />
-    <inspection_tool class="Eslint" enabled="true" level="WARNING" enabled_by_default="true" />
-    <inspection_tool class="Stylelint" enabled="true" level="ERROR" enabled_by_default="true" />
-  </profile>
-</component>

package/.idea/misc.xml

@@ -1,6 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<project version="4">
-  <component name="WebPackConfiguration">
-    <option name="mode" value="DISABLED" />
-  </component>
-</project>

package/.idea/modules.xml

@@ -1,8 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<project version="4">
-  <component name="ProjectModuleManager">
-    <modules>
-      <module fileurl="file://$PROJECT_DIR$/.idea/hw-component-form.iml" filepath="$PROJECT_DIR$/.idea/hw-component-form.iml" />
-    </modules>
-  </component>
-</project>

package/.idea/vcs.xml

@@ -1,6 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<project version="4">
-  <component name="VcsDirectoryMappings">
-    <mapping directory="$PROJECT_DIR$" vcs="Git" />
-  </component>
-</project>