input

src/views/Project/ProjectWorkbench/index.tsx

@@ -27,6 +27,7 @@ import List_select from "@/assets/project/workbenchList_select.svg"
 
 //ui
 import ButtonDemo from  "@/views/mui_demo/button"
+import InputDemo from "@/views/mui_demo/input"
 
 const ProjectWorkbench = observer(() => {
     const { currentProjectStore } = useStores();
@@ -55,12 +56,19 @@ const ProjectWorkbench = observer(() => {
                 iconed: List_select
             },
             {
-                label: "按钮组件库",
-                value: "MUI",
+                label: "按钮组件",
+                value: "MUI_BUTTON",
                 component: <ButtonDemo />,
                 icon: List,
                 iconed: List_select
             },
+            {
+                label: "输入框组件",
+                value: "MUI_INPUT",
+                component: <InputDemo />,
+                icon: List,
+                iconed: List_select
+            },
         ];
     }, []);
 

src/views/mui_demo/input.tsx

+import { memo, useCallback, useEffect, useMemo, useState } from "react";
+import _ from "lodash";
+import { IResponse, useHttp } from "@/api/http";
+import { useStores } from "@/store";
+import DeleteIcon from '@mui/icons-material/Delete';
+import { InputAdornment } from '@mui/material';
+import InputComponent from "@/components/mui/Input";
+
+const ProjectMembers = () => {
+    const http = useHttp();
+
+    const { currentProjectStore } = useStores();
+
+    useEffect(() => {
+
+    }, []);
+
+
+    return (
+        <>
+
+            <InputComponent
+                fullWidth={false}
+                label={"test"}
+                defaultValue={"sssssssss"}
+                size={'large'}
+            />
+            &nbsp;&nbsp;&nbsp;&nbsp;
+            <InputComponent
+                fullWidth={false}
+                label={"test"}
+                error={true}
+                helperText={"你还急急急靠靠靠靠靠靠靠靠靠靠靠靠靠靠"}
+            />&nbsp;&nbsp;&nbsp;&nbsp;
+            <InputComponent
+                fullWidth={false}
+                label={"test"}
+                size={'small'}
+                disabled
+            />&nbsp;&nbsp;&nbsp;&nbsp;
+            <InputComponent
+                fullWidth={false}
+                label={"xsmall"}
+                size={'xsmall'}
+            />&nbsp;&nbsp;&nbsp;&nbsp;
+            <InputComponent
+                fullWidth={false}
+                placeholder={"测试机哦"}
+                endAdornment={<InputAdornment position="end">11&nbsp;&nbsp;</InputAdornment>}
+            />&nbsp;&nbsp;&nbsp;&nbsp;
+            <InputComponent fullWidth={false} size={"small"} placeholder={"xxxxxx"} endAdornment={<InputAdornment position="end">11&nbsp;&nbsp;</InputAdornment>} />
+            <br /> <br />
+            <InputComponent
+                fullWidth={true}
+                select={
+                    {
+                        json: [{value:'1',label:"2"},{value:'3',label:"4"}]
+                    }
+                }
+            />
+            <br /><br />
+            {/* <SelectComponent
+                option={json}
+            />
+            <br /><br />
+            <SelectComponent
+                option={json}
+                size={"large"}
+            />
+            <br /><br />
+            <SelectComponent
+                option={json}
+                size={"small"}
+            /> */}
+            <br /><br />
+
+        </>
+    );
+};
+
+export default memo(ProjectMembers);