feat: add create file copy button

Author: HardyNLee

packages/origine2/src/api/Api.ts

@@ -64,6 +64,11 @@ export interface TemplateFontConfigDto {
   type: string;
 }
 
+export interface CopyFileWithIncrementDto {
+  /** The source path of the file to be copied */
+  source: string;
+}
+
 export interface TemplateConfigDto {
   /** The name of the template */
   name: string;
@@ -563,6 +568,26 @@ export class Api<
         ...params,
       }),
 
+    /**
+     * No description
+     *
+     * @tags Assets
+     * @name AssetsControllerCopyFileWithIncrement
+     * @summary Copy File With Increment
+     * @request POST:/api/assets/copyFileWithIncrement
+     */
+    assetsControllerCopyFileWithIncrement: (
+      data: CopyFileWithIncrementDto,
+      params: RequestParams = {},
+    ) =>
+      this.request<void, void>({
+        path: `/api/assets/copyFileWithIncrement`,
+        method: "POST",
+        body: data,
+        type: ContentType.Json,
+        ...params,
+      }),
+
     /**
      * No description
      *

packages/origine2/src/components/Assets/Assets.tsx

@@ -37,6 +37,7 @@ export type IFileConfig = Map<
 export interface IFileFunction {
   open?: (file: IFile, type: 'scene' | 'asset') => Promise<void>,
   create?: (source: string, name: string, type: 'file' | 'dir') => Promise<void>,
+  backup?: (source: string) => Promise<void>,
   rename?: (source: string, newName: string) => Promise<void>,
   delete?: (source: string) => Promise<void>,
 };
@@ -219,6 +220,12 @@ export default function Assets(
     handleRefresh();
   };
 
+  const handleBackupFile = async (source: string) => {
+    await api.assetsControllerCopyFileWithIncrement({ source });
+    fileFunction?.backup && await fileFunction.backup(source);
+    handleRefresh();
+  };
+
   const handleRenameFile = async (source: string, newName: string) => {
     await api.assetsControllerRename({ source, newName });
     fileFunction?.rename && await fileFunction.rename(source, newName);
@@ -561,6 +568,7 @@ export default function Assets(
                               desc={fileConfig?.get(sortedFiles[fileIndex].path)?.desc ?? undefined}
                               isProtected={fileConfig?.get(sortedFiles[fileIndex].path)?.isProtected ?? isProtected}
                               handleOpenFile={handleOpenFile}
+                              handleBackupFile={handleBackupFile}
                               handleRenameFile={handleRenameFile}
                               handleDeleteFile={handleDeleteFile}
                               checkHasFile={checkHasFile}

packages/origine2/src/components/Assets/FileElement.tsx

@@ -1,14 +1,15 @@
 import { checkFileName } from "@/utils/checkFileName";
 import { extractExtension, getDirIcon, getFileIcon } from "@/utils/getFileIcon";
 import { Button, Input, Popover, PopoverSurface, PopoverTrigger, Subtitle2, Text, Tooltip } from '@fluentui/react-components';
-import { bundleIcon, DeleteFilled, DeleteRegular, RenameFilled, RenameRegular } from "@fluentui/react-icons";
+import { bundleIcon, DeleteFilled, DeleteRegular, RenameFilled, RenameRegular, SaveCopyFilled, SaveCopyRegular } from "@fluentui/react-icons";
 import { t } from "@lingui/macro";
 import { useRef } from "react";
 import { useValue } from '../../hooks/useValue';
 import IconWrapper from "../iconWrapper/IconWrapper";
 import { IFile, IViewType } from "./Assets";
 import styles from "./FileElement.module.scss";
 
+const SaveCopyIcon = bundleIcon(SaveCopyFilled, SaveCopyRegular);
 const RenameIcon = bundleIcon(RenameFilled, RenameRegular);
 const DeleteIcon = bundleIcon(DeleteFilled, DeleteRegular);
 
@@ -21,6 +22,7 @@ export default function FileElement(
     desc,
     isProtected,
     handleOpenFile,
+    handleBackupFile,
     handleRenameFile,
     handleDeleteFile,
     checkHasFile,
@@ -32,6 +34,7 @@ export default function FileElement(
     desc?: string,
     isProtected?: boolean,
     handleOpenFile: (file: IFile) => Promise<void>,
+    handleBackupFile: (source: string) => Promise<void>,
     handleRenameFile: (source: string, newName: string) => Promise<void>,
     handleDeleteFile: (source: string) => Promise<void>,
     checkHasFile: (fileNmae: string) => boolean,
@@ -137,6 +140,22 @@ export default function FileElement(
           {desc && <span style={{ color: 'var(--text-weak)', fontSize: '12px', fontStyle: 'italic', paddingRight: '2px' }}>{desc}</span>}
 
           <div className={styles.fileAction}>
+            {
+              !file.isDir &&
+              <Tooltip content={t`创建副本`} relationship="label" positioning="below">
+                <Button
+                  icon={<SaveCopyIcon style={{ width: '16px' }} />}
+                  size='small'
+                  appearance='subtle'
+                  onClick={
+                    (e) => {
+                      e.stopPropagation();
+                      handleBackupFile(filePath);
+                    }
+                  }
+                />
+              </Tooltip>
+            }
             {
               !isProtected &&
               <>

packages/origine2/src/locales/en.po

@@ -232,17 +232,17 @@ msgstr "Always Show Toolbar"
 msgid "上一步"
 msgstr "Previous"
 
-#: src/components/Assets/Assets.tsx:625
-#: src/components/Assets/Assets.tsx:626
+#: src/components/Assets/Assets.tsx:633
+#: src/components/Assets/Assets.tsx:634
 msgid "上传"
 msgstr "Upload"
 
 #: src/pages/templateEditor/TemplateEditorSidebar/TemplateConfigDialog.tsx:272
 msgid "上传字体文件"
 msgstr "Upload font file"
 
-#: src/components/Assets/Assets.tsx:445
-#: src/components/Assets/Assets.tsx:451
+#: src/components/Assets/Assets.tsx:452
+#: src/components/Assets/Assets.tsx:458
 msgid "上传资源"
 msgstr "Upload asset"
 
@@ -412,7 +412,7 @@ msgstr "Failed to save template configuration, please try again later"
 msgid "保持闭眼(毫秒)"
 msgstr "Closed duration (ms)"
 
-#: src/components/Assets/Assets.tsx:498
+#: src/components/Assets/Assets.tsx:505
 msgid "修改时间"
 msgstr "Last modified"
 
@@ -581,17 +581,21 @@ msgstr "Change background"
 msgid "切换背景图片"
 msgstr "Change background image"
 
-#: src/components/Assets/Assets.tsx:461
+#: src/components/Assets/Assets.tsx:468
 msgid "列表视图"
 msgstr "List view"
 
-#: src/components/Assets/Assets.tsx:383
-#: src/components/Assets/Assets.tsx:435
+#: src/components/Assets/Assets.tsx:390
+#: src/components/Assets/Assets.tsx:442
 #: src/pages/dashboard/Sidebar.tsx:134
 #: src/pages/dashboard/TemplateSidebar.tsx:78
 msgid "创建"
 msgstr "Create"
 
+#: src/components/Assets/FileElement.tsx:145
+msgid "创建副本"
+msgstr "Create a copy"
+
 #: src/pages/dashboard/TemplateSidebar.tsx:57
 msgid "创建新模板"
 msgstr "Create new template"
@@ -600,9 +604,9 @@ msgstr "Create new template"
 msgid "创建新游戏"
 msgstr "Create new game"
 
-#: src/components/Assets/FileElement.tsx:202
-#: src/components/Assets/FileElement.tsx:219
-#: src/components/Assets/FileElement.tsx:227
+#: src/components/Assets/FileElement.tsx:221
+#: src/components/Assets/FileElement.tsx:238
+#: src/components/Assets/FileElement.tsx:246
 #: src/pages/dashboard/GameElement.tsx:154
 #: src/pages/dashboard/TemplateElement.tsx:133
 #: src/pages/editor/GraphicalEditor/SentenceEditor/Intro.tsx:206
@@ -634,7 +638,7 @@ msgstr "Delete template"
 msgid "删除游戏"
 msgstr "Delete game"
 
-#: src/components/Assets/Assets.tsx:476
+#: src/components/Assets/Assets.tsx:483
 msgid "刷新"
 msgstr "Refresh"
 
@@ -810,7 +814,7 @@ msgstr "Rounded rectangle"
 msgid "在对话框的左下角显示一个小头像"
 msgstr "Display a small avatar in the lower left corner of the dialog box"
 
-#: src/components/Assets/Assets.tsx:477
+#: src/components/Assets/Assets.tsx:484
 #: src/pages/dashboard/GameElement.tsx:96
 #: src/pages/dashboard/TemplateElement.tsx:90
 msgid "在文件管理器中打开"
@@ -1058,9 +1062,9 @@ msgstr "Left align"
 msgid "已创建"
 msgstr "Created"
 
-#: src/components/Assets/Assets.tsx:354
-#: src/components/Assets/Assets.tsx:413
-#: src/components/Assets/FileElement.tsx:172
+#: src/components/Assets/Assets.tsx:361
+#: src/components/Assets/Assets.tsx:420
+#: src/components/Assets/FileElement.tsx:191
 msgid "已存在文件或文件夹 {0}，请输入其他名称"
 msgstr "File or folder already exists {0}, please enter another name"
 
@@ -1160,7 +1164,7 @@ msgstr "Open effect editor"
 msgid "执行到此句"
 msgstr "Execute to this sentence"
 
-#: src/components/Assets/Assets.tsx:368
+#: src/components/Assets/Assets.tsx:375
 msgid "扩展名"
 msgstr "Extension name"
 
@@ -1185,7 +1189,7 @@ msgstr "Concat mode"
 msgid "指针"
 msgstr "Pointer"
 
-#: src/components/Assets/Assets.tsx:480
+#: src/components/Assets/Assets.tsx:487
 msgid "排序方式"
 msgstr "Sort by"
 
@@ -1309,15 +1313,15 @@ msgstr "Sound effect file"
 #~ msgid "文件"
 #~ msgstr "File"
 
-#: src/components/Assets/Assets.tsx:486
+#: src/components/Assets/Assets.tsx:493
 msgid "文件名"
 msgstr "File name"
 
-#: src/components/Assets/FileElement.tsx:166
+#: src/components/Assets/FileElement.tsx:185
 msgid "文件名不可包含特殊符号: '/\\\\:*?\"<>|'"
 msgstr ""
 
-#: src/components/Assets/Assets.tsx:492
+#: src/components/Assets/Assets.tsx:499
 msgid "文件大小"
 msgstr "File size"
 
@@ -1385,13 +1389,13 @@ msgstr "Document"
 msgid "新增字体"
 msgstr "Add font"
 
-#: src/components/Assets/Assets.tsx:337
-#: src/components/Assets/Assets.tsx:352
+#: src/components/Assets/Assets.tsx:344
+#: src/components/Assets/Assets.tsx:359
 msgid "新建文件"
 msgstr "Create new file"
 
-#: src/components/Assets/Assets.tsx:396
-#: src/components/Assets/Assets.tsx:411
+#: src/components/Assets/Assets.tsx:403
+#: src/components/Assets/Assets.tsx:418
 msgid "新建文件夹"
 msgstr "Create new folder"
 
@@ -1403,11 +1407,11 @@ msgstr "Create new template"
 msgid "新建游戏"
 msgstr "Create new game"
 
-#: src/components/Assets/Assets.tsx:361
+#: src/components/Assets/Assets.tsx:368
 msgid "新文件名"
 msgstr "New file name"
 
-#: src/components/Assets/Assets.tsx:420
+#: src/components/Assets/Assets.tsx:427
 msgid "新文件夹名"
 msgstr "New folder name"
 
@@ -1456,7 +1460,7 @@ msgstr "Rotation(radian)"
 msgid "旋转（角度）"
 msgstr "Rotation(angle)"
 
-#: src/components/Assets/Assets.tsx:370
+#: src/components/Assets/Assets.tsx:377
 #: src/pages/templateEditor/TemplateGraphicalEditor/WebgalClassEditor/propertyEditor/WGCursor.tsx:16
 msgid "无"
 msgstr "None"
@@ -1479,7 +1483,7 @@ msgstr "Pin popup"
 msgid "是否自定义分隔符"
 msgstr "Use custom separator"
 
-#: src/components/Assets/FileElement.tsx:220
+#: src/components/Assets/FileElement.tsx:239
 msgid "是否要删除 \"{0}\" ？"
 msgstr "Are you sure you want to delete \"{0}\"?"
 
@@ -2052,7 +2056,7 @@ msgstr "Traditional Chinese"
 msgid "缩放"
 msgstr "Scale"
 
-#: src/components/Assets/Assets.tsx:461
+#: src/components/Assets/Assets.tsx:468
 msgid "网格视图"
 msgstr "Grid view"
 
@@ -2401,7 +2405,7 @@ msgstr "Enter Target ID"
 msgid "过渡时间（单位为毫秒）"
 msgstr "Transition duration (milliseconds)"
 
-#: src/components/Assets/Assets.tsx:306
+#: src/components/Assets/Assets.tsx:313
 msgid "过滤文件"
 msgstr "Filter files"
 
@@ -2591,9 +2595,9 @@ msgstr "Configuration"
 msgid "配置模板"
 msgstr "Configure template"
 
-#: src/components/Assets/FileElement.tsx:145
 #: src/components/Assets/FileElement.tsx:164
-#: src/components/Assets/FileElement.tsx:195
+#: src/components/Assets/FileElement.tsx:183
+#: src/components/Assets/FileElement.tsx:214
 #: src/pages/dashboard/GameElement.tsx:124
 #: src/pages/dashboard/TemplateElement.tsx:118
 msgid "重命名"