dompdf.js 1.1.0 → 1.2.0

package/dist/lib/utils/css-utils.js

@@ -0,0 +1,19 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getBackgroundRepeat = void 0;
+function getBackgroundRepeat(value) {
+    switch (value) {
+        case 1 /* BACKGROUND_REPEAT.NO_REPEAT */:
+            return 'no-repeat';
+        case 2 /* BACKGROUND_REPEAT.REPEAT_X */:
+            return 'repeat-x';
+        case 3 /* BACKGROUND_REPEAT.REPEAT_Y */:
+            return 'repeat-y';
+        case 0 /* BACKGROUND_REPEAT.REPEAT */:
+            return 'repeat';
+        default:
+            return 'no-repeat';
+    }
+}
+exports.getBackgroundRepeat = getBackgroundRepeat;
+//# sourceMappingURL=css-utils.js.map

package/dist/lib/utils/css-utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"css-utils.js","sourceRoot":"","sources":["../../../src/utils/css-utils.ts"],"names":[],"mappings":";;;AAEA,SAAgB,mBAAmB,CAAC,KAAwB;IACxD,QAAQ,KAAK,EAAE;QACX;YACI,OAAO,WAAW,CAAC;QACvB;YACI,OAAO,UAAU,CAAC;QACtB;YACI,OAAO,UAAU,CAAC;QACtB;YACI,OAAO,QAAQ,CAAC;QACpB;YACI,OAAO,WAAW,CAAC;KAC1B;AACL,CAAC;AAbD,kDAaC"}

package/dist/lib/utils/element-utils.js

@@ -0,0 +1,25 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.checkAllTextNodesEmpty = void 0;
+var type_utils_1 = require("./type-utils");
+/**
+ * Recursively traverse the nodes and check whether the textNodes of all levels are empty arrays
+ * @param {ElementContainer} node
+ * @returns {boolean} - If all textNodes are empty, return true; otherwise, return false
+ */
+function checkAllTextNodesEmpty(node) {
+    if (!(0, type_utils_1.isArray)(node.textNodes) || node.textNodes.length > 0) {
+        return false;
+    }
+    if ((0, type_utils_1.isArray)(node.elements)) {
+        for (var _i = 0, _a = node.elements; _i < _a.length; _i++) {
+            var child = _a[_i];
+            if (!checkAllTextNodesEmpty(child)) {
+                return false;
+            }
+        }
+    }
+    return true;
+}
+exports.checkAllTextNodesEmpty = checkAllTextNodesEmpty;
+//# sourceMappingURL=element-utils.js.map

package/dist/lib/utils/element-utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"element-utils.js","sourceRoot":"","sources":["../../../src/utils/element-utils.ts"],"names":[],"mappings":";;;AACA,2CAAqC;AACrC;;;;GAIG;AACH,SAAgB,sBAAsB,CAAC,IAAsB;IACzD,IAAI,CAAC,IAAA,oBAAO,EAAC,IAAI,CAAC,SAAS,CAAC,IAAI,IAAI,CAAC,SAAS,CAAC,MAAM,GAAG,CAAC,EAAE;QACvD,OAAO,KAAK,CAAC;KAChB;IACD,IAAI,IAAA,oBAAO,EAAC,IAAI,CAAC,QAAQ,CAAC,EAAE;QACxB,KAAoB,UAAa,EAAb,KAAA,IAAI,CAAC,QAAQ,EAAb,cAAa,EAAb,IAAa,EAAE;YAA9B,IAAM,KAAK,SAAA;YACZ,IAAI,CAAC,sBAAsB,CAAC,KAAK,CAAC,EAAE;gBAChC,OAAO,KAAK,CAAC;aAChB;SACJ;KACJ;IACD,OAAO,IAAI,CAAC;AAChB,CAAC;AAZD,wDAYC"}

package/dist/lib/utils/font-utils.js

@@ -0,0 +1,70 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.setOptionFontConfig = exports.validateFontConfig = void 0;
+var type_utils_1 = require("./type-utils");
+// check fontConfig object structure and types
+function validateFontConfig(fontConfig) {
+    if (fontConfig === undefined) {
+        return false;
+    }
+    var configList = (0, type_utils_1.isArray)(fontConfig) ? fontConfig : [fontConfig];
+    for (var _i = 0, configList_1 = configList; _i < configList_1.length; _i++) {
+        var config = configList_1[_i];
+        if (!(0, type_utils_1.isObject)(config) || config === null) {
+            return false;
+        }
+        var requiredFields = [
+            { key: 'fontFamily', type: 'string' },
+            { key: 'fontBase64', type: 'string' },
+            { key: 'fontStyle', type: 'string' },
+            { key: 'fontWeight', type: 'number' }
+        ];
+        for (var _a = 0, requiredFields_1 = requiredFields; _a < requiredFields_1.length; _a++) {
+            var _b = requiredFields_1[_a], key = _b.key, type = _b.type;
+            if (!(key in config)) {
+                console.error("The font configuration is missing required fields: ".concat(key));
+                return false;
+            }
+            if (typeof config[key] !== type) {
+                console.error("The field ".concat(key, " has a type error. Expected ").concat(type, ", but received ").concat(typeof config[key]));
+                return false;
+            }
+        }
+        // check：fontWeight is only 400 or 700
+        if (![400, 700].includes(config.fontWeight)) {
+            console.error("The fontWeight value is invalid. It can only be 400 or 700. Actual value:".concat(config.fontWeight));
+            return false;
+        }
+        if (config.iconFont !== undefined && typeof config.iconFont !== 'boolean') {
+            console.error("The field iconFont has a type error. Expected boolean, but received ".concat(typeof config.iconFont));
+            return false;
+        }
+    }
+    return true;
+}
+exports.validateFontConfig = validateFontConfig;
+// The core function for handling configuration and populating default values
+function setOptionFontConfig(rawConfig) {
+    if (!validateFontConfig(rawConfig)) {
+        return undefined;
+    }
+    var configList = (0, type_utils_1.isArray)(rawConfig) ? rawConfig : [rawConfig];
+    var processedList = configList.map(function (config) {
+        var _a;
+        return (__assign(__assign({}, config), { iconFont: (_a = config.iconFont) !== null && _a !== void 0 ? _a : false }));
+    });
+    return processedList;
+}
+exports.setOptionFontConfig = setOptionFontConfig;
+//# sourceMappingURL=font-utils.js.map

