@a3s-lab/office 0.31.0 → 0.33.0

package/dist/pdf-page-organization.worker.js.LICENSE.txt

@@ -0,0 +1,14 @@
+/*! *****************************************************************************
+Copyright (c) Microsoft Corporation.
+
+Permission to use, copy, modify, and/or distribute this software for any
+purpose with or without fee is hereby granted.
+
+THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
+REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
+AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
+INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
+LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
+OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
+PERFORMANCE OF THIS SOFTWARE.
+***************************************************************************** */

package/dist/react.d.ts

@@ -3,6 +3,7 @@ import type { DocumentEditorProps as InternalDocumentEditorProps } from './inter
 import type { MarkdownEditorProps as InternalMarkdownEditorProps } from './internal/features/work/editors/markdown-editor';
 import type { PdfViewerProps as InternalPdfViewerProps } from './internal/features/work/editors/pdf-viewer';
 export { PDF_EVIDENCE_COORDINATE_BASIS, type PdfEvidenceBounds, type PdfEvidenceOverlay, type PdfEvidencePage, type PdfEvidenceRegion, type PdfEvidenceRegionLocation, } from './internal/features/work/editors/pdf-evidence-contract';
+export type { PdfPageOrganizationExport } from './internal/features/work/editors/use-pdf-page-organization';
 import type { PresentationEditorProps as InternalPresentationEditorProps } from './internal/features/work/editors/presentation-editor';
 import type { SpreadsheetEditorProps as InternalSpreadsheetEditorProps } from './internal/features/work/editors/spreadsheet-editor';
 import type { WorkOfficeFileAction } from './internal/features/work/editors/work-office-chrome';

package/dist/styles.css

@@ -9930,6 +9930,200 @@ button.work-office-collaboration-participant:hover .work-office-collaboration-lo
   }
 }
 
+.work-document-compare-dialog {
+  width: min(650px, 100%);
+}
+
+.work-document-compare-dialog form {
+  gap: 15px;
+  display: grid;
+}
+
+.work-document-compare-mode {
+  border: 0;
+  grid-template-columns: repeat(2, minmax(0, 1fr));
+  gap: 10px;
+  margin: 0;
+  padding: 0;
+  display: grid;
+}
+
+.work-document-compare-mode > legend {
+  color: var(--a3s-muted);
+  margin-bottom: 8px;
+  font-size: 11px;
+  font-weight: 700;
+}
+
+.work-document-compare-mode > label {
+  cursor: pointer;
+  min-width: 0;
+  position: relative;
+}
+
+.work-document-compare-mode input {
+  opacity: 0;
+  width: 1px;
+  height: 1px;
+  position: absolute;
+}
+
+.work-document-compare-mode label > span {
+  border: 1px solid var(--a3s-line);
+  background: var(--a3s-panel);
+  border-radius: 10px;
+  grid-template-columns: auto minmax(0, 1fr);
+  align-content: start;
+  gap: 4px 9px;
+  min-height: 94px;
+  padding: 13px 14px;
+  transition: border-color .14s, background-color .14s;
+  display: grid;
+}
+
+.work-document-compare-mode label:hover > span {
+  border-color: var(--a3s-line-strong);
+  background: var(--a3s-panel-soft);
+}
+
+.work-document-compare-mode input:checked + span {
+  border-color: var(--a3s-accent);
+  background: color-mix(in srgb, var(--a3s-accent) 8%, var(--a3s-panel));
+}
+
+.work-document-compare-mode input:focus-visible + span {
+  outline: 2px solid var(--a3s-accent);
+  outline-offset: 2px;
+}
+
+.work-document-compare-mode svg {
+  color: var(--a3s-accent);
+  grid-row: 1 / span 2;
+}
+
+.work-document-compare-mode strong {
+  font-size: 13px;
+  line-height: 1.2;
+}
+
+.work-document-compare-mode small {
+  color: var(--a3s-muted);
+  font-size: 11px;
+  line-height: 1.45;
+}
+
+.work-document-compare-file {
+  border: 1px dashed var(--a3s-line-strong);
+  background: var(--a3s-panel-soft);
+  width: 100%;
+  min-height: 78px;
+  color: var(--a3s-ink);
+  text-align: left;
+  cursor: pointer;
+  border-radius: 10px;
+  outline: 0;
+  grid-template-columns: auto minmax(0, 1fr);
+  align-items: center;
+  gap: 12px;
+  padding: 13px 15px;
+  display: grid;
+}
+
+.work-document-compare-file:hover:not(:disabled) {
+  border-color: var(--a3s-accent);
+}
+
+.work-document-compare-file:focus-visible {
+  outline: 2px solid var(--a3s-accent);
+  outline-offset: 2px;
+}
+
+.work-document-compare-file:disabled {
+  cursor: wait;
+  opacity: .65;
+}
+
+.work-document-compare-file > svg {
+  color: var(--a3s-accent);
+}
+
+.work-document-compare-file > span, .work-document-compare-author {
+  gap: 4px;
+  min-width: 0;
+  display: grid;
+}
+
+.work-document-compare-file strong {
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  font-size: 13px;
+  overflow: hidden;
+}
+
+.work-document-compare-file small, .work-document-compare-author small {
+  color: var(--a3s-muted);
+  font-size: 11px;
+  line-height: 1.45;
+}
+
+.work-document-compare-author > span {
+  color: var(--a3s-muted);
+  font-size: 11px;
+  font-weight: 700;
+}
+
+.work-document-compare-author .work-office-text-field {
+  width: 100%;
+}
+
+.work-document-compare-boundary, .work-document-compare-status, .work-document-compare-errors {
+  border: 1px solid var(--a3s-line);
+  border-radius: 9px;
+  margin: 0;
+  padding: 12px 14px;
+  font-size: 11px;
+  line-height: 1.5;
+}
+
+.work-document-compare-boundary {
+  background: var(--a3s-panel-soft);
+}
+
+.work-document-compare-boundary > strong, .work-document-compare-errors > strong {
+  font-size: 12px;
+}
+
+.work-document-compare-boundary > p {
+  color: var(--a3s-muted);
+  margin: 3px 0 0;
+}
+
+.work-document-compare-status {
+  border-color: color-mix(in srgb, var(--a3s-green) 42%, var(--a3s-line));
+  color: var(--a3s-green);
+}
+
+.work-document-compare-errors {
+  border-color: color-mix(in srgb, var(--a3s-red) 35%, var(--a3s-line));
+  background: color-mix(in srgb, var(--a3s-red) 5%, var(--a3s-panel));
+  color: var(--a3s-red);
+}
+
+.work-document-compare-errors ul {
+  margin: 5px 0 0;
+  padding-left: 18px;
+}
+
+@media (width <= 560px) {
+  .work-document-compare-mode {
+    grid-template-columns: minmax(0, 1fr);
+  }
+
+  .work-document-compare-mode label > span {
+    min-height: 0;
+  }
+}
+
 [data-office-character-position-half-points] {
   vertical-align: var(--work-document-character-position);
 }
