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

package/src/pages/ModalForm/index.tsx

@@ -1,191 +0,0 @@
-import { Button } from "antd";
-import {
-  HModalForm,
-  useHDialogForm,
-  HFormConfigProvider,
-} from "../../components";
-import { useState } from "react";
-import { ShowParamsModal } from "@/components/DialogForm/modal";
-const data = [
-  {
-    label: "输入框",
-    name: "name",
-    rules: [
-      () => {
-        return {
-          required: true,
-        };
-      },
-    ],
-  },
-  {
-    label: "数字",
-    name: "sz",
-    type: "inputNumber",
-    rules: [{ required: true }],
-  },
-  {
-    label: "下拉输入框",
-    name: "selectInput",
-    type: "selectInput",
-    rules: [{ required: true }],
-    itemProps: {
-      valueName: {
-        select: "op",
-        input: "opInput",
-      },
-      selectProps: {
-        options: [{ label: "测试", value: 1 }],
-      },
-    },
-  },
-  {
-    label: "按钮输入框",
-    name: "buttonInput",
-    type: "buttonInput",
-    children: "点击",
-    rules: [{ required: true }],
-  },
-  {
-    label: "选择",
-    name: "checkboxGroup",
-    type: "checkboxGroup",
-    rules: [{ required: true }],
-    helper: "帮助我",
-    options: [
-      { label: "选择1", value: "check1" },
-      { label: "选择2", value: "check2" },
-    ],
-  },
-  {
-    label: "开关",
-    name: "switch",
-    type: "switch",
-    rules: [{ required: true }],
-  },
-  {
-    label: "时间",
-    name: "datePicker",
-    type: "datePicker",
-    hover: "时间选择",
-    helper: "帮助我",
-    rules: [{ required: true }],
-  },
-  {
-    label: "时间段",
-    name: "rangePicker",
-    type: "rangePicker",
-    helper: "帮助我",
-    rules: [{ required: true }],
-    itemProps: {
-      valueMap: {
-        start: "testStart",
-        end: "testEnd",
-      },
-    },
-  },
-  {
-    label: "时分秒",
-    name: "timePicker",
-    type: "timePicker",
-    rules: [{ required: true }],
-  },
-  {
-    label: "文件",
-    name: "upload",
-    type: "upload",
-    rules: [{ required: true }],
-  },
-  {
-    label: "地址文件",
-    name: "urlUpload",
-    type: "urlUpload",
-    rules: [{ required: true }],
-  },
-  {
-    label: "下拉框",
-    name: "select",
-    type: "select",
-    dispatch: {
-      fnKey: "reload",
-      dependencies: ["selectInput", "sz"],
-      manual: false,
-    },
-    itemProps: {
-      request: (params = {}, values) => {
-        const { label = "123", value = 1 } = params;
-        return Promise.resolve([{ label, value }]);
-      },
-      showSearch: true,
-    },
-    rules: [{ required: true }],
-  },
-  {
-    label: "验证码",
-    type: "verificationCodeInput",
-    name: "verificationCodeInput",
-    itemProps: {
-      request: () => {
-        return Promise.resolve({ code: 200 });
-      },
-    },
-  },
-];
-let num = 0;
-export default () => {
-  const modalForm = useHDialogForm();
-  return (
-    <>
-      <Button
-        onClick={() => {
-          num++;
-          modalForm.show({
-            params: {
-              name: num,
-            },
-          });
-        }}
-      >
-        打开
-      </Button>
-      <Button
-        onClick={() => {
-          modalForm.show({
-            params: {
-              name: num,
-            },
-            initialValues: {
-              name: "name",
-            },
-          });
-        }}
-      >
-        宣誓
-      </Button>
-      <HFormConfigProvider
-        uploadProps={{
-          request: () => {
-            return Promise.resolve({
-              url: "https://gw.alicdn.com/imgextra/i2/O1CN01MYuwJQ1GXVBWryCFJ_!!6000000000632-2-tps-1125-570.png_468x468q75.jpg_.webp",
-            });
-          },
-        }}
-      >
-        <HModalForm
-          configData={data}
-          labelWidth={88}
-          contentRender={(node, form) => {
-            return (
-              <div>
-                <div>测试一些</div>
-                {node}
-              </div>
-            );
-          }}
-          dialogForm={modalForm}
-          title="测试"
-        />
-      </HFormConfigProvider>
-    </>
-  );
-};

package/src/pages/Radio/index.tsx

@@ -1,18 +0,0 @@
-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,63 +0,0 @@
-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

@@ -1,18 +0,0 @@
-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

@@ -1,14 +0,0 @@
-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

@@ -1,80 +0,0 @@
-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;