@allbluecn/admin-app 0.1.0

package/src/components/knowledge-public/compliance-form-dialog.tsx

@@ -0,0 +1,308 @@
+// SPDX-License-Identifier: AGPL-3.0-or-later
+// AllBlue - 理想之海
+// Copyright (C) 2026 AllBlue Contributors
+//
+// This program is free software: you can redistribute it and/or modify
+// it under the terms of the GNU Affero General Public License as published by
+// the Free Software Foundation, either version 3 of the License, or
+// (at your option) any later version.
+//
+// This program is distributed in the hope that it will be useful,
+// but WITHOUT ANY WARRANTY; without even the implied warranty of
+// MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
+// GNU Affero General Public License for more details.
+//
+// You should have received a copy of the GNU Affero General Public License
+// along with this program. If not, see <https://www.gnu.org/licenses/>.
+
+import { useState, useEffect } from 'react'
+import { Loader2, PlusIcon, Trash2Icon } from 'lucide-react'
+import { toast } from '@/components/ui/sonner'
+import { Button } from '@/components/ui/button'
+import { Input } from '@/components/ui/input'
+import { Label } from '@/components/ui/label'
+import { Textarea } from '@/components/ui/textarea'
+import {
+  Dialog,
+  DialogContent,
+  DialogFooter,
+  DialogHeader,
+  DialogTitle,
+} from '@/components/ui/dialog'
+import { adminCreateComplianceFn } from '@/server/serverFns/knowledge-public/compliance/create'
+import { adminUpdateComplianceFn } from '@/server/serverFns/knowledge-public/compliance/update'
+import { adminGetComplianceDetailFn } from '@/server/serverFns/knowledge-public/compliance/detail'
+
+export interface ComplianceRow {
+  id: string
+  canonicalId: string
+  title: string
+  industry: string
+  regulatoryBody: string | null
+  region: string | null
+  summary: string | null
+  requirements: Array<{ title: string; detail: string }> | null
+  sourceUrl: string | null
+  tags: string[]
+  visibility: string
+  userId: string
+  createdAt: Date
+}
+
+interface ComplianceFormDialogProps {
+  open: boolean
+  onOpenChange: (open: boolean) => void
+  item?: ComplianceRow | null
+  onSuccess: () => void
+}
+
+const EMPTY = {
+  title: '',
+  code: '',
+  industry: '',
+  regulatoryBody: '',
+  region: '',
+  summary: '',
+  content: '',
+  sourceUrl: '',
+  tags: '',
+}
+
+export function ComplianceFormDialog({ open, onOpenChange, item, onSuccess }: ComplianceFormDialogProps) {
+  const isEdit = !!item
+  const [form, setForm] = useState(EMPTY)
+  const [requirements, setRequirements] = useState<Array<{ title: string; detail: string }>>([])
+  const [saving, setSaving] = useState(false)
+  const [loading, setLoading] = useState(false)
+
+  useEffect(() => {
+    if (!open) return
+    if (item) {
+      setLoading(true)
+      adminGetComplianceDetailFn({ data: { id: item.id } })
+        .then((d) => {
+          setForm({
+            title: d.title ?? '',
+            code: '',
+            industry: d.industry ?? '',
+            regulatoryBody: d.regulatoryBody ?? '',
+            region: d.region ?? '',
+            summary: d.summary ?? '',
+            content: d.content ?? '',
+            sourceUrl: d.sourceUrl ?? '',
+            tags: ((d.tags as string[]) ?? []).join(', '),
+          })
+          setRequirements(
+            Array.isArray(d.requirements)
+              ? (d.requirements as Array<{ title: string; detail: string }>)
+              : [],
+          )
+        })
+        .catch((e) => toast.error(e instanceof Error ? e.message : '加载失败'))
+        .finally(() => setLoading(false))
+    } else {
+      setForm(EMPTY)
+      setRequirements([])
+    }
+  }, [open, item])
+
+  function updateReq(i: number, key: 'title' | 'detail', val: string) {
+    setRequirements((rs) => rs.map((r, idx) => (idx === i ? { ...r, [key]: val } : r)))
+  }
+  function addReq() {
+    setRequirements((rs) => [...rs, { title: '', detail: '' }])
+  }
+  function removeReq(i: number) {
+    setRequirements((rs) => rs.filter((_, idx) => idx !== i))
+  }
+
+  async function handleSubmit(e: React.FormEvent) {
+    e.preventDefault()
+    if (!form.title.trim()) {
+      toast.error('请输入标题')
+      return
+    }
+    if (!form.industry.trim()) {
+      toast.error('请输入所属行业')
+      return
+    }
+    setSaving(true)
+    try {
+      const payload = {
+        title: form.title.trim(),
+        code: form.code.trim() || undefined,
+        industry: form.industry.trim(),
+        regulatoryBody: form.regulatoryBody.trim() || undefined,
+        region: form.region.trim() || undefined,
+        summary: form.summary.trim() || undefined,
+        content: form.content.trim() || undefined,
+        requirements: requirements.filter((r) => r.title.trim() || r.detail.trim()),
+        sourceUrl: form.sourceUrl.trim() || '',
+        tags: form.tags.split(',').map((t) => t.trim()).filter(Boolean),
+      }
+      if (isEdit && item) {
+        await adminUpdateComplianceFn({ data: { id: item.id, ...payload } })
+        toast.success('合规要求已更新')
+      } else {
+        await adminCreateComplianceFn({ data: payload })
+        toast.success('合规要求已创建')
+      }
+      onSuccess()
+      onOpenChange(false)
+    } catch (err) {
+      toast.error(err instanceof Error ? err.message : '保存失败')
+    } finally {
+      setSaving(false)
+    }
+  }
+
+  return (
+    <Dialog open={open} onOpenChange={onOpenChange}>
+      <DialogContent className="max-h-[90vh] overflow-y-auto sm:max-w-2xl">
+        <DialogHeader>
+          <DialogTitle>{isEdit ? '编辑合规要求' : '新建合规要求'}</DialogTitle>
+        </DialogHeader>
+        {loading ? (
+          <div className="flex h-40 items-center justify-center">
+            <Loader2 className="size-6 animate-spin text-muted-foreground" />
+          </div>
+        ) : (
+          <form onSubmit={handleSubmit}>
+            <div className="grid gap-4 py-1">
+              <div className="grid gap-2">
+                <Label>标题 *</Label>
+                <Input
+                  value={form.title}
+                  onChange={(e) => setForm((f) => ({ ...f, title: e.target.value }))}
+                  placeholder="如：支付卡行业数据安全标准"
+                />
+              </div>
+              <div className="grid grid-cols-3 gap-4">
+                <div className="grid gap-2">
+                  <Label>发文字号</Label>
+                  <Input
+                    value={form.code}
+                    onChange={(e) => setForm((f) => ({ ...f, code: e.target.value }))}
+                    placeholder="如：PCI DSS 4.0"
+                  />
+                </div>
+                <div className="grid gap-2">
+                  <Label>所属行业 *</Label>
+                  <Input
+                    value={form.industry}
+                    onChange={(e) => setForm((f) => ({ ...f, industry: e.target.value }))}
+                    placeholder="如：金融"
+                  />
+                </div>
+                <div className="grid gap-2">
+                  <Label>地区</Label>
+                  <Input
+                    value={form.region}
+                    onChange={(e) => setForm((f) => ({ ...f, region: e.target.value }))}
+                    placeholder="如：全球"
+                  />
+                </div>
+              </div>
+              <div className="grid grid-cols-2 gap-4">
+                <div className="grid gap-2">
+                  <Label>监管机构</Label>
+                  <Input
+                    value={form.regulatoryBody}
+                    onChange={(e) => setForm((f) => ({ ...f, regulatoryBody: e.target.value }))}
+                    placeholder="如：PCI SSC"
+                  />
+                </div>
+                <div className="grid gap-2">
+                  <Label>来源链接</Label>
+                  <Input
+                    value={form.sourceUrl}
+                    onChange={(e) => setForm((f) => ({ ...f, sourceUrl: e.target.value }))}
+                    placeholder="https://"
+                  />
+                </div>
+              </div>
+              <div className="grid gap-2">
+                <Label>摘要</Label>
+                <Textarea
+                  value={form.summary}
+                  onChange={(e) => setForm((f) => ({ ...f, summary: e.target.value }))}
+                  rows={2}
+                  placeholder="一句话简介"
+                />
+              </div>
+
+              <div className="grid gap-2">
+                <div className="flex items-center justify-between">
+                  <Label>合规要求条目</Label>
+                  <Button type="button" variant="outline" size="sm" onClick={addReq}>
+                    <PlusIcon className="mr-1 size-3.5" />
+                    添加条目
+                  </Button>
+                </div>
+                {requirements.length === 0 ? (
+                  <p className="text-sm text-muted-foreground">暂无条目，点击「添加条目」。</p>
+                ) : (
+                  <div className="space-y-2">
+                    {requirements.map((r, i) => (
+                      <div key={i} className="flex items-start gap-2">
+                        <div className="grid flex-1 gap-1.5">
+                          <Input
+                            value={r.title}
+                            onChange={(e) => updateReq(i, 'title', e.target.value)}
+                            placeholder="要求标题"
+                          />
+                          <Textarea
+                            value={r.detail}
+                            onChange={(e) => updateReq(i, 'detail', e.target.value)}
+                            rows={2}
+                            placeholder="具体说明"
+                          />
+                        </div>
+                        <Button
+                          type="button"
+                          variant="ghost"
+                          size="icon"
+                          onClick={() => removeReq(i)}
+                          className="mt-1 shrink-0 text-muted-foreground hover:text-destructive"
+                        >
+                          <Trash2Icon className="size-4" />
+                        </Button>
+                      </div>
+                    ))}
+                  </div>
+                )}
+              </div>
+
+              <div className="grid gap-2">
+                <Label>正文内容</Label>
+                <Textarea
+                  value={form.content}
+                  onChange={(e) => setForm((f) => ({ ...f, content: e.target.value }))}
+                  rows={6}
+                  placeholder="补充说明内容"
+                  className="font-mono text-sm"
+                />
+              </div>
+              <div className="grid gap-2">
+                <Label>标签（逗号分隔）</Label>
+                <Input
+                  value={form.tags}
+                  onChange={(e) => setForm((f) => ({ ...f, tags: e.target.value }))}
+                  placeholder="如：金融, 安全"
+                />
+              </div>
+            </div>
+            <DialogFooter>
+              <Button type="button" variant="outline" onClick={() => onOpenChange(false)}>
+                取消
+              </Button>
+              <Button type="submit" disabled={saving}>
+                {saving ? '保存中...' : '保存'}
+              </Button>
+            </DialogFooter>
+          </form>
+        )}
+      </DialogContent>
+    </Dialog>
+  )
+}