@@ -22506,6 +22700,321 @@ sub [data-office-character-position-half-points], sup [data-office-character-pos
   }
 }
 
+.work-pdf-page-organization {
+  border-right: 1px solid var(--a3s-line);
+  padding-right: 5px;
+}
+
+.work-pdf-page-organizer-trigger.ds-button {
+  border-color: #0000;
+  gap: 5px;
+  height: 28px;
+  min-height: 28px;
+  padding-inline: 8px;
+  font-size: 10px;
+}
+
+.work-pdf-page-organizer-dialog {
+  width: min(980px, 100%);
+}
+
+.work-pdf-page-organizer-dialog .ds-dialog-body {
+  gap: 12px;
+  min-height: 0;
+  display: grid;
+}
+
+.work-pdf-page-organizer-actions {
+  grid-template-columns: repeat(9, minmax(72px, 1fr));
+  gap: 5px;
+  display: grid;
+}
+
+.work-pdf-page-organizer-actions .ds-button {
+  white-space: nowrap;
+  gap: 5px;
+  min-width: 0;
+  min-height: 36px;
+  padding-inline: 7px;
+  font-size: 10px;
+}
+
+.work-pdf-page-organizer-selection {
+  min-height: 28px;
+  color: var(--a3s-muted);
+  align-items: center;
+  gap: 8px;
+  font-size: 11px;
+  display: flex;
+}
+
+.work-pdf-page-organizer-selection output {
+  font-variant-numeric: tabular-nums;
+  margin-right: auto;
+  font-weight: 650;
+}
+
+.work-pdf-page-organizer-selection button {
+  border: 1px solid var(--a3s-line);
+  background: var(--a3s-panel);
+  min-height: 28px;
+  color: var(--a3s-muted);
+  font: inherit;
+  cursor: pointer;
+  border-radius: 6px;
+  padding: 0 9px;
+}
+
+.work-pdf-page-organizer-selection button:hover:not(:disabled), .work-pdf-page-organizer-selection button:focus-visible {
+  border-color: var(--a3s-line-strong);
+  background: var(--a3s-panel-soft);
+  color: var(--a3s-ink);
+  outline: 0;
+}
+
+.work-pdf-page-organizer-viewport {
+  border: 1px solid var(--a3s-line);
+  background: linear-gradient(var(--a3s-panel-soft), var(--a3s-panel-soft)) padding-box,
+    var(--a3s-panel-soft);
+  overscroll-behavior: contain;
+  scrollbar-gutter: stable;
+  border-radius: 10px;
+  height: min(51vh, 552px);
+  min-height: 260px;
+  overflow: auto;
+}
+
+.work-pdf-page-organizer-list {
+  gap: 12px;
+  padding: 12px;
+  display: grid;
+}
+
+.work-pdf-page-organizer-list > span[aria-hidden="true"] {
+  display: block;
+}
+
+.work-pdf-page-organizer-list > button {
+  border: 1px solid var(--a3s-line);
+  background: var(--a3s-panel);
+  width: 100%;
+  height: 172px;
+  color: var(--a3s-ink);
+  text-align: left;
+  cursor: grab;
+  border-radius: 9px;
+  outline: 0;
+  grid-template-columns: 72px minmax(0, 1fr);
+  align-items: center;
+  gap: 14px;
+  padding: 12px 16px;
+  transition: border-color .12s, background-color .12s, box-shadow .12s;
+  display: grid;
+}
+
+.work-pdf-page-organizer-list > button:hover:not(:disabled) {
+  border-color: var(--a3s-line-strong);
+  background: color-mix(in srgb, var(--work-pdf-accent) 3%, var(--a3s-panel));
+}
+
+.work-pdf-page-organizer-list > button:focus-visible {
+  border-color: var(--work-pdf-accent);
+  box-shadow: 0 0 0 2px
+    color-mix(in srgb, var(--work-pdf-accent) 18%, transparent);
+}
+
+.work-pdf-page-organizer-list > button.selected {
+  border-color: color-mix(in srgb, var(--work-pdf-accent) 70%, var(--a3s-line));
+  background: color-mix(in srgb, var(--work-pdf-accent) 8%, var(--a3s-panel));
+}
+
+.work-pdf-page-organizer-list > button:active:not(:disabled) {
+  cursor: grabbing;
+}
+
+.work-pdf-page-organizer-number {
+  color: var(--a3s-ink);
+  font-variant-numeric: tabular-nums;
+  justify-items: center;
+  gap: 5px;
+  font-size: 18px;
+  font-weight: 700;
+  display: grid;
+}
+
+.work-pdf-page-organizer-number small {
+  background: color-mix(in srgb, var(--work-pdf-accent) 10%, var(--a3s-panel));
+  color: var(--work-pdf-accent);
+  border-radius: 999px;
+  padding: 2px 6px;
+  font-size: 9px;
+  font-weight: 650;
+}
+
+.work-pdf-page-organizer-preview {
+  border: 1px solid var(--a3s-line);
+  background: #e7e9ee;
+  border-radius: 4px;
+  justify-self: center;
+  place-items: center;
+  width: min(100%, 560px);
+  height: 146px;
+  display: grid;
+  overflow: hidden;
+}
+
+.work-pdf-page-organizer-preview img {
+  object-fit: contain;
+  max-width: 100%;
+  max-height: 100%;
+  display: block;
+}
+
+.work-pdf-page-organizer-preview[data-state="loading"]:after {
+  content: "";
+  background: linear-gradient(90deg, #ffffff47, #ffffffc2, #ffffff47);
+  border-radius: 999px;
+  width: 48%;
+  height: 8px;
+  animation: 1.1s ease-in-out infinite work-pdf-organizer-loading;
+}
+
+.work-pdf-page-organizer-preview[data-state="error"]:after {
+  color: #676d78;
+  content: "无法生成缩略图";
+  font-size: 10px;
+}
+
+.work-pdf-page-organizer-error, .work-pdf-page-organizer-diagnostics, .work-pdf-page-organizer-boundary {
+  border: 1px solid var(--a3s-line);
+  border-radius: 8px;
+  margin: 0;
+  padding: 10px 12px;
+  font-size: 11px;
+  line-height: 1.5;
+}
+
+.work-pdf-page-organizer-error {
+  border-color: color-mix(in srgb, var(--a3s-red) 38%, var(--a3s-line));
+  background: color-mix(in srgb, var(--a3s-red) 5%, var(--a3s-panel));
+  color: var(--a3s-red);
+  align-items: flex-start;
+  gap: 12px;
+  display: flex;
+}
+
+.work-pdf-page-organizer-error > div {
+  flex: 1;
+  min-width: 0;
+}
+
+.work-pdf-page-organizer-error p {
+  overflow-wrap: anywhere;
+  margin: 2px 0 4px;
+}
+
+.work-pdf-page-organizer-error code {
+  font-size: 9px;
+}
+
+.work-pdf-page-organizer-error > button {
+  color: currentColor;
+  cursor: pointer;
+  background: none;
+  border: 0;
+  border-radius: 6px;
+  width: 30px;
+  height: 30px;
+  padding: 0;
+  font-size: 18px;
+}
+
+.work-pdf-page-organizer-diagnostics {
+  border-color: color-mix(in srgb, #b7791f 35%, var(--a3s-line));
+  color: #8b5e16;
+  padding-left: 28px;
+}
+
+.work-pdf-page-organizer-boundary {
+  background: var(--a3s-panel-soft);
+  color: var(--a3s-muted);
+}
+
+@keyframes work-pdf-organizer-loading {
+  0%, 100% {
+    opacity: .45;
+    transform: translateX(-12%);
+  }
+
+  50% {
+    opacity: 1;
+    transform: translateX(12%);
+  }
+}
+
+@media (width <= 980px) {
+  .work-pdf-page-organization {
+    display: none;
+  }
+
+  .work-pdf-page-organizer-actions {
+    grid-template-columns: repeat(3, minmax(0, 1fr));
+  }
+}
+
+@media (width <= 560px) {
+  .work-pdf-page-organizer-dialog .ds-dialog-body {
+    gap: 9px;
+  }
+
+  .work-pdf-page-organizer-actions {
+    overscroll-behavior: contain;
+    grid-template-columns: repeat(2, minmax(0, 1fr));
+    max-height: 188px;
+    overflow-y: auto;
+  }
+
+  .work-pdf-page-organizer-actions .ds-button {
+    min-height: 44px;
+  }
+
+  .work-pdf-page-organizer-selection button {
+    min-width: 44px;
+    min-height: 36px;
+  }
+
+  .work-pdf-page-organizer-viewport {
+    height: min(38vh, 420px);
+    min-height: 220px;
+  }
+
+  .work-pdf-page-organizer-list {
+    padding-inline: 8px;
+  }
+
+  .work-pdf-page-organizer-list > button {
+    grid-template-columns: 48px minmax(0, 1fr);
+    padding-inline: 10px;
+  }
+
+  .work-pdf-page-organizer-number {
+    font-size: 15px;
+  }
+}
+
+@media (forced-colors: active) {
+  .work-pdf-page-organizer-list > button.selected {
+    outline: 2px solid highlight;
+  }
+}
+
+@media (prefers-reduced-motion: reduce) {
+  .work-pdf-page-organizer-list > button, .work-pdf-page-organizer-preview[data-state="loading"]:after {
+    transition: none;
+    animation: none;
+  }
+}
+
 .work-pdf-export-surface {
   z-index: -1000;
   color: #20232b;

package/dist/vue.d.ts

@@ -1,6 +1,6 @@
 import type { Extensions } from '@tiptap/core';
 import { type PropType } from 'vue';
-import type { DocumentContent, DocumentReviewConflictEvent, EditorAgentRequest, GetDocumentSelectionMenuItems, GetMarkdownSelectionMenuItems, MarkdownContent, OfficeCollaborationPresence, OfficeCollaborationSession, PdfCollaborationContent, PresentationContent, SpreadsheetContent } from './core';
+import type { DocumentContent, DocumentReviewConflictEvent, EditorAgentRequest, GetDocumentSelectionMenuItems, GetMarkdownSelectionMenuItems, MarkdownContent, OfficeCollaborationPresence, OfficeCollaborationSession, PdfCollaborationContent, PdfPageOrganizationExport, PresentationContent, SpreadsheetContent } from './core';
 import type { OfficeTheme } from './office-surface';
 import { type DocumentLayoutFont, type OfficeFileAction, type PdfEvidenceOverlay, type PdfEvidenceRegion } from './react';
 export declare const DocumentEditor: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
@@ -274,6 +274,7 @@ export declare const PdfViewer: import("vue").DefineComponent<import("vue").Extr
         type: PropType<() => Promise<Blob>>;
     };
     onSave: PropType<(pdf: Blob) => Promise<boolean>>;
+    onPageExport: PropType<(files: readonly PdfPageOrganizationExport[]) => boolean | Promise<boolean>>;
     saveLabel: StringConstructor;
     selectedEvidenceRegionId: StringConstructor;
     sourceKey: StringConstructor;
@@ -302,6 +303,7 @@ export declare const PdfViewer: import("vue").DefineComponent<import("vue").Extr
         type: PropType<() => Promise<Blob>>;
     };
     onSave: PropType<(pdf: Blob) => Promise<boolean>>;
+    onPageExport: PropType<(files: readonly PdfPageOrganizationExport[]) => boolean | Promise<boolean>>;
     saveLabel: StringConstructor;
     selectedEvidenceRegionId: StringConstructor;
     sourceKey: StringConstructor;

package/dist/vue.js

@@ -232,6 +232,7 @@ const PdfViewer = defineComponent({
             type: Function
         },
         onSave: Function,
+        onPageExport: Function,
         saveLabel: String,
         selectedEvidenceRegionId: String,
         sourceKey: String,
@@ -257,6 +258,7 @@ const PdfViewer = defineComponent({
                 onCollaborationChange: (content)=>emit('collaborationChange', content),
                 onEvidenceRegionSelect: (region)=>emit('evidenceRegionSelect', region),
                 onPageChange: (pageNumber)=>emit('pageChange', pageNumber),
+                onPageExport: props.onPageExport,
                 onSave: props.onSave,
                 saveLabel: props.saveLabel,
                 selectedEvidenceRegionId: props.selectedEvidenceRegionId,

package/dist/web-component.d.ts

@@ -1,6 +1,6 @@
 import type { Extensions } from '@tiptap/core';
 import { type ReactNode } from 'react';
-import type { DocumentContent, EditorAgentRequest, GetDocumentSelectionMenuItems, GetMarkdownSelectionMenuItems, MarkdownContent, OfficeCollaborationPresence, OfficeCollaborationSession, PdfCollaborationContent, PresentationContent, SpreadsheetContent } from './core';
+import type { DocumentContent, EditorAgentRequest, GetDocumentSelectionMenuItems, GetMarkdownSelectionMenuItems, MarkdownContent, OfficeCollaborationPresence, OfficeCollaborationSession, PdfCollaborationContent, PdfPageOrganizationExport, PresentationContent, SpreadsheetContent } from './core';
 import type { OfficeTheme } from './office-surface';
 import { type DocumentLayoutFont, type OfficeFileAction, type PdfEvidenceOverlay } from './react';
 declare const HTMLElementBase: {
@@ -92,6 +92,8 @@ export declare class A3SPdfViewerElement extends A3SOfficeElement {
     set onCollaborationChange(value: ((content: PdfCollaborationContent) => void) | undefined);
     get onSave(): ((pdf: Blob) => Promise<boolean>) | undefined;
     set onSave(value: ((pdf: Blob) => Promise<boolean>) | undefined);
+    get onPageExport(): ((files: readonly PdfPageOrganizationExport[]) => boolean | Promise<boolean>) | undefined;
+    set onPageExport(value: ((files: readonly PdfPageOrganizationExport[]) => boolean | Promise<boolean>) | undefined);
     get selectedEvidenceRegionId(): string | undefined;
     set selectedEvidenceRegionId(value: string | undefined);
     get theme(): OfficeTheme;

package/dist/web-component.js

@@ -308,6 +308,7 @@ class A3SPdfViewerElement extends A3SOfficeElement {
     #loadSource;
     #onCollaborationChange;
     #onSave;
+    #onPageExport;
     static get observedAttributes() {
         return [
             'file-name',
@@ -354,6 +355,13 @@ class A3SPdfViewerElement extends A3SOfficeElement {
         this.#onSave = value;
         this.requestRender();
     }
+    get onPageExport() {
+        return this.#onPageExport;
+    }
+    set onPageExport(value) {
+        this.#onPageExport = value;
+        this.requestRender();
+    }
     get selectedEvidenceRegionId() {
         return this.getAttribute('selected-evidence-region-id') ?? void 0;
     }
@@ -387,6 +395,7 @@ class A3SPdfViewerElement extends A3SOfficeElement {
             },
             onEvidenceRegionSelect: (region)=>dispatchDetail(this, 'evidence-select', region),
             onPageChange: (pageNumber)=>dispatchDetail(this, 'page-change', pageNumber),
+            onPageExport: this.onPageExport,
             onSave: this.onSave,
             saveLabel: this.getAttribute('save-label') ?? void 0,
             selectedEvidenceRegionId: this.selectedEvidenceRegionId,