From 086c2e20d4b6d964a4d383a8da9c95680fc62f16 Mon Sep 17 00:00:00 2001
From: zlg <482370576@qq.com>
Date: Mon, 8 Jul 2024 10:18:46 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E5=AD=98=E5=82=A8=E6=A1=B6=E7=AE=A1?=
=?UTF-8?q?=E7=90=86?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit
---
src/components/Main/Bucket/index.module.less | 10 ++
src/components/Main/Bucket/index.tsx | 92 ++++++++++++++++++-
.../Main/Bucket/index_createBucket.tsx | 87 ++++++++++++++++++
3 files changed, 188 insertions(+), 1 deletion(-)
create mode 100644 src/components/Main/Bucket/index.module.less
create mode 100644 src/components/Main/Bucket/index_createBucket.tsx
diff --git a/src/components/Main/Bucket/index.module.less b/src/components/Main/Bucket/index.module.less
new file mode 100644
index 0000000..47bfce4
--- /dev/null
+++ b/src/components/Main/Bucket/index.module.less
@@ -0,0 +1,10 @@
+.proCard{
+ max-width: 100%;
+ margin: 10px;
+}
+.div_proCard{
+ display: flex;
+ flex-direction: row;
+ gap: 20px;
+ flex-wrap: wrap;
+}
diff --git a/src/components/Main/Bucket/index.tsx b/src/components/Main/Bucket/index.tsx
index d526060..3ee3de6 100644
--- a/src/components/Main/Bucket/index.tsx
+++ b/src/components/Main/Bucket/index.tsx
@@ -1,7 +1,97 @@
/** @format */
import { FunctionComponent } from "react";
+import { ProCard } from "@ant-design/pro-components";
+import { Avatar, Button } from "antd";
+import {
+ EditOutlined,
+ EllipsisOutlined,
+ PlusCircleFilled,
+ SettingOutlined,
+} from "@ant-design/icons";
+import bucket from "@/assets/icons/bucket.svg";
+import selectOptions from "@/components/Main/Settings/defaultSettings.ts";
+import StorageIcon from "@/context/stroage-icon.ts";
+import styles from "./index.module.less";
const Bucket: FunctionComponent = () => {
- return 存储桶
;
+ // const [modalVisit, setModalVisit] = useState(false);
+ const bucketList = selectOptions.map((storage, index) => {
+ return (
+ {
+ console.log(collapsed);
+ }}
+ title={
+
+
+ {storage.name}
+
+ }
+ headerBordered
+ collapsible
+ defaultCollapsed
+ extra={
+ }
+ size="middle"
+ onClick={() => {
+ // setDrawerVisit(true);
+ }}>
+ 创建
+
+ }>
+
+
,
+
,
+
,
+ ]}>
+
+
size
+
+
,
+
,
+
,
+ ]}>
+
+
+
+ {bucketList}
+
+
+ );
};
export default Bucket;
diff --git a/src/components/Main/Bucket/index_createBucket.tsx b/src/components/Main/Bucket/index_createBucket.tsx
new file mode 100644
index 0000000..ed5fc79
--- /dev/null
+++ b/src/components/Main/Bucket/index_createBucket.tsx
@@ -0,0 +1,87 @@
+/** @format */
+
+import { FunctionComponent, useState } from "react";
+import {
+ ModalForm,
+ ProForm,
+ ProFormDateRangePicker,
+ ProFormSelect,
+ ProFormText,
+} from "@ant-design/pro-components";
+import { message } from "antd";
+
+const createBucket: FunctionComponent = () => {
+ const [modalVisit, setModalVisit] = useState(false);
+ return (
+ <>
+ {
+ message.success("提交成功");
+ return true;
+ }}
+ onOpenChange={setModalVisit}>
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ );
+};
+export default createBucket;