fix: cleanup usePromptModal (#7157)

packages/frontend/core/src/components/blocksuite/block-suite-editor/lit-adaper.tsx

@@ -2,7 +2,6 @@ import {
   createReactComponentFromLit,
   useConfirmModal,
   useLitPortalFactory,
-  usePromptModal,
 } from '@affine/component';
 import { useJournalInfoHelper } from '@affine/core/hooks/use-journal';
 import { QuickSearchService } from '@affine/core/modules/cmdk';
@@ -84,12 +83,11 @@ const usePatchSpecs = (page: Doc, specs: BlockSpec[]) => {
   }, [page.collection]);
 
   const confirmModal = useConfirmModal();
-  const openPromptModal = usePromptModal();
   const patchedSpecs = useMemo(() => {
     let patched = patchReferenceRenderer(specs, reactToLit, referenceRenderer);
     patched = patchNotificationService(
       patchReferenceRenderer(patched, reactToLit, referenceRenderer),
-      { ...confirmModal, prompt: openPromptModal }
+      confirmModal
     );
     if (!page.readonly && runtimeConfig.enablePeekView) {
       patched = patchPeekViewService(patched, peekViewService);
@@ -100,7 +98,6 @@ const usePatchSpecs = (page: Doc, specs: BlockSpec[]) => {
     return patched;
   }, [
     confirmModal,
-    openPromptModal,
     page.readonly,
     peekViewService,
     quickSearchService,

packages/frontend/core/src/components/blocksuite/block-suite-editor/specs/custom/spec-patchers.tsx

@@ -1,11 +1,11 @@
 import {
   createReactComponentFromLit,
   type ElementOrFactory,
+  Input,
   notify,
   toast,
   type ToastOptions,
   type useConfirmModal,
-  type usePromptModal,
 } from '@affine/component';
 import type {
   QuickSearchService,
@@ -119,13 +119,7 @@ export function patchReferenceRenderer(
 
 export function patchNotificationService(
   specs: BlockSpec[],
-  {
-    closeConfirmModal,
-    openConfirmModal,
-    prompt,
-  }: ReturnType<typeof useConfirmModal> & {
-    prompt: ReturnType<typeof usePromptModal>;
-  }
+  { closeConfirmModal, openConfirmModal }: ReturnType<typeof useConfirmModal>
 ) {
   const rootSpec = specs.find(
     spec => spec.schema.model.flavour === 'affine:page'
@@ -168,13 +162,36 @@ export function patchNotificationService(
         cancelText,
         abort,
       }) => {
-        return prompt({
-          message: toReactNode(message),
-          title: toReactNode(title),
-          confirmText,
-          cancelText,
-          placeholder,
-          abort,
+        return new Promise<string | null>(resolve => {
+          let value = '';
+          const description = (
+            <div>
+              <span style={{ marginBottom: 12 }}>{toReactNode(message)}</span>
+              <Input placeholder={placeholder} onChange={e => (value = e)} />
+            </div>
+          );
+          openConfirmModal({
+            title: toReactNode(title),
+            description: description,
+            confirmButtonOptions: {
+              children: confirmText ?? 'Confirm',
+              type: 'primary',
+            },
+            cancelButtonOptions: {
+              children: cancelText ?? 'Cancel',
+            },
+
+            onConfirm: () => {
+              resolve(value);
+            },
+            onCancel: () => {
+              resolve(null);
+            },
+          });
+          abort?.addEventListener('abort', () => {
+            resolve(null);
+            closeConfirmModal();
+          });
         });
       },
       toast: (message: string, options: ToastOptions) => {