@opentiny/fluent-editor 3.25.0-alpha.1 → 3.25.1
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/README.md +105 -103
- package/es/attributors/line-height.es.js.map +1 -1
- package/es/config/base64-image.es.js +0 -2
- package/es/config/base64-image.es.js.map +1 -1
- package/es/config/editor.config.es.js.map +1 -1
- package/es/config/editor.utils.es.js.map +1 -1
- package/es/config/i18n/en-us.es.js.map +1 -1
- package/es/config/i18n/zh-cn.es.js.map +1 -1
- package/es/config/index.es.js +0 -49
- package/es/config/index.es.js.map +1 -1
- package/es/core/fluent-editor.es.js +22 -0
- package/es/core/fluent-editor.es.js.map +1 -0
- package/es/fluent-editor.es.js +58 -196
- package/es/fluent-editor.es.js.map +1 -1
- package/es/{soft-break/index.es.js → formats/soft-break.es.js} +1 -1
- package/es/formats/soft-break.es.js.map +1 -0
- package/es/{strike/index.es.js → formats/strike.es.js} +1 -1
- package/es/formats/strike.es.js.map +1 -0
- package/es/{video/index.es.js → formats/video.es.js} +1 -1
- package/es/formats/video.es.js.map +1 -0
- package/es/index.es.js +4 -4
- package/es/index.es.js.map +1 -1
- package/es/{counter/index.es.js → modules/counter.es.js} +1 -1
- package/es/modules/counter.es.js.map +1 -0
- package/es/{custom-clipboard.es.js → modules/custom-clipboard.es.js} +3 -3
- package/es/modules/custom-clipboard.es.js.map +1 -0
- package/es/modules/custom-image/BlotFormatter.es.js.map +1 -0
- package/es/modules/custom-image/Options.es.js.map +1 -0
- package/es/modules/custom-image/actions/Action.es.js.map +1 -0
- package/es/modules/custom-image/actions/CustomResizeAction.es.js.map +1 -0
- package/es/modules/custom-image/actions/DeleteAction.es.js.map +1 -0
- package/es/{custom-image → modules/custom-image}/image.es.js +1 -1
- package/es/modules/custom-image/image.es.js.map +1 -0
- package/es/modules/custom-image/specs/BlotSpec.es.js.map +1 -0
- package/es/{custom-image → modules/custom-image}/specs/CustomImageSpec.es.js +1 -1
- package/es/modules/custom-image/specs/CustomImageSpec.es.js.map +1 -0
- package/es/modules/custom-image/specs/ImageSpec.es.js.map +1 -0
- package/es/{custom-uploader.es.js → modules/custom-uploader.es.js} +2 -2
- package/es/modules/custom-uploader.es.js.map +1 -0
- package/es/{divider/index.es.js → modules/divider.es.js} +1 -1
- package/es/modules/divider.es.js.map +1 -0
- package/es/modules/emoji/emoji-list/people.es.js.map +1 -0
- package/es/modules/emoji/emoji-list.es.js.map +1 -0
- package/es/modules/emoji/emoji-map.es.js.map +1 -0
- package/es/modules/emoji/emoji-sprite.es.js +5 -0
- package/es/modules/emoji/emoji-sprite.es.js.map +1 -0
- package/es/modules/emoji/formats/emoji-blot.es.js.map +1 -0
- package/es/modules/emoji/index.es.js.map +1 -0
- package/es/modules/emoji/modules/emoji.es.js.map +1 -0
- package/es/{emoji → modules/emoji}/modules/toolbar-emoji.es.js +1 -1
- package/es/modules/emoji/modules/toolbar-emoji.es.js.map +1 -0
- package/es/modules/emoji/utils.es.js.map +1 -0
- package/es/{file → modules/file}/formats/file.es.js +1 -1
- package/es/modules/file/formats/file.es.js.map +1 -0
- package/es/modules/file/index.es.js.map +1 -0
- package/es/{file → modules/file}/modules/file-bar.es.js +1 -1
- package/es/modules/file/modules/file-bar.es.js.map +1 -0
- package/es/modules/global-link/constants.es.js.map +1 -0
- package/es/modules/global-link/formats/customer-widget-link.es.js.map +1 -0
- package/es/modules/global-link/formats/doc-link.es.js.map +1 -0
- package/es/modules/global-link/formats/wiki-link.es.js.map +1 -0
- package/es/modules/global-link/formats/work-item-link.es.js.map +1 -0
- package/es/{global-link → modules/global-link}/index.es.js +1 -1
- package/es/modules/global-link/index.es.js.map +1 -0
- package/es/modules/global-link/utils/createTable.es.js.map +1 -0
- package/es/{i18n/index.es.js → modules/i18n.es.js} +2 -2
- package/es/modules/i18n.es.js.map +1 -0
- package/es/{link → modules/link}/formats/link.es.js +1 -1
- package/es/modules/link/formats/link.es.js.map +1 -0
- package/es/modules/link/index.es.js.map +1 -0
- package/es/{link → modules/link}/modules/tooltip.es.js +4 -4
- package/es/modules/link/modules/tooltip.es.js.map +1 -0
- package/es/modules/mathlive/formats.es.js.map +1 -0
- package/es/modules/mathlive/index.es.js.map +1 -0
- package/es/modules/mathlive/tooltip.es.js.map +1 -0
- package/es/{mention → modules/mention}/Mention.es.js +1 -1
- package/es/modules/mention/Mention.es.js.map +1 -0
- package/es/modules/mention/MentionLink.es.js.map +1 -0
- package/es/modules/mention/constants.es.js.map +1 -0
- package/es/{quick-menu/index.es.js → modules/quick-menu.es.js} +1 -1
- package/es/modules/quick-menu.es.js.map +1 -0
- package/es/{syntax/index.es.js → modules/syntax.es.js} +1 -1
- package/es/modules/syntax.es.js.map +1 -0
- package/es/{table → modules/table}/better-table.es.js +1 -1
- package/es/modules/table/better-table.es.js.map +1 -0
- package/es/{table → modules/table}/formats/header.es.js +1 -1
- package/es/modules/table/formats/header.es.js.map +1 -0
- package/es/modules/table/formats/list.es.js.map +1 -0
- package/es/{table → modules/table}/formats/table.es.js +2 -2
- package/es/modules/table/formats/table.es.js.map +1 -0
- package/es/modules/table/modules/table-column-tool.es.js.map +1 -0
- package/es/{table → modules/table}/modules/table-operation-menu.es.js +2 -2
- package/es/modules/table/modules/table-operation-menu.es.js.map +1 -0
- package/es/modules/table/modules/table-scroll-bar.es.js.map +1 -0
- package/es/modules/table/modules/table-selection.es.js.map +1 -0
- package/es/modules/table/modules/table-selector.es.js.map +1 -0
- package/es/modules/table/table-config.es.js.map +1 -0
- package/es/modules/table/utils/index.es.js.map +1 -0
- package/es/{table → modules/table}/utils/node-matchers.es.js +1 -1
- package/es/modules/table/utils/node-matchers.es.js.map +1 -0
- package/es/{toolbar → modules/toolbar}/better-picker.es.js +1 -1
- package/es/modules/toolbar/better-picker.es.js.map +1 -0
- package/es/{toolbar → modules/toolbar}/index.es.js +1 -1
- package/es/modules/toolbar/index.es.js.map +1 -0
- package/es/{toolbar → modules/toolbar}/toolbar-tip.es.js +2 -2
- package/es/modules/toolbar/toolbar-tip.es.js.map +1 -0
- package/es/themes/snow.es.js +119 -0
- package/es/themes/snow.es.js.map +1 -0
- package/es/{format-painter/index.es.js → tools/format-painter.es.js} +1 -1
- package/es/tools/format-painter.es.js.map +1 -0
- package/es/{fullscreen/handler.es.js → tools/fullscreen.es.js} +3 -2
- package/es/tools/fullscreen.es.js.map +1 -0
- package/es/{screenshot/index.es.js → tools/screenshot.es.js} +1 -1
- package/es/tools/screenshot.es.js.map +1 -0
- package/es/ui/icons.config.es.js.map +1 -0
- package/es/ui/icons.es.js +58 -0
- package/es/ui/icons.es.js.map +1 -0
- package/es/utils/debounce.es.js.map +1 -1
- package/es/utils/method.es.js.map +1 -1
- package/lib/attributors/line-height.cjs.js.map +1 -1
- package/lib/config/base64-image.cjs.js +0 -2
- package/lib/config/base64-image.cjs.js.map +1 -1
- package/lib/config/editor.config.cjs.js.map +1 -1
- package/lib/config/editor.utils.cjs.js.map +1 -1
- package/lib/config/i18n/en-us.cjs.js.map +1 -1
- package/lib/config/i18n/zh-cn.cjs.js.map +1 -1
- package/lib/config/index.cjs.js +0 -49
- package/lib/config/index.cjs.js.map +1 -1
- package/lib/core/fluent-editor.cjs.js +22 -0
- package/lib/core/fluent-editor.cjs.js.map +1 -0
- package/lib/fluent-editor.cjs.js +58 -196
- package/lib/fluent-editor.cjs.js.map +1 -1
- package/lib/{soft-break/index.cjs.js → formats/soft-break.cjs.js} +1 -1
- package/lib/formats/soft-break.cjs.js.map +1 -0
- package/lib/{strike/index.cjs.js → formats/strike.cjs.js} +1 -1
- package/lib/formats/strike.cjs.js.map +1 -0
- package/lib/{video/index.cjs.js → formats/video.cjs.js} +1 -1
- package/lib/formats/video.cjs.js.map +1 -0
- package/lib/index.cjs.js +4 -4
- package/lib/{counter/index.cjs.js → modules/counter.cjs.js} +1 -1
- package/lib/modules/counter.cjs.js.map +1 -0
- package/lib/{custom-clipboard.cjs.js → modules/custom-clipboard.cjs.js} +3 -3
- package/lib/modules/custom-clipboard.cjs.js.map +1 -0
- package/lib/modules/custom-image/BlotFormatter.cjs.js.map +1 -0
- package/lib/modules/custom-image/Options.cjs.js.map +1 -0
- package/lib/modules/custom-image/actions/Action.cjs.js.map +1 -0
- package/lib/modules/custom-image/actions/CustomResizeAction.cjs.js.map +1 -0
- package/lib/modules/custom-image/actions/DeleteAction.cjs.js.map +1 -0
- package/lib/{custom-image → modules/custom-image}/image.cjs.js +1 -1
- package/lib/modules/custom-image/image.cjs.js.map +1 -0
- package/lib/modules/custom-image/specs/BlotSpec.cjs.js.map +1 -0
- package/lib/{custom-image → modules/custom-image}/specs/CustomImageSpec.cjs.js +1 -1
- package/lib/modules/custom-image/specs/CustomImageSpec.cjs.js.map +1 -0
- package/lib/modules/custom-image/specs/ImageSpec.cjs.js.map +1 -0
- package/lib/{custom-uploader.cjs.js → modules/custom-uploader.cjs.js} +2 -2
- package/lib/modules/custom-uploader.cjs.js.map +1 -0
- package/lib/{divider/index.cjs.js → modules/divider.cjs.js} +1 -1
- package/lib/modules/divider.cjs.js.map +1 -0
- package/lib/modules/emoji/emoji-list/people.cjs.js.map +1 -0
- package/lib/modules/emoji/emoji-list.cjs.js.map +1 -0
- package/lib/modules/emoji/emoji-map.cjs.js.map +1 -0
- package/lib/modules/emoji/emoji-sprite.cjs.js +5 -0
- package/lib/modules/emoji/emoji-sprite.cjs.js.map +1 -0
- package/lib/modules/emoji/formats/emoji-blot.cjs.js.map +1 -0
- package/lib/modules/emoji/index.cjs.js.map +1 -0
- package/lib/modules/emoji/modules/emoji.cjs.js.map +1 -0
- package/lib/{emoji → modules/emoji}/modules/toolbar-emoji.cjs.js +2 -2
- package/lib/modules/emoji/modules/toolbar-emoji.cjs.js.map +1 -0
- package/lib/modules/emoji/utils.cjs.js.map +1 -0
- package/lib/{file → modules/file}/formats/file.cjs.js +1 -1
- package/lib/modules/file/formats/file.cjs.js.map +1 -0
- package/lib/modules/file/index.cjs.js.map +1 -0
- package/lib/{file → modules/file}/modules/file-bar.cjs.js +1 -1
- package/lib/modules/file/modules/file-bar.cjs.js.map +1 -0
- package/lib/modules/global-link/constants.cjs.js.map +1 -0
- package/lib/modules/global-link/formats/customer-widget-link.cjs.js.map +1 -0
- package/lib/modules/global-link/formats/doc-link.cjs.js.map +1 -0
- package/lib/modules/global-link/formats/wiki-link.cjs.js.map +1 -0
- package/lib/modules/global-link/formats/work-item-link.cjs.js.map +1 -0
- package/lib/{global-link → modules/global-link}/index.cjs.js +1 -1
- package/lib/modules/global-link/index.cjs.js.map +1 -0
- package/lib/modules/global-link/utils/createTable.cjs.js.map +1 -0
- package/lib/{i18n/index.cjs.js → modules/i18n.cjs.js} +3 -3
- package/lib/modules/i18n.cjs.js.map +1 -0
- package/lib/{link → modules/link}/formats/link.cjs.js +1 -1
- package/lib/modules/link/formats/link.cjs.js.map +1 -0
- package/lib/modules/link/index.cjs.js.map +1 -0
- package/lib/{link → modules/link}/modules/tooltip.cjs.js +4 -4
- package/lib/modules/link/modules/tooltip.cjs.js.map +1 -0
- package/lib/modules/mathlive/formats.cjs.js.map +1 -0
- package/lib/modules/mathlive/index.cjs.js.map +1 -0
- package/lib/modules/mathlive/tooltip.cjs.js.map +1 -0
- package/lib/{mention → modules/mention}/Mention.cjs.js +1 -1
- package/lib/modules/mention/Mention.cjs.js.map +1 -0
- package/lib/modules/mention/MentionLink.cjs.js.map +1 -0
- package/lib/modules/mention/constants.cjs.js.map +1 -0
- package/lib/{quick-menu/index.cjs.js → modules/quick-menu.cjs.js} +1 -1
- package/lib/modules/quick-menu.cjs.js.map +1 -0
- package/lib/{syntax/index.cjs.js → modules/syntax.cjs.js} +1 -1
- package/lib/modules/syntax.cjs.js.map +1 -0
- package/lib/{table → modules/table}/better-table.cjs.js +1 -1
- package/lib/modules/table/better-table.cjs.js.map +1 -0
- package/lib/{table → modules/table}/formats/header.cjs.js +1 -1
- package/lib/modules/table/formats/header.cjs.js.map +1 -0
- package/lib/modules/table/formats/list.cjs.js.map +1 -0
- package/lib/{table → modules/table}/formats/table.cjs.js +2 -2
- package/lib/modules/table/formats/table.cjs.js.map +1 -0
- package/lib/modules/table/modules/table-column-tool.cjs.js.map +1 -0
- package/lib/{table → modules/table}/modules/table-operation-menu.cjs.js +2 -2
- package/lib/modules/table/modules/table-operation-menu.cjs.js.map +1 -0
- package/lib/modules/table/modules/table-scroll-bar.cjs.js.map +1 -0
- package/lib/modules/table/modules/table-selection.cjs.js.map +1 -0
- package/lib/modules/table/modules/table-selector.cjs.js.map +1 -0
- package/lib/modules/table/table-config.cjs.js.map +1 -0
- package/lib/modules/table/utils/index.cjs.js.map +1 -0
- package/lib/{table → modules/table}/utils/node-matchers.cjs.js +1 -1
- package/lib/modules/table/utils/node-matchers.cjs.js.map +1 -0
- package/lib/{toolbar → modules/toolbar}/better-picker.cjs.js +1 -1
- package/lib/modules/toolbar/better-picker.cjs.js.map +1 -0
- package/lib/{toolbar → modules/toolbar}/index.cjs.js +1 -1
- package/lib/modules/toolbar/index.cjs.js.map +1 -0
- package/lib/{toolbar → modules/toolbar}/toolbar-tip.cjs.js +2 -2
- package/lib/modules/toolbar/toolbar-tip.cjs.js.map +1 -0
- package/lib/themes/snow.cjs.js +119 -0
- package/lib/themes/snow.cjs.js.map +1 -0
- package/lib/{format-painter/index.cjs.js → tools/format-painter.cjs.js} +1 -1
- package/lib/tools/format-painter.cjs.js.map +1 -0
- package/lib/{fullscreen/handler.cjs.js → tools/fullscreen.cjs.js} +4 -3
- package/lib/tools/fullscreen.cjs.js.map +1 -0
- package/lib/{screenshot/index.cjs.js → tools/screenshot.cjs.js} +1 -1
- package/lib/tools/screenshot.cjs.js.map +1 -0
- package/lib/ui/icons.cjs.js +58 -0
- package/lib/ui/icons.cjs.js.map +1 -0
- package/lib/ui/icons.config.cjs.js.map +1 -0
- package/lib/utils/debounce.cjs.js.map +1 -1
- package/lib/utils/method.cjs.js.map +1 -1
- package/package.json +56 -56
- package/types/attributors/font-size.d.ts +1 -1
- package/types/attributors/font-style.d.ts +1 -1
- package/types/attributors/index.d.ts +4 -4
- package/types/attributors/line-height.d.ts +1 -1
- package/types/attributors/text-indent.d.ts +1 -1
- package/types/config/base64-image.d.ts +2 -3
- package/types/config/editor.config.d.ts +229 -229
- package/types/config/editor.utils.d.ts +42 -42
- package/types/config/i18n/en-us.d.ts +108 -108
- package/types/config/i18n/zh-cn.d.ts +108 -108
- package/types/config/index.d.ts +6 -9
- package/types/config/types/additional-toolbar-item.interface.d.ts +6 -7
- package/types/config/types/content-change.interface.d.ts +13 -13
- package/types/config/types/content-save.interface.d.ts +6 -6
- package/types/config/types/counter-option.interface.d.ts +7 -8
- package/types/config/types/editor-config.interface.d.ts +34 -35
- package/types/config/types/editor-modules.interface.d.ts +29 -30
- package/types/config/types/editor-toolbar.interface.d.ts +4 -5
- package/types/config/types/file-operation.interface.d.ts +10 -11
- package/types/config/types/focus-change.interface.d.ts +4 -4
- package/types/config/types/fullscreen-module.interface.d.ts +4 -4
- package/types/config/types/help-panel-item.interface.d.ts +5 -5
- package/types/config/types/help-panel-option.interface.d.ts +5 -6
- package/types/config/types/image-module.interface.d.ts +3 -3
- package/types/config/types/image-upload.interface.d.ts +5 -6
- package/types/config/types/index.d.ts +23 -23
- package/types/config/types/load-on-demand-module.interface.d.ts +5 -5
- package/types/config/types/mention-module.interface.d.ts +8 -8
- package/types/config/types/paste-change.interface.d.ts +4 -5
- package/types/config/types/quick-menu-module.interface.d.ts +3 -3
- package/types/config/types/range.interface.d.ts +4 -4
- package/types/config/types/registry-options.interface.d.ts +5 -5
- package/types/config/types/selection-change.interface.d.ts +6 -7
- package/types/config/types/toolbar-item.interface.d.ts +13 -13
- package/types/config/types/type.d.ts +4 -5
- package/types/config/types/validate-error.interface.d.ts +13 -13
- package/types/core/fluent-editor.d.ts +11 -0
- package/types/fluent-editor.d.ts +2 -12
- package/types/{soft-break/index.d.ts → formats/soft-break.d.ts} +14 -14
- package/types/{strike/index.d.ts → formats/strike.d.ts} +7 -7
- package/types/{video/index.d.ts → formats/video.d.ts} +14 -15
- package/types/index.d.ts +4 -5
- package/types/{counter/index.d.ts → modules/counter.d.ts} +15 -16
- package/types/{custom-clipboard.d.ts → modules/custom-clipboard.d.ts} +27 -28
- package/types/{custom-image → modules/custom-image}/BlotFormatter.d.ts +20 -21
- package/types/{custom-image → modules/custom-image}/Options.d.ts +36 -36
- package/types/{custom-image → modules/custom-image}/actions/Action.d.ts +7 -7
- package/types/{custom-image → modules/custom-image}/actions/CustomResizeAction.d.ts +22 -23
- package/types/{custom-image → modules/custom-image}/actions/DeleteAction.d.ts +5 -6
- package/types/{custom-image → modules/custom-image}/image.d.ts +28 -28
- package/types/{custom-image → modules/custom-image}/specs/BlotSpec.d.ts +10 -11
- package/types/{custom-image → modules/custom-image}/specs/CustomImageSpec.d.ts +17 -18
- package/types/{custom-image → modules/custom-image}/specs/ImageSpec.d.ts +8 -9
- package/types/{custom-uploader.d.ts → modules/custom-uploader.d.ts} +29 -30
- package/types/{divider/index.d.ts → modules/divider.d.ts} +7 -7
- package/types/{emoji → modules/emoji}/emoji-list/index.d.ts +1 -1
- package/types/{emoji → modules/emoji}/emoji-list/people.d.ts +1 -1
- package/types/{emoji → modules/emoji}/emoji-list.d.ts +2 -2
- package/types/{emoji → modules/emoji}/emoji-map.d.ts +2 -2
- package/types/modules/emoji/emoji-sprite.d.ts +1 -0
- package/types/{emoji → modules/emoji}/formats/emoji-blot.d.ts +13 -13
- package/types/{emoji → modules/emoji}/index.d.ts +6 -7
- package/types/{emoji → modules/emoji}/modules/emoji.d.ts +38 -38
- package/types/{emoji → modules/emoji}/modules/toolbar-emoji.d.ts +8 -8
- package/types/{emoji → modules/emoji}/utils.d.ts +1 -1
- package/types/{file → modules/file}/formats/file.d.ts +15 -15
- package/types/{file → modules/file}/index.d.ts +9 -10
- package/types/{file → modules/file}/modules/file-bar.d.ts +14 -14
- package/types/{global-link → modules/global-link}/constants.d.ts +3 -3
- package/types/{global-link → modules/global-link}/formats/customer-widget-link.d.ts +14 -14
- package/types/{global-link → modules/global-link}/formats/doc-link.d.ts +17 -17
- package/types/{global-link → modules/global-link}/formats/wiki-link.d.ts +16 -16
- package/types/{global-link → modules/global-link}/formats/work-item-link.d.ts +16 -16
- package/types/{global-link → modules/global-link}/global-link-panel.d.ts +17 -18
- package/types/{global-link → modules/global-link}/index.d.ts +18 -18
- package/types/{global-link → modules/global-link}/utils/createTable.d.ts +1 -1
- package/types/{i18n/index.d.ts → modules/i18n.d.ts} +15 -14
- package/types/{link → modules/link}/formats/link.d.ts +14 -15
- package/types/{link → modules/link}/index.d.ts +6 -6
- package/types/{link → modules/link}/modules/tooltip.d.ts +31 -32
- package/types/{mathlive → modules/mathlive}/formats.d.ts +20 -21
- package/types/{mathlive → modules/mathlive}/index.d.ts +6 -7
- package/types/{mathlive → modules/mathlive}/tooltip.d.ts +14 -15
- package/types/{mention → modules/mention}/Mention.d.ts +53 -54
- package/types/{mention → modules/mention}/MentionLink.d.ts +14 -15
- package/types/{mention → modules/mention}/constants.d.ts +3 -3
- package/types/{quick-menu/index.d.ts → modules/quick-menu.d.ts} +20 -21
- package/types/{syntax/index.d.ts → modules/syntax.d.ts} +12 -13
- package/types/{table → modules/table}/better-table.d.ts +31 -32
- package/types/{table → modules/table}/formats/header.d.ts +21 -22
- package/types/{table → modules/table}/formats/list.d.ts +34 -34
- package/types/{table → modules/table}/formats/table.d.ts +145 -146
- package/types/{table → modules/table}/modules/table-column-tool.d.ts +23 -23
- package/types/{table → modules/table}/modules/table-operation-menu.d.ts +38 -38
- package/types/{table → modules/table}/modules/table-scroll-bar.d.ts +33 -33
- package/types/{table → modules/table}/modules/table-selection.d.ts +37 -37
- package/types/{table → modules/table}/modules/table-selector.d.ts +22 -22
- package/types/{table → modules/table}/table-config.d.ts +38 -38
- package/types/{table → modules/table}/utils/index.d.ts +17 -17
- package/types/{table → modules/table}/utils/node-matchers.d.ts +9 -9
- package/types/{toolbar → modules/toolbar}/better-picker.d.ts +1 -1
- package/types/{toolbar → modules/toolbar}/index.d.ts +7 -8
- package/types/{toolbar → modules/toolbar}/toolbar-tip.d.ts +9 -10
- package/types/themes/snow.d.ts +3 -0
- package/types/{format-painter/index.d.ts → tools/format-painter.d.ts} +13 -14
- package/types/{fullscreen/handler.d.ts → tools/fullscreen.d.ts} +1 -2
- package/types/{screenshot/index.d.ts → tools/screenshot.d.ts} +17 -18
- package/types/{config → ui}/icons.config.d.ts +36 -36
- package/types/ui/icons.d.ts +6 -0
- package/types/utils/debounce.d.ts +6 -6
- package/types/utils/image.d.ts +1 -1
- package/types/utils/is.d.ts +4 -4
- package/types/utils/method.d.ts +6 -6
- package/types/utils/scroll-lock.d.ts +6 -6
- package/es/config/icons.config.es.js.map +0 -1
- package/es/counter/index.es.js.map +0 -1
- package/es/custom-clipboard.es.js.map +0 -1
- package/es/custom-image/BlotFormatter.es.js.map +0 -1
- package/es/custom-image/Options.es.js.map +0 -1
- package/es/custom-image/actions/Action.es.js.map +0 -1
- package/es/custom-image/actions/CustomResizeAction.es.js.map +0 -1
- package/es/custom-image/actions/DeleteAction.es.js.map +0 -1
- package/es/custom-image/image.es.js.map +0 -1
- package/es/custom-image/specs/BlotSpec.es.js.map +0 -1
- package/es/custom-image/specs/CustomImageSpec.es.js.map +0 -1
- package/es/custom-image/specs/ImageSpec.es.js.map +0 -1
- package/es/custom-uploader.es.js.map +0 -1
- package/es/divider/index.es.js.map +0 -1
- package/es/emoji/emoji-list/people.es.js.map +0 -1
- package/es/emoji/emoji-list.es.js.map +0 -1
- package/es/emoji/emoji-map.es.js.map +0 -1
- package/es/emoji/formats/emoji-blot.es.js.map +0 -1
- package/es/emoji/index.es.js.map +0 -1
- package/es/emoji/modules/emoji.es.js.map +0 -1
- package/es/emoji/modules/toolbar-emoji.es.js.map +0 -1
- package/es/emoji/utils.es.js.map +0 -1
- package/es/file/formats/file.es.js.map +0 -1
- package/es/file/index.es.js.map +0 -1
- package/es/file/modules/file-bar.es.js.map +0 -1
- package/es/format-painter/index.es.js.map +0 -1
- package/es/fullscreen/handler.es.js.map +0 -1
- package/es/global-link/constants.es.js.map +0 -1
- package/es/global-link/formats/customer-widget-link.es.js.map +0 -1
- package/es/global-link/formats/doc-link.es.js.map +0 -1
- package/es/global-link/formats/wiki-link.es.js.map +0 -1
- package/es/global-link/formats/work-item-link.es.js.map +0 -1
- package/es/global-link/index.es.js.map +0 -1
- package/es/global-link/utils/createTable.es.js.map +0 -1
- package/es/i18n/index.es.js.map +0 -1
- package/es/link/formats/link.es.js.map +0 -1
- package/es/link/index.es.js.map +0 -1
- package/es/link/modules/tooltip.es.js.map +0 -1
- package/es/mathlive/formats.es.js.map +0 -1
- package/es/mathlive/index.es.js.map +0 -1
- package/es/mathlive/tooltip.es.js.map +0 -1
- package/es/mention/Mention.es.js.map +0 -1
- package/es/mention/MentionLink.es.js.map +0 -1
- package/es/mention/constants.es.js.map +0 -1
- package/es/quick-menu/index.es.js.map +0 -1
- package/es/screenshot/index.es.js.map +0 -1
- package/es/soft-break/index.es.js.map +0 -1
- package/es/strike/index.es.js.map +0 -1
- package/es/syntax/index.es.js.map +0 -1
- package/es/table/better-table.es.js.map +0 -1
- package/es/table/formats/header.es.js.map +0 -1
- package/es/table/formats/list.es.js.map +0 -1
- package/es/table/formats/table.es.js.map +0 -1
- package/es/table/modules/table-column-tool.es.js.map +0 -1
- package/es/table/modules/table-operation-menu.es.js.map +0 -1
- package/es/table/modules/table-scroll-bar.es.js.map +0 -1
- package/es/table/modules/table-selection.es.js.map +0 -1
- package/es/table/modules/table-selector.es.js.map +0 -1
- package/es/table/table-config.es.js.map +0 -1
- package/es/table/utils/index.es.js.map +0 -1
- package/es/table/utils/node-matchers.es.js.map +0 -1
- package/es/toolbar/better-picker.es.js.map +0 -1
- package/es/toolbar/index.es.js.map +0 -1
- package/es/toolbar/toolbar-tip.es.js.map +0 -1
- package/es/video/index.es.js.map +0 -1
- package/lib/config/icons.config.cjs.js.map +0 -1
- package/lib/counter/index.cjs.js.map +0 -1
- package/lib/custom-clipboard.cjs.js.map +0 -1
- package/lib/custom-image/BlotFormatter.cjs.js.map +0 -1
- package/lib/custom-image/Options.cjs.js.map +0 -1
- package/lib/custom-image/actions/Action.cjs.js.map +0 -1
- package/lib/custom-image/actions/CustomResizeAction.cjs.js.map +0 -1
- package/lib/custom-image/actions/DeleteAction.cjs.js.map +0 -1
- package/lib/custom-image/image.cjs.js.map +0 -1
- package/lib/custom-image/specs/BlotSpec.cjs.js.map +0 -1
- package/lib/custom-image/specs/CustomImageSpec.cjs.js.map +0 -1
- package/lib/custom-image/specs/ImageSpec.cjs.js.map +0 -1
- package/lib/custom-uploader.cjs.js.map +0 -1
- package/lib/divider/index.cjs.js.map +0 -1
- package/lib/emoji/emoji-list/people.cjs.js.map +0 -1
- package/lib/emoji/emoji-list.cjs.js.map +0 -1
- package/lib/emoji/emoji-map.cjs.js.map +0 -1
- package/lib/emoji/formats/emoji-blot.cjs.js.map +0 -1
- package/lib/emoji/index.cjs.js.map +0 -1
- package/lib/emoji/modules/emoji.cjs.js.map +0 -1
- package/lib/emoji/modules/toolbar-emoji.cjs.js.map +0 -1
- package/lib/emoji/utils.cjs.js.map +0 -1
- package/lib/file/formats/file.cjs.js.map +0 -1
- package/lib/file/index.cjs.js.map +0 -1
- package/lib/file/modules/file-bar.cjs.js.map +0 -1
- package/lib/format-painter/index.cjs.js.map +0 -1
- package/lib/fullscreen/handler.cjs.js.map +0 -1
- package/lib/global-link/constants.cjs.js.map +0 -1
- package/lib/global-link/formats/customer-widget-link.cjs.js.map +0 -1
- package/lib/global-link/formats/doc-link.cjs.js.map +0 -1
- package/lib/global-link/formats/wiki-link.cjs.js.map +0 -1
- package/lib/global-link/formats/work-item-link.cjs.js.map +0 -1
- package/lib/global-link/index.cjs.js.map +0 -1
- package/lib/global-link/utils/createTable.cjs.js.map +0 -1
- package/lib/i18n/index.cjs.js.map +0 -1
- package/lib/link/formats/link.cjs.js.map +0 -1
- package/lib/link/index.cjs.js.map +0 -1
- package/lib/link/modules/tooltip.cjs.js.map +0 -1
- package/lib/mathlive/formats.cjs.js.map +0 -1
- package/lib/mathlive/index.cjs.js.map +0 -1
- package/lib/mathlive/tooltip.cjs.js.map +0 -1
- package/lib/mention/Mention.cjs.js.map +0 -1
- package/lib/mention/MentionLink.cjs.js.map +0 -1
- package/lib/mention/constants.cjs.js.map +0 -1
- package/lib/quick-menu/index.cjs.js.map +0 -1
- package/lib/screenshot/index.cjs.js.map +0 -1
- package/lib/soft-break/index.cjs.js.map +0 -1
- package/lib/strike/index.cjs.js.map +0 -1
- package/lib/syntax/index.cjs.js.map +0 -1
- package/lib/table/better-table.cjs.js.map +0 -1
- package/lib/table/formats/header.cjs.js.map +0 -1
- package/lib/table/formats/list.cjs.js.map +0 -1
- package/lib/table/formats/table.cjs.js.map +0 -1
- package/lib/table/modules/table-column-tool.cjs.js.map +0 -1
- package/lib/table/modules/table-operation-menu.cjs.js.map +0 -1
- package/lib/table/modules/table-scroll-bar.cjs.js.map +0 -1
- package/lib/table/modules/table-selection.cjs.js.map +0 -1
- package/lib/table/modules/table-selector.cjs.js.map +0 -1
- package/lib/table/table-config.cjs.js.map +0 -1
- package/lib/table/utils/index.cjs.js.map +0 -1
- package/lib/table/utils/node-matchers.cjs.js.map +0 -1
- package/lib/toolbar/better-picker.cjs.js.map +0 -1
- package/lib/toolbar/index.cjs.js.map +0 -1
- package/lib/toolbar/toolbar-tip.cjs.js.map +0 -1
- package/lib/video/index.cjs.js.map +0 -1
- /package/es/{custom-image → modules/custom-image}/BlotFormatter.es.js +0 -0
- /package/es/{custom-image → modules/custom-image}/Options.es.js +0 -0
- /package/es/{custom-image → modules/custom-image}/actions/Action.es.js +0 -0
- /package/es/{custom-image → modules/custom-image}/actions/CustomResizeAction.es.js +0 -0
- /package/es/{custom-image → modules/custom-image}/actions/DeleteAction.es.js +0 -0
- /package/es/{custom-image → modules/custom-image}/specs/BlotSpec.es.js +0 -0
- /package/es/{custom-image → modules/custom-image}/specs/ImageSpec.es.js +0 -0
- /package/es/{emoji → modules/emoji}/emoji-list/index.es.js +0 -0
- /package/es/{emoji → modules/emoji}/emoji-list/index.es.js.map +0 -0
- /package/es/{emoji → modules/emoji}/emoji-list/people.es.js +0 -0
- /package/es/{emoji → modules/emoji}/emoji-list.es.js +0 -0
- /package/es/{emoji → modules/emoji}/emoji-map.es.js +0 -0
- /package/es/{emoji → modules/emoji}/formats/emoji-blot.es.js +0 -0
- /package/es/{emoji → modules/emoji}/index.es.js +0 -0
- /package/es/{emoji → modules/emoji}/modules/emoji.es.js +0 -0
- /package/es/{emoji → modules/emoji}/utils.es.js +0 -0
- /package/es/{file → modules/file}/index.es.js +0 -0
- /package/es/{global-link → modules/global-link}/constants.es.js +0 -0
- /package/es/{global-link → modules/global-link}/formats/customer-widget-link.es.js +0 -0
- /package/es/{global-link → modules/global-link}/formats/doc-link.es.js +0 -0
- /package/es/{global-link → modules/global-link}/formats/wiki-link.es.js +0 -0
- /package/es/{global-link → modules/global-link}/formats/work-item-link.es.js +0 -0
- /package/es/{global-link → modules/global-link}/global-link-panel.es.js +0 -0
- /package/es/{global-link → modules/global-link}/global-link-panel.es.js.map +0 -0
- /package/es/{global-link → modules/global-link}/utils/createTable.es.js +0 -0
- /package/es/{link → modules/link}/index.es.js +0 -0
- /package/es/{mathlive → modules/mathlive}/formats.es.js +0 -0
- /package/es/{mathlive → modules/mathlive}/index.es.js +0 -0
- /package/es/{mathlive → modules/mathlive}/tooltip.es.js +0 -0
- /package/es/{mention → modules/mention}/MentionLink.es.js +0 -0
- /package/es/{mention → modules/mention}/constants.es.js +0 -0
- /package/es/{table → modules/table}/formats/list.es.js +0 -0
- /package/es/{table → modules/table}/modules/table-column-tool.es.js +0 -0
- /package/es/{table → modules/table}/modules/table-scroll-bar.es.js +0 -0
- /package/es/{table → modules/table}/modules/table-selection.es.js +0 -0
- /package/es/{table → modules/table}/modules/table-selector.es.js +0 -0
- /package/es/{table → modules/table}/table-config.es.js +0 -0
- /package/es/{table → modules/table}/utils/index.es.js +0 -0
- /package/es/{config → ui}/icons.config.es.js +0 -0
- /package/lib/{custom-image → modules/custom-image}/BlotFormatter.cjs.js +0 -0
- /package/lib/{custom-image → modules/custom-image}/Options.cjs.js +0 -0
- /package/lib/{custom-image → modules/custom-image}/actions/Action.cjs.js +0 -0
- /package/lib/{custom-image → modules/custom-image}/actions/CustomResizeAction.cjs.js +0 -0
- /package/lib/{custom-image → modules/custom-image}/actions/DeleteAction.cjs.js +0 -0
- /package/lib/{custom-image → modules/custom-image}/specs/BlotSpec.cjs.js +0 -0
- /package/lib/{custom-image → modules/custom-image}/specs/ImageSpec.cjs.js +0 -0
- /package/lib/{emoji → modules/emoji}/emoji-list/index.cjs.js +0 -0
- /package/lib/{emoji → modules/emoji}/emoji-list/index.cjs.js.map +0 -0
- /package/lib/{emoji → modules/emoji}/emoji-list/people.cjs.js +0 -0
- /package/lib/{emoji → modules/emoji}/emoji-list.cjs.js +0 -0
- /package/lib/{emoji → modules/emoji}/emoji-map.cjs.js +0 -0
- /package/lib/{emoji → modules/emoji}/formats/emoji-blot.cjs.js +0 -0
- /package/lib/{emoji → modules/emoji}/index.cjs.js +0 -0
- /package/lib/{emoji → modules/emoji}/modules/emoji.cjs.js +0 -0
- /package/lib/{emoji → modules/emoji}/utils.cjs.js +0 -0
- /package/lib/{file → modules/file}/index.cjs.js +0 -0
- /package/lib/{global-link → modules/global-link}/constants.cjs.js +0 -0
- /package/lib/{global-link → modules/global-link}/formats/customer-widget-link.cjs.js +0 -0
- /package/lib/{global-link → modules/global-link}/formats/doc-link.cjs.js +0 -0
- /package/lib/{global-link → modules/global-link}/formats/wiki-link.cjs.js +0 -0
- /package/lib/{global-link → modules/global-link}/formats/work-item-link.cjs.js +0 -0
- /package/lib/{global-link → modules/global-link}/global-link-panel.cjs.js +0 -0
- /package/lib/{global-link → modules/global-link}/global-link-panel.cjs.js.map +0 -0
- /package/lib/{global-link → modules/global-link}/utils/createTable.cjs.js +0 -0
- /package/lib/{link → modules/link}/index.cjs.js +0 -0
- /package/lib/{mathlive → modules/mathlive}/formats.cjs.js +0 -0
- /package/lib/{mathlive → modules/mathlive}/index.cjs.js +0 -0
- /package/lib/{mathlive → modules/mathlive}/tooltip.cjs.js +0 -0
- /package/lib/{mention → modules/mention}/MentionLink.cjs.js +0 -0
- /package/lib/{mention → modules/mention}/constants.cjs.js +0 -0
- /package/lib/{table → modules/table}/formats/list.cjs.js +0 -0
- /package/lib/{table → modules/table}/modules/table-column-tool.cjs.js +0 -0
- /package/lib/{table → modules/table}/modules/table-scroll-bar.cjs.js +0 -0
- /package/lib/{table → modules/table}/modules/table-selection.cjs.js +0 -0
- /package/lib/{table → modules/table}/modules/table-selector.cjs.js +0 -0
- /package/lib/{table → modules/table}/table-config.cjs.js +0 -0
- /package/lib/{table → modules/table}/utils/index.cjs.js +0 -0
- /package/lib/{config → ui}/icons.config.cjs.js +0 -0
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"table-column-tool.cjs.js","sources":["../../../../../src/modules/table/modules/table-column-tool.ts"],"sourcesContent":["import Quill from 'quill'\nimport { CELL_MIN_HEIGHT, CELL_MIN_WIDTH, COL_TOOL_HEIGHT, PRIMARY_COLOR, ROW_TOOL_WIDTH } from '../table-config'\nimport { css } from '../utils'\n\nexport default class TableColumnTool {\n table: any\n quill: any\n modulesContainer: any\n domNode: any\n columnCtrlPanel: HTMLDivElement\n leftMask: HTMLDivElement\n rowCtrlPanel: HTMLDivElement\n activeToolCell: HTMLElement\n oldRootScrollTop: any\n constructor(table, quill, dom) {\n if (!table) {\n return null\n }\n this.table = table\n this.quill = quill\n this.modulesContainer = dom\n this.domNode = null\n this.oldRootScrollTop = this.quill.root.scrollTop\n\n this.initColTool()\n\n if (this.quill.root === this.quill.scrollingContainer) {\n this.quill.root.addEventListener('scroll', this.handleQuillRootScroll.bind(this))\n }\n }\n\n handleQuillRootScroll() {\n if (this.domNode) {\n this.domNode.style.marginTop = `${this.oldRootScrollTop - this.quill.root.scrollTop}px`\n }\n }\n\n initColTool() {\n const parent = this.quill.root.parentNode\n const containerRect = parent.getBoundingClientRect()\n const tableViewRect = this.table.parentNode.getBoundingClientRect()\n\n this.domNode = document.createElement('div')\n this.domNode.classList.add('qlbt-table-control-panel')\n\n // 以下添加顺序影响遮罩顺序,勿改变\n this.columnCtrlPanel = document.createElement('div')\n this.columnCtrlPanel.classList.add('qlbt-column-control-panel')\n this.domNode.appendChild(this.columnCtrlPanel)\n\n this.leftMask = document.createElement('div')\n this.leftMask.classList.add('qlbt-left-mask')\n css(this.leftMask, { height: `${tableViewRect.height + 50}px` })\n this.domNode.appendChild(this.leftMask)\n\n this.rowCtrlPanel = document.createElement('div')\n this.rowCtrlPanel.classList.add('qlbt-row-control-panel')\n this.domNode.appendChild(this.rowCtrlPanel)\n\n this.updateRowToolCells()\n this.updateColToolCells()\n\n this.modulesContainer.appendChild(this.domNode)\n css(this.domNode, {\n width: '100%',\n height: `${COL_TOOL_HEIGHT}px`,\n left: '0px',\n top: `${tableViewRect.top - containerRect.top + parent.scrollTop - 25}px`,\n })\n }\n\n createToolCell(isRow) {\n // @ts-ignore\n window.quillIsIntable = true\n const toolCell = document.createElement('div')\n const selector = document.createElement('div')\n const resizeHolder = document.createElement('div')\n if (isRow) {\n toolCell.classList.add('qlbt-row-tool-cell')\n selector.classList.add('qlbt-row-tool-cell-selector')\n resizeHolder.classList.add('qlbt-row-tool-cell-holder')\n css(toolCell, { width: `${ROW_TOOL_WIDTH}px` })\n }\n else {\n toolCell.classList.add('qlbt-col-tool-cell')\n selector.classList.add('qlbt-col-tool-cell-selector')\n resizeHolder.classList.add('qlbt-col-tool-cell-holder')\n css(toolCell, { height: `${COL_TOOL_HEIGHT}px` })\n }\n toolCell.appendChild(selector)\n toolCell.appendChild(resizeHolder)\n return toolCell\n }\n\n updateColToolCells() {\n const tableContainer = Quill.find(this.table)\n if (!tableContainer) {\n return\n }\n const tableCols = tableContainer.colGroup().children\n const tableColsNum = Math.max(Array.from(tableCols).length, tableContainer.colGroup().domNode.children.length)\n const existCells: any = Array.from(this.columnCtrlPanel.querySelectorAll('.qlbt-col-tool-cell'))\n const cellsNumber = Math.max(existCells.length, tableColsNum)\n\n for (let index = 0; index < cellsNumber; index++) {\n let col = tableCols.at(index)\n let colWidth = 0\n if (!col || col.domNode !== tableContainer.colGroup().domNode.children[index]) {\n col = tableContainer.colGroup().domNode.children[index]\n colWidth = col ? col.width : tableContainer.colGroup().domNode.children[index - 1].width\n }\n else {\n colWidth = Number.parseInt(col.formats()[col.statics.blotName].width, 10)\n }\n // if cell already exist\n let colToolCell = null\n if (!existCells[index]) {\n colToolCell = this.createToolCell(false)\n this.columnCtrlPanel.appendChild(colToolCell)\n this.addColCellSelectHandler(colToolCell)\n this.addColCellHolderHandler(colToolCell)\n // set tool cell min-width\n css(colToolCell, {\n 'min-width': `${colWidth}px`,\n })\n }\n else if (existCells[index] && index >= tableColsNum) {\n existCells[index].remove()\n }\n else {\n colToolCell = existCells[index]\n // set tool cell min-width\n css(colToolCell, {\n 'min-width': `${colWidth}px`,\n })\n }\n }\n }\n\n updateRowToolCells() {\n const tableContainer = Quill.find(this.table)\n if (!tableContainer) {\n return\n }\n let tableRows = Array.from(tableContainer.domNode.querySelectorAll('tr'))\n tableRows = tableRows.filter((tr: any) => tr.children.length)\n const existCells: any = Array.from(this.rowCtrlPanel.querySelectorAll('.qlbt-row-tool-cell'))\n const rowNumber = Math.max(existCells.length, tableRows.length)\n\n for (let index = 0; index < rowNumber; index++) {\n const row: any = tableRows[index]\n\n // fix: 修复 IE11/Edge 下无法拿到 height 的问题\n // IE11/Edge 下 height 会变成 'auto'\n let computedHeight = row && getComputedStyle(row).height\n if (computedHeight === 'auto') {\n computedHeight = row.querySelector('td').style.height || '30px'\n }\n\n let rowHeight = row && Number.parseFloat(computedHeight)\n if (rowHeight < CELL_MIN_HEIGHT) {\n const rowChildHeight = row && row.childNodes[0] && Number.parseFloat(getComputedStyle(row.childNodes[0]).height)\n rowHeight = rowChildHeight\n }\n // if cell already exist\n let rowToolCell = null\n if (!existCells[index]) {\n rowToolCell = this.createToolCell(true)\n this.rowCtrlPanel.appendChild(rowToolCell)\n this.addRowCellSelectHandler(rowToolCell)\n this.addRowCellHolderHandler(rowToolCell)\n // set tool cell height, ff not support min-height\n css(rowToolCell, { height: `${rowHeight}px` })\n }\n else if (existCells[index] && index >= tableRows.length) {\n existCells[index].remove()\n }\n else {\n rowToolCell = existCells[index]\n css(rowToolCell, { height: `${rowHeight}px` })\n }\n }\n }\n\n destroy() {\n // @ts-ignore\n window.quillIsIntable = false\n this.domNode.remove()\n return null\n }\n\n addRowCellSelectHandler(cell) {\n const selector = cell.querySelector('.qlbt-row-tool-cell-selector')\n\n const handleClick = (e) => {\n e.preventDefault()\n\n const dom = e.target.parentNode\n const domRect = dom.getBoundingClientRect()\n const containerRect = this.quill.root.parentNode.getBoundingClientRect()\n const tableRect = this.table.getBoundingClientRect()\n const tableSelection = this.quill.getModule('better-table').tableSelection\n tableSelection.boundary = {\n x: tableRect.left - containerRect.left, // 表格左上角X轴坐标\n x1: tableRect.left - containerRect.left + tableRect.width - 2, // 表格右上角X轴坐标\n y: domRect.top - containerRect.top, // 表格左上角Y轴坐标\n y1: domRect.top - containerRect.top + domRect.height - 1, // 表格右上角Y轴坐标\n width: tableRect.width - 2,\n height: domRect.height - 1,\n }\n tableSelection.selectedTds = tableSelection.computeSelectedTds()\n tableSelection.repositionHelpLines()\n\n dom.classList.add('qlbt-tool-cell-on')\n this.activeToolCell = dom\n }\n\n selector.addEventListener('click', handleClick, false)\n }\n\n addRowCellHolderHandler(cell) {\n const holder = cell.querySelector('.qlbt-row-tool-cell-holder')\n let dragging = false\n let y0 = 0\n let y = 0\n let delta = 0\n let height0 = 0\n // helpLine relation variable\n let tableRect: any = {}\n let cellRect: any = {}\n let helpLine = null\n\n const handleDrag = (e) => {\n e.preventDefault()\n\n if (dragging) {\n y = e.clientY\n\n if (height0 + y - y0 >= CELL_MIN_HEIGHT) {\n delta = y - y0\n }\n else {\n delta = CELL_MIN_HEIGHT - height0\n }\n\n css(helpLine, {\n top: `${cellRect.top + cellRect.height + delta}px`,\n })\n }\n }\n\n const handleMouseup = (e) => {\n e.preventDefault()\n\n const existCells = Array.from(this.domNode.querySelectorAll('.qlbt-row-tool-cell'))\n const rowIndex = existCells.indexOf(cell)\n const rows: any = Array.from(this.table.querySelectorAll('tr'))\n const tds = Array.from(rows[rowIndex].childNodes)\n const hasContentTd: any = tds.find((td: any) => td.getAttribute('rowspan') === '1' && td.textContent !== '\\n')\n\n if (dragging) {\n let tdHeight = `${height0 + delta}px`\n if (hasContentTd) {\n tds.forEach((td: any) => td.getAttribute('rowspan') === '1' && css(td, { height: tdHeight }))\n const currentHeight = getComputedStyle(hasContentTd).height\n tdHeight = (Number.parseInt(currentHeight, 10) > height0 + delta && currentHeight) || tdHeight\n }\n css(cell, { height: tdHeight })\n tds.forEach((td: any) => td.getAttribute('rowspan') === '1' && css(td, { height: tdHeight }))\n\n const tableViewRect = this.table.parentNode.getBoundingClientRect()\n css(this.leftMask, { height: `${tableViewRect.height + 50}px` })\n\n y0 = 0\n y = 0\n delta = 0\n height0 = 0\n dragging = false\n holder.classList.remove('dragging')\n }\n\n this.quill.root.parentNode.removeEventListener('mousemove', handleDrag, false)\n document.removeEventListener('mouseup', handleMouseup, false)\n tableRect = {}\n cellRect = {}\n helpLine.remove()\n helpLine = null\n\n const betterTableModule = this.quill.getModule('better-table')\n const tableScrollBar = betterTableModule.tableScrollBar\n tableScrollBar.resetTableHeight(this.table)\n\n // fix: 拖动滚动条时修正选区位置\n const tableSelection = betterTableModule.tableSelection\n if (tableSelection && tableSelection.selectedTds.length) {\n tableSelection.refreshHelpLinesPosition()\n }\n }\n\n const handleMousedown = (e) => {\n e.preventDefault()\n\n this.quill.root.parentNode.addEventListener('mousemove', handleDrag, false)\n document.addEventListener('mouseup', handleMouseup, false)\n\n tableRect = this.table.getBoundingClientRect()\n const tableViewRect = this.table.parentNode.getBoundingClientRect()\n const width = (tableRect.width > tableViewRect.width && tableViewRect.width) || tableRect.width\n cellRect = cell.getBoundingClientRect()\n helpLine = document.createElement('div')\n css(helpLine, {\n position: 'fixed',\n top: `${cellRect.top + cellRect.height}px`,\n left: `${cellRect.left}px`,\n zIndex: '100',\n width: `${width + ROW_TOOL_WIDTH + 9}px`,\n height: '1px',\n backgroundColor: PRIMARY_COLOR,\n })\n\n this.quill.root.parentNode.appendChild(helpLine)\n dragging = true\n y0 = e.clientY\n height0 = cellRect.height\n holder.classList.add('dragging')\n }\n\n holder.addEventListener('mousedown', handleMousedown, false)\n }\n\n addColCellSelectHandler(cell) {\n // 上方列宽控制条\n\n const selector = cell.querySelector('.qlbt-col-tool-cell-selector')\n\n const handleClick = (e) => {\n e.preventDefault()\n\n const dom = e.target.parentNode\n const domRect = dom.getBoundingClientRect()\n const containerRect = this.quill.root.parentNode.getBoundingClientRect()\n const tableRect = this.table.getBoundingClientRect()\n const tableSelection = this.quill.getModule('better-table').tableSelection\n tableSelection.boundary = {\n x: domRect.left - containerRect.left - 1,\n x1: domRect.left - containerRect.left + domRect.width - 2,\n y: tableRect.top - containerRect.top,\n y1: tableRect.top - containerRect.top + tableRect.height - 2,\n width: domRect.width,\n height: tableRect.height - 2,\n }\n tableSelection.selectedTds = tableSelection.computeSelectedTds()\n tableSelection.repositionHelpLines()\n\n dom.classList.add('qlbt-tool-cell-on')\n this.activeToolCell = dom\n }\n selector.addEventListener('click', handleClick, false)\n }\n\n addColCellHolderHandler(cell) {\n const tableContainer = Quill.find(this.table)\n const holder = cell.querySelector('.qlbt-col-tool-cell-holder')\n let dragging = false\n let x0 = 0\n let x = 0\n let delta: any = 0\n let width0 = 0\n // helpLine relation variable\n let tableRect: any = {}\n let scrollContainerRect = null\n let cellRect: any = {}\n let helpLine = null\n\n const handleDrag = (e) => {\n e.preventDefault()\n\n if (dragging) {\n x = e.clientX\n\n if (width0 + x - x0 >= CELL_MIN_WIDTH) {\n delta = x - x0\n }\n else {\n delta = CELL_MIN_WIDTH - width0\n }\n let left = cellRect.left + cellRect.width - 1 + delta\n if (scrollContainerRect) {\n left -= scrollContainerRect.left\n }\n\n css(helpLine, {\n left: `${left}px`,\n })\n }\n }\n\n const handleMouseup = (e) => {\n e.preventDefault()\n\n const existCells = Array.from(this.domNode.querySelectorAll('.qlbt-col-tool-cell'))\n const colIndex = existCells.indexOf(cell)\n let colBlot = tableContainer.colGroup().children.at(colIndex)\n if (!colBlot || colBlot.domNode !== tableContainer.colGroup().domNode.children[colIndex]) {\n colBlot = tableContainer.colGroup().domNode.children[colIndex]\n }\n if (dragging) {\n // fix: 防止 colWidth 是小数\n const colWidth = Number.parseInt(width0 + delta, 10)\n if (colBlot.format) {\n colBlot.format('width', colWidth)\n }\n else {\n colBlot.width = colWidth\n }\n\n css(cell, { 'min-width': `${colWidth}px` })\n\n x0 = 0\n x = 0\n delta = 0\n width0 = 0\n dragging = false\n holder.classList.remove('dragging')\n }\n\n this.quill.root.parentNode.removeEventListener('mousemove', handleDrag, false)\n document.removeEventListener('mouseup', handleMouseup, false)\n tableRect = {}\n scrollContainerRect = null\n cellRect = {}\n helpLine.remove()\n helpLine = null\n tableContainer.updateTableWidth()\n\n setTimeout(() => {\n this.updateRowToolCells()\n const betterTableModule = this.quill.getModule('better-table')\n const tableScrollBar = betterTableModule.tableScrollBar\n tableScrollBar.updateScrollBar()\n // fix: 拖动滚动条时修正选区位置\n const tableSelection = betterTableModule.tableSelection\n if (tableSelection && tableSelection.selectedTds.length) {\n tableSelection.refreshHelpLinesPosition()\n }\n })\n }\n\n const handleMousedown = (e) => {\n e.preventDefault()\n\n this.quill.root.parentNode.addEventListener('mousemove', handleDrag, false)\n document.addEventListener('mouseup', handleMouseup, false)\n\n tableRect = this.table.getBoundingClientRect()\n cellRect = cell.getBoundingClientRect()\n\n let positionValue = 'fixed'\n let top = cellRect.top\n let left = cellRect.left + cellRect.width - 1\n if (this.quill.root === this.quill.scrollingContainer) {\n positionValue = 'absolute'\n scrollContainerRect = this.quill.root.getBoundingClientRect()\n top -= scrollContainerRect.top\n left -= scrollContainerRect.left\n }\n\n helpLine = document.createElement('div')\n css(helpLine, {\n position: positionValue,\n top: `${top}px`,\n left: `${left}px`,\n zIndex: '100',\n height: `${tableRect.height + COL_TOOL_HEIGHT + 8}px`,\n width: '1px',\n backgroundColor: PRIMARY_COLOR,\n })\n\n this.quill.root.parentNode.appendChild(helpLine)\n dragging = true\n x0 = e.clientX\n width0 = cellRect.width\n holder.classList.add('dragging')\n }\n\n holder.addEventListener('mousedown', handleMousedown, false)\n }\n\n colToolCells() {\n return Array.from(this.domNode.querySelectorAll('.qlbt-col-tool-cell'))\n }\n}\n"],"names":["css","COL_TOOL_HEIGHT","ROW_TOOL_WIDTH","index","CELL_MIN_HEIGHT","PRIMARY_COLOR","CELL_MIN_WIDTH"],"mappings":"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"}
|
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
|
|
3
3
|
const Quill = require("quill");
|
|
4
|
-
require("
|
|
4
|
+
require("../../../config/index.cjs.js");
|
|
5
5
|
const tableConfig = require("../table-config.cjs.js");
|
|
6
6
|
const index = require("../utils/index.cjs.js");
|
|
7
|
-
const editor_config = require("
|
|
7
|
+
const editor_config = require("../../../config/editor.config.cjs.js");
|
|
8
8
|
const DEFAULT_CELL_COLORS = ["white", "red", "yellow", "blue"];
|
|
9
9
|
const NODE_EVENT_MAP = /* @__PURE__ */ new WeakMap();
|
|
10
10
|
class TableOperationMenu {
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"table-operation-menu.cjs.js","sources":["../../../../../src/modules/table/modules/table-operation-menu.ts"],"sourcesContent":["import Quill from 'quill'\nimport { CHANGE_LANGUAGE_EVENT } from '../../../config'\nimport {\n ERROR_LIMIT,\n MENU_ITEM_HEIGHT,\n MENU_MIN_HEIGHT,\n MENU_WIDTH,\n OPERATE_MENU_COLORPICKER_CLASS,\n OPERATE_MENU_COLORPICKER_ITEM_CLASS,\n OPERATE_MENU_DIVIDING_CLASS,\n OPERATE_MENU_ITEM_CLASS,\n OPERATE_MENU_SUBTITLE_CLASS,\n} from '../table-config'\nimport { arrayFrom, css, elementRemove, getRelativeRect } from '../utils'\n\nconst DEFAULT_CELL_COLORS = ['white', 'red', 'yellow', 'blue']\nconst NODE_EVENT_MAP = new WeakMap()\nexport default class TableOperationMenu {\n tableSelection: any\n table: any\n quill: any\n options: any\n menuItems: any\n tableColumnTool: any\n tableScrollBar: any\n boundary: any\n selectedTds: any\n destroyHandler: any\n columnToolCells: any\n colorSubTitle: any\n cellColors: any\n domNode: any\n DEFAULT_COLOR_SUBTITLE: string\n DEFAULT_MENU: Record<string, {\n text: string\n handler: () => void\n }>\n\n constructor(params, quill, options) {\n const betterTableModule = quill.getModule('better-table')\n this.tableSelection = betterTableModule.tableSelection\n this.table = params.table\n this.quill = quill\n this.options = options\n this.setDefaultMenu()\n this.menuItems = { ...this.DEFAULT_MENU, ...options.items }\n this.tableColumnTool = betterTableModule.columnTool\n // this.tableRowTool = betterTableModule.rowTool\n this.tableScrollBar = betterTableModule.tableScrollBar\n this.boundary = this.tableSelection.boundary\n this.selectedTds = this.tableSelection.selectedTds\n this.destroyHandler = this.destroy.bind(this)\n this.columnToolCells = this.tableColumnTool.colToolCells()\n this.DEFAULT_COLOR_SUBTITLE = this.quill.getLangText('sub-title-bg-color')\n this.colorSubTitle\n = options.color && options.color.text\n ? options.color.text\n : this.DEFAULT_COLOR_SUBTITLE\n this.cellColors\n = options.color && options.color.colors\n ? options.color.colors\n : DEFAULT_CELL_COLORS\n\n this.menuInitial(params)\n this.mount()\n document.addEventListener('click', this.destroyHandler, false)\n this.quill.emitter.on(CHANGE_LANGUAGE_EVENT, () => {\n this.destroy()\n this.DEFAULT_COLOR_SUBTITLE = this.quill.getLangText('sub-title-bg-color')\n this.setDefaultMenu()\n })\n }\n\n setDefaultMenu() {\n this.DEFAULT_MENU = {\n copyCells: {\n text: this.quill.getLangText('copy-cells'),\n handler() {\n this.onCopy('copy')\n },\n },\n copyTable: {\n text: this.quill.getLangText('copy-table'),\n async handler() {\n this.tableColumnTool.destroy()\n this.tableScrollBar.destroy()\n this.tableSelection.clearSelection()\n const dom = this.table.cloneNode(true)\n const trArr = dom.querySelectorAll('tr[data-row]')\n trArr.forEach(tr => tr.removeAttribute('data-row'))\n this.setCopyRange(dom)\n const blob = new Blob([dom.outerHTML], { type: 'text/html' })\n const clipboardItem = new ClipboardItem({ 'text/html': blob })\n try {\n await navigator.clipboard.write([clipboardItem])\n }\n catch (_e) {\n throw new Error('Failed to write to clipboard.')\n }\n },\n },\n cutCells: {\n text: this.quill.getLangText('cut-cells'),\n handler() {\n this.onCopy('cut')\n },\n },\n emptyCells: {\n text: this.quill.getLangText('empty-cells'),\n handler() {\n const tableContainer = Quill.find(this.table)\n const { selectedTds } = this.tableSelection\n tableContainer.emptyCells(selectedTds)\n },\n },\n insertColumnRight: {\n text: this.quill.getLangText('insert-column-right'),\n handler() {\n const tableContainer = Quill.find(this.table)\n const colIndex = getColToolCellIndexByBoundary(\n this.columnToolCells,\n this.boundary,\n (cellRect, boundary) => {\n return Math.abs(cellRect.x + cellRect.width - boundary.x1) <= ERROR_LIMIT\n },\n this.quill.root.parentNode,\n )\n\n const newColumn = tableContainer.insertColumn(this.boundary, colIndex, true, this.quill.root.parentNode)\n\n this.tableColumnTool.updateColToolCells()\n this.quill.update(Quill.sources.USER)\n // fix: the scroll bar will go to the top when insert row/column to the table\n // this.quill.setSelection(\n // this.quill.getIndex(newColumn[0]),\n // 0,\n // Quill.sources.SILENT\n // )\n this.tableSelection.setSelection(\n newColumn[0].domNode.getBoundingClientRect(),\n newColumn[0].domNode.getBoundingClientRect(),\n )\n\n setTimeout(() => this.tableScrollBar.updateScrollBar())\n },\n },\n insertColumnLeft: {\n text: this.quill.getLangText('insert-column-left'),\n handler() {\n const tableContainer = Quill.find(this.table)\n const colIndex = getColToolCellIndexByBoundary(\n this.columnToolCells,\n this.boundary,\n (cellRect, boundary) => {\n return Math.abs(cellRect.x - boundary.x) <= ERROR_LIMIT\n },\n this.quill.root.parentNode,\n )\n\n const newColumn = tableContainer.insertColumn(this.boundary, colIndex, false, this.quill.root.parentNode)\n\n this.tableColumnTool.updateColToolCells()\n this.quill.update(Quill.sources.USER)\n // this.quill.setSelection(\n // this.quill.getIndex(newColumn[0]),\n // 0,\n // Quill.sources.SILENT\n // )\n this.tableSelection.setSelection(\n newColumn[0].domNode.getBoundingClientRect(),\n newColumn[0].domNode.getBoundingClientRect(),\n )\n\n setTimeout(() => this.tableScrollBar.updateScrollBar())\n },\n },\n insertRowUp: {\n text: this.quill.getLangText('insert-row-up'),\n handler() {\n const tableContainer = Quill.find(this.table)\n const affectedCells = tableContainer.insertRow(this.boundary, false, this.quill.root.parentNode)\n\n this.tableColumnTool.updateRowToolCells()\n this.quill.update(Quill.sources.USER)\n // this.quill.setSelection(\n // this.quill.getIndex(affectedCells[0]),\n // 0,\n // Quill.sources.SILENT\n // )\n this.tableSelection.setSelection(\n affectedCells[0].domNode.getBoundingClientRect(),\n affectedCells[0].domNode.getBoundingClientRect(),\n )\n\n setTimeout(() => this.tableScrollBar.resetTableHeight(this.table))\n },\n },\n insertRowDown: {\n text: this.quill.getLangText('insert-row-down'),\n handler() {\n const tableContainer = Quill.find(this.table)\n const affectedCells = tableContainer.insertRow(this.boundary, true, this.quill.root.parentNode)\n\n this.tableColumnTool.updateRowToolCells()\n this.quill.update(Quill.sources.USER)\n // this.quill.setSelection(\n // this.quill.getIndex(affectedCells[0]),\n // 0,\n // Quill.sources.SILENT\n // )\n this.tableSelection.setSelection(\n affectedCells[0].domNode.getBoundingClientRect(),\n affectedCells[0].domNode.getBoundingClientRect(),\n )\n\n setTimeout(() => this.tableScrollBar.resetTableHeight(this.table))\n },\n },\n mergeCells: {\n text: this.quill.getLangText('merge-cells'),\n handler() {\n const tableContainer = Quill.find(this.table)\n // compute merged Cell rowspan, equal to length of selected rows\n const rowspan = tableContainer.rows().reduce((sum, row) => {\n const rowRect = getRelativeRect(row.domNode.getBoundingClientRect(), this.quill.root.parentNode)\n if (\n rowRect.y > this.boundary.y - ERROR_LIMIT\n && rowRect.y + rowRect.height < this.boundary.y + this.boundary.height + ERROR_LIMIT\n ) {\n sum += 1\n }\n return sum\n }, 0)\n\n // compute merged cell colspan, equal to length of selected cols\n const colspan = this.columnToolCells.reduce((sum, cell) => {\n const cellRect = getRelativeRect(cell.getBoundingClientRect(), this.quill.root.parentNode)\n if (\n cellRect.x > this.boundary.x - ERROR_LIMIT\n && cellRect.x + cellRect.width < this.boundary.x + this.boundary.width + ERROR_LIMIT\n ) {\n sum += 1\n }\n return sum\n }, 0)\n\n const mergedCell = tableContainer.mergeCells(\n this.boundary,\n this.selectedTds,\n rowspan,\n colspan,\n this.quill.root.parentNode,\n )\n this.quill.update(Quill.sources.USER)\n this.tableSelection.setSelection(\n mergedCell.domNode.getBoundingClientRect(),\n mergedCell.domNode.getBoundingClientRect(),\n )\n },\n },\n unmergeCells: {\n text: this.quill.getLangText('unmerge-cells'),\n handler() {\n const tableContainer = Quill.find(this.table)\n tableContainer.unmergeCells(this.selectedTds, this.quill.root.parentNode)\n this.quill.update(Quill.sources.USER)\n this.tableSelection.clearSelection()\n },\n },\n deleteColumn: {\n text: this.quill.getLangText('delete-column'),\n handler() {\n const tableContainer = Quill.find(this.table)\n const colIndexes = getColToolCellIndexesByBoundary(\n this.columnToolCells,\n this.boundary,\n (cellRect, boundary) => {\n return cellRect.x + ERROR_LIMIT > boundary.x && cellRect.x + cellRect.width - ERROR_LIMIT < boundary.x1\n },\n this.quill.root.parentNode,\n )\n\n const isDeleteTable = tableContainer.deleteColumns(this.boundary, colIndexes, this.quill.root.parentNode)\n if (!isDeleteTable) {\n this.tableColumnTool.updateColToolCells()\n this.quill.update(Quill.sources.USER)\n this.tableSelection.clearSelection()\n }\n\n setTimeout(() => this.tableScrollBar.updateScrollBar())\n },\n },\n deleteRow: {\n text: this.quill.getLangText('delete-row'),\n handler() {\n const tableContainer = Quill.find(this.table)\n const isDeleteTable = tableContainer.deleteRow(this.boundary, this.quill.root.parentNode)\n if (!isDeleteTable) {\n this.tableColumnTool.updateRowToolCells()\n this.quill.update(Quill.sources.USER)\n this.tableSelection.clearSelection()\n }\n },\n },\n deleteTable: {\n text: this.quill.getLangText('delete-table'),\n handler() {\n const betterTableModule = this.quill.getModule('better-table')\n const tableContainer = Quill.find(this.table)\n betterTableModule.hideTableTools()\n tableContainer.remove()\n this.quill.update(Quill.sources.USER)\n // fix: 右键菜单删除表格后编辑器失焦\n this.quill.focus()\n },\n },\n }\n }\n\n mount() {\n this.quill.root.parentNode.appendChild(this.domNode)\n }\n\n destroy() {\n const menuItems = arrayFrom(\n this.domNode.querySelectorAll(`.${OPERATE_MENU_ITEM_CLASS}`),\n )\n const colorPickerItems = arrayFrom(\n this.domNode.querySelectorAll(`.${OPERATE_MENU_COLORPICKER_ITEM_CLASS}`),\n )\n const nodes = menuItems.concat(colorPickerItems)\n\n nodes.forEach((node) => {\n if (NODE_EVENT_MAP.has(node)) {\n const unregister = NODE_EVENT_MAP.get(node)\n\n if (unregister && typeof unregister === 'function') {\n unregister()\n }\n }\n })\n\n elementRemove(this.domNode)\n document.removeEventListener('mousedown', this.destroyHandler, false)\n\n return null\n }\n\n menuInitial({ cell, left, top }) {\n const rowspan = cell.getAttribute('rowspan')\n const colspan = cell.getAttribute('colspan')\n const winHeight = window.innerHeight || Math.max(document.documentElement.clientHeight, document.body.clientHeight)\n const num = Object.keys(this.menuItems) || []\n const menuHeight = MENU_ITEM_HEIGHT * num.length || MENU_MIN_HEIGHT\n const transformOffset = checkAndGetViewPointChange(this.quill.root.parentNode, left, top)\n const leftPos = left - transformOffset.offsetX\n const topPos = top - transformOffset.offsetY\n\n const cssContent = {\n 'left': `${leftPos}px`,\n 'top': `${topPos}px`,\n 'min-height': `${MENU_MIN_HEIGHT}px`,\n 'max-height': `${winHeight - topPos}px`,\n 'width': `${MENU_WIDTH}px`,\n 'overflow-y': 'auto',\n }\n // fix: 处理菜单超出屏幕\n if (menuHeight + top > winHeight || topPos > winHeight / 2) {\n delete cssContent.top\n cssContent['max-height'] = `${winHeight - 20}px`\n cssContent.bottom = '10px'\n }\n\n this.domNode = document.createElement('div')\n this.domNode.classList.add('qlbt-operation-menu')\n css(this.domNode, cssContent)\n const fragment = document.createDocumentFragment()\n\n for (const name in this.menuItems) {\n if (this.menuItems[name]) {\n const item = { ...this.DEFAULT_MENU[name], ...this.menuItems[name] }\n const dom = this.menuItemCreator(item)\n if (\n (name === 'mergeCells' && this.tableSelection.selectedTds.length === 1)\n || (name === 'unmergeCells' && rowspan === 1 && colspan === 1)\n ) {\n dom.classList.add('qlbt-operation-menu-disabled')\n }\n else {\n dom.addEventListener('mouseup', item.handler.bind(this), false)\n }\n fragment.appendChild(dom)\n }\n }\n this.domNode.appendChild(fragment)\n\n // if colors option is false, disabled bg color\n if (this.options.color && this.options.color !== false) {\n this.domNode.appendChild(dividingCreator())\n this.domNode.appendChild(subTitleCreator(this.colorSubTitle))\n this.domNode.appendChild(this.colorsItemCreator(this.cellColors))\n }\n\n // create dividing line\n function dividingCreator() {\n const dividing = document.createElement('div')\n dividing.classList.add(OPERATE_MENU_DIVIDING_CLASS)\n return dividing\n }\n\n // create subtitle for menu\n function subTitleCreator(title) {\n const subTitle = document.createElement('div')\n subTitle.classList.add(OPERATE_MENU_SUBTITLE_CLASS)\n subTitle.textContent = title\n return subTitle\n }\n }\n\n colorsItemCreator(colors) {\n const self = this\n const node = document.createElement('div')\n node.classList.add(OPERATE_MENU_COLORPICKER_CLASS)\n\n colors.forEach((color) => {\n const colorBox = colorBoxCreator(color)\n node.appendChild(colorBox)\n })\n\n function colorBoxCreator(color) {\n const box = document.createElement('div')\n box.classList.add(OPERATE_MENU_COLORPICKER_ITEM_CLASS)\n box.setAttribute('data-color', color)\n box.style.backgroundColor = color\n\n const clickHandler = function () {\n const selectedTds = self.tableSelection.selectedTds\n if (selectedTds && selectedTds.length > 0) {\n selectedTds.forEach((tableCell) => {\n tableCell.domNode.children[0].setAttribute('data-parent-bg', color)\n tableCell.format('cell-bg', color)\n })\n }\n }\n\n box.addEventListener('click', clickHandler, false)\n\n NODE_EVENT_MAP.set(box, () => {\n box.removeEventListener('click', clickHandler, false)\n })\n\n return box\n }\n\n return node\n }\n\n menuItemCreator({ text }) {\n const node = document.createElement('div')\n node.classList.add('qlbt-operation-menu-item')\n node.style.height = `${MENU_ITEM_HEIGHT}px`\n node.textContent = text\n // node.addEventListener('click', handler.bind(this), false)\n return node\n }\n\n async onCopy(operation) {\n const { selectedTds } = this.tableSelection\n const virtualTable = this.createVirtualTable(selectedTds, operation)\n this.setCopyRange(virtualTable)\n this.tableSelection.preSelectedTable = virtualTable\n this.tableSelection.preSelectedTds = selectedTds\n const blob = new Blob([this.tableSelection.preSelectedTable.outerHTML], { type: 'text/html' })\n const clipboardItem = new ClipboardItem({ 'text/html': blob })\n try {\n await navigator.clipboard.write([clipboardItem])\n }\n catch (_e) {\n throw new Error('Failed to write to clipboard.')\n }\n if (operation === 'cut') {\n const tableContainer = Quill.find(this.table)\n tableContainer.emptyCells(selectedTds)\n }\n }\n\n createVirtualTable(selectedTds, _operation) {\n const virtualTable: any = document.createElement('table')\n virtualTable.style.position = 'fixed'\n virtualTable.style.top = 0\n virtualTable.style.left = 0\n virtualTable.style.clip = 'rect(0,0,0,0)'\n let preParentSign = ''\n let virtualTr = null\n selectedTds.forEach((selectedCell) => {\n const { domNode, parent } = selectedCell\n const currentParentSign = parent.domNode.getAttribute('data-row')\n const rowspan = domNode.firstChild.dataset.rowspan\n const colspan = domNode.firstChild.dataset.colspan\n const row = domNode.firstChild.dataset.row\n const cell = domNode.firstChild.dataset.cell\n\n selectedCell.dataCell = cell\n selectedCell.dataRow = row\n selectedCell.dataColSpan = colspan\n selectedCell.dataRowSpan = rowspan\n\n if (currentParentSign !== preParentSign) {\n if (preParentSign !== '') {\n virtualTable.appendChild(virtualTr)\n }\n virtualTr = document.createElement('tr')\n preParentSign = currentParentSign\n }\n\n const domNodeWidth = domNode.offsetWidth\n const cloneNode = domNode.cloneNode(true)\n cloneNode.setAttribute('width', domNodeWidth)\n\n virtualTr.appendChild(cloneNode)\n })\n virtualTable.appendChild(virtualTr)\n return virtualTable\n }\n\n setCopyRange(selectedNodes) {\n const range = document.createRange()\n const windowSelectionRange = window.getSelection()\n range.selectNodeContents(selectedNodes)\n windowSelectionRange.removeAllRanges()\n windowSelectionRange.addRange(range)\n }\n\n groupTableCell(selectedTds) {\n const rowGroup = []\n let dataRow = ''\n let preDataRow = ''\n let index = 0\n selectedTds.forEach((tableCell) => {\n dataRow = tableCell.parent.domNode.getAttribute('data-row')\n\n if (dataRow !== preDataRow) {\n if (preDataRow !== '') {\n index++\n }\n rowGroup[index] = []\n preDataRow = dataRow\n }\n\n rowGroup[index].push(tableCell)\n })\n return rowGroup\n }\n}\n\nfunction getColToolCellIndexByBoundary(cells, boundary, conditionFn, container) {\n return cells.reduce((findIndex, cell) => {\n const cellRect = getRelativeRect(cell.getBoundingClientRect(), container)\n if (conditionFn(cellRect, boundary)) {\n findIndex = cells.indexOf(cell)\n }\n return findIndex\n }, false)\n}\n\nfunction getColToolCellIndexesByBoundary(cells, boundary, conditionFn, container) {\n return cells.reduce((findIndexes, cell) => {\n const cellRect = getRelativeRect(cell.getBoundingClientRect(), container)\n if (conditionFn(cellRect, boundary)) {\n findIndexes.push(cells.indexOf(cell))\n }\n return findIndexes\n }, [])\n}\n\nfunction checkAndGetViewPointChange(parentContainer: HTMLElement, left: number, top: number) {\n if (!parentContainer) {\n return {\n offsetX: 0,\n offsetY: 0,\n }\n }\n // 模拟一个元素测预测位置和最终位置是否符合,如果不符合则是有transform等造成的偏移\n const testEl = document.createElement('div')\n css(testEl, {\n opacity: '0',\n position: 'fixed',\n left: `${left}px`,\n top: `${top}px`,\n width: '1px',\n height: '1px',\n zIndex: '-999999',\n })\n parentContainer.appendChild(testEl)\n const testElPosition = testEl.getBoundingClientRect()\n parentContainer.removeChild(testEl)\n return {\n offsetX: testElPosition.left - left,\n offsetY: testElPosition.top - top,\n }\n}\n"],"names":["CHANGE_LANGUAGE_EVENT","ERROR_LIMIT","getRelativeRect","arrayFrom","OPERATE_MENU_ITEM_CLASS","OPERATE_MENU_COLORPICKER_ITEM_CLASS","elementRemove","MENU_ITEM_HEIGHT","MENU_MIN_HEIGHT","MENU_WIDTH","css","OPERATE_MENU_DIVIDING_CLASS","OPERATE_MENU_SUBTITLE_CLASS","OPERATE_MENU_COLORPICKER_CLASS","index"],"mappings":"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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"table-scroll-bar.cjs.js","sources":["../../../../../src/modules/table/modules/table-scroll-bar.ts"],"sourcesContent":["import { SCROLL_BAR_PANEL_HEIGHT } from '../table-config'\nimport { css } from '../utils'\n\nexport default class TableScrollBar {\n table: any\n quill: any\n modulesContainer: any\n domNode: any\n oldRootScrollTop: any\n // @ts-ignore\n prev: number\n columnToolDomNode: any\n columnCtrlPanel: any\n leftMask: any\n tableViewRect: any\n tableRect: any\n containerRect: any\n subscriber: any\n // @ts-ignore\n tableMoveDistance: number\n // @ts-ignore\n maxBarLeft: number\n // @ts-ignore\n scrollBar: Element\n // @ts-ignore\n isTableOverflow: boolean // 表格是否溢出开关,判断开关值后只改变样式一次,不重复修改\n\n constructor(table, quill, dom) {\n if (!table) {\n return\n }\n this.table = table\n this.quill = quill\n this.modulesContainer = dom\n this.domNode = null\n this.oldRootScrollTop = this.quill.root.scrollTop\n this.prev = 0\n\n const betterTableModule = this.quill.getModule('better-table')\n const tableColumnTool = betterTableModule.columnTool\n this.columnToolDomNode = tableColumnTool.domNode\n this.columnCtrlPanel = tableColumnTool.columnCtrlPanel\n this.leftMask = tableColumnTool.leftMask\n\n this.updateScrollBar()\n\n if (this.quill.root === this.quill.scrollingContainer) {\n this.quill.root.addEventListener('scroll', this.handleQuillRootScroll.bind(this))\n }\n }\n\n handleQuillRootScroll() {\n if (!this.domNode) {\n return\n }\n const curTableRect = this.table.getBoundingClientRect()\n const curContainerRect = this.quill.root.parentNode.getBoundingClientRect()\n const tableTop = curTableRect.top + SCROLL_BAR_PANEL_HEIGHT\n const tableBottom = curTableRect.top + curTableRect.height - 1\n const containerBottom = curContainerRect.top + curContainerRect.height\n if (containerBottom < tableBottom && containerBottom > tableTop) { // 表格下端溢出容器下端\n if (!this.isTableOverflow) {\n this.isTableOverflow = true\n css(this.domNode, {\n display: 'block',\n top: `${this.containerRect.height - SCROLL_BAR_PANEL_HEIGHT}px`,\n marginTop: '0px',\n })\n }\n }\n else if (containerBottom <= tableTop) { // 表格上端溢出容器下端\n this.isTableOverflow = false\n this.domNode.style.display = 'none'\n }\n else { // 表格下端在容器内\n this.setScrollBarToBottom()\n css(this.domNode, { marginTop: `${this.oldRootScrollTop - this.quill.root.scrollTop}px` })\n }\n }\n\n setScrollBarToBottom() {\n if (this.isTableOverflow) {\n this.isTableOverflow = false\n const barPos = this.tableRect.top + this.tableRect.height - this.containerRect.top - 1\n css(this.domNode, { display: 'block', top: `${barPos}px` })\n }\n }\n\n resetTableHeight(table) {\n if (this.domNode) {\n // 表格的高度改变,重置初始化tableRect的高度,但不重置其他坐标值\n this.tableRect.height = table.getBoundingClientRect().height\n this.isTableOverflow = !this.isTableOverflow\n this.handleQuillRootScroll()\n }\n }\n\n setScrollBarMove(pos, isMouse) {\n // 获取当前滑块左边距和鼠标两次事件节点之间的位移差,计算当前滑块位置及是否显示左右遮罩层,通过比例计算表格位移并赋值\n const currentBarLeft = Number.parseInt(getComputedStyle(this.scrollBar).left, 10)\n let left = isMouse ? pos - this.prev + currentBarLeft : currentBarLeft + pos\n this.showMask(left)\n left = this.getLimitedDistance(left)\n const scale = this.tableViewRect.width / this.tableRect.width\n const move = left / scale\n const columnCtrlPanelLeft = this.tableViewRect.left - this.containerRect.left - move\n css(this.scrollBar, { left: `${left}px` }) // 移动表格滚动条\n css(this.columnCtrlPanel, { left: `${columnCtrlPanelLeft}px` }) // 移动顶部列宽控制条\n this.table.parentNode.scrollLeft = move // 移动表格\n if (isMouse) {\n this.prev = pos\n }\n\n // fix: 拖动滚动条时修正选区位置\n const tableSelection = this.quill.getModule('better-table').tableSelection\n if (tableSelection && tableSelection.selectedTds.length) {\n tableSelection.refreshHelpLinesPosition()\n }\n }\n\n handleScrollBarMouseDown(mouseDownEvent) {\n mouseDownEvent.preventDefault()\n\n this.prev = mouseDownEvent.clientX\n this.subscriber = (mouseMoveEvent: any) => {\n mouseMoveEvent.preventDefault()\n mouseMoveEvent.stopPropagation()\n this.setScrollBarMove(mouseMoveEvent.clientX, true)\n }\n this.quill.root.parentNode.addEventListener('mousemove', this.subscriber, false)\n document.addEventListener('mouseup', this.handleScrollBarMouseup.bind(this), false)\n }\n\n handleScrollBarMouseup(event) {\n event.preventDefault()\n this.quill.root.parentNode.removeEventListener('mousemove', this.subscriber)\n document.removeEventListener('mouseup', this.handleScrollBarMouseup.bind(this), false)\n }\n\n handleWheel(event) {\n // 按住 Shift 滚动鼠标滚轮,可以对表格进行横向滚动\n if (event.shiftKey) {\n const { deltaY } = event // 每次滚动鼠标滚轮移动的距离\n this.setScrollBarMove(deltaY, false)\n }\n }\n\n showMask(distance) {\n // 根据当前滑块左边距判断是否显示左右遮罩层\n if (distance >= Math.floor(this.maxBarLeft)) {\n css(this.leftMask, { display: 'block' })\n }\n else if (distance <= 0) {\n css(this.leftMask, { display: 'none' })\n }\n else {\n css(this.leftMask, { display: 'block' })\n }\n }\n\n getLimitedDistance(distance) {\n if (distance >= Math.floor(this.maxBarLeft)) {\n distance = this.maxBarLeft\n }\n else if (distance <= 0) {\n distance = 0\n }\n return distance\n }\n\n updateScrollBar() {\n if (!this.table?.parentNode) {\n return\n }\n // 获取表格尺寸和表格容器尺寸\n const tableRect = this.table.getBoundingClientRect()\n const tableViewRect = this.table.parentNode.getBoundingClientRect()\n const tableMoveDistance = tableRect.width - tableViewRect.width // 表格最大移动距离\n this.tableRect = tableRect\n this.tableViewRect = tableViewRect\n this.tableMoveDistance = tableMoveDistance\n this.oldRootScrollTop = this.quill.root.scrollTop\n\n if (tableMoveDistance > 0) {\n this.createScrollBar()\n }\n else {\n this.destroyScrollBar()\n }\n }\n\n createScrollBar() {\n // 列控制条增加表格相应位移\n const parent = this.quill.root.parentNode\n const containerRect = parent.getBoundingClientRect() // 编辑器容器宽度\n this.containerRect = containerRect\n css(this.columnCtrlPanel, {\n left: `${this.tableViewRect.left - containerRect.left - this.table.parentNode.scrollLeft}px`,\n })\n\n // 创建滚动条\n if (this.domNode) {\n this.domNode.remove()\n }\n this.domNode = document.createElement('div')\n this.domNode.classList.add('qlbt-table-scroll-bar-panel')\n this.scrollBar = document.createElement('div')\n this.scrollBar.classList.add('qlbt-table-scroll-bar')\n this.scrollBar.addEventListener('mousedown', this.handleScrollBarMouseDown.bind(this), false)\n const scale = this.tableViewRect.width / this.tableRect.width\n const barWidth = this.tableViewRect.width - this.tableMoveDistance * scale // 滑块宽度\n css(this.scrollBar, { width: `${barWidth}px` })\n this.domNode.appendChild(this.scrollBar)\n\n // 判断当前表格是否存在位移,如存在通过比例计算滑块当前位移并赋值\n const tableScrollLeft = this.table.parentNode.scrollLeft\n this.maxBarLeft = this.tableMoveDistance * scale // 滑块最大移动距离\n if (tableScrollLeft) {\n const barLeft = tableScrollLeft * scale\n this.showMask(barLeft)\n css(this.scrollBar, { left: `${this.getLimitedDistance(barLeft)}px` })\n }\n\n // 将滚动条插入到 table control panel 中\n const barPos = this.tableRect.top + this.tableRect.height - containerRect.top - 1\n this.isTableOverflow = containerRect.top + containerRect.height < this.tableRect.top + this.tableRect.height\n this.modulesContainer.appendChild(this.domNode)\n css(this.domNode, { top: `${Math.min(containerRect.height - SCROLL_BAR_PANEL_HEIGHT, barPos)}px` })\n\n // 绑定鼠标滚轮事件:Shift+鼠标滚轮,滚动表格横向滚动条\n document.addEventListener('wheel', this.handleWheel.bind(this))\n }\n\n destroyScrollBar() {\n css(this.leftMask, { display: 'none' })\n this.columnCtrlPanel.removeAttribute('style')\n this.maxBarLeft = null\n this.destroy()\n }\n\n destroy() {\n if (this.domNode) {\n this.domNode.remove()\n }\n this.quill.root.removeEventListener('scroll', this.handleQuillRootScroll.bind(this))\n document.removeEventListener('wheel', this.handleWheel.bind(this))\n }\n}\n"],"names":["SCROLL_BAR_PANEL_HEIGHT","css"],"mappings":";;;;AAGA,MAAqB,eAAe;AAAA;AAAA,EAwBlC,YAAY,OAAO,OAAO,KAAK;AAC7B,QAAI,CAAC,OAAO;AACV;AAAA,IAAA;AAEF,SAAK,QAAQ;AACb,SAAK,QAAQ;AACb,SAAK,mBAAmB;AACxB,SAAK,UAAU;AACV,SAAA,mBAAmB,KAAK,MAAM,KAAK;AACxC,SAAK,OAAO;AAEZ,UAAM,oBAAoB,KAAK,MAAM,UAAU,cAAc;AAC7D,UAAM,kBAAkB,kBAAkB;AAC1C,SAAK,oBAAoB,gBAAgB;AACzC,SAAK,kBAAkB,gBAAgB;AACvC,SAAK,WAAW,gBAAgB;AAEhC,SAAK,gBAAgB;AAErB,QAAI,KAAK,MAAM,SAAS,KAAK,MAAM,oBAAoB;AAChD,WAAA,MAAM,KAAK,iBAAiB,UAAU,KAAK,sBAAsB,KAAK,IAAI,CAAC;AAAA,IAAA;AAAA,EAClF;AAAA,EAGF,wBAAwB;AAClB,QAAA,CAAC,KAAK,SAAS;AACjB;AAAA,IAAA;AAEI,UAAA,eAAe,KAAK,MAAM,sBAAsB;AACtD,UAAM,mBAAmB,KAAK,MAAM,KAAK,WAAW,sBAAsB;AACpE,UAAA,WAAW,aAAa,MAAMA,YAAA;AACpC,UAAM,cAAc,aAAa,MAAM,aAAa,SAAS;AACvD,UAAA,kBAAkB,iBAAiB,MAAM,iBAAiB;AAC5D,QAAA,kBAAkB,eAAe,kBAAkB,UAAU;AAC3D,UAAA,CAAC,KAAK,iBAAiB;AACzB,aAAK,kBAAkB;AACvBC,cAAA,IAAI,KAAK,SAAS;AAAA,UAChB,SAAS;AAAA,UACT,KAAK,GAAG,KAAK,cAAc,SAASD,YAAuB,uBAAA;AAAA,UAC3D,WAAW;AAAA,QAAA,CACZ;AAAA,MAAA;AAAA,IACH,WAEO,mBAAmB,UAAU;AACpC,WAAK,kBAAkB;AAClB,WAAA,QAAQ,MAAM,UAAU;AAAA,IAAA,OAE1B;AACH,WAAK,qBAAqB;AAC1BC,YAAAA,IAAI,KAAK,SAAS,EAAE,WAAW,GAAG,KAAK,mBAAmB,KAAK,MAAM,KAAK,SAAS,KAAA,CAAM;AAAA,IAAA;AAAA,EAC3F;AAAA,EAGF,uBAAuB;AACrB,QAAI,KAAK,iBAAiB;AACxB,WAAK,kBAAkB;AACjB,YAAA,SAAS,KAAK,UAAU,MAAM,KAAK,UAAU,SAAS,KAAK,cAAc,MAAM;AACjFA,YAAAA,IAAA,KAAK,SAAS,EAAE,SAAS,SAAS,KAAK,GAAG,MAAM,MAAM;AAAA,IAAA;AAAA,EAC5D;AAAA,EAGF,iBAAiB,OAAO;AACtB,QAAI,KAAK,SAAS;AAEhB,WAAK,UAAU,SAAS,MAAM,sBAAwB,EAAA;AACjD,WAAA,kBAAkB,CAAC,KAAK;AAC7B,WAAK,sBAAsB;AAAA,IAAA;AAAA,EAC7B;AAAA,EAGF,iBAAiB,KAAK,SAAS;AAEvB,UAAA,iBAAiB,OAAO,SAAS,iBAAiB,KAAK,SAAS,EAAE,MAAM,EAAE;AAChF,QAAI,OAAO,UAAU,MAAM,KAAK,OAAO,iBAAiB,iBAAiB;AACzE,SAAK,SAAS,IAAI;AACX,WAAA,KAAK,mBAAmB,IAAI;AACnC,UAAM,QAAQ,KAAK,cAAc,QAAQ,KAAK,UAAU;AACxD,UAAM,OAAO,OAAO;AACpB,UAAM,sBAAsB,KAAK,cAAc,OAAO,KAAK,cAAc,OAAO;AAChFA,cAAI,KAAK,WAAW,EAAE,MAAM,GAAG,IAAI,MAAM;AACzCA,cAAI,KAAK,iBAAiB,EAAE,MAAM,GAAG,mBAAmB,MAAM;AACzD,SAAA,MAAM,WAAW,aAAa;AACnC,QAAI,SAAS;AACX,WAAK,OAAO;AAAA,IAAA;AAId,UAAM,iBAAiB,KAAK,MAAM,UAAU,cAAc,EAAE;AACxD,QAAA,kBAAkB,eAAe,YAAY,QAAQ;AACvD,qBAAe,yBAAyB;AAAA,IAAA;AAAA,EAC1C;AAAA,EAGF,yBAAyB,gBAAgB;AACvC,mBAAe,eAAe;AAE9B,SAAK,OAAO,eAAe;AACtB,SAAA,aAAa,CAAC,mBAAwB;AACzC,qBAAe,eAAe;AAC9B,qBAAe,gBAAgB;AAC1B,WAAA,iBAAiB,eAAe,SAAS,IAAI;AAAA,IACpD;AACA,SAAK,MAAM,KAAK,WAAW,iBAAiB,aAAa,KAAK,YAAY,KAAK;AAC/E,aAAS,iBAAiB,WAAW,KAAK,uBAAuB,KAAK,IAAI,GAAG,KAAK;AAAA,EAAA;AAAA,EAGpF,uBAAuB,OAAO;AAC5B,UAAM,eAAe;AACrB,SAAK,MAAM,KAAK,WAAW,oBAAoB,aAAa,KAAK,UAAU;AAC3E,aAAS,oBAAoB,WAAW,KAAK,uBAAuB,KAAK,IAAI,GAAG,KAAK;AAAA,EAAA;AAAA,EAGvF,YAAY,OAAO;AAEjB,QAAI,MAAM,UAAU;AACZ,YAAA,EAAE,WAAW;AACd,WAAA,iBAAiB,QAAQ,KAAK;AAAA,IAAA;AAAA,EACrC;AAAA,EAGF,SAAS,UAAU;AAEjB,QAAI,YAAY,KAAK,MAAM,KAAK,UAAU,GAAG;AAC3CA,YAAAA,IAAI,KAAK,UAAU,EAAE,SAAS,SAAS;AAAA,IAAA,WAEhC,YAAY,GAAG;AACtBA,YAAAA,IAAI,KAAK,UAAU,EAAE,SAAS,QAAQ;AAAA,IAAA,OAEnC;AACHA,YAAAA,IAAI,KAAK,UAAU,EAAE,SAAS,SAAS;AAAA,IAAA;AAAA,EACzC;AAAA,EAGF,mBAAmB,UAAU;AAC3B,QAAI,YAAY,KAAK,MAAM,KAAK,UAAU,GAAG;AAC3C,iBAAW,KAAK;AAAA,IAAA,WAET,YAAY,GAAG;AACX,iBAAA;AAAA,IAAA;AAEN,WAAA;AAAA,EAAA;AAAA,EAGT,kBAAkB;;AACZ,QAAA,GAAC,UAAK,UAAL,mBAAY,aAAY;AAC3B;AAAA,IAAA;AAGI,UAAA,YAAY,KAAK,MAAM,sBAAsB;AACnD,UAAM,gBAAgB,KAAK,MAAM,WAAW,sBAAsB;AAC5D,UAAA,oBAAoB,UAAU,QAAQ,cAAc;AAC1D,SAAK,YAAY;AACjB,SAAK,gBAAgB;AACrB,SAAK,oBAAoB;AACpB,SAAA,mBAAmB,KAAK,MAAM,KAAK;AAExC,QAAI,oBAAoB,GAAG;AACzB,WAAK,gBAAgB;AAAA,IAAA,OAElB;AACH,WAAK,iBAAiB;AAAA,IAAA;AAAA,EACxB;AAAA,EAGF,kBAAkB;AAEV,UAAA,SAAS,KAAK,MAAM,KAAK;AACzB,UAAA,gBAAgB,OAAO,sBAAsB;AACnD,SAAK,gBAAgB;AACrBA,UAAA,IAAI,KAAK,iBAAiB;AAAA,MACxB,MAAM,GAAG,KAAK,cAAc,OAAO,cAAc,OAAO,KAAK,MAAM,WAAW,UAAU;AAAA,IAAA,CACzF;AAGD,QAAI,KAAK,SAAS;AAChB,WAAK,QAAQ,OAAO;AAAA,IAAA;AAEjB,SAAA,UAAU,SAAS,cAAc,KAAK;AACtC,SAAA,QAAQ,UAAU,IAAI,6BAA6B;AACnD,SAAA,YAAY,SAAS,cAAc,KAAK;AACxC,SAAA,UAAU,UAAU,IAAI,uBAAuB;AAC/C,SAAA,UAAU,iBAAiB,aAAa,KAAK,yBAAyB,KAAK,IAAI,GAAG,KAAK;AAC5F,UAAM,QAAQ,KAAK,cAAc,QAAQ,KAAK,UAAU;AACxD,UAAM,WAAW,KAAK,cAAc,QAAQ,KAAK,oBAAoB;AACrEA,cAAI,KAAK,WAAW,EAAE,OAAO,GAAG,QAAQ,MAAM;AACzC,SAAA,QAAQ,YAAY,KAAK,SAAS;AAGjC,UAAA,kBAAkB,KAAK,MAAM,WAAW;AACzC,SAAA,aAAa,KAAK,oBAAoB;AAC3C,QAAI,iBAAiB;AACnB,YAAM,UAAU,kBAAkB;AAClC,WAAK,SAAS,OAAO;AACjBA,YAAAA,IAAA,KAAK,WAAW,EAAE,MAAM,GAAG,KAAK,mBAAmB,OAAO,CAAC,KAAA,CAAM;AAAA,IAAA;AAIjE,UAAA,SAAS,KAAK,UAAU,MAAM,KAAK,UAAU,SAAS,cAAc,MAAM;AAC3E,SAAA,kBAAkB,cAAc,MAAM,cAAc,SAAS,KAAK,UAAU,MAAM,KAAK,UAAU;AACjG,SAAA,iBAAiB,YAAY,KAAK,OAAO;AAC9CA,UAAAA,IAAI,KAAK,SAAS,EAAE,KAAK,GAAG,KAAK,IAAI,cAAc,SAASD,YAAA,yBAAyB,MAAM,CAAC,MAAM;AAGlG,aAAS,iBAAiB,SAAS,KAAK,YAAY,KAAK,IAAI,CAAC;AAAA,EAAA;AAAA,EAGhE,mBAAmB;AACjBC,UAAAA,IAAI,KAAK,UAAU,EAAE,SAAS,QAAQ;AACjC,SAAA,gBAAgB,gBAAgB,OAAO;AAC5C,SAAK,aAAa;AAClB,SAAK,QAAQ;AAAA,EAAA;AAAA,EAGf,UAAU;AACR,QAAI,KAAK,SAAS;AAChB,WAAK,QAAQ,OAAO;AAAA,IAAA;AAEjB,SAAA,MAAM,KAAK,oBAAoB,UAAU,KAAK,sBAAsB,KAAK,IAAI,CAAC;AACnF,aAAS,oBAAoB,SAAS,KAAK,YAAY,KAAK,IAAI,CAAC;AAAA,EAAA;AAErE;;"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"table-selection.cjs.js","sources":["../../../../../src/modules/table/modules/table-selection.ts"],"sourcesContent":["import Quill from 'quill'\nimport { TableCell } from '../formats/table'\nimport { ERROR_LIMIT, LINE_POSITIONS, PRIMARY_COLOR } from '../table-config'\nimport { css, getRelativeRect } from '../utils'\n\nexport default class TableSelection {\n table: any\n quill: any\n modulesContainer: any\n parent: any\n boundary: any\n // @ts-ignore\n selectedTds: any[]\n // @ts-ignore\n dragging: boolean\n preSelectedTable: any\n oldRootScrollTop: any\n selectingHandler: any\n tdEditHandler: any\n tdResizeHandler: any\n endTd: any\n startTd: any\n editTd: any\n left: any\n bottom: any\n top: any\n right: any\n\n constructor(table, quill, dom) {\n if (!table) {\n return null\n }\n this.table = table\n this.quill = quill\n this.modulesContainer = dom\n this.parent = this.quill.root.parentNode\n this.boundary = {} // params for selected square\n this.selectedTds = [] // array for selected table-cells\n this.dragging = false\n this.preSelectedTable = null\n this.oldRootScrollTop = this.quill.root.scrollTop\n\n this.selectingHandler = this.mouseDownHandler.bind(this)\n\n this.tdEditHandler = this.setTdEditable.bind(this)\n this.tdResizeHandler = this.resizeTd.bind(this)\n\n this.helpLinesInitial()\n this.isEditorHasScrollBar()\n\n this.quill.root.parentNode.addEventListener('mousedown', this.selectingHandler, false)\n this.quill.on('text-change', this.tdResizeHandler)\n if (this.quill.root === this.quill.scrollingContainer) {\n this.quill.root.addEventListener('scroll', this.handleQuillRootScroll.bind(this))\n }\n }\n\n handleQuillRootScroll() {\n LINE_POSITIONS.forEach((direction) => {\n const selectionLine = this[direction]\n if (selectionLine) {\n selectionLine.style.marginTop = `${this.oldRootScrollTop - this.quill.root.scrollTop}px`\n }\n })\n }\n\n isEditorHasScrollBar() {\n if (this.quill.root.scrollHeight > this.quill.root.clientHeight) {\n css(this.modulesContainer, { width: 'calc(100% - 23px)' })\n }\n else {\n this.modulesContainer.removeAttribute('style')\n }\n }\n\n helpLinesInitial() {\n LINE_POSITIONS.forEach((direction) => {\n this[direction] = document.createElement('div')\n this[direction].classList.add('qlbt-selection-line')\n if (direction === 'left') {\n this[direction].classList.add('qlbt-selection-line-first')\n const ctrlPointLeft = document.createElement('div')\n this[direction].appendChild(ctrlPointLeft)\n }\n if (direction === 'bottom') {\n this[direction].classList.add('qlbt-selection-line-last')\n const ctrlPointRight = document.createElement('div')\n this[direction].appendChild(ctrlPointRight)\n }\n css(this[direction], {\n 'position': 'absolute',\n 'display': 'none',\n 'background-color': PRIMARY_COLOR,\n })\n this.modulesContainer.appendChild(this[direction])\n })\n }\n\n mouseDownHandler(e) {\n if (e.button !== 0) {\n return\n }\n const self: any = this\n const betterTableModule = this.quill.getModule('better-table')\n const tableColumnTool = betterTableModule.columnTool\n if (tableColumnTool.activeToolCell) {\n tableColumnTool.activeToolCell.classList.remove('qlbt-tool-cell-on')\n tableColumnTool.activeToolCell = null\n }\n if (e.target.closest('.quill-better-table')) {\n if (e.shiftKey) {\n this.endTd = e.target.closest('td[data-row]')\n this.drawSelection(this, true)\n // avoid select text in multiple table-cell\n if (this.startTd !== this.endTd) {\n this.quill.blur()\n }\n }\n else {\n this.startTd = e.target.closest('td[data-row]')\n this.drawSelection(this, false)\n this.dragging = true\n\n this.parent.addEventListener('mousemove', mouseMoveHandler, false)\n document.addEventListener('mouseup', mouseUpHandler, false)\n }\n }\n else if (e.target.closest('.qlbt-selection-line')) {\n this.parent.addEventListener('mousemove', mouseMoveHandler, false)\n document.addEventListener('mouseup', mouseUpHandler, false)\n }\n\n function mouseMoveHandler(event) {\n event.stopPropagation()\n\n if (event.button !== 0 || !event.target.closest('.quill-better-table')) {\n return\n }\n self.endTd = event.target.closest('td[data-row]')\n if (!self.endTd) {\n return\n }\n self.drawSelection(self, true)\n // avoid select text in multiple table-cell\n if (self.startTd !== self.endTd) {\n self.quill.blur()\n }\n }\n\n function mouseUpHandler() {\n self.parent.removeEventListener('mousemove', mouseMoveHandler, false)\n document.removeEventListener('mouseup', mouseUpHandler, false)\n self.dragging = false\n }\n }\n\n drawSelection(self, end) {\n // fix: 如果滚动条拖动,startTd的位置已经改变了,需要重置startTdRect\n self.startTdRect = getRelativeRect(self.startTd.getBoundingClientRect(), self.quill.root.parentNode)\n let endTdRect = self.startTdRect\n if (end) {\n self.endTdRect = getRelativeRect(self.endTd.getBoundingClientRect(), self.quill.root.parentNode)\n endTdRect = self.endTdRect\n }\n self.boundary = computeBoundaryFromRects(self.startTdRect, endTdRect)\n self.selectedTds = self.computeSelectedTds()\n self.repositionHelpLines()\n }\n\n setTdEditable(e) {\n if (!this.editTd) {\n return\n }\n this.parent.removeEventListener('keypress', this.tdEditHandler, false)\n const dom = this.editTd.domNode\n dom.removeEventListener('click', this.tdEditHandler, false)\n dom.classList.add('editing-select-able')\n dom.setAttribute('contenteditable', true)\n if (e.type === 'keypress') {\n if (dom.childNodes.length > 1 || dom.firstChild.innerHTML !== '<br>') {\n const blank = dom.firstChild.cloneNode()\n blank.innerHTML = '<br>'\n dom.innerHTML = ''\n dom.appendChild(blank)\n }\n dom.focus()\n }\n }\n\n resizeTd() {\n if (!this.editTd || (this.left && !this.left.offsetParent)) {\n return\n }\n if (this.selectedTds.length > 1) {\n this.refreshHelpLinesPosition()\n }\n else {\n const dom = this.editTd.domNode\n const domRect = getRelativeRect(dom.getBoundingClientRect(), this.quill.root.parentNode)\n this.boundary = computeBoundaryFromRects(domRect, domRect)\n this.repositionHelpLines()\n }\n\n // 判断编辑器是否有滚动条,调整遮罩宽度\n this.isEditorHasScrollBar()\n\n // 更新行高 更新滑块位置\n const betterTableModule = this.quill.getModule('better-table')\n const tableColumnTool = betterTableModule.columnTool\n if (tableColumnTool) {\n tableColumnTool.updateRowToolCells()\n const tableViewRect = this.table.parentNode.getBoundingClientRect()\n if (tableColumnTool.leftMask) {\n css(tableColumnTool.leftMask, { height: `${tableViewRect.height + 50}px` })\n }\n }\n\n const tableScrollBar = betterTableModule.tableScrollBar\n tableScrollBar.resetTableHeight(this.table)\n }\n\n resetTd(e) {\n const dom = e.target\n dom.classList.remove('editing-select-able')\n dom.setAttribute('contenteditable', false)\n dom.removeAttribute('contenteditable')\n }\n\n correctBoundary() {\n const tableContainer = Quill.find(this.table)\n const tableCells = tableContainer.descendants(TableCell)\n\n tableCells.forEach((tableCell) => {\n const { x, y, width, height } = getRelativeRect(tableCell.domNode.getBoundingClientRect(), this.quill.root.parentNode)\n const isCellIntersected\n = ((x + ERROR_LIMIT >= this.boundary.x && x + ERROR_LIMIT <= this.boundary.x1)\n || (x - ERROR_LIMIT + width >= this.boundary.x && x - ERROR_LIMIT + width <= this.boundary.x1))\n && ((y + ERROR_LIMIT >= this.boundary.y && y + ERROR_LIMIT <= this.boundary.y1)\n || (y - ERROR_LIMIT + height >= this.boundary.y && y - ERROR_LIMIT + height <= this.boundary.y1))\n if (isCellIntersected) {\n this.boundary = computeBoundaryFromRects(this.boundary, { x, y, width, height })\n }\n })\n }\n\n computeSelectedTds() {\n const tableContainer = Quill.find(this.table)\n const tableCells = tableContainer.descendants(TableCell)\n\n const result = tableCells.reduce((selectedCells, tableCell) => {\n const { x, y, width, height } = getRelativeRect(tableCell.domNode.getBoundingClientRect(), this.quill.root.parentNode)\n const isCellIncluded\n = x + ERROR_LIMIT >= this.boundary.x\n && x - ERROR_LIMIT + width <= this.boundary.x1\n && y + ERROR_LIMIT >= this.boundary.y\n && y - ERROR_LIMIT + height <= this.boundary.y1\n\n if (isCellIncluded) {\n selectedCells.push(tableCell)\n }\n\n return selectedCells\n }, [])\n\n if (result.length === 1 && this.editTd !== result[0]) {\n const resetTds = this.table.querySelectorAll('td[contenteditable=true]')\n resetTds.forEach(td => this.resetTd({ target: td }))\n this.editTd = result[0]\n this.editTd.domNode.addEventListener('mousedown', this.tdEditHandler, false)\n this.parent.addEventListener('keypress', this.tdEditHandler, false)\n }\n\n return result\n }\n\n repositionHelpLines() {\n this.oldRootScrollTop = this.quill.root.scrollTop\n if (!this.left) {\n return\n }\n\n css(this.left, {\n 'display': 'block',\n 'left': `${this.boundary.x - 1}px`,\n 'top': `${this.boundary.y}px`,\n 'height': `${this.boundary.height + 1}px`,\n 'width': '1px',\n 'margin-top': '0px',\n })\n\n css(this.right, {\n 'display': 'block',\n 'left': `${this.boundary.x1}px`,\n 'top': `${this.boundary.y - 1}px`,\n 'height': `${this.boundary.height + 1}px`,\n 'width': '1px',\n 'margin-top': '0px',\n })\n\n css(this.top, {\n 'display': 'block',\n 'left': `${this.boundary.x - 1}px`,\n 'top': `${this.boundary.y - 1}px`,\n 'width': `${this.boundary.width + 1}px`,\n 'height': '1px',\n 'margin-top': '0px',\n })\n\n css(this.bottom, {\n 'display': 'block',\n 'left': `${this.boundary.x - 1}px`,\n 'top': `${this.boundary.y1}px`,\n 'width': `${this.boundary.width + 1}px`,\n 'height': '1px',\n 'margin-top': '0px',\n })\n }\n\n // based on selectedTds compute positions of help lines\n // It is useful when selectedTds are not changed\n refreshHelpLinesPosition() {\n const startRect = getRelativeRect(this.selectedTds[0].domNode.getBoundingClientRect(), this.quill.root.parentNode)\n const endRect = getRelativeRect(\n this.selectedTds[this.selectedTds.length - 1].domNode.getBoundingClientRect(),\n this.quill.root.parentNode,\n )\n this.boundary = computeBoundaryFromRects(startRect, endRect)\n this.repositionHelpLines()\n }\n\n destroy() {\n const resetTds = this.table.querySelectorAll('td[contenteditable=true]')\n resetTds.forEach(td => this.resetTd({ target: td }))\n\n LINE_POSITIONS.forEach((direction) => {\n if (this[direction]) {\n this[direction].remove()\n this[direction] = null\n }\n })\n\n this.quill.root.parentNode.removeEventListener('mousedown', this.selectingHandler, false)\n\n delete this.editTd\n\n return null\n }\n\n setSelection(startRect, endRect) {\n this.boundary = computeBoundaryFromRects(\n getRelativeRect(startRect, this.quill.root.parentNode),\n getRelativeRect(endRect, this.quill.root.parentNode),\n )\n this.correctBoundary()\n this.selectedTds = this.computeSelectedTds()\n this.repositionHelpLines()\n }\n\n clearSelection() {\n const resetTds = this.table.querySelectorAll('td[contenteditable=true]')\n resetTds.forEach(td => this.resetTd({ target: td }))\n this.boundary = {}\n this.selectedTds = []\n LINE_POSITIONS.forEach((direction) => {\n if (this[direction]) {\n css(this[direction], {\n display: 'none',\n })\n }\n })\n }\n}\n\nfunction computeBoundaryFromRects(startRect, endRect) {\n const x = Math.min(startRect.x, endRect.x, startRect.x + startRect.width - 1, endRect.x + endRect.width - 1)\n\n const x1 = Math.max(startRect.x, endRect.x, startRect.x + startRect.width - 1, endRect.x + endRect.width - 1)\n\n const y = Math.min(startRect.y, endRect.y, startRect.y + startRect.height - 1, endRect.y + endRect.height - 1)\n\n const y1 = Math.max(startRect.y, endRect.y, startRect.y + startRect.height - 1, endRect.y + endRect.height - 1)\n\n const width = x1 - x\n const height = y1 - y\n\n return { x, x1, y, y1, width, height }\n}\n"],"names":["table","LINE_POSITIONS","css","PRIMARY_COLOR","getRelativeRect","TableCell","ERROR_LIMIT"],"mappings":";;;;;;AAKA,MAAqB,eAAe;AAAA,EAuBlC,YAAYA,QAAO,OAAO,KAAK;AAC7B,QAAI,CAACA,QAAO;AACH,aAAA;AAAA,IAAA;AAET,SAAK,QAAQA;AACb,SAAK,QAAQ;AACb,SAAK,mBAAmB;AACnB,SAAA,SAAS,KAAK,MAAM,KAAK;AAC9B,SAAK,WAAW,CAAC;AACjB,SAAK,cAAc,CAAC;AACpB,SAAK,WAAW;AAChB,SAAK,mBAAmB;AACnB,SAAA,mBAAmB,KAAK,MAAM,KAAK;AAExC,SAAK,mBAAmB,KAAK,iBAAiB,KAAK,IAAI;AAEvD,SAAK,gBAAgB,KAAK,cAAc,KAAK,IAAI;AACjD,SAAK,kBAAkB,KAAK,SAAS,KAAK,IAAI;AAE9C,SAAK,iBAAiB;AACtB,SAAK,qBAAqB;AAE1B,SAAK,MAAM,KAAK,WAAW,iBAAiB,aAAa,KAAK,kBAAkB,KAAK;AACrF,SAAK,MAAM,GAAG,eAAe,KAAK,eAAe;AACjD,QAAI,KAAK,MAAM,SAAS,KAAK,MAAM,oBAAoB;AAChD,WAAA,MAAM,KAAK,iBAAiB,UAAU,KAAK,sBAAsB,KAAK,IAAI,CAAC;AAAA,IAAA;AAAA,EAClF;AAAA,EAGF,wBAAwB;AACPC,+BAAA,QAAQ,CAAC,cAAc;AAC9B,YAAA,gBAAgB,KAAK,SAAS;AACpC,UAAI,eAAe;AACH,sBAAA,MAAM,YAAY,GAAG,KAAK,mBAAmB,KAAK,MAAM,KAAK,SAAS;AAAA,MAAA;AAAA,IACtF,CACD;AAAA,EAAA;AAAA,EAGH,uBAAuB;AACrB,QAAI,KAAK,MAAM,KAAK,eAAe,KAAK,MAAM,KAAK,cAAc;AAC/DC,YAAAA,IAAI,KAAK,kBAAkB,EAAE,OAAO,qBAAqB;AAAA,IAAA,OAEtD;AACE,WAAA,iBAAiB,gBAAgB,OAAO;AAAA,IAAA;AAAA,EAC/C;AAAA,EAGF,mBAAmB;AACFD,+BAAA,QAAQ,CAAC,cAAc;AACpC,WAAK,SAAS,IAAI,SAAS,cAAc,KAAK;AAC9C,WAAK,SAAS,EAAE,UAAU,IAAI,qBAAqB;AACnD,UAAI,cAAc,QAAQ;AACxB,aAAK,SAAS,EAAE,UAAU,IAAI,2BAA2B;AACnD,cAAA,gBAAgB,SAAS,cAAc,KAAK;AAC7C,aAAA,SAAS,EAAE,YAAY,aAAa;AAAA,MAAA;AAE3C,UAAI,cAAc,UAAU;AAC1B,aAAK,SAAS,EAAE,UAAU,IAAI,0BAA0B;AAClD,cAAA,iBAAiB,SAAS,cAAc,KAAK;AAC9C,aAAA,SAAS,EAAE,YAAY,cAAc;AAAA,MAAA;AAExCC,gBAAA,KAAK,SAAS,GAAG;AAAA,QACnB,YAAY;AAAA,QACZ,WAAW;AAAA,QACX,oBAAoBC,YAAAA;AAAAA,MAAA,CACrB;AACD,WAAK,iBAAiB,YAAY,KAAK,SAAS,CAAC;AAAA,IAAA,CAClD;AAAA,EAAA;AAAA,EAGH,iBAAiB,GAAG;AACd,QAAA,EAAE,WAAW,GAAG;AAClB;AAAA,IAAA;AAEF,UAAM,OAAY;AAClB,UAAM,oBAAoB,KAAK,MAAM,UAAU,cAAc;AAC7D,UAAM,kBAAkB,kBAAkB;AAC1C,QAAI,gBAAgB,gBAAgB;AAClB,sBAAA,eAAe,UAAU,OAAO,mBAAmB;AACnE,sBAAgB,iBAAiB;AAAA,IAAA;AAEnC,QAAI,EAAE,OAAO,QAAQ,qBAAqB,GAAG;AAC3C,UAAI,EAAE,UAAU;AACd,aAAK,QAAQ,EAAE,OAAO,QAAQ,cAAc;AACvC,aAAA,cAAc,MAAM,IAAI;AAEzB,YAAA,KAAK,YAAY,KAAK,OAAO;AAC/B,eAAK,MAAM,KAAK;AAAA,QAAA;AAAA,MAClB,OAEG;AACH,aAAK,UAAU,EAAE,OAAO,QAAQ,cAAc;AACzC,aAAA,cAAc,MAAM,KAAK;AAC9B,aAAK,WAAW;AAEhB,aAAK,OAAO,iBAAiB,aAAa,kBAAkB,KAAK;AACxD,iBAAA,iBAAiB,WAAW,gBAAgB,KAAK;AAAA,MAAA;AAAA,IAGrD,WAAA,EAAE,OAAO,QAAQ,sBAAsB,GAAG;AACjD,WAAK,OAAO,iBAAiB,aAAa,kBAAkB,KAAK;AACxD,eAAA,iBAAiB,WAAW,gBAAgB,KAAK;AAAA,IAAA;AAG5D,aAAS,iBAAiB,OAAO;AAC/B,YAAM,gBAAgB;AAElB,UAAA,MAAM,WAAW,KAAK,CAAC,MAAM,OAAO,QAAQ,qBAAqB,GAAG;AACtE;AAAA,MAAA;AAEF,WAAK,QAAQ,MAAM,OAAO,QAAQ,cAAc;AAC5C,UAAA,CAAC,KAAK,OAAO;AACf;AAAA,MAAA;AAEG,WAAA,cAAc,MAAM,IAAI;AAEzB,UAAA,KAAK,YAAY,KAAK,OAAO;AAC/B,aAAK,MAAM,KAAK;AAAA,MAAA;AAAA,IAClB;AAGF,aAAS,iBAAiB;AACxB,WAAK,OAAO,oBAAoB,aAAa,kBAAkB,KAAK;AAC3D,eAAA,oBAAoB,WAAW,gBAAgB,KAAK;AAC7D,WAAK,WAAW;AAAA,IAAA;AAAA,EAClB;AAAA,EAGF,cAAc,MAAM,KAAK;AAElB,SAAA,cAAcC,sBAAgB,KAAK,QAAQ,sBAAyB,GAAA,KAAK,MAAM,KAAK,UAAU;AACnG,QAAI,YAAY,KAAK;AACrB,QAAI,KAAK;AACF,WAAA,YAAYA,sBAAgB,KAAK,MAAM,sBAAyB,GAAA,KAAK,MAAM,KAAK,UAAU;AAC/F,kBAAY,KAAK;AAAA,IAAA;AAEnB,SAAK,WAAW,yBAAyB,KAAK,aAAa,SAAS;AAC/D,SAAA,cAAc,KAAK,mBAAmB;AAC3C,SAAK,oBAAoB;AAAA,EAAA;AAAA,EAG3B,cAAc,GAAG;AACX,QAAA,CAAC,KAAK,QAAQ;AAChB;AAAA,IAAA;AAEF,SAAK,OAAO,oBAAoB,YAAY,KAAK,eAAe,KAAK;AAC/D,UAAA,MAAM,KAAK,OAAO;AACxB,QAAI,oBAAoB,SAAS,KAAK,eAAe,KAAK;AACtD,QAAA,UAAU,IAAI,qBAAqB;AACnC,QAAA,aAAa,mBAAmB,IAAI;AACpC,QAAA,EAAE,SAAS,YAAY;AACzB,UAAI,IAAI,WAAW,SAAS,KAAK,IAAI,WAAW,cAAc,QAAQ;AAC9D,cAAA,QAAQ,IAAI,WAAW,UAAU;AACvC,cAAM,YAAY;AAClB,YAAI,YAAY;AAChB,YAAI,YAAY,KAAK;AAAA,MAAA;AAEvB,UAAI,MAAM;AAAA,IAAA;AAAA,EACZ;AAAA,EAGF,WAAW;AACL,QAAA,CAAC,KAAK,UAAW,KAAK,QAAQ,CAAC,KAAK,KAAK,cAAe;AAC1D;AAAA,IAAA;AAEE,QAAA,KAAK,YAAY,SAAS,GAAG;AAC/B,WAAK,yBAAyB;AAAA,IAAA,OAE3B;AACG,YAAA,MAAM,KAAK,OAAO;AAClB,YAAA,UAAUA,sBAAgB,IAAI,yBAAyB,KAAK,MAAM,KAAK,UAAU;AAClF,WAAA,WAAW,yBAAyB,SAAS,OAAO;AACzD,WAAK,oBAAoB;AAAA,IAAA;AAI3B,SAAK,qBAAqB;AAG1B,UAAM,oBAAoB,KAAK,MAAM,UAAU,cAAc;AAC7D,UAAM,kBAAkB,kBAAkB;AAC1C,QAAI,iBAAiB;AACnB,sBAAgB,mBAAmB;AACnC,YAAM,gBAAgB,KAAK,MAAM,WAAW,sBAAsB;AAClE,UAAI,gBAAgB,UAAU;AACxBF,cAAAA,IAAA,gBAAgB,UAAU,EAAE,QAAQ,GAAG,cAAc,SAAS,EAAE,MAAM;AAAA,MAAA;AAAA,IAC5E;AAGF,UAAM,iBAAiB,kBAAkB;AAC1B,mBAAA,iBAAiB,KAAK,KAAK;AAAA,EAAA;AAAA,EAG5C,QAAQ,GAAG;AACT,UAAM,MAAM,EAAE;AACV,QAAA,UAAU,OAAO,qBAAqB;AACtC,QAAA,aAAa,mBAAmB,KAAK;AACzC,QAAI,gBAAgB,iBAAiB;AAAA,EAAA;AAAA,EAGvC,kBAAkB;AAChB,UAAM,iBAAiB,MAAM,KAAK,KAAK,KAAK;AACtC,UAAA,aAAa,eAAe,YAAYG,eAAS;AAE5C,eAAA,QAAQ,CAAC,cAAc;AAChC,YAAM,EAAE,GAAG,GAAG,OAAO,OAAW,IAAAD,MAAA,gBAAgB,UAAU,QAAQ,sBAAsB,GAAG,KAAK,MAAM,KAAK,UAAU;AACrH,YAAM,qBACA,IAAIE,2BAAe,KAAK,SAAS,KAAK,IAAIA,YAAe,eAAA,KAAK,SAAS,MACrE,IAAIA,YAAAA,cAAc,SAAS,KAAK,SAAS,KAAK,IAAIA,YAAAA,cAAc,SAAS,KAAK,SAAS,QACxF,IAAIA,YAAAA,eAAe,KAAK,SAAS,KAAK,IAAIA,2BAAe,KAAK,SAAS,MACtE,IAAIA,YAAc,cAAA,UAAU,KAAK,SAAS,KAAK,IAAIA,YAAc,cAAA,UAAU,KAAK,SAAS;AACjG,UAAI,mBAAmB;AAChB,aAAA,WAAW,yBAAyB,KAAK,UAAU,EAAE,GAAG,GAAG,OAAO,QAAQ;AAAA,MAAA;AAAA,IACjF,CACD;AAAA,EAAA;AAAA,EAGH,qBAAqB;AACnB,UAAM,iBAAiB,MAAM,KAAK,KAAK,KAAK;AACtC,UAAA,aAAa,eAAe,YAAYD,eAAS;AAEvD,UAAM,SAAS,WAAW,OAAO,CAAC,eAAe,cAAc;AAC7D,YAAM,EAAE,GAAG,GAAG,OAAO,OAAW,IAAAD,MAAA,gBAAgB,UAAU,QAAQ,sBAAsB,GAAG,KAAK,MAAM,KAAK,UAAU;AAC/G,YAAA,iBACF,IAAIE,YAAe,eAAA,KAAK,SAAS,KAChC,IAAIA,YAAAA,cAAc,SAAS,KAAK,SAAS,MACzC,IAAIA,YAAAA,eAAe,KAAK,SAAS,KACjC,IAAIA,0BAAc,UAAU,KAAK,SAAS;AAE/C,UAAI,gBAAgB;AAClB,sBAAc,KAAK,SAAS;AAAA,MAAA;AAGvB,aAAA;AAAA,IACT,GAAG,EAAE;AAEL,QAAI,OAAO,WAAW,KAAK,KAAK,WAAW,OAAO,CAAC,GAAG;AACpD,YAAM,WAAW,KAAK,MAAM,iBAAiB,0BAA0B;AAC9D,eAAA,QAAQ,QAAM,KAAK,QAAQ,EAAE,QAAQ,GAAA,CAAI,CAAC;AAC9C,WAAA,SAAS,OAAO,CAAC;AACtB,WAAK,OAAO,QAAQ,iBAAiB,aAAa,KAAK,eAAe,KAAK;AAC3E,WAAK,OAAO,iBAAiB,YAAY,KAAK,eAAe,KAAK;AAAA,IAAA;AAG7D,WAAA;AAAA,EAAA;AAAA,EAGT,sBAAsB;AACf,SAAA,mBAAmB,KAAK,MAAM,KAAK;AACpC,QAAA,CAAC,KAAK,MAAM;AACd;AAAA,IAAA;AAGFJ,UAAA,IAAI,KAAK,MAAM;AAAA,MACb,WAAW;AAAA,MACX,QAAQ,GAAG,KAAK,SAAS,IAAI,CAAC;AAAA,MAC9B,OAAO,GAAG,KAAK,SAAS,CAAC;AAAA,MACzB,UAAU,GAAG,KAAK,SAAS,SAAS,CAAC;AAAA,MACrC,SAAS;AAAA,MACT,cAAc;AAAA,IAAA,CACf;AAEDA,UAAA,IAAI,KAAK,OAAO;AAAA,MACd,WAAW;AAAA,MACX,QAAQ,GAAG,KAAK,SAAS,EAAE;AAAA,MAC3B,OAAO,GAAG,KAAK,SAAS,IAAI,CAAC;AAAA,MAC7B,UAAU,GAAG,KAAK,SAAS,SAAS,CAAC;AAAA,MACrC,SAAS;AAAA,MACT,cAAc;AAAA,IAAA,CACf;AAEDA,UAAA,IAAI,KAAK,KAAK;AAAA,MACZ,WAAW;AAAA,MACX,QAAQ,GAAG,KAAK,SAAS,IAAI,CAAC;AAAA,MAC9B,OAAO,GAAG,KAAK,SAAS,IAAI,CAAC;AAAA,MAC7B,SAAS,GAAG,KAAK,SAAS,QAAQ,CAAC;AAAA,MACnC,UAAU;AAAA,MACV,cAAc;AAAA,IAAA,CACf;AAEDA,UAAA,IAAI,KAAK,QAAQ;AAAA,MACf,WAAW;AAAA,MACX,QAAQ,GAAG,KAAK,SAAS,IAAI,CAAC;AAAA,MAC9B,OAAO,GAAG,KAAK,SAAS,EAAE;AAAA,MAC1B,SAAS,GAAG,KAAK,SAAS,QAAQ,CAAC;AAAA,MACnC,UAAU;AAAA,MACV,cAAc;AAAA,IAAA,CACf;AAAA,EAAA;AAAA;AAAA;AAAA,EAKH,2BAA2B;AACzB,UAAM,YAAYE,MAAA,gBAAgB,KAAK,YAAY,CAAC,EAAE,QAAQ,sBAAyB,GAAA,KAAK,MAAM,KAAK,UAAU;AACjH,UAAM,UAAUA,MAAA;AAAA,MACd,KAAK,YAAY,KAAK,YAAY,SAAS,CAAC,EAAE,QAAQ,sBAAsB;AAAA,MAC5E,KAAK,MAAM,KAAK;AAAA,IAClB;AACK,SAAA,WAAW,yBAAyB,WAAW,OAAO;AAC3D,SAAK,oBAAoB;AAAA,EAAA;AAAA,EAG3B,UAAU;AACR,UAAM,WAAW,KAAK,MAAM,iBAAiB,0BAA0B;AAC9D,aAAA,QAAQ,QAAM,KAAK,QAAQ,EAAE,QAAQ,GAAA,CAAI,CAAC;AAEpCH,+BAAA,QAAQ,CAAC,cAAc;AAChC,UAAA,KAAK,SAAS,GAAG;AACd,aAAA,SAAS,EAAE,OAAO;AACvB,aAAK,SAAS,IAAI;AAAA,MAAA;AAAA,IACpB,CACD;AAED,SAAK,MAAM,KAAK,WAAW,oBAAoB,aAAa,KAAK,kBAAkB,KAAK;AAExF,WAAO,KAAK;AAEL,WAAA;AAAA,EAAA;AAAA,EAGT,aAAa,WAAW,SAAS;AAC/B,SAAK,WAAW;AAAA,MACdG,MAAAA,gBAAgB,WAAW,KAAK,MAAM,KAAK,UAAU;AAAA,MACrDA,MAAAA,gBAAgB,SAAS,KAAK,MAAM,KAAK,UAAU;AAAA,IACrD;AACA,SAAK,gBAAgB;AAChB,SAAA,cAAc,KAAK,mBAAmB;AAC3C,SAAK,oBAAoB;AAAA,EAAA;AAAA,EAG3B,iBAAiB;AACf,UAAM,WAAW,KAAK,MAAM,iBAAiB,0BAA0B;AAC9D,aAAA,QAAQ,QAAM,KAAK,QAAQ,EAAE,QAAQ,GAAA,CAAI,CAAC;AACnD,SAAK,WAAW,CAAC;AACjB,SAAK,cAAc,CAAC;AACLH,+BAAA,QAAQ,CAAC,cAAc;AAChC,UAAA,KAAK,SAAS,GAAG;AACfC,kBAAA,KAAK,SAAS,GAAG;AAAA,UACnB,SAAS;AAAA,QAAA,CACV;AAAA,MAAA;AAAA,IACH,CACD;AAAA,EAAA;AAEL;AAEA,SAAS,yBAAyB,WAAW,SAAS;AACpD,QAAM,IAAI,KAAK,IAAI,UAAU,GAAG,QAAQ,GAAG,UAAU,IAAI,UAAU,QAAQ,GAAG,QAAQ,IAAI,QAAQ,QAAQ,CAAC;AAE3G,QAAM,KAAK,KAAK,IAAI,UAAU,GAAG,QAAQ,GAAG,UAAU,IAAI,UAAU,QAAQ,GAAG,QAAQ,IAAI,QAAQ,QAAQ,CAAC;AAE5G,QAAM,IAAI,KAAK,IAAI,UAAU,GAAG,QAAQ,GAAG,UAAU,IAAI,UAAU,SAAS,GAAG,QAAQ,IAAI,QAAQ,SAAS,CAAC;AAE7G,QAAM,KAAK,KAAK,IAAI,UAAU,GAAG,QAAQ,GAAG,UAAU,IAAI,UAAU,SAAS,GAAG,QAAQ,IAAI,QAAQ,SAAS,CAAC;AAE9G,QAAM,QAAQ,KAAK;AACnB,QAAM,SAAS,KAAK;AAEpB,SAAO,EAAE,GAAG,IAAI,GAAG,IAAI,OAAO,OAAO;AACvC;;"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"table-selector.cjs.js","sources":["../../../../../src/modules/table/modules/table-selector.ts"],"sourcesContent":["import { css } from '../utils'\n\n// 配置\nconst GRID_SIZE = {\n ROWS: 10,\n COLS: 10,\n CELL_SIZE: 15,\n}\n\nconst STYLES = {\n container: {\n 'position': 'absolute',\n 'z-index': '1000',\n 'background': 'white',\n 'border': '1px solid #ccc',\n 'padding': '5px',\n 'box-shadow': '0 2px 8px rgba(0,0,0,0.1)',\n },\n grid: {\n 'display': 'grid',\n 'grid-template-columns': `repeat(${GRID_SIZE.COLS}, ${GRID_SIZE.CELL_SIZE - 1}px)`,\n 'grid-template-rows': `repeat(${GRID_SIZE.ROWS}, ${GRID_SIZE.CELL_SIZE - 1}px)`,\n 'gap': '0px',\n },\n row: {\n display: 'contents',\n },\n cell: {\n 'width': `${GRID_SIZE.CELL_SIZE}px`,\n 'height': `${GRID_SIZE.CELL_SIZE}px`,\n 'border': '1px solid #ddd',\n 'background-color': '#fff',\n 'box-sizing': 'border-box',\n },\n label: {\n 'text-align': 'center',\n 'margin-top': '5px',\n 'font-size': '12px',\n 'color': '#666',\n },\n}\n\nfunction createCell(\n row: number,\n col: number,\n handleMouseOver: (row: number, col: number) => void,\n handleClick: () => void,\n): { cellDiv: HTMLDivElement, removeListeners: () => void } {\n const cellDiv = document.createElement('div')\n cellDiv.className = 'cell'\n css(cellDiv, STYLES.cell)\n\n const mouseOverListener = () => handleMouseOver(row + 1, col + 1)\n const clickListener = () => handleClick()\n\n cellDiv.addEventListener('mouseover', mouseOverListener)\n cellDiv.addEventListener('click', clickListener)\n\n const removeListeners = () => {\n cellDiv.removeEventListener('mouseover', mouseOverListener)\n cellDiv.removeEventListener('click', clickListener)\n }\n\n return { cellDiv, removeListeners }\n}\n\nfunction createRow(\n rowIndex: number,\n handleMouseOver: (row: number, col: number) => void,\n handleClick: () => void,\n): { rowDiv: HTMLDivElement, removeListeners: () => void } {\n const rowDiv = document.createElement('div')\n rowDiv.className = 'row'\n css(rowDiv, STYLES.row)\n\n const fragment = document.createDocumentFragment()\n const removeListenersArray: (() => void)[] = []\n\n for (let col = 0; col < GRID_SIZE.COLS; col++) {\n const { cellDiv, removeListeners } = createCell(rowIndex, col, handleMouseOver, handleClick)\n fragment.appendChild(cellDiv)\n removeListenersArray.push(removeListeners)\n }\n\n rowDiv.appendChild(fragment)\n\n const removeListeners = () => {\n removeListenersArray.forEach(remove => remove())\n }\n\n return { rowDiv, removeListeners }\n}\n\nclass TableSelector {\n private onSelect: (rows: number, cols: number) => void\n container: HTMLDivElement\n private grid: HTMLDivElement\n private label: HTMLDivElement\n private rows: number = 0\n private cols: number = 0\n private removeListenersArray: (() => void)[] = []\n\n constructor({ onSelect }: { onSelect: (rows: number, cols: number) => void }) {\n this.onSelect = onSelect\n this.initContainer()\n this.initGrid()\n this.initLabel()\n }\n\n // init table-selector container\n private initContainer() {\n this.container = document.createElement('div')\n this.container.className = 'table-selector'\n css(this.container, STYLES.container)\n }\n\n // init grid\n private initGrid() {\n this.grid = document.createElement('div')\n this.grid.className = 'grid'\n css(this.grid, STYLES.grid)\n\n const fragment = document.createDocumentFragment()\n\n for (let row = 0; row < GRID_SIZE.ROWS; row++) {\n const { rowDiv, removeListeners } = createRow(\n row,\n this.handleMouseOver.bind(this),\n this.handleClick.bind(this),\n )\n fragment.appendChild(rowDiv)\n this.removeListenersArray.push(removeListeners)\n }\n this.grid.appendChild(fragment)\n this.container.appendChild(this.grid)\n }\n\n // init label\n private initLabel() {\n this.label = document.createElement('div')\n this.label.className = 'label'\n css(this.label, STYLES.label)\n this.container.appendChild(this.label)\n }\n\n private handleMouseOver(row: number, col: number) {\n this.rows = row\n this.cols = col\n this.updateGrid()\n }\n\n private handleClick() {\n this.onSelect(this.rows, this.cols)\n this.hide()\n }\n\n updateGrid() {\n const cells = this.grid.getElementsByClassName('cell')\n for (let i = 0; i < cells.length; i++) {\n const cell = cells[i] as HTMLElement\n const row = Math.floor(i / GRID_SIZE.COLS)\n const col = i % GRID_SIZE.COLS\n css(cell, {\n 'background-color': row < this.rows && col < this.cols ? '#e6f3ff' : '#fff',\n })\n }\n this.label.textContent = `${this.rows} x ${this.cols}`\n }\n\n show(x: number, y: number) {\n css(this.container, {\n 'left': `${x}px`,\n 'top': `${y}px`,\n 'display': 'block',\n 'margin-top': '1px',\n })\n }\n\n hide() {\n css(this.container, { display: 'none' })\n }\n\n destroy() {\n this.removeListenersArray.forEach(remove => remove())\n this.removeListenersArray = []\n\n this.hide()\n if (this.container.parentNode) {\n this.container.parentNode.removeChild(this.container)\n }\n this.rows = 0\n this.cols = 0\n return null\n }\n}\n\nexport default TableSelector\n"],"names":["css","removeListeners"],"mappings":";;;AAGA,MAAM,YAAY;AAAA,EAChB,MAAM;AAAA,EACN,MAAM;AAAA,EACN,WAAW;AACb;AAEA,MAAM,SAAS;AAAA,EACb,WAAW;AAAA,IACT,YAAY;AAAA,IACZ,WAAW;AAAA,IACX,cAAc;AAAA,IACd,UAAU;AAAA,IACV,WAAW;AAAA,IACX,cAAc;AAAA,EAChB;AAAA,EACA,MAAM;AAAA,IACJ,WAAW;AAAA,IACX,yBAAyB,UAAU,UAAU,IAAI,KAAK,UAAU,YAAY,CAAC;AAAA,IAC7E,sBAAsB,UAAU,UAAU,IAAI,KAAK,UAAU,YAAY,CAAC;AAAA,IAC1E,OAAO;AAAA,EACT;AAAA,EACA,KAAK;AAAA,IACH,SAAS;AAAA,EACX;AAAA,EACA,MAAM;AAAA,IACJ,SAAS,GAAG,UAAU,SAAS;AAAA,IAC/B,UAAU,GAAG,UAAU,SAAS;AAAA,IAChC,UAAU;AAAA,IACV,oBAAoB;AAAA,IACpB,cAAc;AAAA,EAChB;AAAA,EACA,OAAO;AAAA,IACL,cAAc;AAAA,IACd,cAAc;AAAA,IACd,aAAa;AAAA,IACb,SAAS;AAAA,EAAA;AAEb;AAEA,SAAS,WACP,KACA,KACA,iBACA,aAC0D;AACpD,QAAA,UAAU,SAAS,cAAc,KAAK;AAC5C,UAAQ,YAAY;AAChBA,YAAA,SAAS,OAAO,IAAI;AAExB,QAAM,oBAAoB,MAAM,gBAAgB,MAAM,GAAG,MAAM,CAAC;AAC1D,QAAA,gBAAgB,MAAM,YAAY;AAEhC,UAAA,iBAAiB,aAAa,iBAAiB;AAC/C,UAAA,iBAAiB,SAAS,aAAa;AAE/C,QAAM,kBAAkB,MAAM;AACpB,YAAA,oBAAoB,aAAa,iBAAiB;AAClD,YAAA,oBAAoB,SAAS,aAAa;AAAA,EACpD;AAEO,SAAA,EAAE,SAAS,gBAAgB;AACpC;AAEA,SAAS,UACP,UACA,iBACA,aACyD;AACnD,QAAA,SAAS,SAAS,cAAc,KAAK;AAC3C,SAAO,YAAY;AACfA,YAAA,QAAQ,OAAO,GAAG;AAEhB,QAAA,WAAW,SAAS,uBAAuB;AACjD,QAAM,uBAAuC,CAAC;AAE9C,WAAS,MAAM,GAAG,MAAM,UAAU,MAAM,OAAO;AACvC,UAAA,EAAE,SAAS,iBAAAC,qBAAoB,WAAW,UAAU,KAAK,iBAAiB,WAAW;AAC3F,aAAS,YAAY,OAAO;AAC5B,yBAAqB,KAAKA,gBAAe;AAAA,EAAA;AAG3C,SAAO,YAAY,QAAQ;AAE3B,QAAM,kBAAkB,MAAM;AACP,yBAAA,QAAQ,CAAU,WAAA,OAAA,CAAQ;AAAA,EACjD;AAEO,SAAA,EAAE,QAAQ,gBAAgB;AACnC;AAEA,MAAM,cAAc;AAAA,EASlB,YAAY,EAAE,YAAgE;AAJ9E,SAAQ,OAAe;AACvB,SAAQ,OAAe;AACvB,SAAQ,uBAAuC,CAAC;AAG9C,SAAK,WAAW;AAChB,SAAK,cAAc;AACnB,SAAK,SAAS;AACd,SAAK,UAAU;AAAA,EAAA;AAAA;AAAA,EAIT,gBAAgB;AACjB,SAAA,YAAY,SAAS,cAAc,KAAK;AAC7C,SAAK,UAAU,YAAY;AACvBD,UAAAA,IAAA,KAAK,WAAW,OAAO,SAAS;AAAA,EAAA;AAAA;AAAA,EAI9B,WAAW;AACZ,SAAA,OAAO,SAAS,cAAc,KAAK;AACxC,SAAK,KAAK,YAAY;AAClBA,UAAAA,IAAA,KAAK,MAAM,OAAO,IAAI;AAEpB,UAAA,WAAW,SAAS,uBAAuB;AAEjD,aAAS,MAAM,GAAG,MAAM,UAAU,MAAM,OAAO;AACvC,YAAA,EAAE,QAAQ,gBAAA,IAAoB;AAAA,QAClC;AAAA,QACA,KAAK,gBAAgB,KAAK,IAAI;AAAA,QAC9B,KAAK,YAAY,KAAK,IAAI;AAAA,MAC5B;AACA,eAAS,YAAY,MAAM;AACtB,WAAA,qBAAqB,KAAK,eAAe;AAAA,IAAA;AAE3C,SAAA,KAAK,YAAY,QAAQ;AACzB,SAAA,UAAU,YAAY,KAAK,IAAI;AAAA,EAAA;AAAA;AAAA,EAI9B,YAAY;AACb,SAAA,QAAQ,SAAS,cAAc,KAAK;AACzC,SAAK,MAAM,YAAY;AACnBA,UAAAA,IAAA,KAAK,OAAO,OAAO,KAAK;AACvB,SAAA,UAAU,YAAY,KAAK,KAAK;AAAA,EAAA;AAAA,EAG/B,gBAAgB,KAAa,KAAa;AAChD,SAAK,OAAO;AACZ,SAAK,OAAO;AACZ,SAAK,WAAW;AAAA,EAAA;AAAA,EAGV,cAAc;AACpB,SAAK,SAAS,KAAK,MAAM,KAAK,IAAI;AAClC,SAAK,KAAK;AAAA,EAAA;AAAA,EAGZ,aAAa;AACX,UAAM,QAAQ,KAAK,KAAK,uBAAuB,MAAM;AACrD,aAAS,IAAI,GAAG,IAAI,MAAM,QAAQ,KAAK;AAC/B,YAAA,OAAO,MAAM,CAAC;AACpB,YAAM,MAAM,KAAK,MAAM,IAAI,UAAU,IAAI;AACnC,YAAA,MAAM,IAAI,UAAU;AAC1BA,YAAAA,IAAI,MAAM;AAAA,QACR,oBAAoB,MAAM,KAAK,QAAQ,MAAM,KAAK,OAAO,YAAY;AAAA,MAAA,CACtE;AAAA,IAAA;AAEH,SAAK,MAAM,cAAc,GAAG,KAAK,IAAI,MAAM,KAAK,IAAI;AAAA,EAAA;AAAA,EAGtD,KAAK,GAAW,GAAW;AACzBA,UAAA,IAAI,KAAK,WAAW;AAAA,MAClB,QAAQ,GAAG,CAAC;AAAA,MACZ,OAAO,GAAG,CAAC;AAAA,MACX,WAAW;AAAA,MACX,cAAc;AAAA,IAAA,CACf;AAAA,EAAA;AAAA,EAGH,OAAO;AACLA,UAAAA,IAAI,KAAK,WAAW,EAAE,SAAS,QAAQ;AAAA,EAAA;AAAA,EAGzC,UAAU;AACR,SAAK,qBAAqB,QAAQ,CAAU,WAAA,OAAA,CAAQ;AACpD,SAAK,uBAAuB,CAAC;AAE7B,SAAK,KAAK;AACN,QAAA,KAAK,UAAU,YAAY;AAC7B,WAAK,UAAU,WAAW,YAAY,KAAK,SAAS;AAAA,IAAA;AAEtD,SAAK,OAAO;AACZ,SAAK,OAAO;AACL,WAAA;AAAA,EAAA;AAEX;;"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"table-config.cjs.js","sources":["../../../../src/modules/table/table-config.ts"],"sourcesContent":["export const TABLE_CELL_LINE_CLASS = 'qlrte__better-table-cell-line'\nexport const ROW_TOOL_CLASS = 'qlrte__row-tool'\nexport const ROW_TOOL_CELL_CLASS = 'qlrte__row-tool-cell'\nexport const ROW_TOOL_CELL_HOLDER_CLASS = 'qlrte__row-tool-cell-holder'\nexport const COL_TOOL_CLASS = 'qlrte__col-tool'\nexport const COL_TOOL_CELL_CLASS = 'qlrte__col-tool-cell'\nexport const COL_TOOL_CELL_HOLDER_CLASS = 'qlrte__col-tool-cell-holder'\nexport const SELECT_LINE_CLASS = 'qlrte__selection-line'\nexport const OPERATE_MENU_CLASS = 'qlrte__op-menu'\nexport const OPERATE_MENU_ITEM_CLASS = 'qlrte__op-menu-item'\nexport const OPERATE_MENU_ICON_CLASS = 'qlrte__op-menu-icon'\nexport const OPERATE_MENU_ICON_PREFIX_CLASS = 'qlrte__op-menu-icon-prefix'\nexport const OPERATE_MENU_TEXT_CLASS = 'qlrte__op-menu-text'\nexport const OPERATE_MENU_DIVIDING_CLASS = 'qlrte__op-menu-dividing'\nexport const OPERATE_MENU_SUBTITLE_CLASS = 'qlrte__op-menu-subtitle'\nexport const OPERATE_MENU_COLORPICKER_CLASS = 'qlrte__op-menu-color-picker'\nexport const OPERATE_MENU_COLORPICKER_ITEM_CLASS\n = 'qlrte__op-menu-color-picker-item'\nexport const COL_ATTRIBUTES = ['width']\nexport const COL_DEFAULT = {\n width: 100,\n}\nexport const CELL_IDENTITY_KEYS = ['row', 'cell']\nexport const CELL_ATTRIBUTES = ['rowspan', 'colspan', 'cell-bg', 'list']\nexport const CELL_DEFAULT = {\n rowspan: 1,\n colspan: 1,\n}\nexport const ERROR_LIMIT = 5\n\nexport const SCROLL_BAR_PANEL_HEIGHT = 32\nexport const ROW_TOOL_WIDTH = 16\nexport const COL_TOOL_HEIGHT = 16\nexport const CELL_MIN_WIDTH = 50\nexport const CELL_MIN_HEIGHT = 29\nexport const PRIMARY_COLOR = ['#5170ff', 'var(--brand-1, #5170ff)']\n\nexport const MENU_ITEM_HEIGHT = 40\nexport const MENU_MIN_HEIGHT = 150\nexport const MENU_WIDTH = 205\n\nexport const LINE_POSITIONS = ['left', 'right', 'top', 'bottom']\n"],"names":[],"mappings":";;AAAO,MAAM,wBAAwB;AAC9B,MAAM,iBAAiB;AACvB,MAAM,sBAAsB;AAC5B,MAAM,6BAA6B;AACnC,MAAM,iBAAiB;AACvB,MAAM,sBAAsB;AAC5B,MAAM,6BAA6B;AACnC,MAAM,oBAAoB;AAC1B,MAAM,qBAAqB;AAC3B,MAAM,0BAA0B;AAChC,MAAM,0BAA0B;AAChC,MAAM,iCAAiC;AACvC,MAAM,0BAA0B;AAChC,MAAM,8BAA8B;AACpC,MAAM,8BAA8B;AACpC,MAAM,iCAAiC;AACvC,MAAM,sCACT;AACS,MAAA,iBAAiB,CAAC,OAAO;AAC/B,MAAM,cAAc;AAAA,EACzB,OAAO;AACT;AACa,MAAA,qBAAqB,CAAC,OAAO,MAAM;AACzC,MAAM,kBAAkB,CAAC,WAAW,WAAW,WAAW,MAAM;AAChE,MAAM,eAAe;AAAA,EAC1B,SAAS;AAAA,EACT,SAAS;AACX;AACO,MAAM,cAAc;AAEpB,MAAM,0BAA0B;AAChC,MAAM,iBAAiB;AACvB,MAAM,kBAAkB;AACxB,MAAM,iBAAiB;AACvB,MAAM,kBAAkB;AAClB,MAAA,gBAAgB,CAAC,WAAW,yBAAyB;AAE3D,MAAM,mBAAmB;AACzB,MAAM,kBAAkB;AACxB,MAAM,aAAa;AAEnB,MAAM,iBAAiB,CAAC,QAAQ,SAAS,OAAO,QAAQ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.cjs.js","sources":["../../../../../src/modules/table/utils/index.ts"],"sourcesContent":["export function css(domNode, rules) {\n if (typeof rules === 'object') {\n for (const prop in rules) {\n if (prop) {\n if (Array.isArray(rules[prop])) {\n // 兼容IE11浏览器\n rules[prop].forEach((val) => {\n domNode.style[prop] = val\n })\n }\n else {\n domNode.style[prop] = rules[prop]\n }\n }\n }\n }\n}\n\n/**\n * getRelativeRect\n * @param targetRect rect data for target element {Object}\n * @param container container element {Element}\n * @return an object with rect data {Object}\n */\nexport function getRelativeRect(targetRect, container) {\n const containerRect = container.getBoundingClientRect()\n\n return { // ie浏览器中getBoundingClientRect输出为left、right、top、bottom,与chrome的x、y不同\n x: (targetRect.x || targetRect.left) - (containerRect.x || containerRect.left) - container.scrollLeft,\n y: (targetRect.y || targetRect.top) - (containerRect.y || containerRect.top) - container.scrollTop,\n x1: (targetRect.x || targetRect.left) - (containerRect.x || containerRect.left) - container.scrollLeft + targetRect.width,\n y1: (targetRect.y || targetRect.top) - (containerRect.y || containerRect.top) - container.scrollTop + targetRect.height,\n width: targetRect.width,\n height: targetRect.height,\n }\n}\n\nexport const elementRemove = function (node) {\n node && node.parentNode && node.parentNode.removeChild(node)\n}\n\nexport const arrayFrom = function (arrayLike, mapFn?, thisArg?) {\n if (!arrayLike) {\n throw new TypeError(\n 'Array.from requires an array-like object - not null or undefined',\n )\n }\n\n const length = arrayLike.length\n const resArray = []\n\n for (let i = 0; i < length; i++) {\n if (typeof mapFn === 'function') {\n resArray.push(mapFn.call(thisArg, arrayLike[i]))\n }\n else {\n resArray.push(arrayLike[i])\n }\n }\n\n return resArray\n}\n"],"names":[],"mappings":";;AAAgB,SAAA,IAAI,SAAS,OAAO;AAC9B,MAAA,OAAO,UAAU,UAAU;AAC7B,eAAW,QAAQ,OAAO;AACxB,UAAI,MAAM;AACR,YAAI,MAAM,QAAQ,MAAM,IAAI,CAAC,GAAG;AAE9B,gBAAM,IAAI,EAAE,QAAQ,CAAC,QAAQ;AACnB,oBAAA,MAAM,IAAI,IAAI;AAAA,UAAA,CACvB;AAAA,QAAA,OAEE;AACH,kBAAQ,MAAM,IAAI,IAAI,MAAM,IAAI;AAAA,QAAA;AAAA,MAClC;AAAA,IACF;AAAA,EACF;AAEJ;AAQgB,SAAA,gBAAgB,YAAY,WAAW;AAC/C,QAAA,gBAAgB,UAAU,sBAAsB;AAE/C,SAAA;AAAA;AAAA,IACL,IAAI,WAAW,KAAK,WAAW,SAAS,cAAc,KAAK,cAAc,QAAQ,UAAU;AAAA,IAC3F,IAAI,WAAW,KAAK,WAAW,QAAQ,cAAc,KAAK,cAAc,OAAO,UAAU;AAAA,IACzF,KAAK,WAAW,KAAK,WAAW,SAAS,cAAc,KAAK,cAAc,QAAQ,UAAU,aAAa,WAAW;AAAA,IACpH,KAAK,WAAW,KAAK,WAAW,QAAQ,cAAc,KAAK,cAAc,OAAO,UAAU,YAAY,WAAW;AAAA,IACjH,OAAO,WAAW;AAAA,IAClB,QAAQ,WAAW;AAAA,EACrB;AACF;AAEa,MAAA,gBAAgB,SAAU,MAAM;AAC3C,UAAQ,KAAK,cAAc,KAAK,WAAW,YAAY,IAAI;AAC7D;AAEO,MAAM,YAAY,SAAU,WAAW,OAAQ,SAAU;AAC9D,MAAI,CAAC,WAAW;AACd,UAAM,IAAI;AAAA,MACR;AAAA,IACF;AAAA,EAAA;AAGF,QAAM,SAAS,UAAU;AACzB,QAAM,WAAW,CAAC;AAElB,WAAS,IAAI,GAAG,IAAI,QAAQ,KAAK;AAC3B,QAAA,OAAO,UAAU,YAAY;AAC/B,eAAS,KAAK,MAAM,KAAK,SAAS,UAAU,CAAC,CAAC,CAAC;AAAA,IAAA,OAE5C;AACM,eAAA,KAAK,UAAU,CAAC,CAAC;AAAA,IAAA;AAAA,EAC5B;AAGK,SAAA;AACT;;;;;"}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
|
|
3
3
|
const Quill = require("quill");
|
|
4
|
-
const editor_utils = require("
|
|
4
|
+
const editor_utils = require("../../../config/editor.utils.cjs.js");
|
|
5
5
|
const table = require("../formats/table.cjs.js");
|
|
6
6
|
const tableConfig = require("../table-config.cjs.js");
|
|
7
7
|
const Delta = Quill.imports.delta;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"node-matchers.cjs.js","sources":["../../../../../src/modules/table/utils/node-matchers.ts"],"sourcesContent":["import Quill from 'quill'\nimport { omit, splitWithBreak } from '../../../config/editor.utils'\nimport { cellId as tableCellId, rowId as tableRowId, TableViewWrapper } from '../formats/table'\nimport { CELL_MIN_WIDTH } from '../table-config'\n\nconst Delta = Quill.imports.delta\nconst InlineBlot = Quill.imports.parchment.InlineBlot\n\n// rebuild delta\nexport function matchTableCell(node, delta) {\n // fix: 移除旧数据中的pt高度,避免由于高度平均分导致无法插入行\n if (node.style.height.indexOf('pt')) {\n node.removeAttribute('style')\n }\n\n const row = node.parentNode\n let rowId = row.dataset.row\n if (!rowId) {\n rowId = row.dataset.row = tableRowId()\n }\n let cellId = node.dataset.cell\n // fix: dataset.cell in td will be 'undefined' when insert row/column\n if (!cellId || cellId === 'undefined') {\n cellId = tableCellId()\n }\n const colspan = node.getAttribute('colspan') || 1\n const rowspan = node.getAttribute('rowspan') || 1\n\n // fix: empty table cells copied from other place will be removed unexpectedly\n if (delta.length() === 0) {\n delta = new Delta().insert('\\n', {\n 'table-cell-line': { row: rowId, cell: cellId, rowspan, colspan },\n })\n return delta\n }\n\n delta = delta.reduce((newDelta, op) => {\n if (op.insert && typeof op.insert === 'string') {\n const lines = splitWithBreak(op.insert)\n\n lines.forEach((text) => {\n if (text === '\\n') {\n let attributes = {}\n const cellAttributes = {\n row: rowId,\n cell: cellId,\n rowspan,\n colspan,\n }\n if (op.attributes.table) {\n delete op.attributes.table\n }\n switch (true) {\n case !!op.attributes.header:\n attributes = Object.assign(op.attributes.header, cellAttributes)\n break\n case !!op.attributes.list:\n attributes = { list: Object.assign(op.attributes.list, cellAttributes) }\n break\n default:\n attributes = { 'table-cell-line': cellAttributes }\n }\n // fix: when td has background-color, quill can't set it to table-cell bolt\n if (op.attributes.background && attributes['table-cell-line']) {\n attributes['table-cell-line'].tdBgColor = op.attributes.background\n }\n newDelta.insert('\\n', Object.assign(op.attributes, attributes))\n }\n else {\n newDelta.insert(text, omit(op.attributes, ['table', 'table-cell-line', 'header', 'list']))\n }\n })\n }\n else {\n newDelta.insert(op.insert, op.attributes)\n }\n\n return newDelta\n }, new Delta())\n\n // fix: table cell height becomes larger(because insert unnecessary <div> on both sides of cell) when init table ngModel\n const regexp = /^[\\n]+$/\n const firstDelta = delta.ops[0]\n if (delta.ops.length >= 3) {\n const lastDelta = delta.ops[delta.ops.length - 1]\n if (regexp.test(firstDelta.insert) && firstDelta.attributes['table-cell-line']) {\n delta.ops.splice(0, 1)\n }\n if (regexp.test(lastDelta.insert) && lastDelta.attributes['table-cell-line']) {\n delta.ops[delta.ops.length - 1].insert = '\\n'\n }\n }\n else if (delta.ops.length === 1 && regexp.test(firstDelta.insert) && firstDelta.attributes['table-cell-line']) {\n delta.ops[0].insert = '\\n'\n }\n\n return delta\n}\n\n// replace th tag with td tag\nexport function matchTableHeader(node, delta, _scroll) {\n const row = node.parentNode\n const cells = Array.from(row.querySelectorAll('th'))\n let rowId = row.dataset.row\n if (!rowId) {\n rowId = row.dataset.row = tableRowId()\n }\n const cellId = cells.indexOf(node) + 1\n const colspan = node.getAttribute('colspan') || false\n const rowspan = node.getAttribute('rowspan') || false\n\n // fix: empty table cells copied from other place will be removed unexpectedly\n if (delta.length() === 0) {\n delta = new Delta().insert('\\n', {\n 'table-cell-line': { row: rowId, cell: cellId, rowspan, colspan },\n })\n return delta\n }\n\n delta = delta.reduce((newDelta, op) => {\n if (op.insert && typeof op.insert === 'string') {\n const lines = splitWithBreak(op.insert)\n\n // fix: no '\\n' in the end of op.insert, push a '\\n' to lines\n if (lines[lines.length - 1] !== '\\n') {\n lines.push('\\n')\n }\n\n lines.forEach((text) => {\n text === '\\n'\n ? newDelta.insert('\\n', { 'table-cell-line': { row: rowId, cell: cellId, rowspan, colspan } })\n : newDelta.insert(text, op.attributes)\n })\n }\n else {\n newDelta.insert(op.insert, op.attributes)\n }\n\n return newDelta\n }, new Delta())\n\n delta = delta.reduce((newDelta, op) => {\n if (op.insert && typeof op.insert === 'string' && op.insert.startsWith('\\n')) {\n newDelta.insert(op.insert, { 'table-cell-line': { row: rowId, cell: cellId, rowspan, colspan } })\n }\n else {\n newDelta.insert(op.insert, { ...omit(op.attributes, ['table', 'table-cell-line']) })\n }\n\n return newDelta\n }, new Delta())\n\n return delta\n}\n\n// supplement colgroup and col\nexport function matchTable(node, delta, scroll) {\n const isWordTable = node.children.length === 1\n if (!(node instanceof Element)) {\n return\n }\n const getMaxColNumber = (tds) => {\n if (isWordTable) {\n return tds.length\n }\n let colsNumber = 0\n tds.forEach((td) => {\n colsNumber += td.colSpan\n })\n return Math.max(tds.length, colsNumber)\n }\n\n const checkMinWidth = (width) => {\n if (Number.isNaN(width)) {\n // 无指定值时默认为auto,待渲染后修正\n return { 'table-col': { width: 'auto' } }\n }\n else if (width < CELL_MIN_WIDTH) {\n // 当列宽度小于默认宽度时取默认宽度\n return { 'table-col': true }\n }\n else {\n // 大于默认值取实际指定值\n return { 'table-col': { width } }\n }\n }\n\n // fix: a table with an empty tr is invalid, should not be displayed\n const rows = node.querySelectorAll('tr')\n const topRow = rows[0]\n const onlyEmptyTr = rows.length === 1 && !topRow.querySelector('td')\n\n // fix: empty table will return empty delta\n if (!topRow || onlyEmptyTr) {\n return new Delta().insert('\\n')\n }\n\n const colsNumber = node.querySelectorAll('col').length\n let maxCellsNumber = 0\n let maxCells\n // 遍历行获取最大列数和该行的所有单元格\n Array.prototype.slice.call(rows).forEach((row) => {\n const tds = row.querySelectorAll('td')\n maxCellsNumber = Math.max(getMaxColNumber(tds), maxCellsNumber)\n maxCells = tds\n })\n\n // 列的累计器\n let colCount = 0\n delta = delta.reduce((newDelta, op) => {\n // 当colCount与colsNumber相等时,则补充相差列\n if (colCount === colsNumber) {\n const fillNumber = maxCellsNumber - colCount\n const outset = colCount\n // index为差值列索引,通过遍历差值得到mexCells行中对应索引的单元格宽度\n for (let i = 0; i < fillNumber; i++) {\n const index = outset + i\n const colWidth = Number.parseInt(\n index < maxCells.length\n ? maxCells[index].width\n // maxCells[index].style && maxCells[index].style.width ? maxCells[index].style.width :\n : maxCells[maxCells.length - 1].width,\n 10,\n )\n newDelta.insert('\\n', checkMinWidth(colWidth))\n colCount++\n }\n }\n const attr = op.attributes || {}\n switch (true) {\n case !!attr['table-col']:\n // 只有当前列数小于实际总列数才操作,所以不存在大于的情况\n if (colCount < maxCellsNumber) {\n // 当table-col宽度一致时会合并为单一insert,insert长度大于1,截取符合实际总列数的长度来插入\n const insert = op.insert.slice(0, maxCellsNumber)\n const colWidth = Number.parseInt(attr['table-col'].width, 10)\n newDelta.insert(insert, checkMinWidth(colWidth))\n colCount += insert.length\n }\n break\n case !!attr.notFilled:\n { // 将标记的空tr填充对应列数的单元格\n const rowId = tableRowId()\n for (let x = 0; x < maxCellsNumber; x++) {\n newDelta.insert('\\n', { 'table-cell-line': { row: rowId, cell: tableCellId(), rowspan: 1, colspan: 1 } })\n }\n break }\n default:\n newDelta.insert(op.insert, op.attributes)\n }\n return newDelta\n }, new Delta())\n\n const tableItem = node.closest('.quill-better-table-wrapper') || node\n const prevBlot = tableItem.previousElementSibling && scroll.query(tableItem.previousElementSibling)\n const nextBlot = tableItem.nextElementSibling && scroll.query(tableItem.nextElementSibling)\n // fix: prevent two adjacent tables from sticking together\n if (!nextBlot || nextBlot.prototype instanceof InlineBlot) {\n delta = delta.insert('\\n')\n }\n // fix: When there is no line break in front of the table, pressing the Enter key will cause a problem with the table.\n if (!prevBlot || prevBlot.prototype instanceof InlineBlot) {\n const newLine = new Delta().insert('\\n')\n delta = newLine.concat(delta)\n }\n if (nextBlot === TableViewWrapper) {\n delta = delta.insert('\\n')\n }\n\n return delta\n}\n\nexport function matchTableRow(_node, delta) {\n // fix: 处理空<tr>标签被忽略的情况\n if (delta.ops.length === 1 && !delta.ops[0].attributes) {\n delta = new Delta().insert('\\n', { notFilled: true })\n }\n return delta\n}\n\n// match h tags, distinguish between headers in the table and headers outside the table\nexport function matchHeader(node, delta) {\n const newDelta = new Delta()\n const fontSize = node.style.fontSize\n delta.forEach((op) => {\n newDelta.insert(\n op.insert,\n Object.assign({}, op.attributes, {\n size: fontSize,\n }),\n )\n })\n return newDelta\n}\n\nexport function matchList(node, delta) {\n const value = node.tagName === 'UL' ? 'bullet' : 'ordered'\n delta.forEach((op) => {\n if (typeof op.attributes.list === 'string') {\n delete op.attributes.list\n }\n else if (typeof op.attributes.list === 'object' && !op.attributes.list.value) {\n op.attributes.list.value = value\n }\n })\n return delta\n}\n\nexport function matchInline(node, delta, scroll) {\n const quill = Quill.find(scroll.domNode.parentNode)\n const currentRange = quill.getSelection()\n const formats = currentRange && quill.getFormat(currentRange)\n if (\n formats\n && formats['table-cell-line'] // 当前光标节点在表格内,否则不操作delta\n && node.nextElementSibling\n ) {\n // 插入节点是否存在下一个兄弟元素\n const match = scroll.query(node)\n const nodeHtml = node.nextElementSibling.innerHTML\n const nodeText = node.nextElementSibling.textContent\n if (\n (match && match.prototype instanceof InlineBlot) // 判断当前节点是否为内联\n || (node.tagName === 'P' && nodeHtml !== nodeText)\n ) {\n // 非内联时如果为P且下一个不为text节点\n delta.forEach((op) => {\n op.insert += '\\n'\n })\n }\n }\n return delta\n}\n\n// 匹配 word 自带的 v:shape 标签中的图片 v:imageData\nexport function matchWordShapeImage(node, delta) {\n if (node) {\n const imageUrl = node.attributes.src?.nodeValue\n delta = new Delta().insert({ image: imageUrl })\n }\n return delta\n}\n\nexport function matchMentionLink(node, delta, scroll) {\n const name = node.dataset.mentionId\n if (name) {\n const quill = Quill.find(scroll.domNode.parentNode)\n const mention = quill.getModule('mention')\n if (mention) {\n mention.options.search(name).then((res) => {\n const [item] = res\n if (item) {\n mention.options.select(item)\n }\n })\n }\n }\n return delta\n}\n"],"names":["tableRowId","tableCellId","splitWithBreak","omit","colsNumber","CELL_MIN_WIDTH","TableViewWrapper"],"mappings":"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"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
const Quill = require("quill");
|
|
3
|
-
const editor_utils = require("
|
|
3
|
+
const editor_utils = require("../../config/editor.utils.cjs.js");
|
|
4
4
|
const SnowTheme = Quill.imports["themes/snow"];
|
|
5
5
|
let optionsCounter = 0;
|
|
6
6
|
function toggleAriaAttribute(element, attribute) {
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"better-picker.cjs.js","sources":["../../../../src/modules/toolbar/better-picker.ts"],"sourcesContent":["import Quill from 'quill'\nimport { isNullOrUndefined } from '../../config/editor.utils'\n\nconst SnowTheme = Quill.imports['themes/snow']\n\nlet optionsCounter = 0\n\nfunction toggleAriaAttribute(element, attribute) {\n element.setAttribute(\n attribute,\n element.getAttribute(attribute) !== 'true',\n )\n}\n\nclass Picker {\n container: any\n label: any\n options: any\n select: any\n constructor(select) {\n this.select = select\n this.container = document.createElement('span')\n this.buildPicker()\n this.select.style.display = 'none'\n this.select.parentNode.insertBefore(this.container, this.select)\n\n this.label.addEventListener('mousedown', (e) => {\n this.togglePicker()\n e.preventDefault()\n })\n this.label.addEventListener('keydown', (event) => {\n switch (event.key) {\n case 'Enter':\n this.togglePicker()\n break\n case 'Escape':\n this.escape()\n event.preventDefault()\n break\n default:\n }\n })\n this.select.addEventListener('change', this.update.bind(this))\n }\n\n togglePicker() {\n this.container.classList.toggle('ql-expanded')\n // Toggle aria-expanded and aria-hidden to make the picker accessible\n toggleAriaAttribute(this.label, 'aria-expanded')\n toggleAriaAttribute(this.options, 'aria-hidden')\n }\n\n buildItem(option) {\n const item = document.createElement('span')\n item.tabIndex = 0\n item.setAttribute('role', 'button')\n item.classList.add('ql-picker-item')\n if (option.hasAttribute('value')) {\n item.setAttribute('data-value', option.getAttribute('value'))\n }\n if (option.textContent) {\n item.setAttribute('data-label', option.textContent)\n }\n item.addEventListener('click', () => {\n this.selectItem(item, true)\n })\n item.addEventListener('keydown', (event) => {\n switch (event.key) {\n case 'Enter':\n this.selectItem(item, true)\n event.preventDefault()\n break\n case 'Escape':\n this.escape()\n event.preventDefault()\n break\n default:\n }\n })\n\n return item\n }\n\n buildLabel() {\n const label = document.createElement('span')\n label.classList.add('ql-picker-label')\n label.innerHTML = `\n <svg viewbox=\"0 0 18 18\">\n <polygon class=\"ql-stroke\" points=\"7 11 9 13 11 11 7 11\"></polygon>\n <polygon class=\"ql-stroke\" points=\"7 7 9 5 11 7 7 7\"></polygon>\n </svg>\n `\n label.tabIndex = 0\n label.setAttribute('role', 'button')\n label.setAttribute('aria-expanded', 'false')\n this.container.appendChild(label)\n return label\n }\n\n buildOptions() {\n const options = document.createElement('span')\n options.classList.add('ql-picker-options')\n\n // Don't want screen readers to read this until options are visible\n options.setAttribute('aria-hidden', 'true')\n options.tabIndex = -1\n\n // Need a unique id for aria-controls\n options.id = `ql-picker-options-${optionsCounter}`\n optionsCounter += 1\n this.label.setAttribute('aria-controls', options.id)\n\n this.options = options\n\n Array.from(this.select.options).forEach((option: any) => {\n const item = this.buildItem(option)\n options.appendChild(item)\n if (option.selected === true) {\n this.selectItem(item)\n }\n })\n this.container.appendChild(options)\n }\n\n buildPicker() {\n Array.from(this.select.attributes).forEach((item: any) => {\n this.container.setAttribute(item.name, item.value)\n })\n this.container.classList.add('ql-picker')\n this.label = this.buildLabel()\n this.buildOptions()\n }\n\n escape() {\n // Close menu and return focus to trigger label\n this.close()\n // Need setTimeout for accessibility to ensure that the browser executes\n // focus on the next process thread and after any DOM content changes\n setTimeout(() => this.label.focus(), 1)\n }\n\n close() {\n this.container.classList.remove('ql-expanded')\n this.label.setAttribute('aria-expanded', 'false')\n this.options.setAttribute('aria-hidden', 'true')\n }\n\n selectItem(item, trigger = false) {\n const selected = this.container.querySelector('.ql-selected')\n if (item === selected) return\n if (!isNullOrUndefined(selected)) {\n selected.classList.remove('ql-selected')\n }\n if (isNullOrUndefined(item)) return\n item.classList.add('ql-selected')\n this.select.selectedIndex = Array.from(item.parentNode.children).indexOf(\n item,\n )\n if (item.hasAttribute('data-value')) {\n this.label.setAttribute('data-value', item.getAttribute('data-value'))\n }\n else {\n this.label.removeAttribute('data-value')\n }\n if (item.hasAttribute('data-label')) {\n this.label.setAttribute('data-label', item.getAttribute('data-label'))\n }\n else {\n this.label.removeAttribute('data-label')\n }\n if (trigger) {\n let ev\n if (typeof Event === 'function') {\n ev = new Event('change')\n }\n else {\n ev = document.createEvent('Event')\n ev.initEvent('change', true, true)\n }\n this.select.dispatchEvent(ev)\n this.close()\n }\n }\n\n update() {\n let option\n if (this.select.selectedIndex > -1) {\n const item = this.container.querySelector('.ql-picker-options').children[\n this.select.selectedIndex\n ]\n option = this.select.options[this.select.selectedIndex]\n this.selectItem(item)\n }\n else {\n this.selectItem(null)\n }\n const isActive\n = !isNullOrUndefined(option)\n && option !== this.select.querySelector('option[selected]')\n\n if (isActive) {\n this.label.classList.add('ql-active')\n }\n else {\n this.label.classList.remove('ql-active')\n }\n }\n}\n\nclass IconPicker extends Picker {\n defaultItem: any\n constructor(select, icons) {\n super(select)\n this.container.classList.add('ql-icon-picker')\n Array.from(this.container.querySelectorAll('.ql-picker-item')).forEach(\n (item: any) => {\n item.innerHTML = icons[item.getAttribute('data-value') || '']\n },\n )\n this.defaultItem = this.container.querySelector('.ql-selected')\n this.selectItem(this.defaultItem, null)\n }\n\n selectItem(target, trigger) {\n super.selectItem(target, trigger)\n const item = target || this.defaultItem\n if (this.label.innerHTML === item.innerHTML) return\n this.label.innerHTML = item.innerHTML\n }\n}\n\nclass ColorPicker extends Picker {\n constructor(select, label) {\n super(select)\n this.label.innerHTML = label\n this.container.classList.add('ql-color-picker')\n Array.from(this.container.querySelectorAll('.ql-picker-item'))\n .slice(0, 7)\n .forEach((item: any) => {\n item.classList.add('ql-primary')\n })\n }\n\n buildItem(option) {\n const item = super.buildItem(option)\n item.style.backgroundColor = option.getAttribute('value') || ''\n return item\n }\n\n selectItem(item, trigger) {\n super.selectItem(item, trigger)\n const colorLabel = this.label.querySelector('.ql-color-label')\n const value = item ? item.getAttribute('data-value') || '' : ''\n if (colorLabel) {\n if (colorLabel.tagName === 'line') {\n colorLabel.style.stroke = value\n }\n else {\n colorLabel.style.fill = value\n }\n }\n }\n}\n\nQuill.register('ui/picker', Picker, true)\nQuill.register('ui/icon-picker', IconPicker, true)\nQuill.register('ui/color-picker', ColorPicker, true)\n\nconst ALIGNS = [false, 'center', 'right']\n\nconst COLORS = [\n '#000000',\n '#e60000',\n '#ff9900',\n '#ffff00',\n '#008a00',\n '#0066cc',\n '#9933ff',\n '#ffffff',\n '#facccc',\n '#ffebcc',\n '#ffffcc',\n '#cce8cc',\n '#cce0f5',\n '#ebd6ff',\n '#bbbbbb',\n '#f06666',\n '#ffc266',\n '#ffff66',\n '#66b966',\n '#66a3e0',\n '#c285ff',\n '#888888',\n '#a10000',\n '#b26b00',\n '#b2b200',\n '#006100',\n '#0047b2',\n '#6b24b2',\n '#444444',\n '#5c0000',\n '#663d00',\n '#666600',\n '#003700',\n '#002966',\n '#3d1466',\n]\n\nconst FONTS = [false, 'serif', 'monospace']\n\nconst HEADERS = ['1', '2', '3', false]\n\nconst SIZES = ['small', false, 'large', 'huge']\n\nSnowTheme.prototype.buildPickers = function (selects, icons) {\n this.pickers = Array.from(selects).map((select: any) => {\n if (select.classList.contains('ql-align')) {\n if (isNullOrUndefined(select.querySelector('option'))) {\n fillSelect(select, ALIGNS)\n }\n return new IconPicker(select, icons.align)\n }\n if (\n select.classList.contains('ql-background')\n || select.classList.contains('ql-color')\n ) {\n const format = select.classList.contains('ql-background')\n ? 'background'\n : 'color'\n if (isNullOrUndefined(select.querySelector('option'))) {\n fillSelect(\n select,\n COLORS,\n )\n }\n return new ColorPicker(select, icons[format])\n }\n if (isNullOrUndefined(select.querySelector('option'))) {\n if (select.classList.contains('ql-font')) {\n fillSelect(select, FONTS)\n }\n else if (select.classList.contains('ql-header')) {\n fillSelect(select, HEADERS)\n }\n else if (select.classList.contains('ql-size')) {\n fillSelect(select, SIZES)\n }\n }\n return new Picker(select)\n })\n const update = () => {\n this.pickers.forEach((picker) => {\n picker.update()\n })\n }\n this.quill.on(Quill.events.EDITOR_CHANGE, update)\n}\n\nfunction fillSelect(select, values, defaultValue = false) {\n values.forEach((value) => {\n const option = document.createElement('option')\n if (value === defaultValue) {\n option.setAttribute('selected', 'selected')\n }\n else {\n option.setAttribute('value', value)\n }\n select.appendChild(option)\n })\n}\n"],"names":["isNullOrUndefined"],"mappings":"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"}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
|
|
3
3
|
const Quill = require("quill");
|
|
4
|
-
const editor_utils = require("
|
|
4
|
+
const editor_utils = require("../../config/editor.utils.cjs.js");
|
|
5
5
|
require("./better-picker.cjs.js");
|
|
6
6
|
const toolbarTip = require("./toolbar-tip.cjs.js");
|
|
7
7
|
const Delta = Quill.import("delta");
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.cjs.js","sources":["../../../../src/modules/toolbar/index.ts"],"sourcesContent":["import type TypeToolbar from 'quill/modules/toolbar'\nimport Quill from 'quill'\nimport { isNullOrUndefined } from '../../config/editor.utils'\nimport './better-picker'\n\nconst Delta = Quill.import('delta')\nconst Parchment = Quill.import('parchment')\nconst levels = ['error', 'warn', 'log', 'info'] as const\nlet level = 'warn' as const\n\nfunction debuglogger(method: typeof levels[number], ...args) {\n if (levels.indexOf(method) <= levels.indexOf(level)) {\n console[method](...args) // eslint-disable-line no-console\n }\n}\n\nfunction namespace(ns) {\n return levels.reduce((logger, method) => {\n logger[method] = debuglogger.bind(console, method, ns)\n return logger\n }, {} as Record<typeof levels[number], (...args: any) => void>)\n}\n\nnamespace.level = (newLevel) => {\n level = newLevel\n}\ndebuglogger.level = namespace.level\nconst debug = namespace('quill:toolbar')\n\nconst Toolbar = Quill.import('modules/toolbar') as typeof TypeToolbar\n// let oldClean = Toolbar.DEFAULTS.handlers.clean\n\nclass BetterToolbar extends Toolbar {\n update(range) {\n const formats = isNullOrUndefined(range) ? {} : this.quill.getFormat(range) as Record<string, any>\n this.controls.forEach((pair) => {\n const [format, input] = pair\n if (input.tagName === 'SELECT') {\n const select = input as HTMLSelectElement\n let option\n if (isNullOrUndefined(range)) {\n option = null\n }\n else if (isNullOrUndefined(formats[format])) {\n option = select.querySelector('option[selected]')\n }\n else if (!Array.isArray(formats[format])) {\n let value = format === 'header' ? formats[format].value : formats[format]\n if (typeof value === 'string') {\n value = value.replace(/\"/g, '\\\\\"')\n }\n option = select.querySelector(`option[value=\"${value}\"]`)\n }\n if (isNullOrUndefined(option)) {\n select.value = '' // TODO make configurable?\n select.selectedIndex = -1\n }\n else {\n option.selected = true\n }\n }\n else if (isNullOrUndefined(range)) {\n input.classList.remove('ql-active')\n }\n else if (input.hasAttribute('value')) {\n // both being null should match (default values)\n // '1' should match with 1 (headers)\n let isActive\n = formats[format] === input.getAttribute('value')\n || (!isNullOrUndefined(formats[format])\n && (formats[format].value === input.getAttribute('value')\n || formats[format].toString() === input.getAttribute('value')))\n || (isNullOrUndefined(formats[format]) && !input.getAttribute('value'))\n\n if (!isActive) {\n const checkFormat = formats[format]\n if (checkFormat === 'checked' || checkFormat === 'unchecked') {\n isActive = input.getAttribute('value') === 'check'\n }\n }\n\n if (isActive) {\n input.classList.add('ql-active')\n }\n else {\n input.classList.remove('ql-active')\n }\n }\n else {\n if (!isNullOrUndefined(formats[format])) {\n input.classList.add('ql-active')\n }\n else {\n input.classList.remove('ql-active')\n }\n }\n })\n }\n\n attach(input: HTMLElement) {\n let format = Array.from(input.classList).find((className) => {\n return className.indexOf('ql-') === 0\n })\n if (!format) return\n format = format.slice('ql-'.length)\n\n if (input.tagName === 'BUTTON') {\n input.setAttribute('type', 'button')\n }\n\n if (this.handlers[format] == null && this.quill.scroll.query(format) == null) {\n debug.warn('ignoring attaching to nonexistent format', format, input)\n return\n }\n\n const eventName = input.tagName === 'SELECT' ? 'change' : 'click'\n input.addEventListener(eventName, (e) => {\n let value: boolean | string\n\n if (input.tagName === 'SELECT') {\n const select = input as HTMLSelectElement\n if (select.selectedIndex < 0) return\n const selected = select.options[select.selectedIndex]\n\n if (selected.hasAttribute('selected')) {\n value = false\n }\n else {\n value = selected.value || false\n }\n }\n else {\n const button = input as HTMLButtonElement\n if (button.classList.contains('ql-active')) {\n value = false\n }\n else {\n value = button.value || !button.hasAttribute('value')\n }\n e.preventDefault()\n }\n\n this.quill.focus({ preventScroll: format === 'screenshot' })\n const [range] = this.quill.selection.getRange()\n if (this.handlers[format] != null) {\n // @ts-ignore\n if (!isNullOrUndefined(window.quillIsIntable) && window.quillIsIntable === true && (format === 'blockquote' || format === 'code-block' || format === 'list' || format === 'indent' || format === 'clean')) {\n return\n }\n this.handlers[format].call(this, value)\n }\n else if (\n // @ts-ignore\n this.quill.scroll.query(format).prototype instanceof Parchment.EmbedBlot\n ) {\n value = prompt(`Enter ${format}`)\n if (!value) return\n this.quill.updateContents(\n new Delta()\n .retain(range.index)\n .delete(range.length)\n .insert({ [format]: value }),\n Quill.sources.USER,\n )\n }\n else {\n // @ts-ignore\n if (!isNullOrUndefined(window.quillIsIntable) && window.quillIsIntable === true && (format === 'blockquote' || format === 'code-block' || format === 'list' || format === 'indent' || format === 'clean')) {\n return\n }\n this.quill.format(format, value, Quill.sources.USER)\n }\n\n this.update(range)\n })\n this.controls.push([format, input])\n }\n}\n\nexport default BetterToolbar\nexport * from './toolbar-tip'\n"],"names":["isNullOrUndefined"],"mappings":"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"}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
|
|
3
|
-
require("
|
|
4
|
-
const editor_config = require("
|
|
3
|
+
require("../../config/index.cjs.js");
|
|
4
|
+
const editor_config = require("../../config/editor.config.cjs.js");
|
|
5
5
|
function generateToolbarTip(QuillToolbarTip) {
|
|
6
6
|
return class extends QuillToolbarTip {
|
|
7
7
|
constructor(quill, options) {
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"toolbar-tip.cjs.js","sources":["../../../../src/modules/toolbar/toolbar-tip.ts"],"sourcesContent":["import type { Constructor } from '../../config/types'\r\nimport type FluentEditor from '../../fluent-editor'\r\nimport { CHANGE_LANGUAGE_EVENT } from '../../config'\r\n\r\nexport function generateToolbarTip(QuillToolbarTip: Constructor) {\r\n return class extends QuillToolbarTip {\r\n constructor(public quill: FluentEditor, options: Partial<Record<string, any>>) {\r\n if (!options?.tipTextMap) {\r\n options.tipTextMap = {}\r\n }\r\n super(quill, options)\r\n\r\n this.quill.emitter.on(CHANGE_LANGUAGE_EVENT, () => {\r\n this.destroyAllTips()\r\n this.options = this.resolveOptions(options)\r\n this.createToolbarTip()\r\n })\r\n }\r\n\r\n resolveOptions(options: Partial<Record<string, any>>): Record<string, any> {\r\n const result = super.resolveOptions(options)\r\n if (!this.quill.lang) return result\r\n const btnTips = [\r\n 'bold',\r\n 'italic',\r\n 'strike',\r\n 'underline',\r\n 'undo',\r\n 'redo',\r\n 'clean',\r\n 'link',\r\n 'divider',\r\n 'blockquote',\r\n 'code',\r\n 'image',\r\n 'file',\r\n 'emoji',\r\n 'video',\r\n 'screenshot',\r\n 'better-table',\r\n 'code-block',\r\n 'formula',\r\n 'format-painter',\r\n 'header-list',\r\n ].reduce((map, name) => {\r\n map[name] = this.quill.getLangText(name)\r\n return map\r\n }, {} as Record<string, string>)\r\n const selectTips = [\r\n 'color',\r\n 'background',\r\n 'font',\r\n 'size',\r\n 'lineheight',\r\n ].reduce((map, name) => {\r\n map[name] = {\r\n onShow: () => {\r\n return this.quill.getLangText(name)\r\n },\r\n }\r\n return map\r\n }, {})\r\n const valueControlTips = [\r\n 'list',\r\n 'align',\r\n 'script',\r\n 'indent',\r\n 'header',\r\n 'direction',\r\n ].reduce((map, name) => {\r\n map[name] = {\r\n onShow: (target: HTMLElement, value: string) => {\r\n if (name === 'direction') {\r\n value = target.classList.contains('ql-active') ? 'rtl' : 'ltr'\r\n }\r\n if (!value) {\r\n if (name === 'align') {\r\n value = 'left'\r\n }\r\n else if (name === 'header') {\r\n value = 'normal'\r\n }\r\n }\r\n return this.quill.getLangText(`${name}-${value}`)\r\n },\r\n }\r\n return map\r\n }, {})\r\n const textMap = {\r\n ...btnTips,\r\n ...valueControlTips,\r\n ...selectTips,\r\n fullscreen: {\r\n onShow: () => {\r\n return this.quill.getLangText(this.quill.isFullscreen ? 'exit-fullscreen' : 'fullscreen')\r\n },\r\n },\r\n }\r\n return {\r\n ...result,\r\n tipTextMap: {\r\n ...textMap,\r\n ...options.tipTextMap,\r\n },\r\n }\r\n }\r\n }\r\n}\r\n"],"names":["CHANGE_LANGUAGE_EVENT"],"mappings":";;;;AAIO,SAAS,mBAAmB,iBAA8B;AAC/D,SAAO,cAAc,gBAAgB;AAAA,IACnC,YAAmB,OAAqB,SAAuC;AACzE,UAAA,EAAC,mCAAS,aAAY;AACxB,gBAAQ,aAAa,CAAC;AAAA,MAAA;AAExB,YAAM,OAAO,OAAO;AAJH,WAAA,QAAA;AAMjB,WAAK,MAAM,QAAQ,GAAGA,cAAA,uBAAuB,MAAM;AACjD,aAAK,eAAe;AACf,aAAA,UAAU,KAAK,eAAe,OAAO;AAC1C,aAAK,iBAAiB;AAAA,MAAA,CACvB;AAAA,IAAA;AAAA,IAGH,eAAe,SAA4D;AACnE,YAAA,SAAS,MAAM,eAAe,OAAO;AAC3C,UAAI,CAAC,KAAK,MAAM,KAAa,QAAA;AAC7B,YAAM,UAAU;AAAA,QACd;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,MAAA,EACA,OAAO,CAAC,KAAK,SAAS;AACtB,YAAI,IAAI,IAAI,KAAK,MAAM,YAAY,IAAI;AAChC,eAAA;AAAA,MACT,GAAG,EAA4B;AAC/B,YAAM,aAAa;AAAA,QACjB;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,MAAA,EACA,OAAO,CAAC,KAAK,SAAS;AACtB,YAAI,IAAI,IAAI;AAAA,UACV,QAAQ,MAAM;AACL,mBAAA,KAAK,MAAM,YAAY,IAAI;AAAA,UAAA;AAAA,QAEtC;AACO,eAAA;AAAA,MACT,GAAG,EAAE;AACL,YAAM,mBAAmB;AAAA,QACvB;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,MAAA,EACA,OAAO,CAAC,KAAK,SAAS;AACtB,YAAI,IAAI,IAAI;AAAA,UACV,QAAQ,CAAC,QAAqB,UAAkB;AAC9C,gBAAI,SAAS,aAAa;AACxB,sBAAQ,OAAO,UAAU,SAAS,WAAW,IAAI,QAAQ;AAAA,YAAA;AAE3D,gBAAI,CAAC,OAAO;AACV,kBAAI,SAAS,SAAS;AACZ,wBAAA;AAAA,cAAA,WAED,SAAS,UAAU;AAClB,wBAAA;AAAA,cAAA;AAAA,YACV;AAEF,mBAAO,KAAK,MAAM,YAAY,GAAG,IAAI,IAAI,KAAK,EAAE;AAAA,UAAA;AAAA,QAEpD;AACO,eAAA;AAAA,MACT,GAAG,EAAE;AACL,YAAM,UAAU;AAAA,QACd,GAAG;AAAA,QACH,GAAG;AAAA,QACH,GAAG;AAAA,QACH,YAAY;AAAA,UACV,QAAQ,MAAM;AACZ,mBAAO,KAAK,MAAM,YAAY,KAAK,MAAM,eAAe,oBAAoB,YAAY;AAAA,UAAA;AAAA,QAC1F;AAAA,MAEJ;AACO,aAAA;AAAA,QACL,GAAG;AAAA,QACH,YAAY;AAAA,UACV,GAAG;AAAA,UACH,GAAG,QAAQ;AAAA,QAAA;AAAA,MAEf;AAAA,IAAA;AAAA,EAEJ;AACF;;"}
|
|
@@ -0,0 +1,119 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
|
|
3
|
+
const index = require("../config/index.cjs.js");
|
|
4
|
+
const fluentEditor = require("../core/fluent-editor.cjs.js");
|
|
5
|
+
const CustomImageSpec = require("../modules/custom-image/specs/CustomImageSpec.cjs.js");
|
|
6
|
+
const betterTable = require("../modules/table/better-table.cjs.js");
|
|
7
|
+
const formatPainter = require("../tools/format-painter.cjs.js");
|
|
8
|
+
const fullscreen = require("../tools/fullscreen.cjs.js");
|
|
9
|
+
const screenshot = require("../tools/screenshot.cjs.js");
|
|
10
|
+
const SnowTheme = fluentEditor.default.imports["themes/snow"];
|
|
11
|
+
SnowTheme.DEFAULTS = {
|
|
12
|
+
modules: {
|
|
13
|
+
"i18n": true,
|
|
14
|
+
"keyboard": {
|
|
15
|
+
bindings: {
|
|
16
|
+
...betterTable.default.keyboardBindings
|
|
17
|
+
}
|
|
18
|
+
},
|
|
19
|
+
"toolbar": {
|
|
20
|
+
handlers: {
|
|
21
|
+
...SnowTheme.DEFAULTS.modules.toolbar.handlers,
|
|
22
|
+
"formula": function() {
|
|
23
|
+
if (!this.quill.isEnabled()) return;
|
|
24
|
+
const mathlive = this.quill.getModule("mathlive");
|
|
25
|
+
if (!mathlive) {
|
|
26
|
+
this.quill.theme.tooltip.edit("formula");
|
|
27
|
+
} else {
|
|
28
|
+
mathlive.createDialog();
|
|
29
|
+
}
|
|
30
|
+
},
|
|
31
|
+
"undo": function() {
|
|
32
|
+
this.quill.history.undo();
|
|
33
|
+
},
|
|
34
|
+
"redo": function() {
|
|
35
|
+
this.quill.history.redo();
|
|
36
|
+
},
|
|
37
|
+
"better-table": function() {
|
|
38
|
+
this.quill.getModule("better-table").insertTable(3, 3);
|
|
39
|
+
},
|
|
40
|
+
"file": function() {
|
|
41
|
+
var _a, _b;
|
|
42
|
+
const accept = (_b = (_a = this.quill.options) == null ? void 0 : _a.uploadOption) == null ? void 0 : _b.fileAccept;
|
|
43
|
+
index.inputFile.call(this, "file", accept);
|
|
44
|
+
},
|
|
45
|
+
"image": function() {
|
|
46
|
+
var _a, _b;
|
|
47
|
+
const accept = (_b = (_a = this.quill.options) == null ? void 0 : _a.uploadOption) == null ? void 0 : _b.imageAccept;
|
|
48
|
+
index.inputFile.call(this, "image", accept);
|
|
49
|
+
},
|
|
50
|
+
"emoji": function() {
|
|
51
|
+
},
|
|
52
|
+
"fullscreen": fullscreen.fullscreenHandler,
|
|
53
|
+
"list": function(value) {
|
|
54
|
+
var _a, _b;
|
|
55
|
+
const range = this.quill.getSelection();
|
|
56
|
+
const formats = this.quill.getFormat(range);
|
|
57
|
+
const preListValue = Array.isArray(formats.list) ? (_a = formats.list[0]) == null ? void 0 : _a.value : (_b = formats.list) == null ? void 0 : _b.value;
|
|
58
|
+
const curListValue = index.getListValue(value, preListValue);
|
|
59
|
+
const lines = this.quill.getLines(range.index, range.length);
|
|
60
|
+
const tableCols = lines.filter((line) => line.statics.blotName === "table-col" && !line.prev);
|
|
61
|
+
if (tableCols.length) {
|
|
62
|
+
let start = range.index;
|
|
63
|
+
tableCols.forEach((item, index2) => {
|
|
64
|
+
const table = item.domNode.closest("table.quill-better-table");
|
|
65
|
+
const tableBlot = fluentEditor.default.find(table);
|
|
66
|
+
const tableLength = tableBlot.length();
|
|
67
|
+
const tableStart = this.quill.getIndex(item);
|
|
68
|
+
const tableEnd = tableStart + tableLength;
|
|
69
|
+
const beforeTableRangeLength = tableStart - start;
|
|
70
|
+
this.quill.setSelection(start, beforeTableRangeLength, fluentEditor.default.sources.SILENT);
|
|
71
|
+
this.quill.format("list", curListValue, fluentEditor.default.sources.USER);
|
|
72
|
+
table.parentNode.classList.remove("quill-better-table-selected");
|
|
73
|
+
start = tableEnd;
|
|
74
|
+
if (index2 === tableCols.length - 1) {
|
|
75
|
+
this.quill.setSelection(tableEnd, range.index + range.length - tableEnd);
|
|
76
|
+
this.quill.format("list", curListValue, fluentEditor.default.sources.USER);
|
|
77
|
+
}
|
|
78
|
+
});
|
|
79
|
+
} else {
|
|
80
|
+
this.quill.format("list", curListValue, fluentEditor.default.sources.USER);
|
|
81
|
+
}
|
|
82
|
+
},
|
|
83
|
+
[formatPainter.FormatPainter.toolName]: formatPainter.FormatPainter,
|
|
84
|
+
[screenshot.Screenshot.toolName]: screenshot.Screenshot,
|
|
85
|
+
"lineheight": function(value) {
|
|
86
|
+
this.quill.format("line-height", value);
|
|
87
|
+
},
|
|
88
|
+
"divider": function() {
|
|
89
|
+
const range = this.quill.getSelection(true);
|
|
90
|
+
this.quill.insertText(range.index, "\n", fluentEditor.default.sources.USER);
|
|
91
|
+
this.quill.insertEmbed(range.index + 1, "divider", true, fluentEditor.default.sources.USER);
|
|
92
|
+
this.quill.setSelection(range.index + 2, fluentEditor.default.sources.SILENT);
|
|
93
|
+
}
|
|
94
|
+
}
|
|
95
|
+
},
|
|
96
|
+
"better-table": {
|
|
97
|
+
operationMenu: {
|
|
98
|
+
color: true
|
|
99
|
+
}
|
|
100
|
+
},
|
|
101
|
+
"image": {
|
|
102
|
+
specs: [CustomImageSpec.CustomImageSpec],
|
|
103
|
+
overlay: {
|
|
104
|
+
style: {
|
|
105
|
+
border: "1px dashed rgb(68, 68, 68)"
|
|
106
|
+
}
|
|
107
|
+
},
|
|
108
|
+
align: {
|
|
109
|
+
icons: {
|
|
110
|
+
left: '<i class="icon-text-align-left"></i>',
|
|
111
|
+
center: '<i class="icon-text-align-center"></i>',
|
|
112
|
+
right: '<i class="icon-text-align-right"></i>'
|
|
113
|
+
}
|
|
114
|
+
}
|
|
115
|
+
}
|
|
116
|
+
}
|
|
117
|
+
};
|
|
118
|
+
exports.default = SnowTheme;
|
|
119
|
+
//# sourceMappingURL=snow.cjs.js.map
|