@syzlm/ofdparser 0.0.1

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

@@ -0,0 +1,137 @@
+import { Res } from '../core/ofd-core';
+/**
+ * @desc 字体family
+ */
+export declare const FONT_FAMILY: {
+    楷体: string;
+    kaiti: string;
+    Kai: string;
+    simsun: string;
+    宋体: string;
+    黑体: string;
+    仿宋: string;
+    小标宋体: string;
+    方正小标宋_gbk: string;
+    仿宋_gb2312: string;
+    楷体_gb2312: string;
+    华文楷体: string;
+    华文中宋: string;
+    couriernew: string;
+    'courier new': string;
+};
+export declare const pageZIndex: {
+    Background: number;
+    Body: number;
+    WatermarkAnnot: number;
+    Foreground: number;
+    Stamp: number;
+    Watermark: number;
+};
+/**
+ * 设置style样式文件
+ * @param ele
+ * @param styles
+ */
+export declare const setStyle: (ele: HTMLElement | SVGImageElement | SVGSVGElement, styles: {
+    [k: string]: string | number;
+}) => void;
+export declare const converterDpi: (p: string | number) => number;
+export declare const parseCtm: (ctm: string) => string[] | null;
+export declare const parseAbbreviatedData: (abbreviatedData: string) => string | null;
+/**
+ * 格式化ST_Box数据
+ * @param ST_Box
+ * @returns
+ */
+export declare const formatSTBox: (a: string, shouldAds?: boolean) => {
+    left: number;
+    top: number;
+    width: number;
+    height: number;
+};
+export declare const getRes: (Res: Res[] | null, resId: string, type: string) => Res | null;
+export declare const getFont: (Fonts: Res[] | null, resId: string) => Res | null;
+export declare const getDrawParam: (DrawParam: Res[] | null, resId: string) => Res | null;
+export declare const getMultiMedia: (MultiMedias: Res[] | null, resId: string) => Res | null;
+/**
+ * 替换html可识别family
+ * @param fontObj
+ * @returns
+ */
+export declare const getFontFamily: (fontInfo?: Res) => any;
+/**
+ * 格式化颜色
+ * @param color
+ * @returns
+ */
+export declare const parseColor: (color: string) => string;
+/**
+ *
+ * @param textCodes
+ * @param cgTransform
+ * @param ctm
+ * @param boundary
+ * @param compositeObjectBoundary
+ * @param compositeObjectCTM
+ * @returns
+ */
+export declare const calTextPoint: (textCode: {
+    [k: string]: any;
+}, cgTransform: {
+    [k: string]: any;
+}, ctm: string | string[], Boundary: string, compositeObjectCTM?: any, isSelfFont?: boolean) => any[];
+export declare const drawBMPImage: (d: string) => Promise<string>;
+/**
+ * 绘制自定义字体
+ * @param path
+ * @param horiUnderlinePosition
+ * @param units_per_EM
+ * @param xsize
+ * @param ysize
+ * @param color
+ * @param defaultFillOpacity
+ * @returns
+ */
+export declare const drawGlyph: (path: string, horiUnderlinePosition: string, units_per_EM: number, xsize: number, ysize: number, color: string, defaultFillOpacity: string) => {
+    img: SVGSVGElement;
+    yScale: number;
+};
+/**
+ * @description 判断两个矩形是否交叉
+ * @param rect1
+ * @param rect2
+ * @returns
+ */
+export declare function doRectanglesIntersect(rect1: {
+    left: number;
+    top: number;
+    width: number;
+    height: number;
+}, rect2: {
+    left: number;
+    top: number;
+    width: number;
+    height: number;
+}): boolean;
+/**
+ * @description 计算两个矩形交叉位置
+ * @param rect1
+ * @param rect2
+ * @returns
+ */
+export declare function getIntersection(rect1: {
+    left: number;
+    top: number;
+    width: number;
+    height: number;
+}, rect2: {
+    left: number;
+    top: number;
+    width: number;
+    height: number;
+}): {
+    left: number;
+    top: number;
+    width: number;
+    height: number;
+} | null;

package/dist/ofd/ofd.d.ts

