editor-svg 1.0.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/.editorconfig +9 -0
- package/.eslintrc +46 -0
- package/.prettierrc +8 -0
- package/AGENTS.md +186 -0
- package/CHANGELOG.md +2543 -0
- package/CLAUDE.md +110 -0
- package/LICENSE +21 -0
- package/README.md +110 -0
- package/cypress/e2e/control/checkbox.cy.ts +46 -0
- package/cypress/e2e/control/select.cy.ts +56 -0
- package/cypress/e2e/control/text.cy.ts +43 -0
- package/cypress/e2e/editor.cy.ts +67 -0
- package/cypress/e2e/menus/block.cy.ts +38 -0
- package/cypress/e2e/menus/checkbox.cy.ts +33 -0
- package/cypress/e2e/menus/codeblock.cy.ts +34 -0
- package/cypress/e2e/menus/date.cy.ts +28 -0
- package/cypress/e2e/menus/format.cy.ts +40 -0
- package/cypress/e2e/menus/hyperlink.cy.ts +39 -0
- package/cypress/e2e/menus/image.cy.ts +25 -0
- package/cypress/e2e/menus/latex.cy.ts +34 -0
- package/cypress/e2e/menus/pagebreak.cy.ts +21 -0
- package/cypress/e2e/menus/painter.cy.ts +53 -0
- package/cypress/e2e/menus/print.cy.ts +25 -0
- package/cypress/e2e/menus/row.cy.ts +103 -0
- package/cypress/e2e/menus/search.cy.ts +112 -0
- package/cypress/e2e/menus/separator.cy.ts +32 -0
- package/cypress/e2e/menus/table.cy.ts +25 -0
- package/cypress/e2e/menus/text.cy.ts +304 -0
- package/cypress/e2e/menus/title.cy.ts +43 -0
- package/cypress/e2e/menus/undoRedo.cy.ts +49 -0
- package/cypress/e2e/menus/watermark.cy.ts +64 -0
- package/cypress/fixtures/example.json +3 -0
- package/cypress/fixtures/test.png +0 -0
- package/cypress/global.d.ts +13 -0
- package/cypress/support/commands.ts +5 -0
- package/cypress/support/e2e.ts +1 -0
- package/cypress/tsconfig.json +21 -0
- package/cypress.config.ts +10 -0
- package/docs/.vitepress/config.ts +191 -0
- package/docs/.vitepress/theme/components/DeepWikiBadge.vue +21 -0
- package/docs/.vitepress/theme/components/ZreadBadge.vue +21 -0
- package/docs/.vitepress/theme/index.ts +27 -0
- package/docs/en/guide/api-common.md +49 -0
- package/docs/en/guide/api-instance.md +34 -0
- package/docs/en/guide/command-execute.md +1167 -0
- package/docs/en/guide/command-get.md +355 -0
- package/docs/en/guide/contextmenu-custom.md +44 -0
- package/docs/en/guide/contextmenu-internal.md +61 -0
- package/docs/en/guide/eventbus.md +260 -0
- package/docs/en/guide/i18n.md +112 -0
- package/docs/en/guide/listener.md +126 -0
- package/docs/en/guide/option.md +214 -0
- package/docs/en/guide/override.md +57 -0
- package/docs/en/guide/plugin-custom.md +25 -0
- package/docs/en/guide/plugin-internal.md +125 -0
- package/docs/en/guide/schema.md +237 -0
- package/docs/en/guide/shortcut-custom.md +22 -0
- package/docs/en/guide/shortcut-internal.md +189 -0
- package/docs/en/guide/start.md +97 -0
- package/docs/en/index.md +43 -0
- package/docs/guide/api-common.md +49 -0
- package/docs/guide/api-instance.md +34 -0
- package/docs/guide/command-execute.md +1157 -0
- package/docs/guide/command-get.md +353 -0
- package/docs/guide/contextmenu-custom.md +44 -0
- package/docs/guide/contextmenu-internal.md +61 -0
- package/docs/guide/eventbus.md +260 -0
- package/docs/guide/i18n.md +111 -0
- package/docs/guide/listener.md +126 -0
- package/docs/guide/option.md +214 -0
- package/docs/guide/override.md +57 -0
- package/docs/guide/plugin-custom.md +25 -0
- package/docs/guide/plugin-internal.md +125 -0
- package/docs/guide/schema.md +237 -0
- package/docs/guide/shortcut-custom.md +22 -0
- package/docs/guide/shortcut-internal.md +189 -0
- package/docs/guide/start.md +97 -0
- package/docs/index.md +43 -0
- package/docs/public/favicon.png +0 -0
- package/favicon.png +0 -0
- package/index.html +435 -0
- package/package.json +55 -0
- package/pnpm-lock.yaml +4113 -0
- package/scripts/release.js +41 -0
- package/scripts/verifyCommit.js +19 -0
- package/src/assets/images/alignment.svg +1 -0
- package/src/assets/images/arrow-left.svg +1 -0
- package/src/assets/images/arrow-right.svg +1 -0
- package/src/assets/images/block.svg +1 -0
- package/src/assets/images/bold.svg +1 -0
- package/src/assets/images/catalog.svg +1 -0
- package/src/assets/images/center.svg +1 -0
- package/src/assets/images/checkbox.svg +1 -0
- package/src/assets/images/close.svg +1 -0
- package/src/assets/images/codeblock.svg +1 -0
- package/src/assets/images/color.svg +1 -0
- package/src/assets/images/control.svg +1 -0
- package/src/assets/images/date.svg +1 -0
- package/src/assets/images/exit-fullscreen.svg +1 -0
- package/src/assets/images/format.svg +1 -0
- package/src/assets/images/highlight.svg +1 -0
- package/src/assets/images/hyperlink.svg +1 -0
- package/src/assets/images/image.svg +1 -0
- package/src/assets/images/italic.svg +1 -0
- package/src/assets/images/justify.svg +7 -0
- package/src/assets/images/latex.svg +1 -0
- package/src/assets/images/left.svg +1 -0
- package/src/assets/images/line-dash-dot-dot.svg +1 -0
- package/src/assets/images/line-dash-dot.svg +1 -0
- package/src/assets/images/line-dash-large-gap.svg +1 -0
- package/src/assets/images/line-dash-small-gap.svg +1 -0
- package/src/assets/images/line-dot.svg +1 -0
- package/src/assets/images/line-double.svg +1 -0
- package/src/assets/images/line-single.svg +1 -0
- package/src/assets/images/line-wavy.svg +1 -0
- package/src/assets/images/list.svg +1 -0
- package/src/assets/images/option.svg +1 -0
- package/src/assets/images/page-break.svg +1 -0
- package/src/assets/images/page-mode.svg +1 -0
- package/src/assets/images/page-scale-add.svg +1 -0
- package/src/assets/images/page-scale-minus.svg +1 -0
- package/src/assets/images/painter.svg +1 -0
- package/src/assets/images/paper-direction.svg +1 -0
- package/src/assets/images/paper-margin.svg +1 -0
- package/src/assets/images/paper-size.svg +1 -0
- package/src/assets/images/print.svg +1 -0
- package/src/assets/images/radio.svg +4 -0
- package/src/assets/images/redo.svg +1 -0
- package/src/assets/images/request-fullscreen.svg +1 -0
- package/src/assets/images/right.svg +1 -0
- package/src/assets/images/row-margin.svg +1 -0
- package/src/assets/images/search.svg +1 -0
- package/src/assets/images/separator.svg +1 -0
- package/src/assets/images/signature-undo.svg +1 -0
- package/src/assets/images/signature.svg +1 -0
- package/src/assets/images/size-add.svg +1 -0
- package/src/assets/images/size-minus.svg +1 -0
- package/src/assets/images/strikeout.svg +1 -0
- package/src/assets/images/subscript.svg +1 -0
- package/src/assets/images/superscript.svg +1 -0
- package/src/assets/images/table.svg +1 -0
- package/src/assets/images/title.svg +1 -0
- package/src/assets/images/trash.svg +1 -0
- package/src/assets/images/underline.svg +1 -0
- package/src/assets/images/undo.svg +1 -0
- package/src/assets/images/watermark.svg +1 -0
- package/src/assets/images/word-tool.svg +1 -0
- package/src/assets/snapshots/main_v0.2.1.png +0 -0
- package/src/assets/snapshots/main_v0.2.2.png +0 -0
- package/src/assets/snapshots/main_v0.3.0.png +0 -0
- package/src/assets/snapshots/main_v0.3.1.png +0 -0
- package/src/assets/snapshots/main_v0.5.0.png +0 -0
- package/src/assets/snapshots/main_v0.5.1.png +0 -0
- package/src/assets/snapshots/main_v0.6.0.png +0 -0
- package/src/assets/snapshots/main_v0.6.1.png +0 -0
- package/src/assets/snapshots/main_v0.7.0.png +0 -0
- package/src/assets/snapshots/main_v0.7.1.png +0 -0
- package/src/assets/snapshots/main_v0.7.2.png +0 -0
- package/src/assets/snapshots/main_v0.7.3.png +0 -0
- package/src/assets/snapshots/main_v0.7.4.png +0 -0
- package/src/assets/snapshots/main_v0.7.6.png +0 -0
- package/src/assets/snapshots/main_v0.7.7.png +0 -0
- package/src/assets/snapshots/main_v0.8.0.png +0 -0
- package/src/assets/snapshots/main_v0.8.5.png +0 -0
- package/src/assets/snapshots/main_v0.8.6.png +0 -0
- package/src/assets/snapshots/main_v0.8.7.png +0 -0
- package/src/assets/snapshots/main_v0.8.8.png +0 -0
- package/src/assets/snapshots/main_v0.9.0.png +0 -0
- package/src/assets/snapshots/main_v0.9.1.png +0 -0
- package/src/assets/snapshots/main_v0.9.2.png +0 -0
- package/src/assets/snapshots/main_v0.9.23.png +0 -0
- package/src/assets/snapshots/main_v0.9.28.png +0 -0
- package/src/assets/snapshots/main_v0.9.29.png +0 -0
- package/src/assets/snapshots/main_v0.9.3.png +0 -0
- package/src/assets/snapshots/main_v0.9.30.png +0 -0
- package/src/assets/snapshots/main_v0.9.32.png +0 -0
- package/src/assets/snapshots/main_v0.9.35.png +0 -0
- package/src/assets/snapshots/main_v0.9.4.png +0 -0
- package/src/assets/snapshots/main_v0.9.5.png +0 -0
- package/src/assets/snapshots/main_v0.9.6.png +0 -0
- package/src/assets/snapshots/main_v0.9.8.png +0 -0
- package/src/components/dialog/Dialog.ts +171 -0
- package/src/components/dialog/dialog.css +131 -0
- package/src/components/signature/Signature.ts +340 -0
- package/src/components/signature/signature.css +132 -0
- package/src/editor/assets/css/block/block.css +21 -0
- package/src/editor/assets/css/contextmenu/contextmenu.css +196 -0
- package/src/editor/assets/css/control/calculator.css +85 -0
- package/src/editor/assets/css/control/select.css +44 -0
- package/src/editor/assets/css/date/datePicker.css +233 -0
- package/src/editor/assets/css/hyperlink/hyperlink.css +26 -0
- package/src/editor/assets/css/index.css +78 -0
- package/src/editor/assets/css/previewer/previewer.css +122 -0
- package/src/editor/assets/css/resizer/resizer.css +74 -0
- package/src/editor/assets/css/table/table.css +155 -0
- package/src/editor/assets/css/zone/zone.css +61 -0
- package/src/editor/assets/images/close.svg +1 -0
- package/src/editor/assets/images/delete-col.svg +1 -0
- package/src/editor/assets/images/delete-row-col.svg +1 -0
- package/src/editor/assets/images/delete-row.svg +1 -0
- package/src/editor/assets/images/delete-table.svg +1 -0
- package/src/editor/assets/images/image-change.svg +1 -0
- package/src/editor/assets/images/image-download.svg +1 -0
- package/src/editor/assets/images/image-next.svg +1 -0
- package/src/editor/assets/images/image-pre.svg +1 -0
- package/src/editor/assets/images/image.svg +1 -0
- package/src/editor/assets/images/insert-bottom-row.svg +1 -0
- package/src/editor/assets/images/insert-left-col.svg +1 -0
- package/src/editor/assets/images/insert-right-col.svg +1 -0
- package/src/editor/assets/images/insert-row-col.svg +1 -0
- package/src/editor/assets/images/insert-top-row.svg +1 -0
- package/src/editor/assets/images/merge-cancel-cell.svg +1 -0
- package/src/editor/assets/images/merge-cell.svg +1 -0
- package/src/editor/assets/images/original-size.svg +1 -0
- package/src/editor/assets/images/print.svg +1 -0
- package/src/editor/assets/images/rotate.svg +1 -0
- package/src/editor/assets/images/submenu-dropdown.svg +1 -0
- package/src/editor/assets/images/table-border-all.svg +1 -0
- package/src/editor/assets/images/table-border-dash.svg +1 -0
- package/src/editor/assets/images/table-border-empty.svg +1 -0
- package/src/editor/assets/images/table-border-external.svg +1 -0
- package/src/editor/assets/images/table-border-internal.svg +1 -0
- package/src/editor/assets/images/table-border-td-back.svg +1 -0
- package/src/editor/assets/images/table-border-td-bottom.svg +1 -0
- package/src/editor/assets/images/table-border-td-forward.svg +1 -0
- package/src/editor/assets/images/table-border-td-left.svg +1 -0
- package/src/editor/assets/images/table-border-td-right.svg +1 -0
- package/src/editor/assets/images/table-border-td-top.svg +1 -0
- package/src/editor/assets/images/table-border-td.svg +1 -0
- package/src/editor/assets/images/vertical-align-bottom.svg +1 -0
- package/src/editor/assets/images/vertical-align-middle.svg +1 -0
- package/src/editor/assets/images/vertical-align-top.svg +1 -0
- package/src/editor/assets/images/vertical-align.svg +1 -0
- package/src/editor/assets/images/zoom-in.svg +1 -0
- package/src/editor/assets/images/zoom-out.svg +1 -0
- package/src/editor/core/actuator/Actuator.ts +21 -0
- package/src/editor/core/actuator/handlers/positionContextChange.ts +13 -0
- package/src/editor/core/command/Command.ts +312 -0
- package/src/editor/core/command/CommandAdapt.ts +2733 -0
- package/src/editor/core/contextmenu/ContextMenu.ts +363 -0
- package/src/editor/core/contextmenu/menus/controlMenus.ts +25 -0
- package/src/editor/core/contextmenu/menus/globalMenus.ts +66 -0
- package/src/editor/core/contextmenu/menus/hyperlinkMenus.ts +58 -0
- package/src/editor/core/contextmenu/menus/imageMenus.ts +134 -0
- package/src/editor/core/contextmenu/menus/tableMenus.ts +331 -0
- package/src/editor/core/cursor/Cursor.ts +248 -0
- package/src/editor/core/cursor/CursorAgent.ts +75 -0
- package/src/editor/core/draw/Draw.ts +2934 -0
- package/src/editor/core/draw/control/Control.ts +1767 -0
- package/src/editor/core/draw/control/checkbox/CheckboxControl.ts +154 -0
- package/src/editor/core/draw/control/date/DateControl.ts +363 -0
- package/src/editor/core/draw/control/interactive/ControlSearch.ts +214 -0
- package/src/editor/core/draw/control/number/Calculator.ts +183 -0
- package/src/editor/core/draw/control/number/NumberControl.ts +183 -0
- package/src/editor/core/draw/control/radio/RadioControl.ts +68 -0
- package/src/editor/core/draw/control/richtext/Border.ts +52 -0
- package/src/editor/core/draw/control/select/SelectControl.ts +567 -0
- package/src/editor/core/draw/control/text/TextControl.ts +280 -0
- package/src/editor/core/draw/frame/Background.ts +117 -0
- package/src/editor/core/draw/frame/Badge.ts +88 -0
- package/src/editor/core/draw/frame/Footer.ts +155 -0
- package/src/editor/core/draw/frame/Header.ts +158 -0
- package/src/editor/core/draw/frame/LineNumber.ts +43 -0
- package/src/editor/core/draw/frame/Margin.ts +53 -0
- package/src/editor/core/draw/frame/PageBorder.ts +47 -0
- package/src/editor/core/draw/frame/PageNumber.ts +88 -0
- package/src/editor/core/draw/frame/Placeholder.ts +114 -0
- package/src/editor/core/draw/frame/Watermark.ts +188 -0
- package/src/editor/core/draw/graffiti/Graffiti.ts +125 -0
- package/src/editor/core/draw/interactive/Area.ts +312 -0
- package/src/editor/core/draw/interactive/Group.ts +198 -0
- package/src/editor/core/draw/interactive/Search.ts +527 -0
- package/src/editor/core/draw/particle/CheckboxParticle.ts +111 -0
- package/src/editor/core/draw/particle/HyperlinkParticle.ts +86 -0
- package/src/editor/core/draw/particle/ImageParticle.ts +280 -0
- package/src/editor/core/draw/particle/LabelParticle.ts +79 -0
- package/src/editor/core/draw/particle/LineBreakParticle.ts +55 -0
- package/src/editor/core/draw/particle/ListParticle.ts +255 -0
- package/src/editor/core/draw/particle/PageBreakParticle.ts +54 -0
- package/src/editor/core/draw/particle/RadioParticle.ts +99 -0
- package/src/editor/core/draw/particle/SeparatorParticle.ts +37 -0
- package/src/editor/core/draw/particle/SubscriptParticle.ts +23 -0
- package/src/editor/core/draw/particle/SuperscriptParticle.ts +23 -0
- package/src/editor/core/draw/particle/TextParticle.ts +174 -0
- package/src/editor/core/draw/particle/WhiteSpaceParticle.ts +32 -0
- package/src/editor/core/draw/particle/block/BlockParticle.ts +76 -0
- package/src/editor/core/draw/particle/block/modules/BaseBlock.ts +280 -0
- package/src/editor/core/draw/particle/block/modules/IFrameBlock.ts +47 -0
- package/src/editor/core/draw/particle/block/modules/VideoBlock.ts +61 -0
- package/src/editor/core/draw/particle/date/DateParticle.ts +111 -0
- package/src/editor/core/draw/particle/date/DatePicker.ts +577 -0
- package/src/editor/core/draw/particle/latex/LaTexParticle.ts +43 -0
- package/src/editor/core/draw/particle/latex/utils/LaTexUtils.ts +1196 -0
- package/src/editor/core/draw/particle/latex/utils/hershey.ts +1632 -0
- package/src/editor/core/draw/particle/latex/utils/symbols.ts +318 -0
- package/src/editor/core/draw/particle/previewer/Previewer.ts +582 -0
- package/src/editor/core/draw/particle/table/TableOperate.ts +988 -0
- package/src/editor/core/draw/particle/table/TableParticle.ts +558 -0
- package/src/editor/core/draw/particle/table/TableTool.ts +551 -0
- package/src/editor/core/draw/richtext/AbstractRichText.ts +59 -0
- package/src/editor/core/draw/richtext/Highlight.ts +24 -0
- package/src/editor/core/draw/richtext/Strikeout.ts +28 -0
- package/src/editor/core/draw/richtext/Underline.ts +106 -0
- package/src/editor/core/event/CanvasEvent.ts +215 -0
- package/src/editor/core/event/GlobalEvent.ts +173 -0
- package/src/editor/core/event/eventbus/EventBus.ts +50 -0
- package/src/editor/core/event/handlers/click.ts +234 -0
- package/src/editor/core/event/handlers/composition.ts +45 -0
- package/src/editor/core/event/handlers/copy.ts +72 -0
- package/src/editor/core/event/handlers/cut.ts +47 -0
- package/src/editor/core/event/handlers/drag.ts +66 -0
- package/src/editor/core/event/handlers/drop.ts +28 -0
- package/src/editor/core/event/handlers/input.ts +129 -0
- package/src/editor/core/event/handlers/keydown/backspace.ts +161 -0
- package/src/editor/core/event/handlers/keydown/delete.ts +119 -0
- package/src/editor/core/event/handlers/keydown/end.ts +69 -0
- package/src/editor/core/event/handlers/keydown/enter.ts +126 -0
- package/src/editor/core/event/handlers/keydown/home.ts +69 -0
- package/src/editor/core/event/handlers/keydown/index.ts +85 -0
- package/src/editor/core/event/handlers/keydown/left.ts +162 -0
- package/src/editor/core/event/handlers/keydown/right.ts +178 -0
- package/src/editor/core/event/handlers/keydown/tab.ts +41 -0
- package/src/editor/core/event/handlers/keydown/updown.ts +342 -0
- package/src/editor/core/event/handlers/mousedown.ts +262 -0
- package/src/editor/core/event/handlers/mouseleave.ts +14 -0
- package/src/editor/core/event/handlers/mousemove.ts +133 -0
- package/src/editor/core/event/handlers/mouseup.ts +341 -0
- package/src/editor/core/event/handlers/paste.ts +231 -0
- package/src/editor/core/history/HistoryManager.ts +61 -0
- package/src/editor/core/i18n/I18n.ts +51 -0
- package/src/editor/core/i18n/lang/en.json +92 -0
- package/src/editor/core/i18n/lang/zh-CN.json +92 -0
- package/src/editor/core/listener/Listener.ts +41 -0
- package/src/editor/core/observer/ImageObserver.ts +19 -0
- package/src/editor/core/observer/MouseObserver.ts +56 -0
- package/src/editor/core/observer/ScrollObserver.ts +88 -0
- package/src/editor/core/observer/SelectionObserver.ts +143 -0
- package/src/editor/core/override/Override.ts +14 -0
- package/src/editor/core/plugin/Plugin.ts +17 -0
- package/src/editor/core/position/Position.ts +870 -0
- package/src/editor/core/range/RangeManager.ts +723 -0
- package/src/editor/core/register/Register.ts +28 -0
- package/src/editor/core/shortcut/Shortcut.ts +80 -0
- package/src/editor/core/shortcut/keys/listKeys.ts +22 -0
- package/src/editor/core/shortcut/keys/richtextKeys.ts +102 -0
- package/src/editor/core/shortcut/keys/titleKeys.ts +62 -0
- package/src/editor/core/worker/WorkerManager.ts +96 -0
- package/src/editor/core/worker/works/catalog.ts +189 -0
- package/src/editor/core/worker/works/group.ts +34 -0
- package/src/editor/core/worker/works/value.ts +32 -0
- package/src/editor/core/worker/works/wordCount.ts +132 -0
- package/src/editor/core/zone/Zone.ts +183 -0
- package/src/editor/core/zone/ZoneTip.ts +108 -0
- package/src/editor/dataset/constant/Background.ts +10 -0
- package/src/editor/dataset/constant/Badge.ts +6 -0
- package/src/editor/dataset/constant/Checkbox.ts +12 -0
- package/src/editor/dataset/constant/Common.ts +44 -0
- package/src/editor/dataset/constant/ContextMenu.ts +61 -0
- package/src/editor/dataset/constant/Control.ts +14 -0
- package/src/editor/dataset/constant/Cursor.ts +11 -0
- package/src/editor/dataset/constant/Editor.ts +19 -0
- package/src/editor/dataset/constant/Element.ts +173 -0
- package/src/editor/dataset/constant/Footer.ts +10 -0
- package/src/editor/dataset/constant/Graffiti.ts +6 -0
- package/src/editor/dataset/constant/Group.ts +10 -0
- package/src/editor/dataset/constant/Header.ts +10 -0
- package/src/editor/dataset/constant/ImgCaption.ts +8 -0
- package/src/editor/dataset/constant/Label.ts +8 -0
- package/src/editor/dataset/constant/LineBreak.ts +7 -0
- package/src/editor/dataset/constant/LineNumber.ts +11 -0
- package/src/editor/dataset/constant/List.ts +26 -0
- package/src/editor/dataset/constant/PageBorder.ts +8 -0
- package/src/editor/dataset/constant/PageBreak.ts +7 -0
- package/src/editor/dataset/constant/PageNumber.ts +22 -0
- package/src/editor/dataset/constant/Placeholder.ts +9 -0
- package/src/editor/dataset/constant/Radio.ts +12 -0
- package/src/editor/dataset/constant/Regular.ts +23 -0
- package/src/editor/dataset/constant/Separator.ts +6 -0
- package/src/editor/dataset/constant/Shortcut.ts +3 -0
- package/src/editor/dataset/constant/Table.ts +9 -0
- package/src/editor/dataset/constant/Title.ts +38 -0
- package/src/editor/dataset/constant/Watermark.ts +17 -0
- package/src/editor/dataset/constant/WhiteSpace.ts +7 -0
- package/src/editor/dataset/constant/Zone.ts +5 -0
- package/src/editor/dataset/enum/Area.ts +5 -0
- package/src/editor/dataset/enum/Background.ts +11 -0
- package/src/editor/dataset/enum/Block.ts +4 -0
- package/src/editor/dataset/enum/Common.ts +30 -0
- package/src/editor/dataset/enum/Control.ts +39 -0
- package/src/editor/dataset/enum/Editor.ts +51 -0
- package/src/editor/dataset/enum/Element.ts +21 -0
- package/src/editor/dataset/enum/ElementStyle.ts +12 -0
- package/src/editor/dataset/enum/Event.ts +5 -0
- package/src/editor/dataset/enum/KeyMap.ts +85 -0
- package/src/editor/dataset/enum/LineNumber.ts +4 -0
- package/src/editor/dataset/enum/List.ts +23 -0
- package/src/editor/dataset/enum/Observer.ts +6 -0
- package/src/editor/dataset/enum/Row.ts +7 -0
- package/src/editor/dataset/enum/Text.ts +13 -0
- package/src/editor/dataset/enum/Title.ts +8 -0
- package/src/editor/dataset/enum/VerticalAlign.ts +5 -0
- package/src/editor/dataset/enum/Watermark.ts +4 -0
- package/src/editor/dataset/enum/table/Table.ts +19 -0
- package/src/editor/dataset/enum/table/TableTool.ts +4 -0
- package/src/editor/index.ts +241 -0
- package/src/editor/interface/Area.ts +68 -0
- package/src/editor/interface/Background.ts +9 -0
- package/src/editor/interface/Badge.ts +17 -0
- package/src/editor/interface/Block.ts +18 -0
- package/src/editor/interface/Catalog.ts +11 -0
- package/src/editor/interface/Checkbox.ts +17 -0
- package/src/editor/interface/Command.ts +3 -0
- package/src/editor/interface/Common.ts +43 -0
- package/src/editor/interface/Control.ts +250 -0
- package/src/editor/interface/Cursor.ts +7 -0
- package/src/editor/interface/Draw.ts +86 -0
- package/src/editor/interface/Editor.ts +172 -0
- package/src/editor/interface/Element.ts +273 -0
- package/src/editor/interface/Event.ts +27 -0
- package/src/editor/interface/EventBus.ts +46 -0
- package/src/editor/interface/Footer.ts +9 -0
- package/src/editor/interface/Graffiti.ts +15 -0
- package/src/editor/interface/Group.ts +8 -0
- package/src/editor/interface/Header.ts +9 -0
- package/src/editor/interface/Label.ts +8 -0
- package/src/editor/interface/LineBreak.ts +5 -0
- package/src/editor/interface/LineNumber.ts +10 -0
- package/src/editor/interface/Listener.ts +88 -0
- package/src/editor/interface/Margin.ts +1 -0
- package/src/editor/interface/PageBorder.ts +8 -0
- package/src/editor/interface/PageBreak.ts +5 -0
- package/src/editor/interface/PageNumber.ts +16 -0
- package/src/editor/interface/Placeholder.ts +7 -0
- package/src/editor/interface/Plugin.ts +8 -0
- package/src/editor/interface/Position.ts +113 -0
- package/src/editor/interface/Previewer.ts +15 -0
- package/src/editor/interface/Radio.ts +17 -0
- package/src/editor/interface/Range.ts +61 -0
- package/src/editor/interface/Row.ts +25 -0
- package/src/editor/interface/Search.ts +36 -0
- package/src/editor/interface/Separator.ts +4 -0
- package/src/editor/interface/Text.ts +15 -0
- package/src/editor/interface/Title.ts +32 -0
- package/src/editor/interface/Watermark.ts +16 -0
- package/src/editor/interface/WhiteSpace.ts +5 -0
- package/src/editor/interface/Zone.ts +3 -0
- package/src/editor/interface/contextmenu/ContextMenu.ts +76 -0
- package/src/editor/interface/i18n/I18n.ts +7 -0
- package/src/editor/interface/shortcut/Shortcut.ts +14 -0
- package/src/editor/interface/table/Colgroup.ts +4 -0
- package/src/editor/interface/table/Table.ts +9 -0
- package/src/editor/interface/table/Td.ts +36 -0
- package/src/editor/interface/table/Tr.ts +11 -0
- package/src/editor/types/index.d.ts +5 -0
- package/src/editor/utils/clipboard.ts +94 -0
- package/src/editor/utils/element.ts +1877 -0
- package/src/editor/utils/hotkey.ts +5 -0
- package/src/editor/utils/index.ts +445 -0
- package/src/editor/utils/option.ts +253 -0
- package/src/editor/utils/paragraph.ts +28 -0
- package/src/editor/utils/print.ts +99 -0
- package/src/editor/utils/ua.ts +13 -0
- package/src/main.ts +2053 -0
- package/src/mock.ts +611 -0
- package/src/plugins/copy/index.ts +30 -0
- package/src/plugins/markdown/index.ts +118 -0
- package/src/style.css +1079 -0
- package/src/utils/index.ts +45 -0
- package/src/utils/prism.ts +89 -0
- package/src/vite-env.d.ts +1 -0
- package/tsconfig.json +25 -0
- package/vite.config.ts +46 -0
package/index.html
ADDED
|
@@ -0,0 +1,435 @@
|
|
|
1
|
+
<!DOCTYPE html>
|
|
2
|
+
<html lang="en">
|
|
3
|
+
|
|
4
|
+
<head>
|
|
5
|
+
<meta charset="UTF-8" />
|
|
6
|
+
<link rel="icon" type="image/png" href="favicon.png" />
|
|
7
|
+
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
|
8
|
+
<title>canvas-editor</title>
|
|
9
|
+
</head>
|
|
10
|
+
|
|
11
|
+
<body>
|
|
12
|
+
<div id="app">
|
|
13
|
+
<div class="menu" editor-component="menu">
|
|
14
|
+
<div class="menu-item">
|
|
15
|
+
<div class="menu-item__undo">
|
|
16
|
+
<i></i>
|
|
17
|
+
</div>
|
|
18
|
+
<div class="menu-item__redo">
|
|
19
|
+
<i></i>
|
|
20
|
+
</div>
|
|
21
|
+
<div class="menu-item__painter" title="格式刷(双击可连续使用)">
|
|
22
|
+
<i></i>
|
|
23
|
+
</div>
|
|
24
|
+
<div class="menu-item__format" title="清除格式">
|
|
25
|
+
<i></i>
|
|
26
|
+
</div>
|
|
27
|
+
</div>
|
|
28
|
+
<div class="menu-divider"></div>
|
|
29
|
+
<div class="menu-item">
|
|
30
|
+
<div class="menu-item__font">
|
|
31
|
+
<span class="select" title="字体">微软雅黑</span>
|
|
32
|
+
<div class="options">
|
|
33
|
+
<ul>
|
|
34
|
+
<li data-family="Microsoft YaHei" style="font-family:'Microsoft YaHei';">微软雅黑</li>
|
|
35
|
+
<li data-family="华文宋体" style="font-family:'华文宋体';">华文宋体</li>
|
|
36
|
+
<li data-family="华文黑体" style="font-family:'华文黑体';">华文黑体</li>
|
|
37
|
+
<li data-family="华文仿宋" style="font-family:'华文仿宋';">华文仿宋</li>
|
|
38
|
+
<li data-family="华文楷体" style="font-family:'华文楷体';">华文楷体</li>
|
|
39
|
+
<li data-family="华文琥珀" style="font-family:'华文琥珀';">华文琥珀</li>
|
|
40
|
+
<li data-family="华文楷体" style="font-family:'华文楷体';">华文楷体</li>
|
|
41
|
+
<li data-family="华文隶书" style="font-family:'华文隶书';">华文隶书</li>
|
|
42
|
+
<li data-family="华文新魏" style="font-family:'华文新魏';">华文新魏</li>
|
|
43
|
+
<li data-family="华文行楷" style="font-family:'华文行楷';">华文行楷</li>
|
|
44
|
+
<li data-family="华文中宋" style="font-family:'华文中宋';">华文中宋</li>
|
|
45
|
+
<li data-family="华文彩云" style="font-family:'华文彩云';">华文彩云</li>
|
|
46
|
+
<li data-family="Arial" style="font-family:'Arial';">Arial</li>
|
|
47
|
+
<li data-family="Segoe UI" style="font-family:'Segoe UI';">Segoe UI</li>
|
|
48
|
+
<li data-family="Ink Free" style="font-family:'Ink Free';">Ink Free</li>
|
|
49
|
+
<li data-family="Fantasy" style="font-family:'Fantasy';">Fantasy</li>
|
|
50
|
+
</ul>
|
|
51
|
+
</div>
|
|
52
|
+
</div>
|
|
53
|
+
<div class="menu-item__size">
|
|
54
|
+
<span class="select" title="字体">小四</span>
|
|
55
|
+
<div class="options">
|
|
56
|
+
<ul>
|
|
57
|
+
<li data-size="56">初号</li>
|
|
58
|
+
<li data-size="48">小初</li>
|
|
59
|
+
<li data-size="34">一号</li>
|
|
60
|
+
<li data-size="32">小一</li>
|
|
61
|
+
<li data-size="29">二号</li>
|
|
62
|
+
<li data-size="24">小二</li>
|
|
63
|
+
<li data-size="21">三号</li>
|
|
64
|
+
<li data-size="20">小三</li>
|
|
65
|
+
<li data-size="18">四号</li>
|
|
66
|
+
<li data-size="16">小四</li>
|
|
67
|
+
<li data-size="14">五号</li>
|
|
68
|
+
<li data-size="12">小五</li>
|
|
69
|
+
<li data-size="10">六号</li>
|
|
70
|
+
<li data-size="8">小六</li>
|
|
71
|
+
<li data-size="7">七号</li>
|
|
72
|
+
<li data-size="6">八号</li>
|
|
73
|
+
</ul>
|
|
74
|
+
</div>
|
|
75
|
+
</div>
|
|
76
|
+
<div class="menu-item__size-add">
|
|
77
|
+
<i></i>
|
|
78
|
+
</div>
|
|
79
|
+
<div class="menu-item__size-minus">
|
|
80
|
+
<i></i>
|
|
81
|
+
</div>
|
|
82
|
+
<div class="menu-item__bold">
|
|
83
|
+
<i></i>
|
|
84
|
+
</div>
|
|
85
|
+
<div class="menu-item__italic">
|
|
86
|
+
<i></i>
|
|
87
|
+
</div>
|
|
88
|
+
<div class="menu-item__underline">
|
|
89
|
+
<i></i>
|
|
90
|
+
<span class="select"></span>
|
|
91
|
+
<div class="options">
|
|
92
|
+
<ul>
|
|
93
|
+
<li data-decoration-style='solid'>
|
|
94
|
+
<i></i>
|
|
95
|
+
</li>
|
|
96
|
+
<li data-decoration-style='double'>
|
|
97
|
+
<i></i>
|
|
98
|
+
</li>
|
|
99
|
+
<li data-decoration-style='dashed'>
|
|
100
|
+
<i></i>
|
|
101
|
+
</li>
|
|
102
|
+
<li data-decoration-style='dotted'>
|
|
103
|
+
<i></i>
|
|
104
|
+
</li>
|
|
105
|
+
<li data-decoration-style='wavy'>
|
|
106
|
+
<i></i>
|
|
107
|
+
</li>
|
|
108
|
+
</ul>
|
|
109
|
+
</div>
|
|
110
|
+
</div>
|
|
111
|
+
<div class="menu-item__strikeout" title="删除线(Ctrl+Shift+X)">
|
|
112
|
+
<i></i>
|
|
113
|
+
</div>
|
|
114
|
+
<div class="menu-item__superscript">
|
|
115
|
+
<i></i>
|
|
116
|
+
</div>
|
|
117
|
+
<div class="menu-item__subscript">
|
|
118
|
+
<i></i>
|
|
119
|
+
</div>
|
|
120
|
+
<div class="menu-item__color" title="字体颜色">
|
|
121
|
+
<i></i>
|
|
122
|
+
<span></span>
|
|
123
|
+
<input type="color" id="color" />
|
|
124
|
+
</div>
|
|
125
|
+
<div class="menu-item__highlight" title="高亮">
|
|
126
|
+
<i></i>
|
|
127
|
+
<span></span>
|
|
128
|
+
<input type="color" id="highlight">
|
|
129
|
+
</div>
|
|
130
|
+
</div>
|
|
131
|
+
<div class="menu-divider"></div>
|
|
132
|
+
<div class="menu-item">
|
|
133
|
+
<div class="menu-item__title">
|
|
134
|
+
<i></i>
|
|
135
|
+
<span class="select" title="切换标题">正文</span>
|
|
136
|
+
<div class="options">
|
|
137
|
+
<ul>
|
|
138
|
+
<li style="font-size:16px;">正文</li>
|
|
139
|
+
<li data-level="first" style="font-size:26px;">标题1</li>
|
|
140
|
+
<li data-level="second" style="font-size:24px;">标题2</li>
|
|
141
|
+
<li data-level="third" style="font-size:22px;">标题3</li>
|
|
142
|
+
<li data-level="fourth" style="font-size:20px;">标题4</li>
|
|
143
|
+
<li data-level="fifth" style="font-size:18px;">标题5</li>
|
|
144
|
+
<li data-level="sixth" style="font-size:16px;">标题6</li>
|
|
145
|
+
</ul>
|
|
146
|
+
</div>
|
|
147
|
+
</div>
|
|
148
|
+
<div class="menu-item__left">
|
|
149
|
+
<i></i>
|
|
150
|
+
</div>
|
|
151
|
+
<div class="menu-item__center">
|
|
152
|
+
<i></i>
|
|
153
|
+
</div>
|
|
154
|
+
<div class="menu-item__right">
|
|
155
|
+
<i></i>
|
|
156
|
+
</div>
|
|
157
|
+
<div class="menu-item__alignment">
|
|
158
|
+
<i></i>
|
|
159
|
+
</div>
|
|
160
|
+
<div class="menu-item__justify">
|
|
161
|
+
<i></i>
|
|
162
|
+
</div>
|
|
163
|
+
<div class="menu-item__row-margin">
|
|
164
|
+
<i title="行间距"></i>
|
|
165
|
+
<div class="options">
|
|
166
|
+
<ul>
|
|
167
|
+
<li data-rowmargin='1'>1</li>
|
|
168
|
+
<li data-rowmargin="1.25">1.25</li>
|
|
169
|
+
<li data-rowmargin="1.5">1.5</li>
|
|
170
|
+
<li data-rowmargin="1.75">1.75</li>
|
|
171
|
+
<li data-rowmargin="2">2</li>
|
|
172
|
+
<li data-rowmargin="2.5">2.5</li>
|
|
173
|
+
<li data-rowmargin="3">3</li>
|
|
174
|
+
</ul>
|
|
175
|
+
</div>
|
|
176
|
+
</div>
|
|
177
|
+
<div class="menu-item__list">
|
|
178
|
+
<i></i>
|
|
179
|
+
<div class="options">
|
|
180
|
+
<ul>
|
|
181
|
+
<li>
|
|
182
|
+
<label>取消列表</label>
|
|
183
|
+
</li>
|
|
184
|
+
<li data-list-type="ol" data-list-style='decimal'>
|
|
185
|
+
<label>有序列表:</label>
|
|
186
|
+
<ol>
|
|
187
|
+
<li>________</li>
|
|
188
|
+
</ol>
|
|
189
|
+
</li>
|
|
190
|
+
<li data-list-type="ul" data-list-style='checkbox'>
|
|
191
|
+
<label>复选框列表:</label>
|
|
192
|
+
<ul style="list-style-type: '☑️ ';">
|
|
193
|
+
<li>________</li>
|
|
194
|
+
</ul>
|
|
195
|
+
</li>
|
|
196
|
+
<li data-list-type="ul" data-list-style='disc'>
|
|
197
|
+
<label>实心圆点列表:</label>
|
|
198
|
+
<ul style="list-style-type: disc;">
|
|
199
|
+
<li>________</li>
|
|
200
|
+
</ul>
|
|
201
|
+
</li>
|
|
202
|
+
<li data-list-type="ul" data-list-style='circle'>
|
|
203
|
+
<label>空心圆点列表:</label>
|
|
204
|
+
<ul style="list-style-type: circle;">
|
|
205
|
+
<li>________</li>
|
|
206
|
+
</ul>
|
|
207
|
+
</li>
|
|
208
|
+
<li data-list-type="ul" data-list-style='square'>
|
|
209
|
+
<label>空心方块列表:</label>
|
|
210
|
+
<ul style="list-style-type: '☐ ';">
|
|
211
|
+
<li>________</li>
|
|
212
|
+
</ul>
|
|
213
|
+
</li>
|
|
214
|
+
</ul>
|
|
215
|
+
</div>
|
|
216
|
+
</div>
|
|
217
|
+
</div>
|
|
218
|
+
<div class="menu-divider"></div>
|
|
219
|
+
<div class="menu-item">
|
|
220
|
+
<div class="menu-item__table">
|
|
221
|
+
<i title="表格"></i>
|
|
222
|
+
</div>
|
|
223
|
+
<div class="menu-item__table__collapse">
|
|
224
|
+
<div class="table-close">×</div>
|
|
225
|
+
<div class="table-title">
|
|
226
|
+
<span class="table-select">插入</span>
|
|
227
|
+
<span>表格</span>
|
|
228
|
+
</div>
|
|
229
|
+
<div class="table-panel"></div>
|
|
230
|
+
</div>
|
|
231
|
+
<div class="menu-item__image">
|
|
232
|
+
<i title="图片"></i>
|
|
233
|
+
<input type="file" id="image" accept=".png, .jpg, .jpeg, .svg, .gif">
|
|
234
|
+
</div>
|
|
235
|
+
<div class="menu-item__hyperlink">
|
|
236
|
+
<i title="超链接"></i>
|
|
237
|
+
</div>
|
|
238
|
+
<div class="menu-item__separator">
|
|
239
|
+
<i title="分割线"></i>
|
|
240
|
+
<div class="options">
|
|
241
|
+
<ul>
|
|
242
|
+
<li data-separator='0,0'>
|
|
243
|
+
<i></i>
|
|
244
|
+
</li>
|
|
245
|
+
<li data-separator="1,1">
|
|
246
|
+
<i></i>
|
|
247
|
+
</li>
|
|
248
|
+
<li data-separator="3,1">
|
|
249
|
+
<i></i>
|
|
250
|
+
</li>
|
|
251
|
+
<li data-separator="4,4">
|
|
252
|
+
<i></i>
|
|
253
|
+
</li>
|
|
254
|
+
<li data-separator="7,3,3,3">
|
|
255
|
+
<i></i>
|
|
256
|
+
</li>
|
|
257
|
+
<li data-separator="6,2,2,2,2,2">
|
|
258
|
+
<i></i>
|
|
259
|
+
</li>
|
|
260
|
+
</ul>
|
|
261
|
+
</div>
|
|
262
|
+
</div>
|
|
263
|
+
<div class="menu-item__watermark">
|
|
264
|
+
<i title="水印(添加、删除)"></i>
|
|
265
|
+
<div class="options">
|
|
266
|
+
<ul>
|
|
267
|
+
<li data-menu="add">添加水印</li>
|
|
268
|
+
<li data-menu="delete">删除水印</li>
|
|
269
|
+
</ul>
|
|
270
|
+
</div>
|
|
271
|
+
</div>
|
|
272
|
+
<div class="menu-item__codeblock" title="代码块">
|
|
273
|
+
<i></i>
|
|
274
|
+
</div>
|
|
275
|
+
<div class="menu-item__page-break" title="分页符">
|
|
276
|
+
<i></i>
|
|
277
|
+
</div>
|
|
278
|
+
<div class="menu-item__control">
|
|
279
|
+
<i title="控件"></i>
|
|
280
|
+
<div class="options">
|
|
281
|
+
<ul>
|
|
282
|
+
<li data-control='text'>文本</li>
|
|
283
|
+
<li data-control="number">数值</li>
|
|
284
|
+
<li data-control="select">列举</li>
|
|
285
|
+
<li data-control="date">日期</li>
|
|
286
|
+
<li data-control="checkbox">复选框</li>
|
|
287
|
+
<li data-control="radio">单选框</li>
|
|
288
|
+
</ul>
|
|
289
|
+
</div>
|
|
290
|
+
</div>
|
|
291
|
+
<div class="menu-item__checkbox" title="复选框">
|
|
292
|
+
<i></i>
|
|
293
|
+
</div>
|
|
294
|
+
<div class="menu-item__radio" title="单选框">
|
|
295
|
+
<i></i>
|
|
296
|
+
</div>
|
|
297
|
+
<div class="menu-item__latex" title="LateX">
|
|
298
|
+
<i></i>
|
|
299
|
+
</div>
|
|
300
|
+
<div class="menu-item__date">
|
|
301
|
+
<i title="日期"></i>
|
|
302
|
+
<div class="options">
|
|
303
|
+
<ul>
|
|
304
|
+
<li data-format="yyyy-MM-dd"></li>
|
|
305
|
+
<li data-format="yyyy-MM-dd hh:mm:ss"></li>
|
|
306
|
+
</ul>
|
|
307
|
+
</div>
|
|
308
|
+
</div>
|
|
309
|
+
<div class="menu-item__block" title="内容块">
|
|
310
|
+
<i></i>
|
|
311
|
+
</div>
|
|
312
|
+
</div>
|
|
313
|
+
<div class="menu-divider"></div>
|
|
314
|
+
<div class="menu-item">
|
|
315
|
+
<div class="menu-item__search" data-menu="search">
|
|
316
|
+
<i></i>
|
|
317
|
+
</div>
|
|
318
|
+
<div class="menu-item__search__collapse" data-menu="search">
|
|
319
|
+
<div class="menu-item__search__collapse__search">
|
|
320
|
+
<input type="text" />
|
|
321
|
+
<label class="search-result"></label>
|
|
322
|
+
<div class="arrow-left">
|
|
323
|
+
<i></i>
|
|
324
|
+
</div>
|
|
325
|
+
<div class="arrow-right">
|
|
326
|
+
<i></i>
|
|
327
|
+
</div>
|
|
328
|
+
<span>×</span>
|
|
329
|
+
</div>
|
|
330
|
+
<div class="menu-item__search__collapse__replace">
|
|
331
|
+
<input type="text">
|
|
332
|
+
<button>替换</button>
|
|
333
|
+
</div>
|
|
334
|
+
<div class="menu-item__search__collapse__option">
|
|
335
|
+
<div class="search-option-item">
|
|
336
|
+
<input type="checkbox" id="option-reg" checked />
|
|
337
|
+
<label for="option-reg">正则</label>
|
|
338
|
+
</div>
|
|
339
|
+
<div class="search-option-item">
|
|
340
|
+
<input type="checkbox" id="option-case" checked />
|
|
341
|
+
<label for="option-case">忽略大小写</label>
|
|
342
|
+
</div>
|
|
343
|
+
<div class="search-option-item">
|
|
344
|
+
<input type="checkbox" id="option-selection" />
|
|
345
|
+
<label for="option-selection">选定内容内查找</label>
|
|
346
|
+
</div>
|
|
347
|
+
</div>
|
|
348
|
+
</div>
|
|
349
|
+
<div class="menu-item__print" data-menu="print">
|
|
350
|
+
<i></i>
|
|
351
|
+
</div>
|
|
352
|
+
</div>
|
|
353
|
+
</div>
|
|
354
|
+
<div class="catalog" editor-component="catalog">
|
|
355
|
+
<div class="catalog__header">
|
|
356
|
+
<span>目录</span>
|
|
357
|
+
<div class="catalog__header__close">
|
|
358
|
+
<i></i>
|
|
359
|
+
</div>
|
|
360
|
+
</div>
|
|
361
|
+
<div class="catalog__main"></div>
|
|
362
|
+
</div>
|
|
363
|
+
<div class="editor"></div>
|
|
364
|
+
<div class="comment" editor-component="comment"></div>
|
|
365
|
+
<div class="footer" editor-component="footer">
|
|
366
|
+
<div>
|
|
367
|
+
<div class="catalog-mode" title="目录">
|
|
368
|
+
<i></i>
|
|
369
|
+
</div>
|
|
370
|
+
<div class="page-mode">
|
|
371
|
+
<i title="页面模式(分页、连页)"></i>
|
|
372
|
+
<div class="options">
|
|
373
|
+
<ul>
|
|
374
|
+
<li data-page-mode="paging" class="active">分页</li>
|
|
375
|
+
<li data-page-mode="continuity">连页</li>
|
|
376
|
+
</ul>
|
|
377
|
+
</div>
|
|
378
|
+
</div>
|
|
379
|
+
<span>可见页码:<span class="page-no-list">1</span></span>
|
|
380
|
+
<span>页面:<span class="page-no">1</span>/<span class="page-size">1</span></span>
|
|
381
|
+
<span>字数:<span class="word-count">0</span></span>
|
|
382
|
+
<span>行:<span class="row-no">0</span></span>
|
|
383
|
+
<span>列:<span class="col-no">0</span></span>
|
|
384
|
+
</div>
|
|
385
|
+
<div class="editor-mode" title="编辑模式(编辑、清洁、只读、表单、设计、涂鸦)">编辑模式</div>
|
|
386
|
+
<div>
|
|
387
|
+
<div class="page-scale-minus" title="缩小(Ctrl+-)">
|
|
388
|
+
<i></i>
|
|
389
|
+
</div>
|
|
390
|
+
<span class="page-scale-percentage" title="显示比例(点击可复原Ctrl+0)">100%</span>
|
|
391
|
+
<div class="page-scale-add" title="放大(Ctrl+=)">
|
|
392
|
+
<i></i>
|
|
393
|
+
</div>
|
|
394
|
+
<div class="paper-size">
|
|
395
|
+
<i title="纸张类型"></i>
|
|
396
|
+
<div class="options">
|
|
397
|
+
<ul>
|
|
398
|
+
<li data-paper-size="794*1123" class="active">A4</li>
|
|
399
|
+
<li data-paper-size="1593*2251">A2</li>
|
|
400
|
+
<li data-paper-size="1125*1593">A3</li>
|
|
401
|
+
<li data-paper-size="565*796">A5</li>
|
|
402
|
+
<li data-paper-size="412*488">5号信封</li>
|
|
403
|
+
<li data-paper-size="450*866">6号信封</li>
|
|
404
|
+
<li data-paper-size="609*862">7号信封</li>
|
|
405
|
+
<li data-paper-size="862*1221">9号信封</li>
|
|
406
|
+
<li data-paper-size="813*1266">法律用纸</li>
|
|
407
|
+
<li data-paper-size="813*1054">信纸</li>
|
|
408
|
+
</ul>
|
|
409
|
+
</div>
|
|
410
|
+
</div>
|
|
411
|
+
<div class="paper-direction">
|
|
412
|
+
<i title="纸张方向"></i>
|
|
413
|
+
<div class="options">
|
|
414
|
+
<ul>
|
|
415
|
+
<li data-paper-direction="vertical" class="active">纵向</li>
|
|
416
|
+
<li data-paper-direction="horizontal">横向</li>
|
|
417
|
+
</ul>
|
|
418
|
+
</div>
|
|
419
|
+
</div>
|
|
420
|
+
<div class="paper-margin" title="页边距">
|
|
421
|
+
<i></i>
|
|
422
|
+
</div>
|
|
423
|
+
<div class="fullscreen" title="全屏显示">
|
|
424
|
+
<i></i>
|
|
425
|
+
</div>
|
|
426
|
+
<div class="editor-option" title="编辑器设置">
|
|
427
|
+
<i></i>
|
|
428
|
+
</div>
|
|
429
|
+
</div>
|
|
430
|
+
</div>
|
|
431
|
+
</div>
|
|
432
|
+
<script type="module" src="/src/main.ts"></script>
|
|
433
|
+
</body>
|
|
434
|
+
|
|
435
|
+
</html>
|
package/package.json
ADDED
|
@@ -0,0 +1,55 @@
|
|
|
1
|
+
{
|
|
2
|
+
"name": "editor-svg",
|
|
3
|
+
"version": "1.0.0",
|
|
4
|
+
"type": "module",
|
|
5
|
+
"description": "基于canvas-editor的二次开发",
|
|
6
|
+
"keywords": [
|
|
7
|
+
"editor-svg"
|
|
8
|
+
],
|
|
9
|
+
"author": "coderyang",
|
|
10
|
+
"license": "MIT",
|
|
11
|
+
"publishConfig": {
|
|
12
|
+
"registry": "https://registry.npmjs.org/",
|
|
13
|
+
"access": "public"
|
|
14
|
+
},
|
|
15
|
+
"typings": "./dist/src/editor/index.d.ts",
|
|
16
|
+
"main": "./dist/canvas-editor.umd.js",
|
|
17
|
+
"module": "./dist/canvas-editor.es.js",
|
|
18
|
+
"engines": {
|
|
19
|
+
"node": ">=16.9.1"
|
|
20
|
+
},
|
|
21
|
+
"scripts": {
|
|
22
|
+
"dev": "vite",
|
|
23
|
+
"lib": "npm run lint && tsc && vite build --mode lib",
|
|
24
|
+
"build": "npm run lint && tsc && vite build --mode app",
|
|
25
|
+
"serve": "vite preview",
|
|
26
|
+
"lint": "eslint .",
|
|
27
|
+
"cypress:open": "cypress open",
|
|
28
|
+
"cypress:run": "cypress run",
|
|
29
|
+
"type:check": "tsc --noEmit",
|
|
30
|
+
"docs:dev": "vitepress dev docs",
|
|
31
|
+
"docs:build": "vitepress build docs",
|
|
32
|
+
"docs:preview": "vitepress preview docs",
|
|
33
|
+
"release": "node scripts/release.js"
|
|
34
|
+
},
|
|
35
|
+
"devDependencies": {
|
|
36
|
+
"@rollup/plugin-typescript": "^10.0.1",
|
|
37
|
+
"@types/node": "16.18.96",
|
|
38
|
+
"@types/prismjs": "^1.26.0",
|
|
39
|
+
"@typescript-eslint/eslint-plugin": "5.62.0",
|
|
40
|
+
"@typescript-eslint/parser": "5.62.0",
|
|
41
|
+
"cypress": "13.6.0",
|
|
42
|
+
"cypress-file-upload": "^5.0.8",
|
|
43
|
+
"eslint": "7.32.0",
|
|
44
|
+
"simple-git-hooks": "^2.8.1",
|
|
45
|
+
"typescript": "4.9.5",
|
|
46
|
+
"vite": "^2.4.2",
|
|
47
|
+
"vite-plugin-css-injected-by-js": "^2.1.1",
|
|
48
|
+
"vitepress": "1.0.0-beta.6",
|
|
49
|
+
"vue": "^3.2.45"
|
|
50
|
+
},
|
|
51
|
+
"simple-git-hooks": {
|
|
52
|
+
"pre-commit": "npm run lint && npm run type:check",
|
|
53
|
+
"commit-msg": "node scripts/verifyCommit.js"
|
|
54
|
+
}
|
|
55
|
+
}
|