feat: support file dialog renderCustomMsg

packages/file-tree-next/src/browser/dialog/file-dialog.service.ts

@@ -47,6 +47,8 @@ export class FileTreeDialogService extends Tree {
 
   public _whenReady: Promise<void>;
 
+  showFilePathSearch: boolean;
+
   constructor(@Optional() root: string) {
     super();
     this._whenReady = this.resolveWorkspaceRoot(root);
@@ -175,7 +177,7 @@ export class FileTreeDialogService extends Tree {
   async createFile(options: { oldFilePath: string; newFilePath: string }) {
     try {
       const { oldFilePath, newFilePath } = options;
-      let fileStat = await this.fileServiceClient.getFileStat(oldFilePath);
+      const fileStat = await this.fileServiceClient.getFileStat(oldFilePath);
 
       if (!fileStat) {
         throw new Error(`Source file not found: ${oldFilePath}`);
@@ -193,6 +195,14 @@ export class FileTreeDialogService extends Tree {
     }
   }
 
+  renderCustomMsg() {
+    return null;
+  }
+
+  getDefaultFilePath(defaultPath: string) {
+    return defaultPath;
+  }
+
   dispose() {
     super.dispose();
   }

packages/file-tree-next/src/browser/dialog/file-dialog.view.tsx

@@ -95,6 +95,16 @@ export const FileDialog = ({
     fileService.contextKey.fileDialogViewVisibleContext.set(false);
   }, [isReady, dialogService, model, fileName, options]);
 
+  const getDefaultPath = (model) => {
+    let defaultPath = (model.treeModel.root as Directory).uri.codeUri.fsPath;
+
+    if (fileService.getDefaultFilePath) {
+      defaultPath = fileService.getDefaultFilePath(defaultPath);
+    }
+
+    return defaultPath;
+  };
+
   const close = useCallback(() => {
     setIsReady(false);
     dialogService.hide();
@@ -106,7 +116,9 @@ export const FileDialog = ({
     // 确保数据初始化完毕，减少初始化数据过程中多次刷新视图
     // 这里需要重新取一下treeModel的值确保为最新的TreeModel
     await model.treeModel.ensureReady;
-    setSelectPath((model.treeModel.root as Directory).uri.codeUri.fsPath);
+    const path = getDefaultPath(model);
+
+    setSelectPath(path);
     setIsReady(true);
   }, [model, selectPath, isReady]);
 
@@ -211,6 +223,14 @@ export const FileDialog = ({
     [model, isReady, selectPath, directoryList],
   );
 
+  const renderCustomMsg = useCallback(() => {
+    if (fileService.renderCustomMsg) {
+      return fileService.renderCustomMsg();
+    } else {
+      return null;
+    }
+  }, [fileService.renderCustomMsg]);
+
   const renderDialogTreeNode = useCallback(
     (props: INodeRendererProps) => (
       <FileTreeDialogNode
@@ -244,6 +264,11 @@ export const FileDialog = ({
     }
   }, [isReady, model]);
 
+  const showFilePathSearch = useMemo(
+    () => (fileService.showFilePathSearch === false ? false : true),
+    [fileService.showFilePathSearch],
+  );
+
   const renderDirectorySelection = useCallback(() => {
     if (directoryList.length > 0) {
       return (
@@ -254,7 +279,7 @@ export const FileDialog = ({
           size='large'
           searchPlaceholder={selectPath}
           value={selectPath}
-          showSearch={true}
+          showSearch={showFilePathSearch}
         >
           {directoryList.map((item, idx) => (
             <Option value={item} key={`${idx} - ${item}`}>
@@ -291,6 +316,7 @@ export const FileDialog = ({
   const DialogContent = useMemo(
     () => (
       <>
+        {renderCustomMsg()}
         <div className={styles.file_dialog_directory}>{renderDirectorySelection()}</div>
         <div className={styles.file_dialog_content}>{renderDialogTree()}</div>
       </>