0.0.3.0

components/members/member-form.tsx

@@ -38,6 +38,7 @@ export function MemberForm({ initialData, existingMembers = [], onSubmit, onCanc
     generation: initialData?.generation || maxGeneration,
     spouseIds: initialData?.spouseIds || [],
     childrenIds: initialData?.childrenIds || [],
+    tags: initialData?.tags || [],
     fatherId: initialData?.fatherId,
     motherId: initialData?.motherId,
     ...initialData,
@@ -545,6 +546,59 @@ export function MemberForm({ initialData, existingMembers = [], onSubmit, onCanc
           </CardContent>
         </Card>
 
+        {/* Tags */}
+        <Card>
+          <CardHeader>
+            <CardTitle className="flex items-center gap-2 text-lg font-serif">
+              <Scroll className="h-5 w-5" />
+              标签 (Tags)
+            </CardTitle>
+            <CardDescription>添加标签以便分类和搜索（按回车添加）</CardDescription>
+          </CardHeader>
+          <CardContent className="space-y-4">
+            <div className="space-y-3">
+              <div className="flex gap-2">
+                <Input
+                  placeholder="输入标签，按回车添加..."
+                  onKeyDown={(e) => {
+                    if (e.key === 'Enter') {
+                      e.preventDefault()
+                      const input = e.currentTarget
+                      const value = input.value.trim()
+                      if (value && !(formData.tags || []).includes(value)) {
+                        handleChange('tags', [...(formData.tags || []), value])
+                        input.value = ''
+                      }
+                    }
+                  }}
+                />
+              </div>
+              {formData.tags && formData.tags.length > 0 && (
+                <div className="flex flex-wrap gap-2">
+                  {formData.tags.map((tag, index) => (
+                    <span
+                      key={index}
+                      className="inline-flex items-center gap-1 px-2 py-1 bg-primary/10 text-primary text-sm rounded-md border border-primary/20"
+                    >
+                      {tag}
+                      <button
+                        type="button"
+                        onClick={() => {
+                          const newTags = formData.tags?.filter((_, i) => i !== index) || []
+                          handleChange('tags', newTags)
+                        }}
+                        className="ml-1 hover:text-destructive"
+                      >
+                        ×
+                      </button>
+                    </span>
+                  ))}
+                </div>
+              )}
+            </div>
+          </CardContent>
+        </Card>
+
         {/* Photo Gallery */}
         <Card>
           <CardHeader>