package/dist/lib/utils/font-utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"font-utils.js","sourceRoot":"","sources":["../../../src/utils/font-utils.ts"],"names":[],"mappings":";;;;;;;;;;;;;;AAAA,2CAA+C;AAS/C,8CAA8C;AAC9C,SAAgB,kBAAkB,CAAC,UAAiD;IAChF,IAAI,UAAU,KAAK,SAAS,EAAE;QAC1B,OAAO,KAAK,CAAC;KAChB;IAED,IAAM,UAAU,GAAiB,IAAA,oBAAO,EAAC,UAAU,CAAC,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,UAAwB,CAAC,CAAC;IAE/F,KAAqB,UAAU,EAAV,yBAAU,EAAV,wBAAU,EAAV,IAAU,EAAE;QAA5B,IAAM,MAAM,mBAAA;QACb,IAAI,CAAC,IAAA,qBAAQ,EAAC,MAAM,CAAC,IAAI,MAAM,KAAK,IAAI,EAAE;YACtC,OAAO,KAAK,CAAC;SAChB;QAED,IAAM,cAAc,GAAiD;YACjE,EAAC,GAAG,EAAE,YAAY,EAAE,IAAI,EAAE,QAAQ,EAAC;YACnC,EAAC,GAAG,EAAE,YAAY,EAAE,IAAI,EAAE,QAAQ,EAAC;YACnC,EAAC,GAAG,EAAE,WAAW,EAAE,IAAI,EAAE,QAAQ,EAAC;YAClC,EAAC,GAAG,EAAE,YAAY,EAAE,IAAI,EAAE,QAAQ,EAAC;SACtC,CAAC;QAEF,KAA0B,UAAc,EAAd,iCAAc,EAAd,4BAAc,EAAd,IAAc,EAAE;YAA/B,IAAA,yBAAW,EAAV,GAAG,SAAA,EAAE,IAAI,UAAA;YACjB,IAAI,CAAC,CAAC,GAAG,IAAI,MAAM,CAAC,EAAE;gBAClB,OAAO,CAAC,KAAK,CAAC,6DAAsD,GAAG,CAAE,CAAC,CAAC;gBAC3E,OAAO,KAAK,CAAC;aAChB;YAED,IAAI,OAAO,MAAM,CAAC,GAAG,CAAC,KAAK,IAAI,EAAE;gBAC7B,OAAO,CAAC,KAAK,CACT,oBAAa,GAAG,yCAA+B,IAAI,4BAAkB,OAAO,MAAM,CAAC,GAAG,CAAC,CAAE,CAC5F,CAAC;gBACF,OAAO,KAAK,CAAC;aAChB;SACJ;QAED,sCAAsC;QACtC,IAAI,CAAC,CAAC,GAAG,EAAE,GAAG,CAAC,CAAC,QAAQ,CAAC,MAAM,CAAC,UAAU,CAAC,EAAE;YACzC,OAAO,CAAC,KAAK,CACT,mFAA4E,MAAM,CAAC,UAAU,CAAE,CAClG,CAAC;YACF,OAAO,KAAK,CAAC;SAChB;QACD,IAAI,MAAM,CAAC,QAAQ,KAAK,SAAS,IAAI,OAAO,MAAM,CAAC,QAAQ,KAAK,SAAS,EAAE;YACvE,OAAO,CAAC,KAAK,CACT,8EAAuE,OAAO,MAAM,CAAC,QAAQ,CAAE,CAClG,CAAC;YACF,OAAO,KAAK,CAAC;SAChB;KACJ;IAED,OAAO,IAAI,CAAC;AAChB,CAAC;AAjDD,gDAiDC;AAED,6EAA6E;AAC7E,SAAgB,mBAAmB,CAAC,SAAgD;IAChF,IAAI,CAAC,kBAAkB,CAAC,SAAS,CAAC,EAAE;QAChC,OAAO,SAAS,CAAC;KACpB;IAED,IAAM,UAAU,GAAiB,IAAA,oBAAO,EAAC,SAAS,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,SAAuB,CAAC,CAAC;IAE5F,IAAM,aAAa,GAAG,UAAU,CAAC,GAAG,CAAC,UAAC,MAAM;;QAAK,OAAA,uBAC1C,MAAM,KACT,QAAQ,EAAE,MAAA,MAAM,CAAC,QAAQ,mCAAI,KAAK,IACpC,CAAA;KAAA,CAAC,CAAC;IACJ,OAAO,aAAa,CAAC;AACzB,CAAC;AAZD,kDAYC"}