@@ -0,0 +1,35 @@
+import { ResultData } from '../core/ofd-core';
+interface Options {
+    file: string | File | ArrayBuffer;
+    ofd?: string | File | ArrayBuffer;
+    content?: Element;
+    id?: string;
+    fail?: (err: Error) => undefined;
+    success?: (s: HTMLElement) => undefined;
+    screenWidth?: number;
+    requestOptions?: undefined | {
+        [key: string]: any;
+    };
+    requestData?: undefined | {
+        [key: string]: any;
+    };
+    responseFilter?: (key: {
+        [key: string]: string | number;
+    }) => string;
+}
+/**
+ * 直接输出渲染节点
+ * @param param0
+ * @returns
+ */
+export declare const getSVGDoms: (r: Options) => Promise<HTMLElement>;
+/**
+ *  输出格式化OFD JSON
+ * @param param0
+ * @returns
+ */
+declare const OFDParse: (p: Options) => Promise<{
+    code: number;
+    data: ResultData;
+}>;
+export default OFDParse;

package/dist/ofd/parse-ofd.d.ts

@@ -0,0 +1,18 @@
+import JSZip from 'jszip';
+import { ResultData } from '../core/ofd-core';
+interface OFDXML {
+    'OFD.xml': any;
+    [key: string]: any;
+}
+/**
+ * @description 解析ofd.xml
+ */
+/**
+ * @description 解析ofd xml 文件
+ * @param data OFD解压出来的文件
+ * @param zip jszip 实例化对象
+ * @param isParse true:直接返回解析json，false 返回dom节点
+ * @param isSeal true:签章渲染，false:非签章渲染
+ */
+declare const parse: (data: OFDXML, zip: JSZip, defaultWidth?: number, isParse?: boolean, isSeal?: boolean) => Promise<HTMLElement | ResultData>;
+export default parse;

package/dist/ofd/render.d.ts

@@ -0,0 +1,18 @@
+import { ResultData, Page } from '../core/ofd-core/index.d';
+/**
+ * 渲染OFD
+ * @param data OFD元数据
+ * @param zip 解压
+ * @param defaultWall 最大宽度
+ * @param isSeal 是否是签章渲染
+ */
+export declare const OFDRender: (data: ResultData, defaultWidth?: number, isSeal?: boolean) => HTMLDivElement;
+/**
+ * 序列化绘制 Template pages
+ * @param pages
+ * @param data
+ * @param zIndex
+ * @param pageDivs
+ */
+export declare const renderTplsPage: (pages: Page[], data: ResultData, zIndex: number) => any[];
+export declare const renderPage: (page: Page, data: ResultData, content?: HTMLElement) => any[];

package/dist/ofd/svg-image.d.ts

@@ -0,0 +1,12 @@
+import { ResultData, LayerPageBlock, StampAnnot } from '../core/ofd-core/index.d';
+interface PictureInfo {
+    type: string;
+    data: Uint8Array;
+    width: string;
+    height: string;
+}
+declare const renderImageObject: (imageObject: LayerPageBlock & {
+    [k: string]: any;
+}, data: ResultData, content: HTMLElement, isStampAnnot?: boolean, StampId?: string, PageRef?: string, compositeObjectCTM?: any) => Promise<false | undefined>;
+export declare const renderBitImage: (pictureInfo: PictureInfo, Box: StampAnnot, content: HTMLElement) => HTMLCanvasElement | undefined;
+export default renderImageObject;

package/dist/ofd/svg-path.d.ts

@@ -0,0 +1,5 @@
+import { ResultData, LayerPageBlock } from '../core/ofd-core/index.d';
+declare const renderPathObject: (pathObject: LayerPageBlock & {
+    [k: string]: any;
+}, data: ResultData, content: HTMLElement, drawLineWidth?: number, drawFillColor?: string, drawStrokeColor?: string, isStampAnnot?: boolean, compositeObjectAlpha?: any, compositeObjectBoundary?: any, compositeObjectCTM?: any) => SVGSVGElement | undefined;
+export default renderPathObject;

package/dist/ofd/svg-text.d.ts

