feat: extract randomId

extract randomId

Author: zhangtengjin

src/common/utils.ts

@@ -28,3 +28,7 @@ export function mergeFunctions(...funcs) {
         funcs.filter((fn) => !!fn).forEach((fn) => fn?.(...args));
     };
 }
+
+export function randomId() {
+    return (Date.now() + Math.round(Math.random() * 1000));
+}

src/controller/explorer/folderTree.tsx

@@ -7,11 +7,18 @@ import { EditorController } from 'mo/controller/editor';
 import { IMenuItem } from 'mo/components/menu';
 import Modal from 'mo/components/dialog';
 import {
-    IFolderInputEvent, TreeNodeModel,
-    baseContextMenu, rootFolderContextMenu, fileContextMenu,
-    NEW_FILE_COMMAND_ID, NEW_FOLDER_COMMAND_ID, RENAME_COMMAND_ID,
-    REMOVE_COMMAND_ID, DELETE_COMMAND_ID, OPEN_TO_SIDE_COMMAND_ID,
-    ADD_ROOT_FOLDER_COMMAND_ID
+    IFolderInputEvent,
+    TreeNodeModel,
+    baseContextMenu,
+    rootFolderContextMenu,
+    fileContextMenu,
+    NEW_FILE_COMMAND_ID,
+    NEW_FOLDER_COMMAND_ID,
+    RENAME_COMMAND_ID,
+    REMOVE_COMMAND_ID,
+    DELETE_COMMAND_ID,
+    OPEN_TO_SIDE_COMMAND_ID,
+    ADD_ROOT_FOLDER_COMMAND_ID,
 } from 'mo/model';
 const confirm = Modal.confirm;
 
@@ -41,7 +48,7 @@ export class FolderTreeController
         this.initView();
     }
 
-    private initView() { }
+    private initView() {}
 
     public readonly onSelectFile = (file: ITreeNodeItem, isAuto?: boolean) => {
         const tabData = {
@@ -164,9 +171,7 @@ export class FolderTreeController
                 break;
             }
             case FileTypes.rootFolder: {
-                menu = baseContextMenu.concat(
-                    rootFolderContextMenu
-                );;
+                menu = baseContextMenu.concat(rootFolderContextMenu);
                 break;
             }
             default:

src/model/workbench/explorer.tsx

@@ -4,7 +4,7 @@ import { injectable } from 'tsyringe';
 import { ITreeNodeItem, FileType, FileTypes } from 'mo/components/tree';
 import { IMenuItem } from 'mo/components/menu';
 import { IActivityBarItem } from './activityBar';
-
+import { randomId } from 'mo/common/utils';
 export enum ExplorerEvent {
     onClick = 'explorer.onClick',
 }
@@ -99,7 +99,7 @@ export const fileContextMenu = [
         id: OPEN_TO_SIDE_COMMAND_ID,
         name: 'Open to the Side',
     },
-]
+];
 // Sample folder panel area ContextMenu
 export const folderPanelContextMenu = [
     {
@@ -180,13 +180,13 @@ export class TreeNodeModel implements ITreeNodeItem {
             icon = '',
             modify = false,
         } = props;
-        (this.fileType = fileType),
-            (this.modify = modify),
-            (this.name = name),
-            (this.id = id || Math.random() * 10 + 1),
-            (this.location = location),
-            (this.children = children),
-            (this.icon = icon);
+        this.fileType = fileType;
+        this.modify = modify;
+        this.name = name;
+        this.id = id || randomId();
+        this.location = location;
+        this.children = children;
+        this.icon = icon;
     }
 }
 

src/services/workbench/explorerService.ts

@@ -10,6 +10,7 @@ import { TreeViewUtil, searchById } from '../helper';
 import { ITreeNodeItem, FileTypes, FileType } from 'mo/components/tree';
 import { editorService } from 'mo';
 import { TreeNodeModel } from 'mo/model';
+import { randomId } from 'mo/common/utils';
 
 export interface IExplorerService extends Component<IExplorer> {
     addPanel(panel: IPanelItem | IPanelItem[]): void;
@@ -273,7 +274,7 @@ export class ExplorerService
         const tree = new TreeViewUtil(currentRootFolder);
         if (!id) {
             const tabData = {
-                id: `${Math.random() * 10 + 1}`,
+                id: `${randomId()}`,
                 name: `Untitled`,
                 data: {
                     modified: false,