package/dist/lib/utils/index.js

@@ -0,0 +1,22 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./css-utils"), exports);
+__exportStar(require("./element-utils"), exports);
+__exportStar(require("./font-utils"), exports);
+__exportStar(require("./type-utils"), exports);
+__exportStar(require("./url-path"), exports);
+//# sourceMappingURL=index.js.map

package/dist/lib/utils/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/utils/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,8CAA4B;AAC5B,kDAAgC;AAChC,+CAA6B;AAC7B,+CAA6B;AAC7B,6CAA2B"}

package/dist/lib/utils/type-utils.js

@@ -0,0 +1,40 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.isFunction = exports.isObject = exports.isArray = exports.isEmptyValue = void 0;
+function isEmptyValue(obj) {
+    if (obj === undefined) {
+        return true;
+    }
+    else if (obj === null) {
+        return true;
+    }
+    else if (obj === false) {
+        return true;
+    }
+    else if (obj === '') {
+        return true;
+    }
+    else if (isArray(obj) && obj.length === 0) {
+        return true;
+    }
+    else if (isObject(obj) && JSON.stringify(obj) === '{}') {
+        return true;
+    }
+    else {
+        return false;
+    }
+}
+exports.isEmptyValue = isEmptyValue;
+function isArray(obj) {
+    return Object.prototype.toString.call(obj) === '[object Array]';
+}
+exports.isArray = isArray;
+function isObject(obj) {
+    return Object.prototype.toString.call(obj) === '[object Object]';
+}
+exports.isObject = isObject;
+function isFunction(fn) {
+    return typeof fn === 'function';
+}
+exports.isFunction = isFunction;
+//# sourceMappingURL=type-utils.js.map

package/dist/lib/utils/type-utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"type-utils.js","sourceRoot":"","sources":["../../../src/utils/type-utils.ts"],"names":[],"mappings":";;;AAAA,SAAgB,YAAY,CAAC,GAAY;IACrC,IAAI,GAAG,KAAK,SAAS,EAAE;QACnB,OAAO,IAAI,CAAC;KACf;SAAM,IAAI,GAAG,KAAK,IAAI,EAAE;QACrB,OAAO,IAAI,CAAC;KACf;SAAM,IAAI,GAAG,KAAK,KAAK,EAAE;QACtB,OAAO,IAAI,CAAC;KACf;SAAM,IAAI,GAAG,KAAK,EAAE,EAAE;QACnB,OAAO,IAAI,CAAC;KACf;SAAM,IAAI,OAAO,CAAC,GAAG,CAAC,IAAI,GAAG,CAAC,MAAM,KAAK,CAAC,EAAE;QACzC,OAAO,IAAI,CAAC;KACf;SAAM,IAAI,QAAQ,CAAC,GAAG,CAAC,IAAI,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,KAAK,IAAI,EAAE;QACtD,OAAO,IAAI,CAAC;KACf;SAAM;QACH,OAAO,KAAK,CAAC;KAChB;AACL,CAAC;AAhBD,oCAgBC;AAED,SAAgB,OAAO,CAAC,GAAY;IAChC,OAAO,MAAM,CAAC,SAAS,CAAC,QAAQ,CAAC,IAAI,CAAC,GAAG,CAAC,KAAK,gBAAgB,CAAC;AACpE,CAAC;AAFD,0BAEC;AAED,SAAgB,QAAQ,CAAC,GAAY;IACjC,OAAO,MAAM,CAAC,SAAS,CAAC,QAAQ,CAAC,IAAI,CAAC,GAAG,CAAC,KAAK,iBAAiB,CAAC;AACrE,CAAC;AAFD,4BAEC;AACD,SAAgB,UAAU,CAAC,EAAW;IAClC,OAAO,OAAO,EAAE,KAAK,UAAU,CAAC;AACpC,CAAC;AAFD,gCAEC"}

package/dist/lib/utils/url-path.js

@@ -0,0 +1,22 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getImageTypeByPath = void 0;
+/**
+ * 判断图片路径是否为指定类型的图片
+ * @param {string} path 图片路径/URL（如 "../tests/assets/image.svg"、"https://xxx.com/photo.webp"）
+ * @param {("svg" | "webp" | "png" | "jpg" | "gif" | "unknown")} type 要判断的图片类型
+ * @returns {boolean} 是否为指定类型的图片
+ */
+function getImageTypeByPath(path, type) {
+    var _a;
+    if (!path || !type)
+        return false;
+    var purePath = path.split('?')[0].split('#')[0];
+    var ext = ((_a = purePath.split('.').pop()) === null || _a === void 0 ? void 0 : _a.toLowerCase()) || '';
+    if (type === 'jpg') {
+        return ext === 'jpg' || ext === 'jpeg';
+    }
+    return ext === type;
+}
+exports.getImageTypeByPath = getImageTypeByPath;
+//# sourceMappingURL=url-path.js.map