@@ -0,0 +1,8 @@
+import { ResultData, LayerPageBlock } from '../core/ofd-core/index.d';
+/**
+ * 绘制Text
+ */
+declare const renderTextObject: (info: LayerPageBlock & {
+    [k: string]: any;
+}, data: ResultData, content: HTMLElement, drawFillColor?: string, drawStrokeColor?: string) => void;
+export default renderTextObject;

package/dist/ofd.parse.d.ts

@@ -0,0 +1,6 @@
+import type { Result } from './types.d';
+/**
+ * @description 解压OFD文件
+ * @param file
+ */
+export declare const OFDInit: (file: string | File | ArrayBuffer) => Promise<Result>;

package/dist/ofd.xml.d.ts

@@ -0,0 +1 @@
+export default OFD;

package/dist/ofdParse.d.ts

@@ -0,0 +1,6 @@
+import type { Result } from './types';
+/**
+ * @description 解压OFD文件
+ * @param file
+ */
+export declare const OFDInit: (file: string | File | ArrayBuffer) => Promise<Result>;

package/dist/pipe/annotations.d.ts

@@ -0,0 +1,13 @@
+import Base from './pipeline';
+import type { PipeLineData } from './pipeline';
+/**
+ * @description Annotations数据
+ * ```
+ *
+ * ```
+ */
+declare class Annotations extends Base {
+    constructor();
+    resolveData(data: PipeLineData): void;
+}
+export default Annotations;

package/dist/pipe/attachments.d.ts

@@ -0,0 +1,13 @@
+import Base from './pipeline';
+import type { PipeLineData } from './pipeline';
+/**
+ * @description Attachments附件列表数据
+ * ```
+ *
+ * ```
+ */
+declare class Attachments extends Base {
+    constructor();
+    resolveData(data: PipeLineData): void;
+}
+export default Attachments;

package/dist/pipe/commonData.d.ts

@@ -0,0 +1,18 @@
+import Base from './pipeline';
+import type { PipeLineData } from './pipeline';
+/**
+ * @description 文档公共数据
+ * ```
+ * MaxUnitID: 当前文档中所有对象标识最大值，初始值为0。MaxUnitID主要用于文档编辑，在向文档中新增加一个对象时，需要分配一个新的标识，新标识取值宜为MaxUnitID+1，同时需要修改此MaxUnitID值。
+ * PageArea:指定该文档页面区域的默认大小和位置。
+ * PublicRes:公共资源序列，每个节点指向OFD包内的一个资源描述文档。
+ * DocumnetRes:文档资源序列，每个节点指向OFD包内的一个资源描述文档。
+ * TemplatePage:模版页序列，为一系列模版页集合，模版页内容结构和普通页相同。
+ * DefaultCS:引用在资源文件中定义的颜色空间标识。
+ * ```
+ */
+declare class CommonData extends Base {
+    constructor();
+    resolveData(data: PipeLineData): void;
+}
+export default CommonData;

package/dist/pipe/customTags.d.ts

@@ -0,0 +1,14 @@
+import Base from './pipeline';
+import type { PipeLineData } from './pipeline';
+/**
+ * @description CustomTags自定义标引文件列表
+ * 外部系统或用户可以添加自定义的标记和信息,从而达到与其他系统、数据进行交互的目的并扩展应用。一个文档可以带有多个自定义标引。
+ * ```
+ *
+ * ```
+ */
+declare class CustomTags extends Base {
+    constructor();
+    resolveData(data: PipeLineData): void;
+}
+export default CustomTags;

package/dist/pipe/extensions.d.ts

@@ -0,0 +1,14 @@
+import Base from './pipeline';
+import type { PipeLineData } from './pipeline';
+/**
+ * @description Extensions自定义标引文件列表
+ * 扩展信息列表的人口点在 7.5 文档根节点中定义。扩展信息列表文件的根节点名为 Extensions,其下由0到多个扩展信息节点(Extension)组成,扩展信息列表的根节点结构如图 83 所示。
+ * ```
+ *
+ * ```
+ */
+declare class Extensions extends Base {
+    constructor();
+    resolveData(data: PipeLineData): void;
+}
+export default Extensions;

package/dist/pipe/output.d.ts

@@ -0,0 +1,7 @@
+import Base from './pipeline';
+import type { PipeLineData } from './pipeline';
+declare class Output extends Base<PipeLineData> {
+    constructor();
+    resolveData(data: PipeLineData): void;
+}
+export default Output;

