@k-table/report 1.0.0 → 1.0.1

package/dist/index.css

@@ -136,9 +136,9 @@ table.kt-sheet-region-table td {
   padding: 6px 8px;
   border-bottom-width: 1px;
   border-bottom-style: solid;
-  border-bottom-color: #e5e6eb;
-  background: #fff;
-  color: #1d2129;
+  border-bottom-color: var(--kt-forms-border, var(--kt-border, #e5e6eb));
+  background: var(--kt-forms-chrome-bar, var(--kt-header-bg, #fff));
+  color: var(--kt-forms-text, var(--kt-text, #1d2129));
 }
 .kt-compose-preview-pane-head__start {
   display: flex;
@@ -156,29 +156,28 @@ table.kt-sheet-region-table td {
 .kt-preview-print-bar {
   display: flex;
   align-items: center;
+  flex-wrap: wrap;
   gap: 8px;
-  height: 28px;
-  min-height: 28px;
+  min-height: 40px;
   margin-bottom: 8px;
   box-sizing: border-box;
+  color: var(--kt-forms-text, var(--kt-text, #1d2129));
 }
 .kt-preview-print-bar-main,
 .kt-preview-print-bar-end,
 .kt-preview-zoom {
   display: flex;
   align-items: center;
-  min-height: 0;
-  height: 28px;
+  min-height: 28px;
 }
 .kt-preview-print-bar-main {
   min-width: 0;
-  flex: 1;
+  flex: 1 1 auto;
   gap: 8px;
-  flex-wrap: nowrap;
-  overflow-x: auto;
+  flex-wrap: wrap;
 }
 .kt-preview-print-bar-end {
-  flex-shrink: 0;
+  flex: 0 0 auto;
   margin-left: auto;
   gap: 4px;
 }
@@ -191,34 +190,48 @@ table.kt-sheet-region-table td {
   height: 28px;
   line-height: 28px;
   font-size: 12px;
-  color: #8c8c8c;
+  color: var(--kt-forms-text-secondary, var(--kt-text-secondary, #8c8c8c));
   white-space: nowrap;
 }
 .kt-preview-fill-icon-btn {
   display: inline-flex;
   align-items: center;
   justify-content: center;
-  width: 24px;
-  height: 24px;
+  width: 28px;
+  height: 28px;
   padding: 0;
   border-width: 0;
   background: transparent;
-  color: #4e5969;
+  color: var(--kt-forms-text-secondary, var(--kt-text-secondary, #4e5969));
   cursor: pointer;
   border-radius: 2px;
   flex-shrink: 0;
   font-size: 16px;
 }
 .kt-preview-fill-icon-btn:hover {
-  background: #e5e6eb;
-  color: #1d2129;
+  background: var(--kt-primary-soft, #e5e6eb);
+  color: var(--kt-forms-text, var(--kt-text, #1d2129));
 }
 .kt-preview-page-chrome {
   box-sizing: border-box;
   min-height: calc(100vh - 104px);
-  background: #fff;
+  background: var(--kt-forms-preview-host, var(--kt-page-bg, #f2f3f5));
+  color: var(--kt-forms-text, var(--kt-text));
   padding: 16px;
 }
+.kt-preview--modal {
+  min-width: 0;
+  min-height: 0;
+}
+.kt-preview--modal .kt-preview-print-bar {
+  position: sticky;
+  top: 0;
+  z-index: 2;
+  background: var(--kt-forms-preview-host, var(--kt-page-bg, #f2f3f5));
+}
+.kt-preview--modal .kt-report-preview-host {
+  padding-top: 8px;
+}
 .kt-preview-page-chrome--fill {
   min-height: 100vh;
   padding: 8px;

package/dist/index.d.ts

@@ -466,6 +466,8 @@ export function KtReportPreview(props: {
     next: { showOpinion: boolean; showQr: boolean; showReviewer: boolean },
     remember: { rememberUnit?: boolean; rememberMaster?: boolean },
   ) => void;
+  /** page = 整页预览台；modal = 设计器弹层 */
+  chrome?: "page" | "modal";
 }): JSX.Element;
 // C3：低层逃生舱与通用预览工具
 export type PageChromeRegions = { showOpinion: boolean; showQr: boolean; showReviewer: boolean };
@@ -670,6 +672,7 @@ export const KtReportFill: React.ForwardRefExoticComponent<
       request?: <T>(path: string, init?: RequestInit) => Promise<T>;
       scheme?: any;
       onSchemeChange?: (s: any, b: any) => void;
+      loadMaster?: (masterId: string) => Promise<string | null>;
     };
     dicts?: Record<string, { value: string; label: string }[]>;
     className?: string;