improve print style

packages/client/src/components/document/export/index.tsx

@@ -70,7 +70,7 @@ export const DocumentExporter: React.FC<IProps> = ({ document, render }) => {
         }}
       >
         <Space>
-          <div className={styles.templateItem} onClick={exportMarkdown}>
+          <div className={styles.templateItem} onMouseDown={exportMarkdown}>
             <header>
               <IconMarkdown style={{ fontSize: 40 }} />
             </header>
@@ -82,7 +82,7 @@ export const DocumentExporter: React.FC<IProps> = ({ document, render }) => {
             </footer>
           </div>
 
-          <div className={styles.templateItem} onClick={exportJSON}>
+          <div className={styles.templateItem} onMouseDown={exportJSON}>
             <header>
               <IconJSON style={{ fontSize: 40 }} />
             </header>
@@ -94,7 +94,7 @@ export const DocumentExporter: React.FC<IProps> = ({ document, render }) => {
             </footer>
           </div>
 
-          <div className={styles.templateItem} onClick={exportWord}>
+          <div className={styles.templateItem} onMouseDown={exportWord}>
             <header>
               <Badge count="beta" type="danger">
                 <IconWord style={{ fontSize: 40 }} />
@@ -108,7 +108,7 @@ export const DocumentExporter: React.FC<IProps> = ({ document, render }) => {
             </footer>
           </div>
 
-          <div className={styles.templateItem} onClick={exportPDF}>
+          <div className={styles.templateItem} onMouseDown={exportPDF}>
             <header>
               <Badge count="beta" type="danger">
                 <IconPDF style={{ fontSize: 40 }} />
@@ -166,7 +166,7 @@ export const DocumentExporter: React.FC<IProps> = ({ document, render }) => {
         <Dropdown
           visible={visible}
           onVisibleChange={toggleVisible}
-          trigger="click"
+          trigger="custom"
           position="bottomRight"
           content={<div style={{ padding: '0 16px' }}>{content}</div>}
         >

packages/client/src/components/document/export/pdf.ts

@@ -9,8 +9,7 @@ function printHtml(dom: Element) {
   const content: string = style + dom.outerHTML;
 
   const iframe: HTMLIFrameElement = document.createElement('iframe');
-  iframe.id = 'el-tiptap-iframe';
-  iframe.setAttribute('style', 'position: absolute; width: 0; height: 0; top: -10px; left: -10px;');
+  iframe.setAttribute('style', 'position: absolute; width: 0; height: 0; top: 0; left: 0;');
   document.body.appendChild(iframe);
 
   const frameWindow = iframe.contentWindow;

packages/client/src/tiptap/core/extensions/table.ts

@@ -142,6 +142,10 @@ export const Table = BuiltInTable.extend({
   },
 
   addProseMirrorPlugins() {
-    return [...this.parent(), !this.editor.isEditable && readonlyTableView()].filter(Boolean);
+    // @ts-ignore
+    const isPrint = this.editor?.options?.editorProps?.print;
+    const isEditable = this.editor?.isEditable;
+
+    return [...this.parent(), !isPrint && !isEditable && readonlyTableView()].filter(Boolean);
   },
 }).configure({ resizable: true });

packages/client/src/tiptap/core/extensions/title.ts

@@ -60,17 +60,7 @@ export const Title = Node.create<TitleOptions>({
 
   renderHTML({ HTMLAttributes, node }) {
     const { cover } = node.attrs;
-    return [
-      'h1',
-      mergeAttributes(this.options.HTMLAttributes, HTMLAttributes, nodeAttrsToDataset(node)),
-      [
-        'img',
-        {
-          src: cover,
-        },
-      ],
-      ['div', 0],
-    ];
+    return ['h1', mergeAttributes(this.options.HTMLAttributes, HTMLAttributes, nodeAttrsToDataset(node)), 0];
   },
 
   addNodeView() {

packages/client/src/tiptap/core/styles/base.scss

@@ -118,3 +118,9 @@ body[theme-mode='dark'] {
     }
   }
 }
+
+@media print {
+  .ProseMirror {
+    padding: 1cm;
+  }
+}

packages/client/src/tiptap/core/styles/table.scss

@@ -1,5 +1,4 @@
 /* stylelint-disable */
-
 .ProseMirror {
   $tableBorderColor: var(--semi-color-border);
   $tableHeaderBgColor: var(--semi-color-fill-0);
@@ -286,3 +285,12 @@
     cursor: col-resize; /* stylelint-disable declaration-block-no-duplicate-properties */
   }
 }
+
+@media print {
+  .ProseMirror {
+    table {
+      margin-top: 0.75em;
+      table-layout: fixed;
+    }
+  }
+}

packages/client/src/tiptap/core/styles/title.scss

@@ -31,3 +31,11 @@
     }
   }
 }
+
+@media print {
+  .ProseMirror {
+    .node-title {
+      border-bottom: 0;
+    }
+  }
+}