初始化本地仓库

2026-08-31 11:33:59 +08:00
commit 663f74b633
2390 changed files with 402918 additions and 0 deletions
@@ -0,0 +1,129 @@
+<!-- 标签页示例页面 -->
+<template>
+  <div class="page-content">
+    <h3 class="mb-5 text-xl font-normal">标签页操作</h3>
+
+    <!-- 修改标签标题模块 -->
+    <ElCard class="mb-7.5" header="修改标签标题" shadow="never">
+      <div class="flex gap-2">
+        <ElInput
+          v-model="newTabTitle"
+          placeholder="请输入新的标签页标题"
+          clearable
+          class="!max-w-75"
+        />
+
+        <ElButton
+          type="primary"
+          @click="handleUpdateTabTitle"
+          :disabled="!newTabTitle.trim()"
+        >
+          修改
+        </ElButton>
+        <ElButton @click="handleResetTabTitle"> 重置 </ElButton>
+      </div>
+    </ElCard>
+
+    <!-- 获取标签页模块 -->
+    <ElCard class="mb-7.5" header="获取标签页信息" shadow="never">
+      <div class="mb-4">
+        <p class="m-0 mb-2 text-sm text-g-600">当前标签页信息：{{ currentTab }}</p>
+      </div>
+      <ElRow :gutter="20">
+        <ElCol :span="24">
+          <ElButton type="success" plain @click="handleGetCurrentTabTitle(routePath)">
+            获取当前标签页信息
+          </ElButton>
+        </ElCol>
+      </ElRow>
+    </ElCard>
+
+    <!-- 关闭标签页模块 -->
+    <ElCard class="mb-7.5" header="关闭标签页" shadow="never">
+      <ElRow :gutter="20">
+        <ElCol :span="24">
+          <ElButton type="danger" plain @click="handleCloseTab(routePath)">
+            关闭当前标签
+          </ElButton>
+          <ElButton type="warning" plain @click="handleCloseOthersTab(routePath)">
+            关闭其他标签
+          </ElButton>
+          <ElButton type="danger" plain @click="handleCloseAllTab">
+            关闭所有标签
+          </ElButton>
+        </ElCol>
+      </ElRow>
+    </ElCard>
+  </div>
+</template>
+
+<script setup lang="ts">
+import { useWorktabStore } from "@/store/modules/worktab";
+import { WorkTab } from "@/types";
+
+defineOptions({ name: "TabsExample" });
+
+const worktabStore = useWorktabStore();
+const currentTab = ref<WorkTab | null>(null);
+const newTabTitle = ref("");
+const routePath = "/demo-examples/tabs";
+
+/**
+ * 更新当前标签页标题
+ * 验证输入内容后调用 store 方法更新标题
+ */
+const handleUpdateTabTitle = (): void => {
+  const trimmedTitle = newTabTitle.value.trim();
+  if (trimmedTitle) {
+    worktabStore.updateTabTitle(routePath, trimmedTitle);
+    ElMessage.success("标签页标题已更新");
+  }
+};
+
+/**
+ * 重置标签页标题
+ * 将标题重置为默认值并清空输入框
+ */
+const handleResetTabTitle = (): void => {
+  worktabStore.resetTabTitle(routePath);
+  newTabTitle.value = "";
+  ElMessage.success("标签页标题已重置");
+};
+
+/**
+ * 获取指定路径的标签页信息
+ * @param path 标签页路径
+ */
+const handleGetCurrentTabTitle = (path: string): void => {
+  const tab = worktabStore.getTabTitle(path);
+  if (tab) {
+    currentTab.value = tab;
+    ElMessage.success("已获取标签页信息");
+  } else {
+    ElMessage.warning("未找到标签信息");
+  }
+};
+
+/**
+ * 关闭指定路径的标签页
+ * @param path 要关闭的标签页路径
+ */
+const handleCloseTab = (path: string): void => {
+  worktabStore.removeTab(path);
+};
+
+/**
+ * 关闭除指定路径外的其他所有标签页
+ * @param path 要保留的标签页路径
+ */
+const handleCloseOthersTab = (path: string): void => {
+  worktabStore.removeOthers(path);
+};
+
+/**
+ * 关闭所有标签页
+ */
+const handleCloseAllTab = (): void => {
+  worktabStore.removeAll();
+};
+</script>