package/src/components/knowledge-public/legal-form-dialog.tsx

@@ -0,0 +1,315 @@
+// SPDX-License-Identifier: AGPL-3.0-or-later
+// AllBlue - 理想之海
+// Copyright (C) 2026 AllBlue Contributors
+//
+// This program is free software: you can redistribute it and/or modify
+// it under the terms of the GNU Affero General Public License as published by
+// the Free Software Foundation, either version 3 of the License, or
+// (at your option) any later version.
+//
+// This program is distributed in the hope that it will be useful,
+// but WITHOUT ANY WARRANTY; without even the implied warranty of
+// MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
+// GNU Affero General Public License for more details.
+//
+// You should have received a copy of the GNU Affero General Public License
+// along with this program. If not, see <https://www.gnu.org/licenses/>.
+
+import { useState, useEffect } from 'react'
+import { useTranslation } from 'react-i18next'
+import { Loader2 } from 'lucide-react'
+import { toast } from '@/components/ui/sonner'
+import { Button } from '@/components/ui/button'
+import { Input } from '@/components/ui/input'
+import { Label } from '@/components/ui/label'
+import { Textarea } from '@/components/ui/textarea'
+import {
+  Select,
+  SelectContent,
+  SelectItem,
+  SelectTrigger,
+  SelectValue,
+} from '@/components/ui/select'
+import {
+  Dialog,
+  DialogContent,
+  DialogFooter,
+  DialogHeader,
+  DialogTitle,
+} from '@/components/ui/dialog'
+import { adminCreateLegalFn } from '@/server/serverFns/knowledge-public/legal/create'
+import { adminUpdateLegalFn } from '@/server/serverFns/knowledge-public/legal/update'
+import { adminGetLegalDetailFn } from '@/server/serverFns/knowledge-public/legal/detail'
+
+export interface LegalRow {
+  id: string
+  canonicalId: string
+  title: string
+  jurisdiction: string
+  region: string | null
+  country: string | null
+  category: string
+  summary: string | null
+  issuingAuthority: string | null
+  effectiveDate: Date | null
+  sourceUrl: string | null
+  tags: string[]
+  visibility: string
+  userId: string
+  createdAt: Date
+}
+
+const JURISDICTIONS: Array<{ value: 'CN_NATIONAL' | 'CN_LOCAL' | 'OVERSEAS' }> = [
+  { value: 'CN_NATIONAL' },
+  { value: 'CN_LOCAL' },
+  { value: 'OVERSEAS' },
+]
+
+interface LegalFormDialogProps {
+  open: boolean
+  onOpenChange: (open: boolean) => void
+  item?: LegalRow | null
+  onSuccess: () => void
+}
+
+const EMPTY = {
+  title: '',
+  code: '',
+  jurisdiction: 'CN_NATIONAL',
+  region: '',
+  country: '',
+  category: '',
+  issuingAuthority: '',
+  effectiveDate: '',
+  summary: '',
+  content: '',
+  sourceUrl: '',
+  tags: '',
+}
+
+const JURISDICTION_KEYS = ['CN_NATIONAL', 'CN_LOCAL', 'OVERSEAS'] as const
+
+export function LegalFormDialog({ open, onOpenChange, item, onSuccess }: LegalFormDialogProps) {
+  const { t } = useTranslation('common')
+  const isEdit = !!item
+  const [form, setForm] = useState(EMPTY)
+  const [saving, setSaving] = useState(false)
+  const [loading, setLoading] = useState(false)
+
+  useEffect(() => {
+    if (!open) return
+    if (item) {
+      setLoading(true)
+      adminGetLegalDetailFn({ data: { id: item.id } })
+        .then((d) => {
+          setForm({
+            title: d.title ?? '',
+            code: '',
+            jurisdiction: (d.jurisdiction as string) ?? 'CN_NATIONAL',
+            region: d.region ?? '',
+            country: d.country ?? '',
+            category: d.category ?? '',
+            issuingAuthority: d.issuingAuthority ?? '',
+            effectiveDate: d.effectiveDate
+              ? new Date(d.effectiveDate).toISOString().slice(0, 10)
+              : '',
+            summary: d.summary ?? '',
+            content: d.content ?? '',
+            sourceUrl: d.sourceUrl ?? '',
+            tags: ((d.tags as string[]) ?? []).join(', '),
+          })
+        })
+        .catch((e) => toast.error(e instanceof Error ? e.message : t('legalForm.loadFailed')))
+        .finally(() => setLoading(false))
+    } else {
+      setForm(EMPTY)
+    }
+  }, [open, item])
+
+  async function handleSubmit(e: React.FormEvent) {
+    e.preventDefault()
+    if (!form.title.trim()) {
+      toast.error(t('legalForm.titleRequired'))
+      return
+    }
+    if (!form.category.trim()) {
+      toast.error(t('legalForm.categoryRequired'))
+      return
+    }
+    setSaving(true)
+    try {
+      const payload = {
+        title: form.title.trim(),
+        code: form.code.trim() || undefined,
+        jurisdiction: form.jurisdiction as 'CN_NATIONAL' | 'CN_LOCAL' | 'OVERSEAS',
+        region: form.region.trim() || undefined,
+        country: form.country.trim() || undefined,
+        category: form.category.trim(),
+        issuingAuthority: form.issuingAuthority.trim() || undefined,
+        effectiveDate: form.effectiveDate ? new Date(form.effectiveDate) : null,
+        summary: form.summary.trim() || undefined,
+        content: form.content.trim() || undefined,
+        sourceUrl: form.sourceUrl.trim() || '',
+        tags: form.tags.split(',').map((tag) => tag.trim()).filter(Boolean),
+      }
+      if (isEdit && item) {
+        await adminUpdateLegalFn({ data: { id: item.id, ...payload } })
+        toast.success(t('legalForm.updated'))
+      } else {
+        await adminCreateLegalFn({ data: payload })
+        toast.success(t('legalForm.created'))
+      }
+      onSuccess()
+      onOpenChange(false)
+    } catch (err) {
+      toast.error(err instanceof Error ? err.message : t('legalForm.saveFailed'))
+    } finally {
+      setSaving(false)
+    }
+  }
+
+  return (
+    <Dialog open={open} onOpenChange={onOpenChange}>
+      <DialogContent className="max-h-[90vh] overflow-y-auto sm:max-w-2xl">
+        <DialogHeader>
+          <DialogTitle>{isEdit ? t('legalForm.edit') : t('legalForm.create')}</DialogTitle>
+        </DialogHeader>
+        {loading ? (
+          <div className="flex h-40 items-center justify-center">
+            <Loader2 className="size-6 animate-spin text-muted-foreground" />
+          </div>
+        ) : (
+          <form onSubmit={handleSubmit}>
+            <div className="grid gap-4 py-1">
+              <div className="grid gap-2">
+                <Label>{t('legalForm.title')}</Label>
+                <Input
+                  value={form.title}
+                  onChange={(e) => setForm((f) => ({ ...f, title: e.target.value }))}
+                  placeholder={t('legalForm.titlePlaceholder')}
+                />
+              </div>
+              <div className="grid grid-cols-2 gap-4">
+                <div className="grid gap-2">
+                  <Label>{t('legalForm.code')}</Label>
+                  <Input
+                    value={form.code}
+                    onChange={(e) => setForm((f) => ({ ...f, code: e.target.value }))}
+                    placeholder={t('legalForm.codePlaceholder')}
+                  />
+                </div>
+                <div className="grid gap-2">
+                  <Label>{t('legalForm.jurisdiction')}</Label>
+                  <Select
+                    value={form.jurisdiction}
+                    onValueChange={(v) => setForm((f) => ({ ...f, jurisdiction: v }))}
+                  >
+                    <SelectTrigger className="w-full">
+                      <SelectValue />
+                    </SelectTrigger>
+                    <SelectContent>
+                      {JURISDICTIONS.map((j) => (
+                        <SelectItem key={j.value} value={j.value}>
+                          {t(`legalForm.jurisdictions.${j.value}`)}
+                        </SelectItem>
+                      ))}
+                    </SelectContent>
+                  </Select>
+                </div>
+              </div>
+              <div className="grid grid-cols-3 gap-4">
+                <div className="grid gap-2">
+                  <Label>{t('legalForm.category')}</Label>
+                  <Input
+                    value={form.category}
+                    onChange={(e) => setForm((f) => ({ ...f, category: e.target.value }))}
+                    placeholder={t('legalForm.categoryPlaceholder')}
+                  />
+                </div>
+                <div className="grid gap-2">
+                  <Label>{t('legalForm.region')}</Label>
+                  <Input
+                    value={form.region}
+                    onChange={(e) => setForm((f) => ({ ...f, region: e.target.value }))}
+                    placeholder={t('legalForm.regionPlaceholder')}
+                  />
+                </div>
+                <div className="grid gap-2">
+                  <Label>{t('legalForm.country')}</Label>
+                  <Input
+                    value={form.country}
+                    onChange={(e) => setForm((f) => ({ ...f, country: e.target.value }))}
+                    placeholder={t('legalForm.countryPlaceholder')}
+                  />
+                </div>
+              </div>
+              <div className="grid grid-cols-2 gap-4">
+                <div className="grid gap-2">
+                  <Label>{t('legalForm.issuingAuthority')}</Label>
+                  <Input
+                    value={form.issuingAuthority}
+                    onChange={(e) => setForm((f) => ({ ...f, issuingAuthority: e.target.value }))}
+                    placeholder={t('legalForm.issuingAuthorityPlaceholder')}
+                  />
+                </div>
+                <div className="grid gap-2">
+                  <Label>{t('legalForm.effectiveDate')}</Label>
+                  <Input
+                    type="date"
+                    value={form.effectiveDate}
+                    onChange={(e) => setForm((f) => ({ ...f, effectiveDate: e.target.value }))}
+                  />
+                </div>
+              </div>
+              <div className="grid gap-2">
+                <Label>{t('legalForm.summary')}</Label>
+                <Textarea
+                  value={form.summary}
+                  onChange={(e) => setForm((f) => ({ ...f, summary: e.target.value }))}
+                  rows={2}
+                  placeholder={t('legalForm.summaryPlaceholder')}
+                />
+              </div>
+              <div className="grid gap-2">
+                <Label>{t('legalForm.content')}</Label>
+                <Textarea
+                  value={form.content}
+                  onChange={(e) => setForm((f) => ({ ...f, content: e.target.value }))}
+                  rows={8}
+                  placeholder={t('legalForm.contentPlaceholder')}
+                  className="font-mono text-sm"
+                />
+              </div>
+              <div className="grid grid-cols-2 gap-4">
+                <div className="grid gap-2">
+                  <Label>{t('legalForm.sourceUrl')}</Label>
+                  <Input
+                    value={form.sourceUrl}
+                    onChange={(e) => setForm((f) => ({ ...f, sourceUrl: e.target.value }))}
+                    placeholder="https://"
+                  />
+                </div>
+                <div className="grid gap-2">
+                  <Label>{t('legalForm.tags')}</Label>
+                  <Input
+                    value={form.tags}
+                    onChange={(e) => setForm((f) => ({ ...f, tags: e.target.value }))}
+                    placeholder={t('legalForm.tagsPlaceholder')}
+                  />
+                </div>
+              </div>
+            </div>
+            <DialogFooter>
+                <Button type="button" variant="outline" onClick={() => onOpenChange(false)}>
+                  {t('common.cancel')}
+                </Button>
+                <Button type="submit" disabled={saving}>
+                  {saving ? t('legalForm.saving') : t('common.save')}
+                </Button>
+            </DialogFooter>
+          </form>
+        )}
+      </DialogContent>
+    </Dialog>
+  )
+}