realreport 1.8.1 → 1.8.2

package/dist/realreport.css

@@ -1,5 +1,5 @@
 /* 
-RealReport v1.8.1
+RealReport v1.8.2
 Copyright (C) 2013-2024 WooriTech Inc.
 All Rights Reserved.
 */
@@ -386,38 +386,26 @@ All Rights Reserved.
 
 @media print {
     .rr-print-page-portrait {
-        margin: 0 !important;
-        border: none !important;
-        box-shadow: none !important;
-        overflow: hidden;
+        width: var(--rr-print-height) !important;
+        height: var(--rr-print-height) !important;
         transform-origin: top left;
-        transform: scale(var(--rr-print-scale));
+        transform: translateX(var(--rr-print-portrait-x)) scale(var(--rr-print-scale));
     }
 
     .rr-print-page-landscape {
-        margin: 0 !important;
-        border: none !important;
-        box-shadow: none !important;
-        overflow: hidden;
-        width: var(--rr-print-height) !important;
+        width: var(--rr-print-width) !important;
         height: var(--rr-print-width) !important;
         transform-origin: top left;
-        transform: translateX(calc(var(--rr-print-scale) * var(--rr-print-size))) rotate(90deg) scale(var(--rr-print-scale));
+        transform: translateX(var(--rr-print-size)) rotate(90deg);
     }
 
-    .rr-print-page-portrait-only {
-        padding: 0 !important;
-        margin: 0 !important;
-        border: none !important;
-        box-shadow: none !important;
-        overflow: hidden;
-    }
-
-    .rr-print-page-landscape-only {
+    .rr-print-page-landscape-start {
         margin: 0 !important;
         border: none !important;
         box-shadow: none !important;
         overflow: hidden;
+        transform-origin: top left;
+        transform: translateX(calc(var(--rr-print-size) * var(--rr-print-scale))) translateY(var(--rr-print-portrait-x)) rotate(90deg) scale(var(--rr-print-scale));
     }
 
     .rr-report-preview {
@@ -1214,7 +1202,6 @@ All Rights Reserved.
 .rct-control[data-theme='real'] {
 	--rct-background: #264653;
 }
-
 .rct-root {
     --rct-font-family: AppleSDGothicNeo-Light, "HelveticaNeue", "Malgun Gothic", "맑은 고딕", sans-serif;
     --rct-font-size: 16px;
@@ -1230,6 +1217,7 @@ All Rights Reserved.
 
     --rct-axis-title-fill: #333;
     --rct-axis-line-stroke: #aaa;
+    --rct-axis-baseline-stroke: #333;
     --rct-axis-tick-stroke: #555;
     --rct-axis-label-fill: #555;
     --rct-axis-grid-line-stroke: #ddd;
@@ -1260,13 +1248,26 @@ All Rights Reserved.
     --rct-polar-yaxis-grid-line-stroke: #ccc;
     --rct-polar-axis-labels-fill: #555;
 
+    /* linear gauge */
+    --rct-linear-gauge-background-fill: #eee;
+    --rct-linear-gauge-value-fill: green;
+    --rct-linear-gauge-band-tick-labels-stroke: #333;
+    --rct-linear-gauge-group-label-fill: #333;
+    /** bullet gauge */
+    --rct-bullet-gauge-background-fill: #eee;
+    --rct-bullet-gauge-value-fill: #333;
+    --rct-bullet-gauge-target-fill: #333;
+    --rct-bullet-gauge-label-fill: #333;
+    --rct-bullet-gauge-scale-line-stroke: #333;
+    --rct-bullet-gauge-scale-ticks-stroke: #333;
+    --rct-bullet-gauge-scale-tick-labels-stroke: #333;
     /* circle gauge */
-    --rct-circle-gauge-back-fill: #ededed;
+    --rct-circle-gauge-rim-fill: #ededed;
     --rct-circle-gauge-inner-fill: none;
     --rct-circle-gauge-label-fill: #000;
     --rct-gauge-scale-line: #555;
     --rct-gauge-scale-tick: #555;
-    --rct-gauge-scale-tick-labels: #333;
+    --rct-gauge-scale-tick-labels-stroke: #333;
     /* clock gauge */
     --rct-clock-gauge-face-fill: white;
     --rct-clock-gauge-rim-fill: #eee;
@@ -1294,6 +1295,7 @@ All Rights Reserved.
     
     --rct-axis-title-fill: #fff;
     --rct-axis-line-stroke: #fff;
+    --rct-axis-baseline-stroke: #fff;
     --rct-axis-tick-stroke: #fff;
     --rct-axis-label-fill: #fff;
     --rct-axis-grid-line-stroke: #fff;
@@ -1313,12 +1315,14 @@ All Rights Reserved.
     --rct-polar-yaxis-grid-line-stroke: #fff;
     --rct-polar-axis-labels-fill: #fff;
 
+    /* linear gauge */
+    --rct-linear-gauge-group-label-fill: #eee;
     /* circle gauge */
-    --rct-circle-gauge-back-fill: #515151;
+    --rct-circle-gauge-rim-fill: #515151;
     --rct-circle-gauge-label-fill: #fff;
     --rct-gauge-scale-line: #fff;
     --rct-gauge-scale-tick: #fff;
-    --rct-gauge-scale-tick-labels: #fff;
+    --rct-gauge-scale-tick-labels-stroke: #fff;
 
     /** zoom tracker */
     --rct-zoom-tracker-fill: #efefef40;
@@ -1354,17 +1358,16 @@ All Rights Reserved.
     --rct-polar-axis-labels-fill: #f0d9be;
 
     /* circle gauge */
-    --rct-circle-gauge-back-fill: #515151;
+    --rct-circle-gauge-rim-fill: #515151;
     --rct-circle-gauge-label-fill: #fff;
     --rct-gauge-scale-line: #fff;
     --rct-gauge-scale-tick: #fff;
-    --rct-gauge-scale-tick-labels: #fff;
+    --rct-gauge-scale-tick-labels-stroke: #fff;
 
     /** zoom tracker */
     --rct-zoom-tracker-fill: #efefef40;
 }
 
-
 /** control */
 .rct-control {
     background-color: var(--rct-background);
@@ -1486,6 +1489,10 @@ All Rights Reserved.
     stroke: var(--rct-axis-line-stroke);
     stroke-width: 1px;
 }
+.rct-axis-baseline {
+    stroke: var(--rct-axis-baseline-stroke);
+    stroke-width: 1px;
+}
 .rct-axis-tick {
     stroke: var(--rct-axis-tick-stroke);
     stroke-width: 1px;
@@ -1602,6 +1609,7 @@ All Rights Reserved.
 .rct-series-trendline {
     stroke: red;
     stroke-width: 2px;
+    stroke-linejoin: round;
     fill: none;
 }
 
@@ -1696,7 +1704,7 @@ All Rights Reserved.
 .rct-series {
     opacity: inherit;
     transition-property: opacity;
-    transition-duration: 0.9s;
+    transition-duration: 0.7s;
 }
 .rct-series[data-unfocus] {
     opacity: 0.2;
@@ -1709,7 +1717,7 @@ All Rights Reserved.
 .rct-point-labels {
     opacity: inherit;
     transition-property: opacity;
-    transition-duration: 0.9s;
+    transition-duration: 0.7s;
 }
 .rct-point-labels[data-unfocus] {
     opacity: 0.3;
@@ -1754,7 +1762,16 @@ All Rights Reserved.
     stroke-dasharray: none;
 }
 .rct-line-series .rct-point[data-focus] {
-    stroke-width: 3px;
+    stroke: #0088ff20 !important; 
+    stroke-width: 9px !important;
+    opacity: inherit !important;
+    /** TODO: 아래가 적용되지 않고 있다 */
+    transition-property: opacity;
+    transition-duration: 0.7s;
+}
+.rct-line-series-flag {
+    font-weight: bold;
+    font-size: 0.9em;
 }
 
 /** area series */
@@ -1842,6 +1859,9 @@ All Rights Reserved.
 .rct-ohlc-series .rct-point[data-decline] {
     stroke: #00f;
 }
+.rct-ohlc-series .rct-point[data-focus] .rct-ohlc-point-back {
+    fill: #0088ff20 !important;
+}
 .rct-ohlc-point-back {
     stroke: none;
 }
@@ -1869,6 +1889,9 @@ All Rights Reserved.
     stroke: #008;
     stroke-width: 2px;
 }
+.rct-errorbar-series .rct-point[data-focus] .rct-errorbar-point-back {
+    fill: #0088ff20 !important;
+}
 
 /** lollipop series */
 .rct-lollipop-series {
@@ -1962,8 +1985,8 @@ All Rights Reserved.
 }
 
 /** circle gauge */
-.rct-circle-gauge-back {
-    fill: var(--rct-circle-gauge-back-fill);
+.rct-circle-gauge-rim {
+    fill: var(--rct-circle-gauge-rim-fill);
 }
 .rct-circle-gauge-inner {
     fill: var(--rct-circle-gauge-inner-fill);
@@ -2043,49 +2066,50 @@ All Rights Reserved.
 }
 .rct-gauge-scale-tick-labels {
     font-size: 0.85em;
-    fill: var(--rct-gauge-scale-tick-labels);
+    fill: var(--rct-gauge-scale-tick-labels-stroke);
 }
 
 /** linear gauge */
 .rct-linear-gauge-background {
-    fill: #eee;
+    fill: var(--rct-linear-gauge-background-fill);
 }
 .rct-linear-gauge-value {
-    fill: green;
+    fill: var(--rct-linear-gauge-value-fill);
 }
 .rct-linear-gauge-band-tick-labels {
     font-size: 0.85em;
-    fill: #333;
+    fill: var(--rct-linear-gauge-band-tick-labels-stroke);
 }
 
 /** linear gauge group */
 .rct-linear-gauge-group-label {
+    fill: var(--rct-linear-gauge-group-label-fill);
     font-size: 1.5em;
 }
 
 /** bullet gauge */
 .rct-bullet-gauge-background {
-    fill: #eee;
+    fill: var(--rct-bullet-gauge-background-fill);
 }
 .rct-bullet-gauge-value {
-    fill: #333;
+    fill: var(--rct-bullet-gauge-value-fill);
 }
 .rct-bullet-gauge-target {
-    fill: #338;
+    fill: var(--rct-bullet-gauge-target-fill);
 }
 .rct-bullet-gauge-label {
     font-size: 1em;
-    fill: #333;
+    fill: var(--rct-bullet-gauge-label-fill);
 }
 .rct-bullet-gauge-scale-line {
-    stroke: #333;
+    stroke: var(--rct-bullet-gauge-scale-line-stroke);
 }
 .rct-bullet-gauge-scale-ticks {
-    stroke: #333;
+    stroke: var(--rct-bullet-gauge-scale-ticks-stroke);
 }
 .rct-bullet-gauge-scale-tick-labels {
     font-size: 0.9em;
-    fill: #333;
+    fill: var(--rct-bullet-gauge-scale-tick-labels-stroke);
 }
 
 /** bullet gauge group */
@@ -2114,10 +2138,12 @@ All Rights Reserved.
 }
 
 /** annotation */
+.rct-annotation-background {
+    fill: none;
+    stroke: none;
+}
 .rct-text-annotation {
     font-size: 20px;
-}
-.rct-shape-annotation {
     stroke: #333;
     stroke-width: 3px;
 }

package/dist/realreport.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="pdfkit" />
 /** 
-* RealReport v1.8.1
-* commit 362f3fb
+* RealReport v1.8.2
+* commit f5c709b
 
 * Copyright (C) 2013-2024 WooriTech Inc.
 	https://real-report.com
@@ -9,10 +9,10 @@
 */
 
 /** 
-* RealReport Core v1.8.1
+* RealReport Core v1.8.2
 * Copyright (C) 2013-2024 WooriTech Inc.
 * All Rights Reserved.
-* commit 15ef0812b90536bd8483d5a6a13ae4f7801d38b0
+* commit a4993ff60cea5ad3357ab5abd502b4ad774a15c0
 */
 type ConfigObject$1 = {
     [key: string]: any;
@@ -672,6 +672,7 @@ declare abstract class VisualContainer$1 extends EventAware$1 implements VisualT
     get scrollHeight(): number;
     get scrollTop(): number;
     protected get scrolling(): boolean;
+    get containerDiv(): HTMLDivElement;
     findElementAt(x: number, y: number, hitTesting: boolean, blockLayer: boolean): VisualElement$1;
     findElementOf(dom: Element): VisualElement$1;
     getTableCell(dom: HTMLElement): HTMLTableCellElement;
@@ -4803,6 +4804,49 @@ declare class RealChartItem extends ChartItem<RCConfig> {
     canAddTo(group: ReportGroupItem): boolean;
 }
 
+declare enum ReportItemType {
+    TEXT = "text",
+    SUMMARY = "summary",
+    IMAGE = "image",
+    CHECK = "check",
+    STACK = "stack",
+    CBOX = "cbox",
+    RBOX = "rbox",
+    DBOX = "dbox",
+    LIST = "list",
+    TABLE = "table",
+    SPACE = "space",
+    SIMPLEBAND = "simpleband",
+    TABLEBAND = "tableband",
+    BANDGROUP = "bandgroup",
+    BANDCELL = "bandcell",
+    CROSSTAB = "crosstab",
+    DATALIST = "datalist",
+    FLOATING = "floating",
+    SHAPE = "shape",
+    BARCODE = "barcode",
+    QRCODE = "qrcode",
+    DATAMATRIX = "datamatrix",
+    BAR = "bar",
+    RATING = "rating",
+    HTML = "html",
+    HTMLVIEW = "htmlview",
+    SVG = "svg",
+    REALCHART = "realchart",
+    HICHART = "hichart",
+    PAGE = "page"
+}
+
+/**
+ * Report Item들에 대한 정보를 한곳에 모아서 등록해놓고 용이하게 꺼내쓰기 위해 작성
+ */
+declare class ReportItemRegistry extends Base$1 {
+    private _reportItemFlatMap;
+    constructor();
+    add(type: ReportItemType, item: ReportItem): void;
+    getItemCount(type: ReportItemType): number;
+}
+
 declare enum PaperSize {
     A0 = "A0",
     A1 = "A1",
@@ -4841,7 +4885,6 @@ declare class PaperOptions extends Base$1 {
     /** size */
     get size(): PaperSize;
     set size(value: PaperSize);
-    private $_checkSize;
     /** width */
     get width(): ValueString;
     set width(value: ValueString);
@@ -5018,6 +5061,7 @@ declare class Report extends EventAware$1 implements IEditCommandStackOwner, IPr
     private _commands;
     private _loading;
     private _invalids;
+    private _reportItemRegistry;
     constructor(designTime?: boolean, source?: any);
     _doDispose(): void;
     onDesignDataManagerDataAdded(dm: DesignDataManager, data: IReportData): void;
@@ -5060,6 +5104,8 @@ declare class Report extends EventAware$1 implements IEditCommandStackOwner, IPr
     get canRedo(): boolean;
     /** dirty */
     get dirty(): boolean;
+    /** reportItemRegistry */
+    get reportItemRegistry(): ReportItemRegistry;
     load(src: any): Report;
     setSaveTagging(tag: string): Report;
     save(pageOnly?: boolean): object;
@@ -5199,6 +5245,7 @@ declare class Report extends EventAware$1 implements IEditCommandStackOwner, IPr
         reason: string;
     }[];
     foldedChanged(item: ReportItem): void;
+    isFirstPageLandscape(): boolean;
     protected _createReportRootItem(report: Report): ReportRootItem;
     protected _createReportInfo(report: Report): ReportInfo;
     protected _createReportLoader(): IReportLoader;
@@ -5228,6 +5275,10 @@ declare class Report extends EventAware$1 implements IEditCommandStackOwner, IPr
  */
 declare class ReportPage extends ReportGroupItem implements IEventAware {
     static readonly PROP_ORIENTATION = "orientation";
+    static readonly PROP_MARGIN_LEFT = "marginLeft";
+    static readonly PROP_MARGIN_RIGHT = "marginRight";
+    static readonly PROP_MARGIN_TOP = "marginTop";
+    static readonly PROP_MARGIN_BOTTOM = "marginBottom";
     static readonly ITEM_ADDED = "onPageItemAdded";
     static readonly ITEMS_ADDED = "onPageItemsAdded";
     static readonly ITEM_REMOVED = "onPageItemRemoved";
@@ -5237,6 +5288,14 @@ declare class ReportPage extends ReportGroupItem implements IEventAware {
     static readonly $_ctor: string;
     static readonly PROPINFOS: IPropInfo[];
     private _orientation;
+    private _marginLeft;
+    private _marginRight;
+    private _marginTop;
+    private _marginBottom;
+    private _marginLeftDim;
+    private _marginRightDim;
+    private _marginTopDim;
+    private _marginBottomDim;
     private _report;
     private _pageIndex;
     private _events;
@@ -5298,9 +5357,33 @@ declare class ReportPage extends ReportGroupItem implements IEventAware {
      */
     get orientation(): PaperOrientation;
     set orientation(value: PaperOrientation);
+    /** marginLeft */
+    get marginLeft(): ValueString;
+    set marginLeft(value: ValueString);
+    /** marginRight */
+    get marginRight(): ValueString;
+    set marginRight(value: ValueString);
+    /** marginTop */
+    get marginTop(): ValueString;
+    set marginTop(value: ValueString);
+    /** marginBottom */
+    get marginBottom(): ValueString;
+    set marginBottom(value: ValueString);
     getItem(name: string): ReportItem;
     removeItems(commands: EditCommandStack$1, items: ReportPageItem[]): number;
     search(page: number, key: string, options: FindOptions, results: FindResult[]): void;
+    /**
+     * 만약 리포트 페이지마다 margin이 지정되어있다면 해당 값을 구하기 위해 작성
+     * @returns reportPage에 지정된 margin값 지정이 되어있지 않다면 report.paper의 margin 값
+     */
+    getPageMargins(): {
+        pageMarginTop: number;
+        pageMarginBottom: number;
+        pageMarginLeft: number;
+        pageMarginRight: number;
+    };
+    getPageRect(rect: Rectangle$1): Rectangle$1;
+    getPageSize(): Rectangle$1;
     get outlineLabel(): string;
     get pathLabel(): string;
     get page(): ReportPage;
@@ -5691,7 +5774,7 @@ declare class PageItemContainerElement extends BoundedContainerElement<PageItemC
 }
 
 type PrintPageCallback = (ctx: PrintContext, page: PrintPage, pageNo: number) => void;
-type PrintEndCallback = (ctx: PrintContext, pages: PrintPage[]) => void;
+type PrintEndCallback = (ctx: PrintContext, pages: PrintPage[]) => Promise<void>;
 declare class PageSectionGuard extends ReportItemElement<ReportPage> {
     get guardLabel(): string;
 }
@@ -6085,6 +6168,9 @@ declare class HtmlItemElement extends ReportItemElement<HtmlItem> {
     private $_validateHtmlTags;
 }
 
+interface AsyncLoadable {
+    loadAsync(ctx: PrintContext): Promise<void>;
+}
 /**
  * Printing 관련 상태 정보 모델.
  */
@@ -6144,6 +6230,7 @@ declare class PrintContext extends Base$1 {
     contextElements: {
         [hash: string]: TextItemElementBase<any>;
     };
+    private _asyncLoadableElements;
     constructor(printing?: boolean, compositePrinting?: boolean);
     /**
      * printing
@@ -6240,6 +6327,15 @@ declare class PrintContext extends Base$1 {
      * 호출하기 전 pageHeader, pageFooter, pageHeight 값이 설정되어야 함
      */
     setBodySize(): void;
+    /**
+     * 로드가 필요한 리포트 아이템 View 정보를 추가한다.
+     * @param itemElement 로드가 필요한 reportItemElement
+     */
+    addAsyncLoadableElement(itemElement: AsyncLoadable): void;
+    /**
+     * 로드가 필요한 Elements에 대한 비동기 처리
+     */
+    loadAsyncLoadableElements(): Promise<void[]>;
 }
 type ContextValueCallback = (ctx: PrintContext) => any;
 declare class PageBreaker {
@@ -8138,15 +8234,29 @@ declare class PrintContainer extends VisualContainer$1 {
     get pages(): PrintPage[];
     get align(): Align;
     set align(value: Align);
+    /**
+     * Report 에서 사용
+     */
+    get ReportItemRegistry(): ReportItemRegistry;
+    /**
+     * Composite Report 에서 사용
+     */
+    get ReportItemRegistries(): ReportItemRegistry[];
     print(options: IPrintOptions): void;
     printSingle(options: IPrintOptions): void;
     printAll(options: IPrintOptions): void;
     private $_printAll;
     getPrintHtml(): string;
+    loadAsyncLoadableElements(): Promise<void>;
     setStyles(styles: any): void;
     fitToWidth(): void;
     fitToHeight(): void;
     fitToPage(): void;
+    /**
+     * Multi 리포트이면서 가로로 시작하는 양식은 따로 설정이 필요함
+     * @returns 멀티 페이지이면서 첫번째 페이지가 가로양식으로 시작할 경우
+     */
+    needPrintScale(): boolean;
     get printing(): boolean;
     protected _doPrepareContainer(dom: HTMLElement): void;
     protected _render(timestamp: number): void;
@@ -8180,6 +8290,8 @@ declare class PrintContainer extends VisualContainer$1 {
      * 각 인쇄 영역 Container Style 설정
      */
     private $_setPageContainerStyle;
+    private $_setLandscapePageStyle;
+    private $_setPrintScaleStyle;
     private $_setUnvisibleDom;
     private $_layoutFloatings;
     /**
@@ -42271,6 +42383,7 @@ declare class ReportViewer extends ReportViewBase {
     protected _report: Report | Email;
     private _reportDataProvider;
     private _isPaging;
+    private _reportViewPrinter;
     constructor(container: string | HTMLDivElement, reportForm?: ReportForm, dataSet?: ReportDataSet, options?: ReportOptions);
     get reportForm(): ReportForm;
     set reportForm(form: ReportForm);
@@ -42282,6 +42395,7 @@ declare class ReportViewer extends ReportViewBase {
      * container에 리포트를 preview로 렌더링 합니다.
      */
     preview(options?: PreviewOptions): void;
+    print(options: PrintOptions): Promise<void>;
     /**
      * 리포트를 PDF파일로 다운로드 합니다.
      * @param options PDFExportOptions
@@ -42453,6 +42567,16 @@ declare type PreviewOptions = {
      */
     endCallback?: PrintEndCallback;
 };
+/**
+ * 리포트 출력 옵션
+ */
+declare type PrintOptions = {
+    /**
+     * 최대 출력 대기 시간 ms 단위
+     * @defaultValue 2000
+     */
+    timeout: number;
+};
 /**
  * PDF내보내기시 인자로 사용되는 옵션
  */
@@ -42488,4 +42612,4 @@ declare type PDFExportOptions = {
     pdfVersion: '1.3' | '1.4' | '1.5' | '1.6' | '1.7' | '1.7ext3';
 };
 
-export { GridReportLayout, GridReportViewer, PDFExportOptions, PreviewOptions, ReportCompositeViewer, ReportData, ReportDataSet, ReportForm, ReportFormSet, ReportFormSets, ReportOptions, ReportViewer };
+export { GridReportLayout, GridReportViewer, PDFExportOptions, PreviewOptions, PrintOptions, ReportCompositeViewer, ReportData, ReportDataSet, ReportForm, ReportFormSet, ReportFormSets, ReportOptions, ReportViewer };