@hufe921/canvas-editor 0.9.131 → 0.9.133

package/dist/src/editor/core/draw/Draw.d.ts

@@ -41,6 +41,7 @@ import { TableOperate } from './particle/table/TableOperate';
 import { Area } from './interactive/Area';
 import { Badge } from './frame/Badge';
 import { Graffiti } from './graffiti/Graffiti';
+import { Magnifier } from './interactive/Magnifier';
 export declare class Draw {
     private container;
     private pageContainer;
@@ -65,6 +66,7 @@ export declare class Draw {
     private margin;
     private background;
     private badge;
+    private magnifier;
     private search;
     private group;
     private area;
@@ -168,6 +170,7 @@ export declare class Draw {
     getGroup(): Group;
     getArea(): Area;
     getBadge(): Badge;
+    getMagnifier(): Magnifier;
     getHistoryManager(): HistoryManager;
     getPosition(): Position;
     getZone(): Zone;

package/dist/src/editor/core/draw/interactive/Magnifier.d.ts

@@ -0,0 +1,19 @@
+import { Draw } from '../Draw';
+export declare class Magnifier {
+    private draw;
+    private options;
+    private canvas;
+    private isActive;
+    private container;
+    constructor(draw: Draw);
+    private _createMagnifierCanvas;
+    private _addEvent;
+    private _removeEvent;
+    private _handleKeyDown;
+    private _handleKeyUp;
+    private _mousemove;
+    show(): void;
+    hide(): void;
+    private _update;
+    destroy(): void;
+}

package/dist/src/editor/core/event/GlobalEvent.d.ts

@@ -10,6 +10,7 @@ export declare class GlobalEvent {
     private tableTool;
     private hyperlinkParticle;
     private control;
+    private magnifier;
     private dateParticle;
     private imageParticle;
     private dprMediaQueryList;

package/dist/src/editor/core/observer/SelectionObserver.d.ts

@@ -10,6 +10,7 @@ export declare class SelectionObserver {
     private clientWidth;
     private clientHeight;
     private containerRect;
+    private pageContainer;
     constructor(draw: Draw);
     private _addEvent;
     removeEvent(): void;

package/dist/src/editor/dataset/constant/Editor.d.ts

@@ -2,5 +2,5 @@ import { DeepRequired } from '../../interface/Common';
 import { IModeRule } from '../../interface/Editor';
 export declare const EDITOR_COMPONENT = "editor-component";
 export declare const EDITOR_PREFIX = "ce";
-export declare const EDITOR_CLIPBOARD: string;
+export declare const EDITOR_CLIPBOARD = "ce-clipboard";
 export declare const defaultModeRuleOption: Readonly<DeepRequired<IModeRule>>;

package/dist/src/editor/dataset/constant/Magnifier.d.ts

@@ -0,0 +1,2 @@
+import { IMagnifierOption } from '../../interface/Magnifier';
+export declare const defaultMagnifierOption: Readonly<Required<IMagnifierOption>>;

package/dist/src/editor/dataset/enum/Area.d.ts

@@ -1,5 +1,5 @@
 export declare enum AreaMode {
-    EDIT = "edit",
-    READONLY = "readonly",
+    EDIT = "edit",// 编辑模式（文档可编辑、辅助元素均存在）
+    READONLY = "readonly",// 只读模式（文档不可编辑）
     FORM = "form"
 }

package/dist/src/editor/dataset/enum/Control.d.ts

@@ -17,7 +17,7 @@ export declare enum ControlComponent {
     RADIO = "radio"
 }
 export declare enum ControlIndentation {
-    ROW_START = "rowStart",
+    ROW_START = "rowStart",// 从行起始位置缩进
     VALUE_START = "valueStart"
 }
 export declare enum ControlState {

package/dist/src/editor/dataset/enum/Editor.d.ts

@@ -13,12 +13,12 @@ export declare enum EditorContext {
     TABLE = "table"
 }
 export declare enum EditorMode {
-    EDIT = "edit",
-    CLEAN = "clean",
-    READONLY = "readonly",
-    FORM = "form",
-    PRINT = "print",
-    DESIGN = "design",
+    EDIT = "edit",// 编辑模式（文档可编辑、辅助元素均存在）
+    CLEAN = "clean",// 清洁模式（隐藏辅助元素）
+    READONLY = "readonly",// 只读模式（文档不可编辑）
+    FORM = "form",// 表单模式（仅控件内可编辑）
+    PRINT = "print",// 打印模式（文档不可编辑、隐藏辅助元素、选区、未书写控件及边框）
+    DESIGN = "design",// 设计模式（不可删除、只读等配置不控制）
     GRAFFITI = "graffiti"
 }
 export declare enum EditorZone {

package/dist/src/editor/dataset/enum/KeyMap.d.ts

@@ -1,6 +1,7 @@
 export declare enum KeyMap {
     Delete = "Delete",
     Backspace = "Backspace",
+    ALT = "Alt",
     Enter = "Enter",
     Left = "ArrowLeft",
     Right = "ArrowRight",

package/dist/src/editor/dataset/enum/List.d.ts

@@ -3,9 +3,9 @@ export declare enum ListType {
     OL = "ol"
 }
 export declare enum UlStyle {
-    DISC = "disc",
-    CIRCLE = "circle",
-    SQUARE = "square",
+    DISC = "disc",// 实心圆点
+    CIRCLE = "circle",// 空心圆点
+    SQUARE = "square",// 实心方块
     CHECKBOX = "checkbox"
 }
 export declare enum OlStyle {

package/dist/src/editor/dataset/enum/table/Table.d.ts

@@ -12,6 +12,6 @@ export declare enum TdBorder {
     LEFT = "left"
 }
 export declare enum TdSlash {
-    FORWARD = "forward",
+    FORWARD = "forward",// 正斜线 /
     BACK = "back"
 }

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

@@ -27,6 +27,7 @@ import { LocationPosition } from '../dataset/enum/Common';
 import { IRange } from './Range';
 import { IGraffitiData, IGraffitiOption } from './Graffiti';
 import { IWhiteSpaceOption } from './WhiteSpace';
+import { IMagnifierOption } from './Magnifier';
 export interface IEditorData {
     header?: IElement[];
     main: IElement[];
@@ -104,6 +105,7 @@ export interface IEditorOption {
     label?: ILabelOption;
     imgCaption?: IImgCaptionOption;
     list?: IListOption;
+    magnifier?: IMagnifierOption;
 }
 export interface IEditorResult {
     version: string;

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

@@ -0,0 +1,6 @@
+export interface IMagnifierOption {
+    disabled?: boolean;
+    size?: number;
+    zoom?: number;
+    borderColor?: string;
+}

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

@@ -22,7 +22,7 @@ interface IZipElementListOption {
 }
 export declare function zipElementList(payload: IElement[], options?: IZipElementListOption): IElement[];
 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 convertRowFlexToTextAlign(rowFlex: RowFlex): "justify" | RowFlex.LEFT | RowFlex.CENTER | RowFlex.RIGHT | RowFlex.JUSTIFY;
 export declare function convertRowFlexToJustifyContent(rowFlex: RowFlex): "center" | "flex-start" | "flex-end" | "space-between";
 export declare function isTextLikeElement(element: IElement): boolean;
 export declare function isTextElement(element: IElement): boolean;

package/package.json

@@ -2,7 +2,7 @@
   "name": "@hufe921/canvas-editor",
   "author": "Hufe",
   "license": "MIT",
-  "version": "0.9.131",
+  "version": "0.9.133",
   "description": "rich text editor by canvas/svg",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/",
@@ -16,8 +16,8 @@
     "package.json"
   ],
   "typings": "./dist/src/editor/index.d.ts",
-  "main": "./dist/canvas-editor.umd.js",
-  "module": "./dist/canvas-editor.es.js",
+  "main": "./dist/canvas-editor.umd.cjs",
+  "module": "./dist/canvas-editor.js",
   "homepage": "https://github.com/Hufe921/canvas-editor",
   "repository": {
     "type": "git",
@@ -29,42 +29,51 @@
     "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",
+    "lib": "eslint . && tsc && vitest run && vite build --mode lib",
+    "build": "eslint . && tsc && vitest run && vite build --mode app",
     "serve": "vite preview",
-    "lint": "eslint .",
+    "lint": "eslint . && tsc --noEmit && vitest run",
     "cypress:open": "cypress open",
     "cypress:run": "cypress run",
+    "test:unit": "vitest run",
+    "test:unit:watch": "vitest",
+    "test:coverage": "vitest run --coverage",
     "type:check": "tsc --noEmit",
     "docs:dev": "vitepress dev docs",
     "docs:build": "vitepress build docs",
     "docs:preview": "vitepress preview docs",
-    "release": "node scripts/release.js"
+    "pre-release": "node scripts/pre-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",
+    "@eslint/js": "^10.0.1",
+    "@rollup/plugin-typescript": "^12.3.0",
+    "@types/jsdom": "^28.0.1",
+    "@types/node": "^24.0.0",
+    "@types/prismjs": "^1.26.6",
+    "@typescript-eslint/eslint-plugin": "^8.59.1",
+    "@typescript-eslint/parser": "^8.59.1",
+    "@vitest/coverage-v8": "^4.1.5",
+    "cypress": "^15.14.2",
     "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",
-    "vue": "^3.2.45"
+    "eslint": "^10.3.0",
+    "globals": "^17.6.0",
+    "jsdom": "^29.1.1",
+    "simple-git-hooks": "^2.13.1",
+    "tslib": "^2.8.1",
+    "typescript": "^6.0.3",
+    "typescript-eslint": "^8.59.1",
+    "vite": "^8.0.10",
+    "vite-plugin-css-injected-by-js": "^5.0.1",
+    "vitepress": "^1.6.4",
+    "vitest": "^4.1.5",
+    "vitest-canvas-mock": "^1.1.4",
+    "vue": "^3.5.33"
   },
   "simple-git-hooks": {
     "pre-commit": "npm run lint && npm run type:check",
     "commit-msg": "node scripts/verifyCommit.js"
   }
-}
+}