package/dist/lib/utils/url-path.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"url-path.js","sourceRoot":"","sources":["../../../src/utils/url-path.ts"],"names":[],"mappings":";;;AAAA;;;;;GAKG;AACH,SAAgB,kBAAkB,CAAC,IAAY,EAAE,IAAwD;;IACrG,IAAI,CAAC,IAAI,IAAI,CAAC,IAAI;QAAE,OAAO,KAAK,CAAC;IACjC,IAAM,QAAQ,GAAG,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC;IAClD,IAAM,GAAG,GAAG,CAAA,MAAA,QAAQ,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,0CAAE,WAAW,EAAE,KAAI,EAAE,CAAC;IAC3D,IAAI,IAAI,KAAK,KAAK,EAAE;QAChB,OAAO,GAAG,KAAK,KAAK,IAAI,GAAG,KAAK,MAAM,CAAC;KAC1C;IACD,OAAO,GAAG,KAAK,IAAI,CAAC;AACxB,CAAC;AARD,gDAQC"}

package/dist/render/canvas/pdf-renderer.d.ts

@@ -1,27 +1,29 @@
+import { Context2d, EncryptionOptions, jsPDF } from 'jspdf';
+import 'jspdf/dist/polyfills.es.js';
 import { Context } from '../../core/context';
 import { CSSParsedDeclaration } from '../../css';
+import { Bounds } from '../../css/layout/bounds';
 import { TextBounds } from '../../css/layout/text';
 import { BORDER_STYLE } from '../../css/property-descriptors/border-style';
 import { Color } from '../../css/types/color';
 import { ElementContainer } from '../../dom/element-container';
-import { ReplacedElementContainer } from '../../dom/replaced-elements';
+import { CanvasElementContainer } from '../../dom/replaced-elements/canvas-element-container';
+import { ImageElementContainer } from '../../dom/replaced-elements/image-element-container';
+import { SVGElementContainer } from '../../dom/replaced-elements/svg-element-container';
 import { TextContainer } from '../../dom/text-container';
 import { BoundCurves } from '../bound-curves';
 import { IElementEffect } from '../effects';
+import { FontConfig } from '../../utils';
 import { Path } from '../path';
 import { Renderer } from '../renderer';
 import { ElementPaint, StackingContext } from '../stacking-context';
