You've already forked agentic-coding-workflow
feat(web): WorkspaceHomeView with worktrees/main/settings tabs and CommitDialog
This commit is contained in:
@@ -0,0 +1,86 @@
|
|||||||
|
<template>
|
||||||
|
<AppShell>
|
||||||
|
<div class="space-y-4">
|
||||||
|
<NPageHeader :title="store.current?.name ?? wsSlug">
|
||||||
|
<template #subtitle>
|
||||||
|
{{ store.current?.slug }}
|
||||||
|
</template>
|
||||||
|
</NPageHeader>
|
||||||
|
|
||||||
|
<SyncBar
|
||||||
|
v-if="store.current"
|
||||||
|
:ws="store.current"
|
||||||
|
/>
|
||||||
|
|
||||||
|
<NTabs
|
||||||
|
v-model:value="tab"
|
||||||
|
type="line"
|
||||||
|
>
|
||||||
|
<NTabPane
|
||||||
|
name="worktrees"
|
||||||
|
tab="Worktrees"
|
||||||
|
>
|
||||||
|
<WorktreesTab
|
||||||
|
v-if="store.current"
|
||||||
|
:ws="store.current"
|
||||||
|
/>
|
||||||
|
</NTabPane>
|
||||||
|
<NTabPane
|
||||||
|
name="main"
|
||||||
|
tab="Main"
|
||||||
|
>
|
||||||
|
<MainTab
|
||||||
|
v-if="store.current"
|
||||||
|
:ws="store.current"
|
||||||
|
/>
|
||||||
|
</NTabPane>
|
||||||
|
<NTabPane
|
||||||
|
name="settings"
|
||||||
|
tab="Settings"
|
||||||
|
>
|
||||||
|
<SettingsTab
|
||||||
|
v-if="store.current"
|
||||||
|
:ws="store.current"
|
||||||
|
/>
|
||||||
|
</NTabPane>
|
||||||
|
</NTabs>
|
||||||
|
</div>
|
||||||
|
</AppShell>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script setup lang="ts">
|
||||||
|
import { onMounted, ref, computed } from 'vue'
|
||||||
|
import { useRoute } from 'vue-router'
|
||||||
|
import { NTabs, NTabPane, NPageHeader, useMessage } from 'naive-ui'
|
||||||
|
import AppShell from '@/layouts/AppShell.vue'
|
||||||
|
import { useWorkspacesStore } from '@/stores/workspaces'
|
||||||
|
import SyncBar from './components/SyncBar.vue'
|
||||||
|
import WorktreesTab from './components/WorktreesTab.vue'
|
||||||
|
import MainTab from './components/MainTab.vue'
|
||||||
|
import SettingsTab from './components/SettingsTab.vue'
|
||||||
|
|
||||||
|
const route = useRoute()
|
||||||
|
const store = useWorkspacesStore()
|
||||||
|
const msg = useMessage()
|
||||||
|
const tab = ref<'worktrees' | 'main' | 'settings'>('worktrees')
|
||||||
|
|
||||||
|
const projectSlug = computed(() => route.params.slug as string)
|
||||||
|
const wsSlug = computed(() => route.params.wsSlug as string)
|
||||||
|
|
||||||
|
onMounted(async () => {
|
||||||
|
try {
|
||||||
|
// 通过 fetchByProject 拿列表后定位 wsID
|
||||||
|
await store.fetchByProject(projectSlug.value)
|
||||||
|
const ws = store.list.find((w) => w.slug === wsSlug.value)
|
||||||
|
if (!ws) {
|
||||||
|
msg.error('找不到工作区')
|
||||||
|
return
|
||||||
|
}
|
||||||
|
await store.fetchOne(ws.id)
|
||||||
|
await store.fetchWorktrees(ws.id)
|
||||||
|
await store.fetchCredential(ws.id)
|
||||||
|
} catch (e: unknown) {
|
||||||
|
msg.error('加载失败：' + (e instanceof Error ? e.message : String(e)))
|
||||||
|
}
|
||||||
|
})
|
||||||
|
</script>
|
||||||
@@ -0,0 +1,132 @@
|
|||||||
|
<template>
|
||||||
|
<NModal
|
||||||
|
:show="true"
|
||||||
|
preset="card"
|
||||||
|
title="提交修改"
|
||||||
|
:style="{ width: '640px' }"
|
||||||
|
@close="emit('close')"
|
||||||
|
>
|
||||||
|
<p class="text-sm text-gray-600 mb-2">
|
||||||
|
{{ status.length }} 个改动
|
||||||
|
</p>
|
||||||
|
<NScrollbar
|
||||||
|
:style="{ maxHeight: '240px' }"
|
||||||
|
class="mb-4 border rounded p-2 bg-gray-50"
|
||||||
|
>
|
||||||
|
<div
|
||||||
|
v-for="f in status"
|
||||||
|
:key="f.path"
|
||||||
|
class="font-mono text-sm py-1"
|
||||||
|
>
|
||||||
|
<NTag
|
||||||
|
size="small"
|
||||||
|
type="info"
|
||||||
|
class="mr-2"
|
||||||
|
>
|
||||||
|
{{ f.index_x }}{{ f.worktree_y }}
|
||||||
|
</NTag>{{ f.path }}
|
||||||
|
</div>
|
||||||
|
<div
|
||||||
|
v-if="status.length === 0"
|
||||||
|
class="text-sm text-gray-400"
|
||||||
|
>
|
||||||
|
无改动
|
||||||
|
</div>
|
||||||
|
</NScrollbar>
|
||||||
|
|
||||||
|
<NForm label-placement="top">
|
||||||
|
<NFormItem
|
||||||
|
label="Commit message"
|
||||||
|
required
|
||||||
|
>
|
||||||
|
<NInput
|
||||||
|
v-model:value="message"
|
||||||
|
type="textarea"
|
||||||
|
:autosize="{ minRows: 3, maxRows: 6 }"
|
||||||
|
/>
|
||||||
|
</NFormItem>
|
||||||
|
<NFormItem>
|
||||||
|
<NCheckbox v-model:checked="push">
|
||||||
|
提交后推送到远端
|
||||||
|
</NCheckbox>
|
||||||
|
</NFormItem>
|
||||||
|
</NForm>
|
||||||
|
|
||||||
|
<template #footer>
|
||||||
|
<NSpace justify="end">
|
||||||
|
<NButton @click="emit('close')">
|
||||||
|
取消
|
||||||
|
</NButton>
|
||||||
|
<NButton
|
||||||
|
type="primary"
|
||||||
|
:loading="submitting"
|
||||||
|
:disabled="status.length === 0"
|
||||||
|
@click="submit"
|
||||||
|
>
|
||||||
|
提交
|
||||||
|
</NButton>
|
||||||
|
</NSpace>
|
||||||
|
</template>
|
||||||
|
</NModal>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script setup lang="ts">
|
||||||
|
import { ref, onMounted } from 'vue'
|
||||||
|
import {
|
||||||
|
NModal,
|
||||||
|
NForm,
|
||||||
|
NFormItem,
|
||||||
|
NInput,
|
||||||
|
NCheckbox,
|
||||||
|
NButton,
|
||||||
|
NSpace,
|
||||||
|
NScrollbar,
|
||||||
|
NTag,
|
||||||
|
useMessage,
|
||||||
|
} from 'naive-ui'
|
||||||
|
import { useWorkspacesStore } from '@/stores/workspaces'
|
||||||
|
import type { FileStatus } from '@/api/types'
|
||||||
|
|
||||||
|
// target: 'main' 时用 wsID 调 commitOnMain；'worktree' 时用 wtID 调 commitOnWorktree。
|
||||||
|
const props = defineProps<{ target: 'main' | 'worktree'; targetId: string }>()
|
||||||
|
const emit = defineEmits<{ close: []; committed: [sha: string] }>()
|
||||||
|
const store = useWorkspacesStore()
|
||||||
|
const msg = useMessage()
|
||||||
|
|
||||||
|
const status = ref<FileStatus[]>([])
|
||||||
|
const message = ref<string>('')
|
||||||
|
const push = ref<boolean>(true)
|
||||||
|
const submitting = ref<boolean>(false)
|
||||||
|
|
||||||
|
onMounted(async () => {
|
||||||
|
try {
|
||||||
|
status.value =
|
||||||
|
props.target === 'main'
|
||||||
|
? await store.statusOnMain(props.targetId)
|
||||||
|
: await store.statusOnWorktree(props.targetId)
|
||||||
|
} catch (e: unknown) {
|
||||||
|
msg.error('读取 git status 失败：' + (e instanceof Error ? e.message : String(e)))
|
||||||
|
}
|
||||||
|
})
|
||||||
|
|
||||||
|
async function submit() {
|
||||||
|
if (!message.value.trim()) {
|
||||||
|
msg.warning('请填写 commit message')
|
||||||
|
return
|
||||||
|
}
|
||||||
|
submitting.value = true
|
||||||
|
try {
|
||||||
|
const body = { message: message.value, push: push.value, add_all: true }
|
||||||
|
const resp =
|
||||||
|
props.target === 'main'
|
||||||
|
? await store.commitOnMain(props.targetId, body)
|
||||||
|
: await store.commitOnWorktree(props.targetId, body)
|
||||||
|
msg.success('已提交：' + resp.sha.slice(0, 8))
|
||||||
|
emit('committed', resp.sha)
|
||||||
|
} catch (e: unknown) {
|
||||||
|
msg.error('提交失败：' + (e instanceof Error ? e.message : String(e)))
|
||||||
|
} finally {
|
||||||
|
submitting.value = false
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</script>
|
||||||
@@ -0,0 +1,45 @@
|
|||||||
|
<template>
|
||||||
|
<div>
|
||||||
|
<NSpace>
|
||||||
|
<NButton
|
||||||
|
type="primary"
|
||||||
|
@click="showCommit = true"
|
||||||
|
>
|
||||||
|
提交修改
|
||||||
|
</NButton>
|
||||||
|
<NButton @click="onPush">
|
||||||
|
Push 到远端
|
||||||
|
</NButton>
|
||||||
|
</NSpace>
|
||||||
|
|
||||||
|
<CommitDialog
|
||||||
|
v-if="showCommit"
|
||||||
|
target="main"
|
||||||
|
:target-id="ws.id"
|
||||||
|
@close="showCommit = false"
|
||||||
|
@committed="showCommit = false"
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script setup lang="ts">
|
||||||
|
import { ref } from 'vue'
|
||||||
|
import { NSpace, NButton, useMessage } from 'naive-ui'
|
||||||
|
import { useWorkspacesStore } from '@/stores/workspaces'
|
||||||
|
import CommitDialog from './CommitDialog.vue'
|
||||||
|
import type { Workspace } from '@/api/types'
|
||||||
|
|
||||||
|
const props = defineProps<{ ws: Workspace }>()
|
||||||
|
const store = useWorkspacesStore()
|
||||||
|
const msg = useMessage()
|
||||||
|
const showCommit = ref<boolean>(false)
|
||||||
|
|
||||||
|
async function onPush() {
|
||||||
|
try {
|
||||||
|
await store.pushOnMain(props.ws.id)
|
||||||
|
msg.success('已 push')
|
||||||
|
} catch (e: unknown) {
|
||||||
|
msg.error('push 失败：' + (e instanceof Error ? e.message : String(e)))
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</script>
|
||||||
@@ -0,0 +1,206 @@
|
|||||||
|
<template>
|
||||||
|
<NSpace
|
||||||
|
vertical
|
||||||
|
size="large"
|
||||||
|
>
|
||||||
|
<NCard title="基本信息">
|
||||||
|
<NForm
|
||||||
|
label-placement="left"
|
||||||
|
:label-width="100"
|
||||||
|
>
|
||||||
|
<NFormItem label="名称">
|
||||||
|
<NInput v-model:value="form.name" />
|
||||||
|
</NFormItem>
|
||||||
|
<NFormItem label="描述">
|
||||||
|
<NInput
|
||||||
|
v-model:value="form.description"
|
||||||
|
type="textarea"
|
||||||
|
/>
|
||||||
|
</NFormItem>
|
||||||
|
<NFormItem label="默认分支">
|
||||||
|
<NInput v-model:value="form.default_branch" />
|
||||||
|
</NFormItem>
|
||||||
|
</NForm>
|
||||||
|
<NButton
|
||||||
|
type="primary"
|
||||||
|
:loading="savingCore"
|
||||||
|
@click="saveCore"
|
||||||
|
>
|
||||||
|
保存
|
||||||
|
</NButton>
|
||||||
|
</NCard>
|
||||||
|
|
||||||
|
<NCard title="Git 凭据">
|
||||||
|
<p class="text-sm text-gray-500 mb-2">
|
||||||
|
当前指纹：{{ store.credential?.fingerprint || '（未设置）' }}
|
||||||
|
</p>
|
||||||
|
<NForm
|
||||||
|
label-placement="left"
|
||||||
|
:label-width="100"
|
||||||
|
>
|
||||||
|
<NFormItem label="类型">
|
||||||
|
<NSelect
|
||||||
|
v-model:value="credForm.kind"
|
||||||
|
:options="kindOptions"
|
||||||
|
/>
|
||||||
|
</NFormItem>
|
||||||
|
<NFormItem
|
||||||
|
v-if="credForm.kind === 'pat'"
|
||||||
|
label="用户名"
|
||||||
|
>
|
||||||
|
<NInput v-model:value="credForm.username" />
|
||||||
|
</NFormItem>
|
||||||
|
<NFormItem
|
||||||
|
v-if="credForm.kind === 'pat'"
|
||||||
|
label="Token"
|
||||||
|
>
|
||||||
|
<NInput
|
||||||
|
v-model:value="credForm.secret"
|
||||||
|
type="password"
|
||||||
|
show-password-on="click"
|
||||||
|
/>
|
||||||
|
</NFormItem>
|
||||||
|
<NFormItem
|
||||||
|
v-if="credForm.kind === 'ssh_key'"
|
||||||
|
label="私钥（PEM）"
|
||||||
|
>
|
||||||
|
<NInput
|
||||||
|
v-model:value="credForm.secret"
|
||||||
|
type="textarea"
|
||||||
|
:autosize="{ minRows: 4, maxRows: 8 }"
|
||||||
|
/>
|
||||||
|
</NFormItem>
|
||||||
|
</NForm>
|
||||||
|
<NButton
|
||||||
|
type="primary"
|
||||||
|
:loading="savingCred"
|
||||||
|
@click="saveCred"
|
||||||
|
>
|
||||||
|
替换凭据
|
||||||
|
</NButton>
|
||||||
|
</NCard>
|
||||||
|
|
||||||
|
<NCard title="危险区">
|
||||||
|
<NButton
|
||||||
|
type="error"
|
||||||
|
@click="onDelete"
|
||||||
|
>
|
||||||
|
删除工作区
|
||||||
|
</NButton>
|
||||||
|
</NCard>
|
||||||
|
</NSpace>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script setup lang="ts">
|
||||||
|
import { ref } from 'vue'
|
||||||
|
import {
|
||||||
|
NForm,
|
||||||
|
NFormItem,
|
||||||
|
NInput,
|
||||||
|
NSelect,
|
||||||
|
NButton,
|
||||||
|
NSpace,
|
||||||
|
NCard,
|
||||||
|
useMessage,
|
||||||
|
useDialog,
|
||||||
|
} from 'naive-ui'
|
||||||
|
import { useRouter } from 'vue-router'
|
||||||
|
import { useWorkspacesStore } from '@/stores/workspaces'
|
||||||
|
import type { CredentialKind, CredentialUpsertBody, Workspace } from '@/api/types'
|
||||||
|
|
||||||
|
interface CoreFormState {
|
||||||
|
name: string
|
||||||
|
description: string
|
||||||
|
default_branch: string
|
||||||
|
}
|
||||||
|
|
||||||
|
interface CredFormState {
|
||||||
|
kind: CredentialKind
|
||||||
|
username: string
|
||||||
|
secret: string
|
||||||
|
}
|
||||||
|
|
||||||
|
const props = defineProps<{ ws: Workspace }>()
|
||||||
|
const store = useWorkspacesStore()
|
||||||
|
const msg = useMessage()
|
||||||
|
const dialog = useDialog()
|
||||||
|
const router = useRouter()
|
||||||
|
|
||||||
|
const form = ref<CoreFormState>({
|
||||||
|
name: props.ws.name,
|
||||||
|
description: props.ws.description,
|
||||||
|
default_branch: props.ws.default_branch,
|
||||||
|
})
|
||||||
|
|
||||||
|
const credForm = ref<CredFormState>({
|
||||||
|
kind: store.credential?.kind ?? 'none',
|
||||||
|
username: store.credential?.username ?? '',
|
||||||
|
secret: '',
|
||||||
|
})
|
||||||
|
|
||||||
|
const savingCore = ref(false)
|
||||||
|
const savingCred = ref(false)
|
||||||
|
|
||||||
|
const kindOptions: { label: string; value: CredentialKind }[] = [
|
||||||
|
{ label: 'HTTPS PAT', value: 'pat' },
|
||||||
|
{ label: 'SSH Key', value: 'ssh_key' },
|
||||||
|
{ label: '公开仓库（无凭据）', value: 'none' },
|
||||||
|
]
|
||||||
|
|
||||||
|
async function saveCore() {
|
||||||
|
savingCore.value = true
|
||||||
|
try {
|
||||||
|
await store.update(props.ws.id, form.value)
|
||||||
|
msg.success('已保存')
|
||||||
|
} catch (e: unknown) {
|
||||||
|
msg.error('保存失败：' + (e instanceof Error ? e.message : String(e)))
|
||||||
|
} finally {
|
||||||
|
savingCore.value = false
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
async function saveCred() {
|
||||||
|
// kind!=='none' 时 secret 必填，避免向后端推空 token；与 WorkspaceCreateModal 校验一致。
|
||||||
|
if (credForm.value.kind !== 'none' && !credForm.value.secret) {
|
||||||
|
msg.error('请填写凭据 secret')
|
||||||
|
return
|
||||||
|
}
|
||||||
|
// kind==='none' 时不带 username/secret，避免之前残留的 PAT 用户名混入 'none' 请求体。
|
||||||
|
const body: CredentialUpsertBody =
|
||||||
|
credForm.value.kind === 'none'
|
||||||
|
? { kind: 'none' }
|
||||||
|
: {
|
||||||
|
kind: credForm.value.kind,
|
||||||
|
username: credForm.value.username,
|
||||||
|
secret: credForm.value.secret,
|
||||||
|
}
|
||||||
|
savingCred.value = true
|
||||||
|
try {
|
||||||
|
await store.upsertCredential(props.ws.id, body)
|
||||||
|
credForm.value.secret = ''
|
||||||
|
msg.success('凭据已替换')
|
||||||
|
} catch (e: unknown) {
|
||||||
|
msg.error('替换失败：' + (e instanceof Error ? e.message : String(e)))
|
||||||
|
} finally {
|
||||||
|
savingCred.value = false
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
function onDelete() {
|
||||||
|
dialog.error({
|
||||||
|
title: '确认删除工作区',
|
||||||
|
content: '将级联删除所有 worktree 并 rm -rf 磁盘文件，不可恢复。',
|
||||||
|
positiveText: '删除',
|
||||||
|
negativeText: '取消',
|
||||||
|
onPositiveClick: async () => {
|
||||||
|
try {
|
||||||
|
await store.remove(props.ws.id)
|
||||||
|
msg.success('已删除')
|
||||||
|
router.push(`/p/${router.currentRoute.value.params.slug}/workspaces`)
|
||||||
|
} catch (e: unknown) {
|
||||||
|
msg.error('删除失败：' + (e instanceof Error ? e.message : String(e)))
|
||||||
|
}
|
||||||
|
},
|
||||||
|
})
|
||||||
|
}
|
||||||
|
</script>
|
||||||
@@ -0,0 +1,61 @@
|
|||||||
|
<template>
|
||||||
|
<NCard size="small">
|
||||||
|
<NSpace
|
||||||
|
align="center"
|
||||||
|
justify="space-between"
|
||||||
|
>
|
||||||
|
<NSpace align="center">
|
||||||
|
<NTag :type="ws.sync_status === 'idle' ? 'success' : ws.sync_status === 'error' ? 'error' : 'info'">
|
||||||
|
{{ ws.sync_status }}
|
||||||
|
</NTag>
|
||||||
|
<span
|
||||||
|
v-if="ws.last_synced_at"
|
||||||
|
class="text-sm text-gray-500"
|
||||||
|
>
|
||||||
|
上次同步 {{ ws.last_synced_at }}
|
||||||
|
</span>
|
||||||
|
<span
|
||||||
|
v-else
|
||||||
|
class="text-sm text-gray-500"
|
||||||
|
>尚未同步</span>
|
||||||
|
<span
|
||||||
|
v-if="ws.last_sync_error"
|
||||||
|
class="text-sm text-red-600"
|
||||||
|
>{{ ws.last_sync_error }}</span>
|
||||||
|
</NSpace>
|
||||||
|
<NButton
|
||||||
|
:disabled="busy"
|
||||||
|
type="primary"
|
||||||
|
size="small"
|
||||||
|
@click="onSync"
|
||||||
|
>
|
||||||
|
立即同步
|
||||||
|
</NButton>
|
||||||
|
</NSpace>
|
||||||
|
</NCard>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script setup lang="ts">
|
||||||
|
import { computed } from 'vue'
|
||||||
|
import { NCard, NTag, NButton, NSpace, useMessage } from 'naive-ui'
|
||||||
|
import { useWorkspacesStore } from '@/stores/workspaces'
|
||||||
|
import type { Workspace } from '@/api/types'
|
||||||
|
|
||||||
|
const props = defineProps<{ ws: Workspace }>()
|
||||||
|
const store = useWorkspacesStore()
|
||||||
|
const msg = useMessage()
|
||||||
|
|
||||||
|
const busy = computed(() => props.ws.sync_status === 'cloning' || props.ws.sync_status === 'syncing')
|
||||||
|
|
||||||
|
async function onSync() {
|
||||||
|
// store.sync() 仅触发异步 fetch；要等真正落到 idle/error，必须 pollUntilSettled。
|
||||||
|
try {
|
||||||
|
await store.sync(props.ws.id)
|
||||||
|
msg.info('已开始同步')
|
||||||
|
await store.pollUntilSettled(props.ws.id)
|
||||||
|
msg.success('已同步')
|
||||||
|
} catch (e: unknown) {
|
||||||
|
msg.error('同步失败：' + (e instanceof Error ? e.message : String(e)))
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</script>
|
||||||
@@ -0,0 +1,217 @@
|
|||||||
|
<template>
|
||||||
|
<div>
|
||||||
|
<NSpace
|
||||||
|
justify="end"
|
||||||
|
class="mb-2"
|
||||||
|
>
|
||||||
|
<NButton
|
||||||
|
type="primary"
|
||||||
|
@click="showCreate = true"
|
||||||
|
>
|
||||||
|
新建 worktree
|
||||||
|
</NButton>
|
||||||
|
</NSpace>
|
||||||
|
<NDataTable
|
||||||
|
:columns="columns"
|
||||||
|
:data="store.worktrees"
|
||||||
|
/>
|
||||||
|
|
||||||
|
<NModal
|
||||||
|
:show="showCreate"
|
||||||
|
preset="card"
|
||||||
|
title="新建 worktree"
|
||||||
|
:style="{ width: '420px' }"
|
||||||
|
@close="showCreate = false"
|
||||||
|
>
|
||||||
|
<NForm>
|
||||||
|
<NFormItem
|
||||||
|
label="分支"
|
||||||
|
required
|
||||||
|
>
|
||||||
|
<NInput v-model:value="newBranch" />
|
||||||
|
</NFormItem>
|
||||||
|
<NFormItem label="基线分支（默认 default_branch）">
|
||||||
|
<NInput v-model:value="newBase" />
|
||||||
|
</NFormItem>
|
||||||
|
</NForm>
|
||||||
|
<template #footer>
|
||||||
|
<NSpace justify="end">
|
||||||
|
<NButton @click="showCreate = false">
|
||||||
|
取消
|
||||||
|
</NButton>
|
||||||
|
<NButton
|
||||||
|
type="primary"
|
||||||
|
:loading="creating"
|
||||||
|
@click="onCreate"
|
||||||
|
>
|
||||||
|
创建
|
||||||
|
</NButton>
|
||||||
|
</NSpace>
|
||||||
|
</template>
|
||||||
|
</NModal>
|
||||||
|
|
||||||
|
<CommitDialog
|
||||||
|
v-if="commitFor"
|
||||||
|
target="worktree"
|
||||||
|
:target-id="commitFor.id"
|
||||||
|
@close="commitFor = null"
|
||||||
|
@committed="commitFor = null"
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script setup lang="ts">
|
||||||
|
import { ref, computed, h } from 'vue'
|
||||||
|
import {
|
||||||
|
NDataTable,
|
||||||
|
NButton,
|
||||||
|
NSpace,
|
||||||
|
NTag,
|
||||||
|
NModal,
|
||||||
|
NForm,
|
||||||
|
NFormItem,
|
||||||
|
NInput,
|
||||||
|
useMessage,
|
||||||
|
useDialog,
|
||||||
|
} from 'naive-ui'
|
||||||
|
import type { DataTableColumns } from 'naive-ui'
|
||||||
|
import { useWorkspacesStore } from '@/stores/workspaces'
|
||||||
|
import CommitDialog from './CommitDialog.vue'
|
||||||
|
import type { Workspace, Worktree, WorktreeStatus } from '@/api/types'
|
||||||
|
|
||||||
|
const props = defineProps<{ ws: Workspace }>()
|
||||||
|
const store = useWorkspacesStore()
|
||||||
|
const msg = useMessage()
|
||||||
|
const dialog = useDialog()
|
||||||
|
|
||||||
|
const showCreate = ref<boolean>(false)
|
||||||
|
const creating = ref<boolean>(false)
|
||||||
|
const newBranch = ref<string>('')
|
||||||
|
const newBase = ref<string>('')
|
||||||
|
|
||||||
|
const commitFor = ref<Worktree | null>(null)
|
||||||
|
|
||||||
|
const STATUS_TAG_TYPE: Record<WorktreeStatus, 'warning' | 'error' | 'default'> = {
|
||||||
|
active: 'warning',
|
||||||
|
pruning: 'error',
|
||||||
|
idle: 'default',
|
||||||
|
}
|
||||||
|
|
||||||
|
async function onCreate() {
|
||||||
|
if (!newBranch.value.trim()) {
|
||||||
|
msg.error('分支名为必填')
|
||||||
|
return
|
||||||
|
}
|
||||||
|
creating.value = true
|
||||||
|
try {
|
||||||
|
await store.createWorktree(props.ws.id, {
|
||||||
|
branch: newBranch.value,
|
||||||
|
base_branch: newBase.value || undefined,
|
||||||
|
})
|
||||||
|
showCreate.value = false
|
||||||
|
newBranch.value = ''
|
||||||
|
newBase.value = ''
|
||||||
|
} catch (e: unknown) {
|
||||||
|
msg.error('创建失败：' + (e instanceof Error ? e.message : String(e)))
|
||||||
|
} finally {
|
||||||
|
creating.value = false
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
async function onAcquire(wt: Worktree) {
|
||||||
|
try {
|
||||||
|
await store.acquire(wt.id)
|
||||||
|
} catch (e: unknown) {
|
||||||
|
msg.error('占用失败：' + (e instanceof Error ? e.message : String(e)))
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
async function onRelease(wt: Worktree) {
|
||||||
|
try {
|
||||||
|
await store.release(wt.id)
|
||||||
|
} catch (e: unknown) {
|
||||||
|
msg.error('释放失败：' + (e instanceof Error ? e.message : String(e)))
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
function onDelete(wt: Worktree) {
|
||||||
|
dialog.warning({
|
||||||
|
title: '确认删除',
|
||||||
|
content: `删除 worktree "${wt.branch}" 将移除磁盘文件夹，不可恢复。`,
|
||||||
|
positiveText: '删除',
|
||||||
|
negativeText: '取消',
|
||||||
|
onPositiveClick: async () => {
|
||||||
|
try {
|
||||||
|
await store.deleteWorktree(wt.id)
|
||||||
|
} catch (e: unknown) {
|
||||||
|
msg.error('删除失败：' + (e instanceof Error ? e.message : String(e)))
|
||||||
|
}
|
||||||
|
},
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
async function onPush(wt: Worktree) {
|
||||||
|
try {
|
||||||
|
await store.pushOnWorktree(wt.id)
|
||||||
|
msg.success('已 push')
|
||||||
|
} catch (e: unknown) {
|
||||||
|
msg.error('push 失败：' + (e instanceof Error ? e.message : String(e)))
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
const columns = computed<DataTableColumns<Worktree>>(() => [
|
||||||
|
{ title: '分支', key: 'branch' },
|
||||||
|
{
|
||||||
|
title: '状态',
|
||||||
|
key: 'status',
|
||||||
|
render(row: Worktree) {
|
||||||
|
return h(
|
||||||
|
NTag,
|
||||||
|
{ type: STATUS_TAG_TYPE[row.status] ?? 'default', size: 'small' },
|
||||||
|
{ default: () => row.status },
|
||||||
|
)
|
||||||
|
},
|
||||||
|
},
|
||||||
|
{ title: '占用者', key: 'active_holder' },
|
||||||
|
{
|
||||||
|
title: '操作',
|
||||||
|
key: 'ops',
|
||||||
|
render(row: Worktree) {
|
||||||
|
return h(
|
||||||
|
NSpace,
|
||||||
|
{ size: 'small' },
|
||||||
|
{
|
||||||
|
default: () => [
|
||||||
|
h(
|
||||||
|
NButton,
|
||||||
|
{ size: 'tiny', onClick: () => (commitFor.value = row) },
|
||||||
|
{ default: () => '提交' },
|
||||||
|
),
|
||||||
|
h(
|
||||||
|
NButton,
|
||||||
|
{ size: 'tiny', onClick: () => onPush(row) },
|
||||||
|
{ default: () => 'Push' },
|
||||||
|
),
|
||||||
|
row.status === 'idle'
|
||||||
|
? h(
|
||||||
|
NButton,
|
||||||
|
{ size: 'tiny', type: 'primary', onClick: () => onAcquire(row) },
|
||||||
|
{ default: () => '占用' },
|
||||||
|
)
|
||||||
|
: h(
|
||||||
|
NButton,
|
||||||
|
{ size: 'tiny', onClick: () => onRelease(row) },
|
||||||
|
{ default: () => '释放' },
|
||||||
|
),
|
||||||
|
h(
|
||||||
|
NButton,
|
||||||
|
{ size: 'tiny', type: 'error', onClick: () => onDelete(row) },
|
||||||
|
{ default: () => '删除' },
|
||||||
|
),
|
||||||
|
],
|
||||||
|
},
|
||||||
|
)
|
||||||
|
},
|
||||||
|
},
|
||||||
|
])
|
||||||
|
</script>
|
||||||
Reference in New Issue
Block a user