package/dist/pipe/pages.d.ts

@@ -0,0 +1,13 @@
+import Base from './pipeline';
+import type { PipeLineData } from './pipeline';
+/**
+ * @description Pages数据
+ * ```
+ *
+ * ```
+ */
+declare class Pages extends Base {
+    constructor();
+    resolveData(data: PipeLineData): void;
+}
+export default Pages;

package/dist/pipe/permissions.d.ts

@@ -0,0 +1,14 @@
+import Base from './pipeline';
+import type { PipeLineData } from './pipeline';
+/**
+ * @description Permissions
+ * 本标准支持设置文档权限声明(Permissions)节点,以达到文档防扩散等应用目的。文档权限声明结构如图 9所示。
+ * ```
+ *
+ * ```
+ */
+declare class Permissions extends Base {
+    constructor();
+    resolveData(data: PipeLineData): void;
+}
+export default Permissions;

package/dist/pipe/pipeline.d.ts

@@ -0,0 +1,63 @@
+import type { Elements } from 'src/types.d';
+export type PipeLineData = {
+    rootElements: Elements[];
+    OFDDocumnet?: any;
+    [k: string]: any;
+};
+type Pipeline<T = any> = {
+    /**
+     * 实现该方法可以将数据通过管道一层层传递下去
+     * @param data
+     */
+    push(data?: PipeLineData): void;
+    /**
+     * 将多节管道链接起来
+     * e.g.
+     * const app = new BaseApp();
+     * app.pipe(new TestApp1()).pipe(new TestApp2()).pipe(new TestApp3()).pipe(new Output()).pipe(new End())
+     * @param _next
+     */
+    pipe(_next: Pipeline<T>): Pipeline<T>;
+    /**
+     * 用于接受从上一节管道传递下来的数据，可进行加工后传递到下一节管道
+     * @param data
+     */
+    resolveData(data: PipeLineData): void;
+    /**
+     * 获取最终数据
+     * @param data
+     */
+    getCompleteData(): PipeLineData;
+};
+declare class Base<P = PipeLineData> implements Pipeline<P> {
+    constructor(data?: PipeLineData);
+    protected data: any;
+    /**
+     * 仅内部使用，下一节管道的引用
+     */
+    protected next: Pipeline<PipeLineData> | undefined;
+    /**
+     * 接受到数据后，使用 resolveData 处理获得新数据后，将新数据推送到下一节管道
+     * @param data
+     */
+    push(data: PipeLineData): void;
+    /**
+     * 链接管道
+     * 让 pipe 的返回值始终是下一节管道的引用，这样就可以链式调用
+     * @param _next
+     * @returns
+     */
+    pipe(_next: Pipeline<P>): Pipeline<P>;
+    /**
+     * 数据处理，返回最新的数据对象
+     * @param data
+     * @returns
+     */
+    resolveData(data: PipeLineData): void;
+    /**
+     * 数据处理，返回最新的数据对象
+     * @returns
+     */
+    getCompleteData(): any;
+}
+export default Base;

package/dist/pipe/startPipe.d.ts

@@ -0,0 +1,11 @@
+/**
+ * @description 第一节管道
+ */
+import Base, { PipeLineData } from './pipeline';
+/**
+ * @description 第一节水管传入源数据
+ */
+declare class InputPipe extends Base<PipeLineData> {
+    constructor(data: PipeLineData);
+}
+export default InputPipe;

package/dist/xml/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from './xml';
+export { default as render } from './render';

package/dist/xml/render.d.ts

@@ -0,0 +1,6 @@
+import { Element } from 'xml-js';
+export declare const elementRender: (w: Element[], d: HTMLElement) => boolean;
+export declare const textRender: (a: Element, d: HTMLElement) => void;
+export declare const cdataRender: (a: Element, d: HTMLElement) => void;
+declare const render: (a: any) => HTMLDivElement;
+export default render;

package/dist/xml/xml.d.ts

