@agile_jy/word-editor 0.0.1-beta.2 → 0.0.1-beta.21

package/dist/src/components/dialog/Dialog.d.ts

@@ -0,0 +1,38 @@
+import './dialog.css';
+export interface IDialogData {
+    type: string;
+    label?: string;
+    name: string;
+    value?: string;
+    options?: {
+        label: string;
+        value: string;
+    }[];
+    placeholder?: string;
+    width?: number;
+    height?: number;
+    required?: boolean;
+    searchable?: boolean;
+}
+export interface IDialogConfirm {
+    name: string;
+    value: string;
+}
+export interface IDialogOptions {
+    onClose?: () => void;
+    onCancel?: () => void;
+    onConfirm?: (payload: IDialogConfirm[]) => void;
+    title: string;
+    data: IDialogData[];
+}
+export declare class Dialog {
+    private options;
+    private mask;
+    private container;
+    private inputList;
+    private searchDropdowns;
+    constructor(options: IDialogOptions);
+    private _render;
+    private _createSearchableSelect;
+    private _dispose;
+}

package/dist/src/editor/core/command/Command.d.ts

@@ -97,6 +97,8 @@ export declare class Command {
     executeLocationCatalog: CommandAdapt['locationCatalog'];
     executeWordTool: CommandAdapt['wordTool'];
     executeSetHTML: CommandAdapt['setHTML'];
+    executeSetHtmlDocx: CommandAdapt['setHtmlDocx'];
+    executeImportDocx: CommandAdapt['importDocx'];
     executeSetGroup: CommandAdapt['setGroup'];
     executeDeleteGroup: CommandAdapt['deleteGroup'];
     executeLocationGroup: CommandAdapt['locationGroup'];

package/dist/src/editor/core/command/CommandAdapt.d.ts

@@ -10,7 +10,7 @@ import { ICatalog } from '../../interface/Catalog';
 import { DeepRequired } from '../../interface/Common';
 import { IGetControlValueOption, IGetControlValueResult, ILocationControlOption, IRemoveControlOption, ISetControlExtensionOption, ISetControlHighlightOption, ISetControlProperties, ISetControlValueOption } from '../../interface/Control';
 import { IAppendElementListOption, IDrawImagePayload, IForceUpdateOption, IGetImageOption, IGetValueOption, IPainterOption } from '../../interface/Draw';
-import { IEditorData, IEditorHTML, IEditorOption, IEditorResult, IEditorText, IFocusOption, ISetValueOption, IUpdateOption } from '../../interface/Editor';
+import { IEditorData, IEditorHTML, IEditorOption, IEditorResult, IEditorText, IFocusOption, IImportDocxOption, ISetHtmlDocxOption, ISetValueOption, IUpdateOption } from '../../interface/Editor';
 import { IDeleteElementByIdOption, IElement, IElementPosition, IGetElementByIdOption, IImageCaption, IImageCrop, IInsertElementListOption, IUpdateElementByIdOption } from '../../interface/Element';
 import { ICopyOption, IPasteOption, IPositionContextByEventOption, IPositionContextByEventResult } from '../../interface/Event';
 import { IMargin } from '../../interface/Margin';
@@ -157,6 +157,14 @@ export declare class CommandAdapt {
     locationCatalog(titleId: string): void;
     wordTool(): void;
     setHTML(payload: Partial<IEditorHTML>): void;
+    /**
+     * 解析 docx-preview 已挂载 DOM：纸张/页边距 + 段落版式，section 间插分页符
+     */
+    setHtmlDocx(payload: ISetHtmlDocxOption): void;
+    /**
+     * 导入 Word/HTML 字符串：挂载临时 DOM 后走 setHtmlDocx
+     */
+    importDocx(payload: IImportDocxOption): void;
     setGroup(): string | null;
     deleteGroup(groupId: string): void;
     getGroupIds(): Promise<string[]>;

package/dist/src/editor/index.d.ts

@@ -1,6 +1,7 @@
 import './assets/css/index.css';
-import { IEditorData, IEditorOption, IEditorResult } from './interface/Editor';
+import { IEditorData, IEditorOption, IEditorResult, IImportDocxOption } from './interface/Editor';
 import { IElement, IFormInputImage, IUpdateElementByIdOption } from './interface/Element';
+import { IFormImageProperties, ISignatureImage, ISealImage, IRiskCopyImage } from '../utils';
 import { Command } from './core/command/Command';
 import { Listener } from './core/listener/Listener';
 import { RowFlex } from './dataset/enum/Row';
@@ -40,7 +41,9 @@ import { AreaMode } from './dataset/enum/Area';
 import { IBadge } from './interface/Badge';
 import { WatermarkType } from './dataset/enum/Watermark';
 import { INTERNAL_SHORTCUT_KEY } from './dataset/constant/Shortcut';
-import { formInputPropertiesConfigDialog, formCheckboxPropertiesConfigDialog, formRadioPropertiesConfigDialog } from '../utils';
+import { formInputPropertiesConfigDialog, formCheckboxPropertiesConfigDialog, formRadioPropertiesConfigDialog, formImagePropertiesConfigDialog, formSignatureConfigDialog, formSealConfigDialog, formRiskCopyConfigDialog } from '../utils';
+import { Dialog, type IDialogData, type IDialogConfirm, type IDialogOptions } from '../components/dialog/Dialog';
+import docxPlugin from '../plugins/docx';
 export default class Editor {
     command: Command;
     version: string;
@@ -54,6 +57,10 @@ export default class Editor {
     showFormInputConfig(el?: IElement | null): void;
     showFormCheckboxConfig(el?: IElement | null): void;
     showFormRadioConfig(el?: IElement | null): void;
+    showFormImageConfig(el?: IElement | null): void;
+    showFormSignatureConfig(el?: IElement | null): void;
+    showFormSealConfig(el?: IElement | null): void;
+    showFormRiskCopyConfig(el?: IElement | null): void;
     /**
      * 设置外部扩展参数
      * @param key 参数键名
@@ -91,5 +98,5 @@ export default class Editor {
 export { splitText, createDomFromElementList, getElementListByHTML, getTextFromElementList };
 export { EDITOR_COMPONENT, LETTER_CLASS, INTERNAL_CONTEXT_MENU_KEY, INTERNAL_SHORTCUT_KEY, EDITOR_CLIPBOARD };
 export { Editor, RowFlex, VerticalAlign, EditorZone, EditorMode, ElementType, ControlType, EditorComponent, PageMode, RenderMode, ImageDisplay, Command, KeyMap, BlockType, PaperDirection, TableBorder, TdBorder, TdSlash, MaxHeightRatio, NumberType, TitleLevel, ListType, ListStyle, WordBreak, ControlIndentation, ControlComponent, BackgroundRepeat, BackgroundSize, TextDecorationStyle, LineNumberType, LocationPosition, AreaMode, ControlState, FlexDirection, WatermarkType };
-export type { IElement, IEditorData, IEditorOption, IEditorResult, IContextMenuContext, IRegisterContextMenu, IWatermark, INavigateInfo, IBlock, ILang, ICatalog, ICatalogItem, IRange, IRangeStyle, IBadge, IGetElementListByHTMLOption, IFormInputImage, IUpdateElementByIdOption };
-export { formInputPropertiesConfigDialog, formCheckboxPropertiesConfigDialog, formRadioPropertiesConfigDialog };
+export type { IElement, IEditorData, IEditorOption, IEditorResult, IContextMenuContext, IRegisterContextMenu, IWatermark, INavigateInfo, IBlock, ILang, ICatalog, ICatalogItem, IRange, IRangeStyle, IBadge, IGetElementListByHTMLOption, IFormInputImage, IUpdateElementByIdOption, IFormImageProperties, ISignatureImage, ISealImage, IRiskCopyImage, IDialogData, IDialogConfirm, IDialogOptions, IImportDocxOption };
+export { Dialog, docxPlugin, formInputPropertiesConfigDialog, formCheckboxPropertiesConfigDialog, formRadioPropertiesConfigDialog, formImagePropertiesConfigDialog, formSignatureConfigDialog, formSealConfigDialog, formRiskCopyConfigDialog };

package/dist/src/editor/interface/Editor.d.ts

@@ -114,6 +114,19 @@ export interface IEditorHTML {
     header: string;
     main: string;
     footer: string;
+    container?: HTMLDivElement;
+}
+/** docx-preview 已挂载 DOM 导入 */
+export interface ISetHtmlDocxOption {
+    container: HTMLElement;
+    /** 页边距 [上, 右, 下, 左]，传入则覆盖 DOM 解析结果 */
+    margins?: IMargin;
+}
+/** executeImportDocx（docx 插件）入参 */
+export interface IImportDocxOption {
+    html: string;
+    /** 页边距 [上, 右, 下, 左]，传入则覆盖 DOM 解析结果 */
+    margins?: IMargin;
 }
 export type IEditorText = IEditorHTML;
 export type IUpdateOption = Omit<IEditorOption, 'mode' | 'width' | 'height' | 'scale' | 'pageGap' | 'pageMode' | 'paperDirection' | 'historyMaxRecordCount' | 'scrollContainerSelector'>;

package/dist/src/editor/interface/Element.d.ts

@@ -36,7 +36,21 @@ export interface IElementStyle {
     rowFlex?: RowFlex;
     rowMargin?: number;
     letterSpacing?: number;
+    wordSpacing?: number;
     textDecoration?: ITextDecoration;
+    verticalAlign?: string;
+    /** 首行缩进（px） */
+    textIndent?: number;
+    /** 段落左缩进（px） */
+    marginLeft?: number;
+    /** 段落右缩进（px） */
+    marginRight?: number;
+    /** 段前距（px） */
+    marginTop?: number;
+    /** 段落最小高度（px），空段落/空格行占位 */
+    minHeight?: number;
+    /** CSS white-space，如 pre-wrap */
+    whiteSpace?: string;
 }
 export interface IElementRule {
     hide?: boolean;
@@ -161,6 +175,9 @@ export interface IFormInputImage {
     txtRowAutoFlag?: string;
     txtEditFlag?: string;
     elemProp?: string;
+    rowNum?: string;
+    colNum?: string;
+    lineHeight?: string;
 }
 export type IImageElement = IImageBasic & IImageRule & IFormImage;
 export interface IBlockElement {

package/dist/src/editor/interface/PageBreak.d.ts

@@ -2,4 +2,6 @@ export interface IPageBreak {
     font?: string;
     fontSize?: number;
     lineDash?: number[];
+    /** 是否绘制分页符标记线，默认 true */
+    visible?: boolean;
 }

package/dist/src/editor/utils/docxHtml.d.ts

@@ -0,0 +1,24 @@
+import { IElement } from '../interface/Element';
+import { IMargin } from '../interface/Margin';
+export interface IDocxPaperMeta {
+    width: number;
+    height: number;
+    margins: IMargin;
+}
+export interface IParseDocxDomResult {
+    paper: IDocxPaperMeta;
+    main: IElement[];
+}
+/** 读取 docx section 纸张与页边距（computed px） */
+export declare function parseDocxPaperMeta(section: HTMLElement): IDocxPaperMeta;
+/**
+ * 直接解析 docx-preview / 导出 HTML 已挂载 DOM：
+ * - 首页 section.docx 或 .ce-export-page → 纸张/页边距
+ * - 多 section 拼接，section 之间插入分页符以尽量保留原分页
+ */
+export declare function parseDocxDom(container: HTMLElement): IParseDocxDomResult;
+/**
+ * 将 HTML 字符串挂到临时 DOM，供 setHtmlDocx / importDocx 解析
+ * （缩进 / 段距 / 行距 / 分页符 / 纸张）
+ */
+export declare function mountHtmlForDocx(html: string, margins?: IMargin): HTMLElement;

package/dist/src/editor/utils/element.d.ts

@@ -2,7 +2,7 @@ import { LocationPosition } from '../dataset/enum/Common';
 import { RowFlex } from '../dataset/enum/Row';
 import { DeepRequired } from '../interface/Common';
 import { IEditorOption } from '../interface/Editor';
-import { IElement } from '../interface/Element';
+import { IElement, IElementPosition } from '../interface/Element';
 export declare function unzipElementList(elementList: IElement[]): IElement[];
 interface IFormatElementListOption {
     isHandleFirstElement?: boolean;
@@ -24,6 +24,11 @@ export declare function zipElementList(payload: IElement[], options?: IZipElemen
 export declare function convertTextAlignToRowFlex(node: HTMLElement): RowFlex;
 export declare function convertRowFlexToTextAlign(rowFlex: RowFlex): RowFlex.LEFT | RowFlex.CENTER | RowFlex.RIGHT | RowFlex.JUSTIFY | "justify";
 export declare function convertRowFlexToJustifyContent(rowFlex: RowFlex): "center" | "flex-start" | "flex-end" | "space-between";
+export interface IElementListGroupRowFlex {
+    rowFlex: RowFlex | null;
+    data: IElement[];
+}
+export declare function groupElementListByRowFlex(elementList: IElement[]): IElementListGroupRowFlex[];
 export declare function isTextLikeElement(element: IElement): boolean;
 export declare function isTextElement(element: IElement): boolean;
 export declare function getElementListText(elementList: IElement[]): string;
@@ -36,15 +41,20 @@ export interface IFormatElementContextOption {
 export declare function formatElementContext(sourceElementList: IElement[], formatElementList: IElement[], anchorIndex: number, options?: IFormatElementContextOption): void;
 export declare function convertElementToDom(element: IElement, options: DeepRequired<IEditorOption>): HTMLElement;
 export declare function splitListElement(elementList: IElement[]): Map<number, IElement[]>;
-export interface IElementListGroupRowFlex {
-    rowFlex: RowFlex | null;
-    data: IElement[];
-}
-export declare function groupElementListByRowFlex(elementList: IElement[]): IElementListGroupRowFlex[];
+/**
+ * 导出前：把页面坐标的 imgFloatPosition 换算为相对段落的 CSS left/top
+ * （data-img-float-position 仍保留页面坐标，供编辑器往返）
+ */
+export declare function attachHtmlFloatOffset(elementList: IElement[], positionList: IElementPosition[], scale?: number): void;
+export declare function clearHtmlFloatOffset(): void;
+/** 从 img DOM 还原环绕属性（导入） */
+export declare function applyImageWrapFromDom(img: HTMLImageElement, element: IElement): void;
 export declare function createDomFromElementList(elementList: IElement[], options?: IEditorOption): HTMLDivElement;
 export declare function convertTextNodeToElement(textNode: Element | Node): IElement | null;
 export interface IGetElementListByHTMLOption {
     innerWidth: number;
+    container?: HTMLDivElement;
+    _visitedNodes?: WeakSet<Node>;
 }
 export declare function getElementListByHTML(htmlText: string, options: IGetElementListByHTMLOption): IElement[];
 export declare function getTextFromElementList(elementList: IElement[]): string;
@@ -54,4 +64,14 @@ export declare function replaceHTMLElementTag(oldDom: HTMLElement, tagName: keyo
 export declare function pickSurroundElementList(elementList: IElement[]): IElement[];
 export declare function deleteSurroundElementList(elementList: IElement[], pageNo: number): void;
 export declare function getNonHideElementIndex(elementList: IElement[], index: number, position?: LocationPosition): number;
+/**
+ * 将 DOM 元素转换为符合 XHTML 规范的 HTML 字符串
+ * 利用浏览器原生 XMLSerializer 确保标签闭合规范
+ * @param dom DOM 元素
+ * @param options.keepRoot 为 true 时保留根节点（如 .ce-export-page 纸张容器）
+ * @returns 符合 XHTML 规范的 HTML 字符串
+ */
+export declare function convertToXHTML(dom: HTMLElement, options?: {
+    keepRoot?: boolean;
+}): string;
 export {};

package/dist/src/plugins/docx/importDocx.d.ts

@@ -0,0 +1,2 @@
+/** @deprecated 逻辑已迁至 editor/utils/docxHtml + CommandAdapt.importDocx */
+export type { IImportDocxOption } from '../../editor/interface/Editor';

package/dist/src/plugins/docx/index.d.ts

@@ -0,0 +1,8 @@
+import type Editor from '../../editor';
+export type { IImportDocxOption } from '../../editor/interface/Editor';
+/**
+ * 兼容旧用法：executeImportDocx 已内置到 Command，无需再挂载。
+ * 保留插件导出，避免旧代码 instance.use(docxPlugin) 报错。
+ */
+export default function docxPlugin(_editor: Editor): void;
+export { docxPlugin };

package/dist/src/plugins/docx/utils.d.ts

@@ -0,0 +1 @@
+export declare function saveAs(blob: Blob, name: string): void;

package/package.json

@@ -1,77 +1,77 @@
-{
-  "name": "@agile_jy/word-editor",
-  "author": "JIANGYONG",
-  "license": "MIT",
-  "version": "0.0.1-beta.2",
-  "description": "rich text editor by canvas/svg",
-  "publishConfig": {
-    "registry": "https://registry.npmjs.org/",
-    "access": "public"
-  },
-  "files": [
-    "dist",
-    "README.md",
-    "CHANGELOG.md",
-    "LICENSE",
-    "package.json"
-  ],
-  "typings": "./dist/src/editor/index.d.ts",
-  "main": "./dist/canvas-editor.umd.js",
-  "module": "./dist/canvas-editor.es.js",
-  "homepage": "https://github.com/Hufe921/canvas-editor",
-  "repository": {
-    "type": "git",
-    "url": "https://github.com/Hufe921/canvas-editor.git"
-  },
-  "keywords": [
-    "canvas-editor",
-    "editor",
-    "wysiwyg",
-    "emr"
-  ],
-  "engines": {
-    "node": ">=16.9.1"
-  },
-  "type": "module",
-  "scripts": {
-    "dev": "vite",
-    "lib": "npm run lint && tsc && vite build --mode lib",
-    "build": "npm run lint && tsc && vite build --mode app",
-    "serve": "vite preview",
-    "lint": "eslint .",
-    "cypress:open": "cypress open",
-    "cypress:run": "cypress run",
-    "type:check": "tsc --noEmit",
-    "docs:dev": "vitepress dev docs",
-    "docs:build": "vitepress build docs",
-    "docs:preview": "vitepress preview docs",
-    "postinstall": "simple-git-hooks",
-    "release": "node scripts/release.js"
-  },
-  "devDependencies": {
-    "@rollup/plugin-typescript": "^10.0.1",
-    "@types/node": "16.18.96",
-    "@types/prismjs": "^1.26.0",
-    "@typescript-eslint/eslint-plugin": "5.62.0",
-    "@typescript-eslint/parser": "5.62.0",
-    "cypress": "13.6.0",
-    "cypress-file-upload": "^5.0.8",
-    "eslint": "7.32.0",
-    "simple-git-hooks": "^2.8.1",
-    "typescript": "4.9.5",
-    "vite": "^2.4.2",
-    "vite-plugin-css-injected-by-js": "^2.1.1",
-    "vitepress": "1.0.0-beta.6",
-    "@types/color": "^3.0.4"
-  },
-  "dependencies": {
-    "color": "^4.2.3",
-    "prismjs": "^1.27.0",
-    "docx": "^8.2.2",
-    "mammoth": "^1.6.0"
-  },
-  "simple-git-hooks": {
-    "pre-commit": "npm run lint && npm run type:check",
-    "commit-msg": "node scripts/verifyCommit.js"
-  }
-}
+{
+  "name": "@agile_jy/word-editor",
+  "author": "JIANGYONG",
+  "license": "MIT",
+  "version": "0.0.1-beta.21",
+  "description": "rich text editor by canvas/svg",
+  "publishConfig": {
+    "registry": "https://registry.npmjs.org/",
+    "access": "public"
+  },
+  "files": [
+    "dist",
+    "README.md",
+    "CHANGELOG.md",
+    "LICENSE",
+    "package.json"
+  ],
+  "typings": "./dist/src/editor/index.d.ts",
+  "main": "./dist/canvas-editor.umd.js",
+  "module": "./dist/canvas-editor.es.js",
+  "homepage": "https://github.com/Hufe921/canvas-editor",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/Hufe921/canvas-editor.git"
+  },
+  "keywords": [
+    "canvas-editor",
+    "editor",
+    "wysiwyg",
+    "emr"
+  ],
+  "engines": {
+    "node": ">=16.9.1"
+  },
+  "type": "module",
+  "scripts": {
+    "dev": "vite",
+    "lib": "npm run lint && tsc && vite build --mode lib",
+    "build": "npm run lint && tsc && vite build --mode app",
+    "serve": "vite preview",
+    "lint": "eslint .",
+    "cypress:open": "cypress open",
+    "cypress:run": "cypress run",
+    "type:check": "tsc --noEmit",
+    "docs:dev": "vitepress dev docs",
+    "docs:build": "vitepress build docs",
+    "docs:preview": "vitepress preview docs",
+    "postinstall": "simple-git-hooks",
+    "release": "node scripts/release.js"
+  },
+  "devDependencies": {
+    "@rollup/plugin-typescript": "^10.0.1",
+    "@types/color": "^3.0.4",
+    "@types/node": "16.18.96",
+    "@types/prismjs": "^1.26.0",
+    "@typescript-eslint/eslint-plugin": "5.62.0",
+    "@typescript-eslint/parser": "5.62.0",
+    "cypress": "13.6.0",
+    "cypress-file-upload": "^5.0.8",
+    "eslint": "7.32.0",
+    "simple-git-hooks": "^2.8.1",
+    "typescript": "4.9.5",
+    "vite": "^2.4.2",
+    "vite-plugin-css-injected-by-js": "^2.1.1",
+    "vitepress": "1.0.0-beta.6"
+  },
+  "dependencies": {
+    "color": "^4.2.3",
+    "docx": "^8.2.2",
+    "mammoth": "^1.6.0",
+    "prismjs": "^1.27.0"
+  },
+  "simple-git-hooks": {
+    "pre-commit": "npm run lint && npm run type:check",
+    "commit-msg": "node scripts/verifyCommit.js"
+  }
+}