From 9500a4bb913636c30aa6f2270d33c40f3b22fbee Mon Sep 17 00:00:00 2001
From: cxymds <cxymds@qq.com>
Date: Fri, 27 Dec 2024 15:00:25 +0800
Subject: [PATCH] feaat: bucket

---
 components/buckets/new-item.vue |  7 +++++
 composables/useBucket.ts        |  6 ++++
 pages/buckets/index.vue         | 53 +++++++++++++++++++++++++++++++++
 3 files changed, 66 insertions(+)
 create mode 100644 components/buckets/new-item.vue
 create mode 100644 composables/useBucket.ts
 create mode 100644 pages/buckets/index.vue

diff --git a/components/buckets/new-item.vue b/components/buckets/new-item.vue
new file mode 100644
index 0000000..677f24b
--- /dev/null
+++ b/components/buckets/new-item.vue
@@ -0,0 +1,7 @@
+<template>
+  <div></div>
+</template>
+
+<script setup></script>
+
+<style lang="scss" scoped></style>
diff --git a/composables/useBucket.ts b/composables/useBucket.ts
new file mode 100644
index 0000000..d31b5f3
--- /dev/null
+++ b/composables/useBucket.ts
@@ -0,0 +1,6 @@
+import {} from '@aws-sdk/client-s3';
+import { getSignedUrl as _getSignedUrl } from '@aws-sdk/s3-request-presigner';
+
+export function useBucket({ bucket, region }: { bucket: string; region?: string }) {
+  return {};
+}
diff --git a/pages/buckets/index.vue b/pages/buckets/index.vue
new file mode 100644
index 0000000..fe08433
--- /dev/null
+++ b/pages/buckets/index.vue
@@ -0,0 +1,53 @@
+<template>
+  <div>
+    <page-header>
+      <template #title>
+        <h1 class="text-2xl font-bold">存储桶</h1>
+      </template>
+      <template #actions>
+        <n-button @click="createBucket">
+          <Icon name="ri:add-line" class="mr-2" />
+          <span>创建桶</span>
+        </n-button>
+      </template>
+    </page-header>
+    <page-content class="flex flex-col gap-4">
+      <div class="flex items-center justify-between">
+        <div class="flex items-center justify-between">
+          <n-input placeholder="搜索">
+            <template #prefix>
+              <Icon name="ri:search-2-line" />
+            </template>
+          </n-input>
+        </div>
+        <div class="flex items-center gap-4">
+          <n-button @click="() => refresh()">
+            <Icon name="ri:refresh-line" class="mr-2" />
+            <span>刷新</span>
+          </n-button>
+        </div>
+      </div>
+      <n-data-table
+        class="border dark:border-neutral-700 rounded overflow-hidden"
+        :columns="columns"
+        :data="data"
+        :pagination="false"
+        :bordered="false" />
+    </page-content>
+    <!--  新建桶弹窗 -->
+    <buckets-new-item @search="getDataList"></buckets-new-item>
+  </div>
+</template>
+
+<script setup>
+/****************************基本配置******************************/
+
+// 获取同列表
+const getDataList = () => {};
+/****************************创建桶******************************/
+const createBucket = () => {};
+
+/****************************创建桶******************************/
+</script>
+
+<style lang="scss" scoped></style>