@@ -0,0 +1,18 @@
+interface Options {
+    file: string | File | ArrayBuffer;
+    content?: Element;
+    id?: string;
+    success?: (k: Element) => any;
+    fail?: (e: Error) => any;
+    requestOptions?: undefined | {
+        [key: string]: any;
+    };
+    requestData?: undefined | {
+        [key: string]: any;
+    };
+    responseFilter?: (key: {
+        [key: string]: string | number;
+    }) => string;
+}
+declare const _default: ({ file, content, id, ...restOptions }: Options) => Promise<unknown>;
+export default _default;

package/package.json

@@ -0,0 +1,47 @@
+{
+  "name": "@syzlm/ofdparser",
+  "version": "0.0.1",
+  "description": "ofd javascript解析器",
+  "main": "dist/bundle.cjs.js",
+  "module": "dist/bundle.esm.js",
+  "browser": "dist/bundle.umd.js",
+  "types": "dist/index.d.ts",
+  "scripts": {
+    "test": "echo \"Error: no test specified\" && exit 1",
+    "build": "rollup -c",
+    "dev": "rollup --config rollup.config.dev.mjs -w"
+  },
+  "keywords": [
+    "ofd"
+  ],
+  "author": "@syzlm",
+  "license": "ISC",
+  "dependencies": {
+    "fontkit": "^2.0.4",
+    "jszip": "^3.10.1",
+    "xml-js": "^1.6.11"
+  },
+  "devDependencies": {
+    "@babel/core": "^7.26.0",
+    "@babel/plugin-syntax-object-rest-spread": "^7.8.3",
+    "@babel/plugin-transform-runtime": "^7.25.9",
+    "@babel/preset-env": "^7.26.0",
+    "@babel/runtime": "^7.26.0",
+    "@eslint/js": "^9.17.0",
+    "@rollup/plugin-babel": "^6.0.4",
+    "@rollup/plugin-commonjs": "^28.0.2",
+    "@rollup/plugin-html": "^1.1.0",
+    "@rollup/plugin-node-resolve": "^16.0.0",
+    "@rollup/plugin-terser": "^0.4.4",
+    "@rollup/plugin-typescript": "^12.1.2",
+    "eslint": "^9.17.0",
+    "globals": "^15.14.0",
+    "prettier": "^3.4.2",
+    "rollup": "^4.29.1",
+    "rollup-plugin-livereload": "^2.0.5",
+    "rollup-plugin-serve": "^1.1.1",
+    "tslib": "^2.8.1",
+    "typescript": "^5.7.2",
+    "typescript-eslint": "^8.18.2"
+  }
+}

package/public/index.html

@@ -0,0 +1,75 @@
+<!DOCTYPE html>
+<html lang="zh-cn">
+
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Document</title>
+    <script src="bundle.umd.js"></script>
+    <style>
+        html,
+        body,
+        div {
+            margin: 0;
+            padding: 0;
+        }
+
+        .input-file {
+            position: relative;
+            display: flex;
+            cursor: pointer;
+            width: 100%;
+            padding: 10px 0;
+            justify-content: center;
+            border-bottom: 1px solid #333;
+        }
+
+        .input-file input {
+            color: transparent;
+            background-color: transparent;
+            border: none;
+            outline: none;
+            width: 100%;
+            position: absolute;
+            top: 0;
+            bottom: 0;
+            left: 0;
+            font-size: 100px;
+            z-index: 2;
+            opacity: 0;
+            cursor: pointer;
+        }
+
+        #test {
+            text-align: center;
+        }
+    </style>
+</head>
+
+<body>
+    <div id="input-file">
+        <span>请选择文件</span>
+        <input type="file" id="file" />
+    </div>
+    <div id="test"></div>
+    <script>
+        (function () {
+            const showDom = document.querySelector('#test')
+
+            var inputDom = document.querySelector('#file');
+            inputDom.addEventListener('change', function (e) {
+                document.querySelector('#test').innerHTML = "正在解析文件..."
+                var files = e.target.files;
+                if (BEST_OFD && files[0]) {
+                    console.dir('BEST_OFD:', BEST_OFD)
+                    BEST_OFD.getSVGDoms({ file: files[0], content: document.querySelector('#test') })
+                }
+                var readFile = new FileReader();
+
+            })
+
+        })()
+    </script>
+</body>
+
+</html>