feat: add pattern copy and paste

* feat: add pattern copy and paste

* Update frontend/src/components/ContributionCalendar.tsx

add Cmd+C

Co-authored-by: cubic-dev-ai[bot] <191113872+cubic-dev-ai[bot]@users.noreply.github.com>

* Update frontend/src/components/ContributionCalendar.tsx

add Cmd+V

Co-authored-by: cubic-dev-ai[bot] <191113872+cubic-dev-ai[bot]@users.noreply.github.com>

* fix: paste overlay and preset character conflict bug

* docs: update readme_zh paste instructions

---------

Co-authored-by: zzcn <[email protected]>
Co-authored-by: cubic-dev-ai[bot] <191113872+cubic-dev-ai[bot]@users.noreply.github.com>

Author: 3 people

README_zh.md

@@ -19,6 +19,7 @@
 
 - 绘画过程中右键可以切换画笔和橡皮擦
 - 可以调节画笔的强度
+- **复制粘贴功能**：点击"复制模式"按钮进入复制模式，在日历上拖选一块区域后按 `Ctrl+C` 复制，软件会弹出"复制成功"提示。复制后，被选中区域的图案会跟随鼠标移动作为预览，你可以左键点击或按 `Ctrl+V` 粘贴到目标位置，右键取消粘贴预览。按`Ctrl+V`可以快速恢复上次复制的图案
 
 ### Windows/Linux
 

frontend/package-lock.json

@@ -1 +1 @@
-153cd7df260dced80347a928f3d27668
+cf7eeb812cadce6dc9108a9563da0e8c

frontend/package.json.md5

@@ -20,6 +20,9 @@ type Props = {
   isGeneratingRepo?: boolean;
   onExportContributions?: () => void;
   onImportContributions?: () => void;
+  // 复制模式
+  copyMode?: boolean;
+  onCopyModeToggle?: () => void;
   // 字符预览相关
   onStartCharacterPreview?: (char: string) => void;
   previewMode?: boolean;
@@ -43,6 +46,9 @@ export const CalendarControls: React.FC<Props> = ({
   isGeneratingRepo,
   onExportContributions,
   onImportContributions,
+  // 复制模式
+  copyMode = false,
+  onCopyModeToggle,
   // 字符预览相关
   onStartCharacterPreview,
   previewMode,
@@ -338,7 +344,7 @@ export const CalendarControls: React.FC<Props> = ({
 
       {/* Row 3: remaining actions */}
       <div className="flex w-full flex-col gap-2">
-        <div className="grid grid-cols-1 gap-2 sm:grid-cols-3">
+        <div className="grid grid-cols-1 gap-2 sm:grid-cols-4">
           <button
             type="button"
             onClick={onFillAllGreen}
@@ -355,6 +361,19 @@ export const CalendarControls: React.FC<Props> = ({
           >
             {t('buttons.reset')}
           </button>
+          <button
+            type="button"
+            onClick={() => onCopyModeToggle?.()}
+            className={clsx(
+              'w-full rounded-none px-4 py-2 text-sm font-medium transition-colors duration-200',
+              copyMode
+                ? 'bg-black text-white'
+                : 'border border-black bg-white text-black hover:bg-gray-100'
+            )}
+            title={t('titles.copyMode') || 'Ctrl+C复制选定区域'}
+          >
+            {t('buttons.copyMode')}
+          </button>
           <button
             type="button"
             onClick={handleOpenRemoteRepoModal}

frontend/src/components/CalendarControls.tsx

@@ -154,6 +154,12 @@
     animation: pulse 1.5s infinite;
   }
 
+  // 选择状态样式 - 只加边框，保持原有颜色
+  &.selection {
+    outline: 2px solid #2563eb !important;
+    outline-offset: 1px;
+  }
+
   @keyframes pulse {
     0% {
       opacity: 1;