-interface FontConfig {
-    fontFamily: string;
-    fontBase64: string;
-}
 export type RenderConfigurations = RenderOptions & {
     backgroundColor: Color | null;
-    fontConfig: FontConfig;
+    fontConfig: FontConfig | FontConfig[] | undefined;
 };
 export type pageConfigOptions = {
     header: {
-        content: string;
+        content: string | ((renderer: any, pageNum: string) => void);
         height: number;
         contentPosition: 'center' | 'centerLeft' | 'centerRight' | 'centerTop' | 'centerBottom' | 'leftTop' | 'leftBottom' | 'rightTop' | 'rightBottom' | [number, number];
         contentColor: string;
@@ -29,7 +31,7 @@ export type pageConfigOptions = {
         padding?: [number, number, number, number];
     };
     footer: {
-        content: string;
+        content: string | ((renderer: any, pageNum: string) => void);
         height: number;
         contentPosition: 'center' | 'centerLeft' | 'centerRight' | 'centerTop' | 'centerBottom' | 'leftTop' | 'leftBottom' | 'rightTop' | 'rightBottom' | [number, number];
         contentColor: string;
@@ -45,31 +47,33 @@ export interface RenderOptions {
     width: number;
     height: number;
     pdfFileName?: string;
-    encryption?: {
-        userPassword?: string;
-        ownerPassword?: string;
-        userPermissions?: string[];
-    };
+    encryption?: EncryptionOptions | undefined;
     precision?: number;
     floatPrecision?: number | 'smart';
     compress?: boolean;
     putOnlyUsedFonts?: boolean;
     pagination?: boolean;
-    format?: 'a0' | 'a1' | 'a2' | 'a3' | 'a4' | 'a5' | 'a6' | 'a7' | 'a8' | 'a9' | 'a10' | 'b0' | 'b1' | 'b2' | 'b3' | 'b4' | 'b5' | 'b6' | 'b7' | 'b8' | 'b9' | 'b10' | 'c0' | 'c1' | 'c2' | 'c3' | 'c4' | 'c5' | 'c6' | 'c7' | 'c8' | 'c9' | 'c10' | 'dl' | 'letter' | 'government-letter' | 'legal' | 'junior-legal' | 'ledger' | 'tabloid' | 'credit-card';
+    format?: 'a0' | 'a1' | 'a2' | 'a3' | 'a4' | 'a5' | 'a6' | 'a7' | 'a8' | 'a9' | 'a10' | 'b0' | 'b1' | 'b2' | 'b3' | 'b4' | 'b5' | 'b6' | 'b7' | 'b8' | 'b9' | 'b10' | 'c0' | 'c1' | 'c2' | 'c3' | 'c4' | 'c5' | 'c6' | 'c7' | 'c8' | 'c9' | 'c10' | 'dl' | 'letter' | 'government-letter' | 'legal' | 'junior-legal' | 'ledger' | 'tabloid' | 'credit-card' | [number, number];
     pageConfig?: pageConfigOptions;
 }
+export declare class JsPdfContext2d {
+}
+export interface JsPdfContext2d extends Context2d {
+    getLineDash(): number[];
+    setLineDash(segments: number[]): void;
+}
 export declare class CanvasRenderer extends Renderer {
     canvas: HTMLCanvasElement;
-    ctx: CanvasRenderingContext2D;
-    readonly jspdfCtx: any;
-    readonly context2dCtx: any;
+    readonly jspdfCtx: jsPDF;
+    readonly context2dCtx: JsPdfContext2d;
     private readonly _activeEffects;
     private readonly fontMetrics;
     private readonly pxToPt;
     private totalPages;
     constructor(context: Context, options: RenderConfigurations);
-    loadFont(): Promise<void>;
-    addFontToJsPDF(fontData: string): void;
+    addFontToJsPDF(): void;
+    resetJsPDFFont(): void;
+    setTextFont(styles: CSSParsedDeclaration): string;
     applyEffects(effects: IElementEffect[]): void;
     applyEffect(effect: IElementEffect): void;
     popEffect(): void;
@@ -79,13 +83,15 @@ export declare class CanvasRenderer extends Renderer {
     private createFontStyle;
     private convertColor;
     renderTextNode(text: TextContainer, styles: CSSParsedDeclaration): Promise<void>;
-    renderReplacedElement(container: ReplacedElementContainer, curves: BoundCurves, image: HTMLImageElement | HTMLCanvasElement): void;
+    renderReplacedJsPdfImage(container: ImageElementContainer, image: HTMLImageElement | HTMLCanvasElement): void;
+    renderReplacedJsPdfSvg(container: SVGElementContainer, image: HTMLImageElement | HTMLCanvasElement): void;
+    renderReplacedJsPdfCanvasImage(container: CanvasElementContainer): void;
     renderNodeContent(paint: ElementPaint): Promise<void>;
     renderStackContent(stack: StackingContext): Promise<void>;
     mask(paths: Path[]): void;
-    path(paths: Path[]): void;
-    formatPath(paths: Path[]): void;
-    renderRepeat(path: Path[], pattern: CanvasPattern | CanvasGradient, offsetX: number, offsetY: number): void;
+    path(paths: Path[], ctx2d?: Context2d | CanvasRenderingContext2D): void;
+    formatPath(paths: Path[], ctx2d?: Context2d | CanvasRenderingContext2D): void;
+    renderRepeat(boxs: Bounds, ctx: CanvasRenderingContext2D, path: Path[], pattern: CanvasPattern | CanvasGradient): void;
     resizeImage(image: HTMLImageElement, width: number, height: number): HTMLCanvasElement | HTMLImageElement;
     renderBackgroundImage(container: ElementContainer): Promise<void>;
     renderSolidBorder(color: Color, side: number, curvePoints: BoundCurves): Promise<void>;
@@ -102,4 +108,3 @@ export declare class CanvasRenderer extends Renderer {
     private addImagePdf;
     output(): Promise<Blob>;
 }
-export {};

package/dist/render/paginate copy 2.d.ts

@@ -0,0 +1,3 @@
+import type { ElementContainer } from '../dom/element-container';
+import { pageConfigOptions } from './canvas/pdf-renderer';
+export declare const paginateNode: (root: ElementContainer, pageHeight: number, initialOffset?: number, totalHeight?: number, pageConfig?: pageConfigOptions) => ElementContainer[];

package/dist/render/paginate.d.ts

@@ -1,3 +1,3 @@
 import type { ElementContainer } from '../dom/element-container';
 import { pageConfigOptions } from './canvas/pdf-renderer';
-export declare const paginateNode: (root: ElementContainer, pageHeight: number, initialOffset?: number, pageConfig?: pageConfigOptions) => ElementContainer[];
+export declare const paginateNode: (root: ElementContainer, pageHeight: number, initialOffset?: number, totalHeight?: number, pageConfig?: pageConfigOptions) => ElementContainer[];

package/dist/types/index.d.ts

@@ -1,16 +1,17 @@
+import { jsPDF } from 'jspdf';
 import { ContextOptions } from './core/context';
 import { CloneOptions, WindowOptions } from './dom/document-cloner';
 import { RenderOptions } from './render/canvas/pdf-renderer';
-interface FontConfig {
-    fontFamily: string;
-    fontBase64: string;
-}
+import { FontConfig } from './utils';
 export type Options = CloneOptions & WindowOptions & RenderOptions & ContextOptions & {
     backgroundColor: string | null;
     foreignObjectRendering: boolean;
     divisionDisable?: boolean;
     removeContainer?: boolean;
-    fontConfig?: FontConfig;
+    fontConfig?: FontConfig | FontConfig[] | undefined;
+    onJspdfReady?: (jspdfCtx: jsPDF) => void;
+    onJspdfFinish?: (jspdfCtx: jsPDF) => void;
 };
-declare const dompdf: (element: HTMLElement, options?: Partial<Options>) => Promise<HTMLCanvasElement>;
+export type DompdfResult = HTMLCanvasElement | Blob;
+declare const dompdf: (element: HTMLElement, options?: Partial<Options>) => Promise<DompdfResult>;
 export default dompdf;

package/dist/types/render/canvas/pdf-renderer.d.ts

@@ -1,27 +1,29 @@
+import { Context2d, EncryptionOptions, jsPDF } from 'jspdf';
+import 'jspdf/dist/polyfills.es.js';
 import { Context } from '../../core/context';
 import { CSSParsedDeclaration } from '../../css';
+import { Bounds } from '../../css/layout/bounds';
 import { TextBounds } from '../../css/layout/text';
 import { BORDER_STYLE } from '../../css/property-descriptors/border-style';
 import { Color } from '../../css/types/color';
 import { ElementContainer } from '../../dom/element-container';
-import { ReplacedElementContainer } from '../../dom/replaced-elements';
+import { CanvasElementContainer } from '../../dom/replaced-elements/canvas-element-container';
+import { ImageElementContainer } from '../../dom/replaced-elements/image-element-container';
+import { SVGElementContainer } from '../../dom/replaced-elements/svg-element-container';
 import { TextContainer } from '../../dom/text-container';
 import { BoundCurves } from '../bound-curves';
 import { IElementEffect } from '../effects';
+import { FontConfig } from '../../utils';
 import { Path } from '../path';
 import { Renderer } from '../renderer';
 import { ElementPaint, StackingContext } from '../stacking-context';
-interface FontConfig {
-    fontFamily: string;
-    fontBase64: string;
-}
 export type RenderConfigurations = RenderOptions & {
     backgroundColor: Color | null;
-    fontConfig: FontConfig;
+    fontConfig: FontConfig | FontConfig[] | undefined;
 };
 export type pageConfigOptions = {
     header: {
-        content: string;
+        content: string | ((renderer: any, pageNum: string) => void);
         height: number;
         contentPosition: 'center' | 'centerLeft' | 'centerRight' | 'centerTop' | 'centerBottom' | 'leftTop' | 'leftBottom' | 'rightTop' | 'rightBottom' | [number, number];
         contentColor: string;
@@ -29,7 +31,7 @@ export type pageConfigOptions = {
         padding?: [number, number, number, number];
     };
     footer: {
-        content: string;
+        content: string | ((renderer: any, pageNum: string) => void);
         height: number;
         contentPosition: 'center' | 'centerLeft' | 'centerRight' | 'centerTop' | 'centerBottom' | 'leftTop' | 'leftBottom' | 'rightTop' | 'rightBottom' | [number, number];
         contentColor: string;
@@ -45,31 +47,33 @@ export interface RenderOptions {
     width: number;
     height: number;
     pdfFileName?: string;
-    encryption?: {
-        userPassword?: string;
-        ownerPassword?: string;
-        userPermissions?: string[];
-    };
+    encryption?: EncryptionOptions | undefined;
     precision?: number;
     floatPrecision?: number | 'smart';
     compress?: boolean;
     putOnlyUsedFonts?: boolean;
     pagination?: boolean;
-    format?: 'a0' | 'a1' | 'a2' | 'a3' | 'a4' | 'a5' | 'a6' | 'a7' | 'a8' | 'a9' | 'a10' | 'b0' | 'b1' | 'b2' | 'b3' | 'b4' | 'b5' | 'b6' | 'b7' | 'b8' | 'b9' | 'b10' | 'c0' | 'c1' | 'c2' | 'c3' | 'c4' | 'c5' | 'c6' | 'c7' | 'c8' | 'c9' | 'c10' | 'dl' | 'letter' | 'government-letter' | 'legal' | 'junior-legal' | 'ledger' | 'tabloid' | 'credit-card';
+    format?: 'a0' | 'a1' | 'a2' | 'a3' | 'a4' | 'a5' | 'a6' | 'a7' | 'a8' | 'a9' | 'a10' | 'b0' | 'b1' | 'b2' | 'b3' | 'b4' | 'b5' | 'b6' | 'b7' | 'b8' | 'b9' | 'b10' | 'c0' | 'c1' | 'c2' | 'c3' | 'c4' | 'c5' | 'c6' | 'c7' | 'c8' | 'c9' | 'c10' | 'dl' | 'letter' | 'government-letter' | 'legal' | 'junior-legal' | 'ledger' | 'tabloid' | 'credit-card' | [number, number];
     pageConfig?: pageConfigOptions;
 }
+export declare class JsPdfContext2d {
+}
+export interface JsPdfContext2d extends Context2d {
+    getLineDash(): number[];
+    setLineDash(segments: number[]): void;
+}
 export declare class CanvasRenderer extends Renderer {
     canvas: HTMLCanvasElement;
-    ctx: CanvasRenderingContext2D;
-    readonly jspdfCtx: any;
-    readonly context2dCtx: any;
+    readonly jspdfCtx: jsPDF;
+    readonly context2dCtx: JsPdfContext2d;
     private readonly _activeEffects;
     private readonly fontMetrics;
     private readonly pxToPt;
     private totalPages;
     constructor(context: Context, options: RenderConfigurations);
-    loadFont(): Promise<void>;
-    addFontToJsPDF(fontData: string): void;
+    addFontToJsPDF(): void;
+    resetJsPDFFont(): void;
+    setTextFont(styles: CSSParsedDeclaration): string;
     applyEffects(effects: IElementEffect[]): void;
     applyEffect(effect: IElementEffect): void;
     popEffect(): void;
@@ -79,13 +83,15 @@ export declare class CanvasRenderer extends Renderer {
     private createFontStyle;
     private convertColor;
     renderTextNode(text: TextContainer, styles: CSSParsedDeclaration): Promise<void>;
-    renderReplacedElement(container: ReplacedElementContainer, curves: BoundCurves, image: HTMLImageElement | HTMLCanvasElement): void;
+    renderReplacedJsPdfImage(container: ImageElementContainer, image: HTMLImageElement | HTMLCanvasElement): void;
+    renderReplacedJsPdfSvg(container: SVGElementContainer, image: HTMLImageElement | HTMLCanvasElement): void;
+    renderReplacedJsPdfCanvasImage(container: CanvasElementContainer): void;
     renderNodeContent(paint: ElementPaint): Promise<void>;
     renderStackContent(stack: StackingContext): Promise<void>;
     mask(paths: Path[]): void;
-    path(paths: Path[]): void;
-    formatPath(paths: Path[]): void;
-    renderRepeat(path: Path[], pattern: CanvasPattern | CanvasGradient, offsetX: number, offsetY: number): void;
+    path(paths: Path[], ctx2d?: Context2d | CanvasRenderingContext2D): void;
+    formatPath(paths: Path[], ctx2d?: Context2d | CanvasRenderingContext2D): void;
+    renderRepeat(boxs: Bounds, ctx: CanvasRenderingContext2D, path: Path[], pattern: CanvasPattern | CanvasGradient): void;
     resizeImage(image: HTMLImageElement, width: number, height: number): HTMLCanvasElement | HTMLImageElement;
     renderBackgroundImage(container: ElementContainer): Promise<void>;
     renderSolidBorder(color: Color, side: number, curvePoints: BoundCurves): Promise<void>;
@@ -102,4 +108,3 @@ export declare class CanvasRenderer extends Renderer {
     private addImagePdf;
     output(): Promise<Blob>;
 }
-export {};

package/dist/types/render/paginate copy 2.d.ts

@@ -0,0 +1,3 @@
+import type { ElementContainer } from '../dom/element-container';
+import { pageConfigOptions } from './canvas/pdf-renderer';
+export declare const paginateNode: (root: ElementContainer, pageHeight: number, initialOffset?: number, totalHeight?: number, pageConfig?: pageConfigOptions) => ElementContainer[];

package/dist/types/render/paginate.d.ts

@@ -1,3 +1,3 @@
 import type { ElementContainer } from '../dom/element-container';
 import { pageConfigOptions } from './canvas/pdf-renderer';
-export declare const paginateNode: (root: ElementContainer, pageHeight: number, initialOffset?: number, pageConfig?: pageConfigOptions) => ElementContainer[];
+export declare const paginateNode: (root: ElementContainer, pageHeight: number, initialOffset?: number, totalHeight?: number, pageConfig?: pageConfigOptions) => ElementContainer[];

package/dist/types/utils/css-utils.d.ts

@@ -0,0 +1,2 @@
+import { BACKGROUND_REPEAT } from '../css/property-descriptors/background-repeat';
+export declare function getBackgroundRepeat(value: BACKGROUND_REPEAT): string;

package/dist/types/utils/element-utils.d.ts

@@ -0,0 +1,7 @@
+import type { ElementContainer } from '../dom/element-container';
+/**
+ * Recursively traverse the nodes and check whether the textNodes of all levels are empty arrays
+ * @param {ElementContainer} node
+ * @returns {boolean} - If all textNodes are empty, return true; otherwise, return false
+ */
+export declare function checkAllTextNodesEmpty(node: ElementContainer): boolean;

package/dist/types/utils/font-utils.d.ts

@@ -0,0 +1,9 @@
+export interface FontConfig {
+    fontFamily: string;
+    fontBase64: string;
+    fontStyle: string;
+    fontWeight: 400 | 700;
+    iconFont?: boolean;
+}
+export declare function validateFontConfig(fontConfig: FontConfig | FontConfig[] | undefined): boolean;
+export declare function setOptionFontConfig(rawConfig: FontConfig | FontConfig[] | undefined): FontConfig[] | undefined;

package/dist/types/utils/index.d.ts

@@ -0,0 +1,5 @@
+export * from './css-utils';
+export * from './element-utils';
+export * from './font-utils';
+export * from './type-utils';
+export * from './url-path';

package/dist/types/utils/type-utils.d.ts

@@ -0,0 +1,4 @@
+export declare function isEmptyValue(obj: unknown): boolean;
+export declare function isArray(obj: unknown): obj is Array<unknown>;
+export declare function isObject(obj: unknown): obj is Record<string, unknown>;
+export declare function isFunction(fn: unknown): fn is (...args: unknown[]) => unknown;

package/dist/types/utils/url-path.d.ts

@@ -0,0 +1,7 @@
+/**
+ * 判断图片路径是否为指定类型的图片
+ * @param {string} path 图片路径/URL（如 "../tests/assets/image.svg"、"https://xxx.com/photo.webp"）
+ * @param {("svg" | "webp" | "png" | "jpg" | "gif" | "unknown")} type 要判断的图片类型
+ * @returns {boolean} 是否为指定类型的图片
+ */
+export declare function getImageTypeByPath(path: string, type: 'svg' | 'webp' | 'png' | 'jpg' | 'gif' | 'unknown'): boolean;

package/dist/utils/css-utils.d.ts

@@ -0,0 +1,2 @@
+import { BACKGROUND_REPEAT } from '../css/property-descriptors/background-repeat';
+export declare function getBackgroundRepeat(value: BACKGROUND_REPEAT): string;

package/dist/utils/element-utils.d.ts

@@ -0,0 +1,7 @@
+import type { ElementContainer } from '../dom/element-container';
+/**
+ * Recursively traverse the nodes and check whether the textNodes of all levels are empty arrays
+ * @param {ElementContainer} node
+ * @returns {boolean} - If all textNodes are empty, return true; otherwise, return false
+ */
+export declare function checkAllTextNodesEmpty(node: ElementContainer): boolean;

package/dist/utils/font-utils.d.ts

@@ -0,0 +1,9 @@
+export interface FontConfig {
+    fontFamily: string;
+    fontBase64: string;
+    fontStyle: string;
+    fontWeight: 400 | 700;
+    iconFont?: boolean;
+}
+export declare function validateFontConfig(fontConfig: FontConfig | FontConfig[] | undefined): boolean;
+export declare function setOptionFontConfig(rawConfig: FontConfig | FontConfig[] | undefined): FontConfig[] | undefined;

package/dist/utils/index.d.ts

@@ -0,0 +1,5 @@
+export * from './css-utils';
+export * from './element-utils';
+export * from './font-utils';
+export * from './type-utils';
+export * from './url-path';

package/dist/utils/type-utils.d.ts

@@ -0,0 +1,4 @@
+export declare function isEmptyValue(obj: unknown): boolean;
+export declare function isArray(obj: unknown): obj is Array<unknown>;
+export declare function isObject(obj: unknown): obj is Record<string, unknown>;
+export declare function isFunction(fn: unknown): fn is (...args: unknown[]) => unknown;

package/dist/utils/url-path.d.ts

@@ -0,0 +1,7 @@
+/**
+ * 判断图片路径是否为指定类型的图片
+ * @param {string} path 图片路径/URL（如 "../tests/assets/image.svg"、"https://xxx.com/photo.webp"）
+ * @param {("svg" | "webp" | "png" | "jpg" | "gif" | "unknown")} type 要判断的图片类型
+ * @returns {boolean} 是否为指定类型的图片
+ */
+export declare function getImageTypeByPath(path: string, type: 'svg' | 'webp' | 'png' | 'jpg' | 'gif' | 'unknown'): boolean;

package/fontconverter/FileSaver.js

@@ -0,0 +1,2 @@
+/*! @source http://purl.eligrey.com/github/FileSaver.js/blob/master/FileSaver.js */
+var saveAs=saveAs||function(e){"use strict";if(typeof e==="undefined"||typeof navigator!=="undefined"&&/MSIE [1-9]\./.test(navigator.userAgent)){return}var t=e.document,n=function(){return e.URL||e.webkitURL||e},r=t.createElementNS("http://www.w3.org/1999/xhtml","a"),o="download"in r,a=function(e){var t=new MouseEvent("click");e.dispatchEvent(t)},i=/constructor/i.test(e.HTMLElement)||e.safari,f=/CriOS\/[\d]+/.test(navigator.userAgent),u=function(t){(e.setImmediate||e.setTimeout)(function(){throw t},0)},s="application/octet-stream",d=1e3*40,c=function(e){var t=function(){if(typeof e==="string"){n().revokeObjectURL(e)}else{e.remove()}};setTimeout(t,d)},l=function(e,t,n){t=[].concat(t);var r=t.length;while(r--){var o=e["on"+t[r]];if(typeof o==="function"){try{o.call(e,n||e)}catch(a){u(a)}}}},p=function(e){if(/^\s*(?:text\/\S*|application\/xml|\S*\/\S*\+xml)\s*;.*charset\s*=\s*utf-8/i.test(e.type)){return new Blob([String.fromCharCode(65279),e],{type:e.type})}return e},v=function(t,u,d){if(!d){t=p(t)}var v=this,w=t.type,m=w===s,y,h=function(){l(v,"writestart progress write writeend".split(" "))},S=function(){if((f||m&&i)&&e.FileReader){var r=new FileReader;r.onloadend=function(){var t=f?r.result:r.result.replace(/^data:[^;]*;/,"data:attachment/file;");var n=e.open(t,"_blank");if(!n)e.location.href=t;t=undefined;v.readyState=v.DONE;h()};r.readAsDataURL(t);v.readyState=v.INIT;return}if(!y){y=n().createObjectURL(t)}if(m){e.location.href=y}else{var o=e.open(y,"_blank");if(!o){e.location.href=y}}v.readyState=v.DONE;h();c(y)};v.readyState=v.INIT;if(o){y=n().createObjectURL(t);setTimeout(function(){r.href=y;r.download=u;a(r);h();c(y);v.readyState=v.DONE});return}S()},w=v.prototype,m=function(e,t,n){return new v(e,t||e.name||"download",n)};if(typeof navigator!=="undefined"&&navigator.msSaveOrOpenBlob){return function(e,t,n){t=t||e.name||"download";if(!n){e=p(e)}return navigator.msSaveOrOpenBlob(e,t)}}w.abort=function(){};w.readyState=w.INIT=0;w.WRITING=1;w.DONE=2;w.error=w.onwritestart=w.onprogress=w.onwrite=w.onabort=w.onerror=w.onwriteend=null;return m}(typeof self!=="undefined"&&self||typeof window!=="undefined"&&window||this.content);if(typeof module!=="undefined"&&module.exports){module.exports.saveAs=saveAs}else if(typeof define!=="undefined"&&define!==null&&define.amd!==null){define("FileSaver.js",function(){return saveAs})}