feat(components): 新增创建分类和笔记对话框及头部组件

- 新增 CreateGroupDialog 组件用于创建分类
- 新增 CreateNoteDialog 组件用于创建笔记
- 新增 HomeHeader 组件用于显示主页头部信息
- 对话框组件使用 Element Plus 样式- 头部组件包含用户操作按钮和搜索功能

biji-qianduan/src/components/home/dialogs/RenameDialog.vue

@@ -0,0 +1,65 @@
+<template>
+  <el-dialog
+      :model-value="visible"
+      title="重命名"
+      width="400px"
+      @close="handleClose"
+      :close-on-click-modal="false"
+  >
+    <el-input v-model="newName" placeholder="请输入新名称" @keyup.enter="handleSubmit"></el-input>
+    <template #footer>
+      <el-button @click="handleClose">取消</el-button>
+      <el-button type="primary" @click="handleSubmit">确定</el-button>
+    </template>
+  </el-dialog>
+</template>
+
+<script setup>
+import { ref, watch } from 'vue';
+import { ElMessage } from 'element-plus';
+import { updateMarkdownTitle, updateGroupingName } from '@/api/CommonApi.js';
+
+const props = defineProps({
+  visible: {
+    type: Boolean,
+    default: false,
+  },
+  item: {
+    type: Object,
+    default: () => null,
+  },
+});
+
+const emit = defineEmits(['update:visible', 'renamed']);
+
+const newName = ref('');
+
+watch(() => props.item, (newItem) => {
+  if (newItem) {
+    newName.value = newItem.type === 'file' ? newItem.title : newItem.grouping;
+  }
+});
+
+const handleClose = () => {
+  emit('update:visible', false);
+};
+
+const handleSubmit = async () => {
+  if (!newName.value.trim()) {
+    ElMessage.error('名称不能为空');
+    return;
+  }
+  try {
+    if (props.item.type === 'file') {
+      await updateMarkdownTitle({ id: props.item.id, title: newName.value });
+    } else {
+      await updateGroupingName({ id: props.item.id, grouping: newName.value });
+    }
+    ElMessage.success('重命名成功');
+    emit('renamed');
+    handleClose();
+  } catch (error) {
+    ElMessage.error('重命名失败: ' + error.message);
+  }
+};
+</script>