suneditor 3.0.0-beta.9 → 3.0.0-rc.2

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.
Files changed (380) hide show
  1. package/README.md +65 -57
  2. package/dist/suneditor-contents.min.css +1 -0
  3. package/dist/suneditor.min.css +1 -1
  4. package/dist/suneditor.min.js +1 -1
  5. package/package.json +110 -61
  6. package/src/assets/design/color.css +36 -17
  7. package/src/assets/design/size.css +2 -0
  8. package/src/assets/icons/defaultIcons.js +17 -2
  9. package/src/assets/suneditor-contents.css +51 -16
  10. package/src/assets/suneditor.css +116 -43
  11. package/src/core/config/contextProvider.js +288 -0
  12. package/src/core/config/eventManager.js +188 -0
  13. package/src/core/config/instanceCheck.js +59 -0
  14. package/src/core/config/optionProvider.js +452 -0
  15. package/src/core/editor.js +166 -1637
  16. package/src/core/event/actions/index.js +229 -0
  17. package/src/core/event/effects/common.registry.js +74 -0
  18. package/src/core/event/effects/keydown.registry.js +573 -0
  19. package/src/core/event/effects/ruleHelpers.js +148 -0
  20. package/src/core/event/eventOrchestrator.js +944 -0
  21. package/src/core/event/executor.js +27 -0
  22. package/src/core/{base/eventHandlers → event/handlers}/handler_toolbar.js +27 -28
  23. package/src/core/{base/eventHandlers → event/handlers}/handler_ww_clipboard.js +10 -8
  24. package/src/core/{base/eventHandlers → event/handlers}/handler_ww_dragDrop.js +22 -23
  25. package/src/core/event/handlers/handler_ww_input.js +75 -0
  26. package/src/core/event/handlers/handler_ww_key.js +228 -0
  27. package/src/core/event/handlers/handler_ww_mouse.js +166 -0
  28. package/src/core/event/ports.js +211 -0
  29. package/src/core/event/reducers/keydown.reducer.js +97 -0
  30. package/src/core/event/rules/keydown.rule.arrow.js +63 -0
  31. package/src/core/event/rules/keydown.rule.backspace.js +208 -0
  32. package/src/core/event/rules/keydown.rule.delete.js +132 -0
  33. package/src/core/event/rules/keydown.rule.enter.js +150 -0
  34. package/src/core/event/rules/keydown.rule.tab.js +35 -0
  35. package/src/core/event/support/defaultLineManager.js +136 -0
  36. package/src/core/event/support/selectionState.js +204 -0
  37. package/src/core/kernel/coreKernel.js +320 -0
  38. package/src/core/kernel/kernelInjector.js +19 -0
  39. package/src/core/kernel/store.js +173 -0
  40. package/src/core/{class → logic/dom}/char.js +42 -45
  41. package/src/core/logic/dom/format.js +1075 -0
  42. package/src/core/{class → logic/dom}/html.js +743 -624
  43. package/src/core/logic/dom/inline.js +1847 -0
  44. package/src/core/logic/dom/listFormat.js +601 -0
  45. package/src/core/{class → logic/dom}/nodeTransform.js +92 -72
  46. package/src/core/{class → logic/dom}/offset.js +254 -317
  47. package/src/core/logic/dom/selection.js +754 -0
  48. package/src/core/logic/panel/menu.js +389 -0
  49. package/src/core/logic/panel/toolbar.js +449 -0
  50. package/src/core/logic/panel/viewer.js +761 -0
  51. package/src/core/logic/shell/_commandExecutor.js +380 -0
  52. package/src/core/logic/shell/commandDispatcher.js +241 -0
  53. package/src/core/logic/shell/component.js +970 -0
  54. package/src/core/logic/shell/focusManager.js +110 -0
  55. package/src/core/{base → logic/shell}/history.js +110 -60
  56. package/src/core/logic/shell/pluginManager.js +363 -0
  57. package/src/core/logic/shell/shortcuts.js +130 -0
  58. package/src/core/logic/shell/ui.js +904 -0
  59. package/src/core/schema/context.js +66 -0
  60. package/src/core/schema/frameContext.js +160 -0
  61. package/src/core/schema/options.js +628 -0
  62. package/src/core/section/constructor.js +194 -500
  63. package/src/core/section/documentType.js +297 -222
  64. package/src/events.js +808 -543
  65. package/src/helper/clipboard.js +27 -16
  66. package/src/helper/converter.js +100 -78
  67. package/src/helper/dom/domCheck.js +56 -30
  68. package/src/helper/dom/domQuery.js +159 -89
  69. package/src/helper/dom/domUtils.js +114 -49
  70. package/src/helper/dom/index.js +5 -1
  71. package/src/helper/env.js +26 -26
  72. package/src/helper/index.js +1 -1
  73. package/src/helper/keyCodeMap.js +25 -28
  74. package/src/helper/numbers.js +4 -8
  75. package/src/helper/unicode.js +4 -8
  76. package/src/hooks/base.js +307 -0
  77. package/src/hooks/params.js +130 -0
  78. package/src/interfaces/contracts.js +227 -0
  79. package/src/interfaces/index.js +7 -0
  80. package/src/interfaces/plugins.js +239 -0
  81. package/src/langs/ckb.js +4 -4
  82. package/src/langs/cs.js +4 -4
  83. package/src/langs/da.js +4 -4
  84. package/src/langs/de.js +4 -4
  85. package/src/langs/en.js +4 -4
  86. package/src/langs/es.js +4 -4
  87. package/src/langs/fa.js +4 -4
  88. package/src/langs/fr.js +4 -4
  89. package/src/langs/he.js +4 -4
  90. package/src/langs/hu.js +4 -4
  91. package/src/langs/it.js +4 -4
  92. package/src/langs/ja.js +4 -4
  93. package/src/langs/km.js +4 -4
  94. package/src/langs/ko.js +4 -4
  95. package/src/langs/lv.js +4 -4
  96. package/src/langs/nl.js +4 -4
  97. package/src/langs/pl.js +4 -4
  98. package/src/langs/pt_br.js +13 -13
  99. package/src/langs/ro.js +4 -4
  100. package/src/langs/ru.js +4 -4
  101. package/src/langs/se.js +4 -4
  102. package/src/langs/tr.js +4 -4
  103. package/src/langs/uk.js +4 -4
  104. package/src/langs/ur.js +4 -4
  105. package/src/langs/zh_cn.js +4 -4
  106. package/src/modules/{Browser.js → contract/Browser.js} +119 -128
  107. package/src/modules/{ColorPicker.js → contract/ColorPicker.js} +132 -142
  108. package/src/modules/contract/Controller.js +589 -0
  109. package/src/modules/{Figure.js → contract/Figure.js} +591 -411
  110. package/src/modules/{HueSlider.js → contract/HueSlider.js} +125 -86
  111. package/src/modules/contract/Modal.js +357 -0
  112. package/src/modules/contract/index.js +9 -0
  113. package/src/modules/manager/ApiManager.js +197 -0
  114. package/src/modules/{FileManager.js → manager/FileManager.js} +128 -160
  115. package/src/modules/manager/index.js +5 -0
  116. package/src/modules/{ModalAnchorEditor.js → ui/ModalAnchorEditor.js} +108 -138
  117. package/src/modules/{SelectMenu.js → ui/SelectMenu.js} +119 -120
  118. package/src/modules/{_DragHandle.js → ui/_DragHandle.js} +1 -1
  119. package/src/modules/ui/index.js +6 -0
  120. package/src/plugins/browser/audioGallery.js +23 -26
  121. package/src/plugins/browser/fileBrowser.js +25 -28
  122. package/src/plugins/browser/fileGallery.js +20 -23
  123. package/src/plugins/browser/imageGallery.js +24 -23
  124. package/src/plugins/browser/videoGallery.js +27 -29
  125. package/src/plugins/command/blockquote.js +11 -17
  126. package/src/plugins/command/exportPDF.js +26 -26
  127. package/src/plugins/command/fileUpload.js +138 -133
  128. package/src/plugins/command/list_bulleted.js +48 -44
  129. package/src/plugins/command/list_numbered.js +48 -44
  130. package/src/plugins/dropdown/align.js +64 -50
  131. package/src/plugins/dropdown/backgroundColor.js +34 -35
  132. package/src/plugins/dropdown/{formatBlock.js → blockStyle.js} +43 -37
  133. package/src/plugins/dropdown/font.js +50 -36
  134. package/src/plugins/dropdown/fontColor.js +34 -35
  135. package/src/plugins/dropdown/hr.js +55 -50
  136. package/src/plugins/dropdown/layout.js +20 -15
  137. package/src/plugins/dropdown/lineHeight.js +46 -30
  138. package/src/plugins/dropdown/list.js +32 -33
  139. package/src/plugins/dropdown/paragraphStyle.js +40 -34
  140. package/src/plugins/dropdown/table/index.js +915 -0
  141. package/src/plugins/dropdown/table/render/table.html.js +308 -0
  142. package/src/plugins/dropdown/table/render/table.menu.js +121 -0
  143. package/src/plugins/dropdown/table/services/table.cell.js +465 -0
  144. package/src/plugins/dropdown/table/services/table.clipboard.js +414 -0
  145. package/src/plugins/dropdown/table/services/table.grid.js +504 -0
  146. package/src/plugins/dropdown/table/services/table.resize.js +463 -0
  147. package/src/plugins/dropdown/table/services/table.selection.js +466 -0
  148. package/src/plugins/dropdown/table/services/table.style.js +844 -0
  149. package/src/plugins/dropdown/table/shared/table.constants.js +109 -0
  150. package/src/plugins/dropdown/table/shared/table.utils.js +219 -0
  151. package/src/plugins/dropdown/template.js +20 -15
  152. package/src/plugins/dropdown/textStyle.js +28 -22
  153. package/src/plugins/field/mention.js +54 -49
  154. package/src/plugins/index.js +5 -5
  155. package/src/plugins/input/fontSize.js +100 -97
  156. package/src/plugins/input/pageNavigator.js +13 -10
  157. package/src/plugins/modal/audio.js +208 -219
  158. package/src/plugins/modal/drawing.js +99 -104
  159. package/src/plugins/modal/embed.js +323 -312
  160. package/src/plugins/modal/image/index.js +942 -0
  161. package/src/plugins/modal/image/render/image.html.js +150 -0
  162. package/src/plugins/modal/image/services/image.size.js +198 -0
  163. package/src/plugins/modal/image/services/image.upload.js +216 -0
  164. package/src/plugins/modal/image/shared/image.constants.js +20 -0
  165. package/src/plugins/modal/link.js +74 -54
  166. package/src/plugins/modal/math.js +126 -119
  167. package/src/plugins/modal/video/index.js +858 -0
  168. package/src/plugins/modal/video/render/video.html.js +131 -0
  169. package/src/plugins/modal/video/services/video.size.js +281 -0
  170. package/src/plugins/modal/video/services/video.upload.js +92 -0
  171. package/src/plugins/popup/anchor.js +57 -49
  172. package/src/suneditor.js +73 -61
  173. package/src/themes/cobalt.css +155 -0
  174. package/src/themes/dark.css +143 -120
  175. package/src/typedef.js +214 -63
  176. package/types/assets/icons/defaultIcons.d.ts +8 -0
  177. package/types/assets/suneditor-contents.css.d.ts +1 -0
  178. package/types/assets/suneditor.css.d.ts +1 -0
  179. package/types/core/config/contextProvider.d.ts +148 -0
  180. package/types/core/config/eventManager.d.ts +68 -0
  181. package/types/core/config/instanceCheck.d.ts +33 -0
  182. package/types/core/config/optionProvider.d.ts +147 -0
  183. package/types/core/editor.d.ts +27 -586
  184. package/types/core/event/actions/index.d.ts +50 -0
  185. package/types/core/event/effects/common.registry.d.ts +56 -0
  186. package/types/core/event/effects/keydown.registry.d.ts +80 -0
  187. package/types/core/event/effects/ruleHelpers.d.ts +36 -0
  188. package/types/core/event/eventOrchestrator.d.ts +191 -0
  189. package/types/core/event/executor.d.ts +13 -0
  190. package/types/core/event/handlers/handler_toolbar.d.ts +38 -0
  191. package/types/core/event/handlers/handler_ww_clipboard.d.ts +36 -0
  192. package/types/core/event/handlers/handler_ww_dragDrop.d.ts +26 -0
  193. package/types/core/event/handlers/handler_ww_input.d.ts +38 -0
  194. package/types/core/event/handlers/handler_ww_key.d.ts +40 -0
  195. package/types/core/event/handlers/handler_ww_mouse.d.ts +47 -0
  196. package/types/core/event/ports.d.ts +256 -0
  197. package/types/core/event/reducers/keydown.reducer.d.ts +84 -0
  198. package/types/core/event/rules/keydown.rule.arrow.d.ts +19 -0
  199. package/types/core/event/rules/keydown.rule.backspace.d.ts +18 -0
  200. package/types/core/event/rules/keydown.rule.delete.d.ts +18 -0
  201. package/types/core/event/rules/keydown.rule.enter.d.ts +18 -0
  202. package/types/core/event/rules/keydown.rule.tab.d.ts +18 -0
  203. package/types/core/event/support/defaultLineManager.d.ts +22 -0
  204. package/types/core/event/support/selectionState.d.ts +29 -0
  205. package/types/core/kernel/coreKernel.d.ts +219 -0
  206. package/types/core/kernel/kernelInjector.d.ts +16 -0
  207. package/types/core/kernel/store.d.ts +170 -0
  208. package/types/core/logic/dom/char.d.ts +46 -0
  209. package/types/core/logic/dom/format.d.ts +234 -0
  210. package/types/core/logic/dom/html.d.ts +290 -0
  211. package/types/core/logic/dom/inline.d.ts +93 -0
  212. package/types/core/logic/dom/listFormat.d.ts +101 -0
  213. package/types/core/logic/dom/nodeTransform.d.ts +110 -0
  214. package/types/core/logic/dom/offset.d.ts +335 -0
  215. package/types/core/logic/dom/selection.d.ts +165 -0
  216. package/types/core/logic/panel/menu.d.ts +93 -0
  217. package/types/core/logic/panel/toolbar.d.ts +128 -0
  218. package/types/core/logic/panel/viewer.d.ts +89 -0
  219. package/types/core/logic/shell/_commandExecutor.d.ts +18 -0
  220. package/types/core/logic/shell/commandDispatcher.d.ts +65 -0
  221. package/types/core/logic/shell/component.d.ts +182 -0
  222. package/types/core/logic/shell/focusManager.d.ts +31 -0
  223. package/types/core/{base → logic/shell}/history.d.ts +13 -12
  224. package/types/core/logic/shell/pluginManager.d.ts +115 -0
  225. package/types/core/logic/shell/shortcuts.d.ts +131 -0
  226. package/types/core/logic/shell/ui.d.ts +261 -0
  227. package/types/core/schema/context.d.ts +104 -0
  228. package/types/core/schema/frameContext.d.ts +320 -0
  229. package/types/core/schema/options.d.ts +1241 -0
  230. package/types/core/section/constructor.d.ts +117 -652
  231. package/types/core/section/documentType.d.ts +43 -61
  232. package/types/events.d.ts +796 -65
  233. package/types/helper/clipboard.d.ts +5 -4
  234. package/types/helper/converter.d.ts +55 -43
  235. package/types/helper/dom/domCheck.d.ts +27 -19
  236. package/types/helper/dom/domQuery.d.ts +76 -57
  237. package/types/helper/dom/domUtils.d.ts +62 -39
  238. package/types/helper/dom/index.d.ts +87 -1
  239. package/types/helper/env.d.ts +16 -13
  240. package/types/helper/index.d.ts +8 -2
  241. package/types/helper/keyCodeMap.d.ts +24 -23
  242. package/types/helper/numbers.d.ts +4 -6
  243. package/types/helper/unicode.d.ts +4 -3
  244. package/types/hooks/base.d.ts +239 -0
  245. package/types/hooks/params.d.ts +65 -0
  246. package/types/index.d.ts +20 -117
  247. package/types/interfaces/contracts.d.ts +183 -0
  248. package/types/interfaces/index.d.ts +3 -0
  249. package/types/interfaces/plugins.d.ts +168 -0
  250. package/types/langs/_Lang.d.ts +2 -2
  251. package/types/langs/index.d.ts +2 -2
  252. package/types/modules/contract/Browser.d.ts +262 -0
  253. package/types/modules/contract/ColorPicker.d.ts +99 -0
  254. package/types/modules/contract/Controller.d.ts +204 -0
  255. package/types/modules/contract/Figure.d.ts +529 -0
  256. package/types/modules/{HueSlider.d.ts → contract/HueSlider.d.ts} +39 -28
  257. package/types/modules/contract/Modal.d.ts +62 -0
  258. package/types/modules/contract/index.d.ts +7 -0
  259. package/types/modules/manager/ApiManager.d.ts +106 -0
  260. package/types/modules/manager/FileManager.d.ts +124 -0
  261. package/types/modules/manager/index.d.ts +3 -0
  262. package/types/modules/ui/ModalAnchorEditor.d.ts +152 -0
  263. package/types/modules/ui/SelectMenu.d.ts +107 -0
  264. package/types/modules/{_DragHandle.d.ts → ui/_DragHandle.d.ts} +1 -0
  265. package/types/modules/ui/index.d.ts +4 -0
  266. package/types/plugins/browser/audioGallery.d.ts +33 -41
  267. package/types/plugins/browser/fileBrowser.d.ts +42 -50
  268. package/types/plugins/browser/fileGallery.d.ts +33 -41
  269. package/types/plugins/browser/imageGallery.d.ts +30 -37
  270. package/types/plugins/browser/videoGallery.d.ts +33 -41
  271. package/types/plugins/command/blockquote.d.ts +4 -21
  272. package/types/plugins/command/exportPDF.d.ts +23 -33
  273. package/types/plugins/command/fileUpload.d.ts +80 -100
  274. package/types/plugins/command/list_bulleted.d.ts +9 -35
  275. package/types/plugins/command/list_numbered.d.ts +9 -35
  276. package/types/plugins/dropdown/align.d.ts +23 -46
  277. package/types/plugins/dropdown/backgroundColor.d.ts +35 -53
  278. package/types/plugins/dropdown/blockStyle.d.ts +45 -0
  279. package/types/plugins/dropdown/font.d.ts +18 -41
  280. package/types/plugins/dropdown/fontColor.d.ts +35 -53
  281. package/types/plugins/dropdown/hr.d.ts +26 -52
  282. package/types/plugins/dropdown/layout.d.ts +19 -25
  283. package/types/plugins/dropdown/lineHeight.d.ts +21 -39
  284. package/types/plugins/dropdown/list.d.ts +6 -34
  285. package/types/plugins/dropdown/paragraphStyle.d.ts +34 -45
  286. package/types/plugins/dropdown/table/index.d.ts +158 -0
  287. package/types/plugins/dropdown/table/render/table.html.d.ts +71 -0
  288. package/types/plugins/dropdown/table/render/table.menu.d.ts +59 -0
  289. package/types/plugins/dropdown/table/services/table.cell.d.ts +76 -0
  290. package/types/plugins/dropdown/table/services/table.clipboard.d.ts +26 -0
  291. package/types/plugins/dropdown/table/services/table.grid.d.ts +77 -0
  292. package/types/plugins/dropdown/table/services/table.resize.d.ts +72 -0
  293. package/types/plugins/dropdown/table/services/table.selection.d.ts +59 -0
  294. package/types/plugins/dropdown/table/services/table.style.d.ts +162 -0
  295. package/types/plugins/dropdown/table/shared/table.constants.d.ts +134 -0
  296. package/types/plugins/dropdown/table/shared/table.utils.d.ts +91 -0
  297. package/types/plugins/dropdown/template.d.ts +19 -25
  298. package/types/plugins/dropdown/textStyle.d.ts +23 -30
  299. package/types/plugins/field/mention.d.ts +66 -72
  300. package/types/plugins/index.d.ts +41 -40
  301. package/types/plugins/input/fontSize.d.ts +57 -96
  302. package/types/plugins/input/pageNavigator.d.ts +5 -8
  303. package/types/plugins/modal/audio.d.ts +60 -153
  304. package/types/plugins/modal/drawing.d.ts +16 -118
  305. package/types/plugins/modal/embed.d.ts +46 -166
  306. package/types/plugins/modal/image/index.d.ts +281 -0
  307. package/types/plugins/modal/image/render/image.html.d.ts +45 -0
  308. package/types/plugins/modal/image/services/image.size.d.ts +55 -0
  309. package/types/plugins/modal/image/services/image.upload.d.ts +24 -0
  310. package/types/plugins/modal/image/shared/image.constants.d.ts +17 -0
  311. package/types/plugins/modal/link.d.ts +46 -66
  312. package/types/plugins/modal/math.d.ts +17 -86
  313. package/types/plugins/modal/{video.d.ts → video/index.d.ts} +89 -221
  314. package/types/plugins/modal/video/render/video.html.d.ts +37 -0
  315. package/types/plugins/modal/video/services/video.size.d.ts +74 -0
  316. package/types/plugins/modal/video/services/video.upload.d.ts +19 -0
  317. package/types/plugins/popup/anchor.d.ts +8 -38
  318. package/types/suneditor.d.ts +55 -24
  319. package/types/typedef.d.ts +344 -228
  320. package/CONTRIBUTING.md +0 -186
  321. package/src/core/base/eventHandlers/handler_ww_key_input.js +0 -1200
  322. package/src/core/base/eventHandlers/handler_ww_mouse.js +0 -194
  323. package/src/core/base/eventManager.js +0 -1523
  324. package/src/core/class/component.js +0 -856
  325. package/src/core/class/format.js +0 -3433
  326. package/src/core/class/menu.js +0 -346
  327. package/src/core/class/selection.js +0 -610
  328. package/src/core/class/shortcuts.js +0 -98
  329. package/src/core/class/toolbar.js +0 -431
  330. package/src/core/class/ui.js +0 -424
  331. package/src/core/class/viewer.js +0 -750
  332. package/src/core/section/actives.js +0 -266
  333. package/src/core/section/context.js +0 -102
  334. package/src/editorInjector/_classes.js +0 -36
  335. package/src/editorInjector/_core.js +0 -87
  336. package/src/editorInjector/index.js +0 -73
  337. package/src/modules/ApiManager.js +0 -191
  338. package/src/modules/Controller.js +0 -474
  339. package/src/modules/Modal.js +0 -346
  340. package/src/modules/index.js +0 -14
  341. package/src/plugins/dropdown/table.js +0 -4034
  342. package/src/plugins/modal/image.js +0 -1376
  343. package/src/plugins/modal/video.js +0 -1226
  344. package/types/core/base/eventHandlers/handler_toolbar.d.ts +0 -41
  345. package/types/core/base/eventHandlers/handler_ww_clipboard.d.ts +0 -40
  346. package/types/core/base/eventHandlers/handler_ww_dragDrop.d.ts +0 -35
  347. package/types/core/base/eventHandlers/handler_ww_key_input.d.ts +0 -45
  348. package/types/core/base/eventHandlers/handler_ww_mouse.d.ts +0 -39
  349. package/types/core/base/eventManager.d.ts +0 -401
  350. package/types/core/class/char.d.ts +0 -61
  351. package/types/core/class/component.d.ts +0 -213
  352. package/types/core/class/format.d.ts +0 -623
  353. package/types/core/class/html.d.ts +0 -430
  354. package/types/core/class/menu.d.ts +0 -126
  355. package/types/core/class/nodeTransform.d.ts +0 -93
  356. package/types/core/class/offset.d.ts +0 -522
  357. package/types/core/class/selection.d.ts +0 -188
  358. package/types/core/class/shortcuts.d.ts +0 -142
  359. package/types/core/class/toolbar.d.ts +0 -189
  360. package/types/core/class/ui.d.ts +0 -164
  361. package/types/core/class/viewer.d.ts +0 -140
  362. package/types/core/section/actives.d.ts +0 -46
  363. package/types/core/section/context.d.ts +0 -45
  364. package/types/editorInjector/_classes.d.ts +0 -41
  365. package/types/editorInjector/_core.d.ts +0 -87
  366. package/types/editorInjector/index.d.ts +0 -69
  367. package/types/modules/ApiManager.d.ts +0 -125
  368. package/types/modules/Browser.d.ts +0 -326
  369. package/types/modules/ColorPicker.d.ts +0 -135
  370. package/types/modules/Controller.d.ts +0 -251
  371. package/types/modules/Figure.d.ts +0 -517
  372. package/types/modules/FileManager.d.ts +0 -202
  373. package/types/modules/Modal.d.ts +0 -111
  374. package/types/modules/ModalAnchorEditor.d.ts +0 -236
  375. package/types/modules/SelectMenu.d.ts +0 -194
  376. package/types/modules/index.d.ts +0 -26
  377. package/types/plugins/dropdown/formatBlock.d.ts +0 -55
  378. package/types/plugins/dropdown/table.d.ts +0 -627
  379. package/types/plugins/modal/image.d.ts +0 -451
  380. /package/{LICENSE → LICENSE.txt} +0 -0
@@ -0,0 +1,414 @@
1
+ import { dom } from '../../../../helper';
2
+ import { CloneTable, GetLogicalCellIndex, InvalidateTableCache } from '../shared/table.utils';
3
+
4
+ /**
5
+ * @description Table clipboard service for handling copy and paste operations within tables.
6
+ */
7
+ export class TableClipboardService {
8
+ #main;
9
+ #state;
10
+
11
+ /**
12
+ * @param {import('../index').default} main Table index
13
+ */
14
+ constructor(main) {
15
+ this.#main = main;
16
+ this.#state = main.state;
17
+ }
18
+
19
+ get #selectionService() {
20
+ return this.#main.selectionService;
21
+ }
22
+
23
+ get #gridService() {
24
+ return this.#main.gridService;
25
+ }
26
+
27
+ get #cellService() {
28
+ return this.#main.cellService;
29
+ }
30
+
31
+ /**
32
+ * @description Copies the selected table cells to the clipboard.
33
+ * @param {ClipboardEvent} e - Event object
34
+ * @param {HTMLElement} container - The container element
35
+ * @param {NodeListOf<HTMLTableCellElement>} selectedCells - The selected table cells
36
+ */
37
+ copySelectedTableCells(e, container, selectedCells) {
38
+ e.preventDefault();
39
+ e.stopPropagation();
40
+
41
+ const originalTable = selectedCells[0].closest('table');
42
+ const tempTable = originalTable.cloneNode(false);
43
+ const tbody = dom.utils.createElement('tbody');
44
+ tempTable.appendChild(tbody);
45
+
46
+ const cellPositions = new Map();
47
+ selectedCells.forEach((cell) => {
48
+ cellPositions.set(cell, true);
49
+ });
50
+
51
+ const rows = originalTable.rows;
52
+ const rowCount = rows.length;
53
+ const colCount = Array.from(rows[0].cells).reduce((sum, cell) => sum + (cell.colSpan || 1), 0);
54
+ const matrix = Array.from({ length: rowCount }, () => Array(colCount).fill(null));
55
+
56
+ // build matrix
57
+ for (let r = 0; r < rowCount; r++) {
58
+ const cells = rows[r].cells;
59
+ for (let c = 0, cLen = cells.length; c < cLen; c++) {
60
+ const realCol = GetLogicalCellIndex(originalTable, r, c);
61
+ const cell = cells[c];
62
+ const rowspan = cell.rowSpan || 1;
63
+ const colspan = cell.colSpan || 1;
64
+ for (let i = 0; i < rowspan; i++) {
65
+ for (let j = 0; j < colspan; j++) {
66
+ matrix[r + i][realCol + j] = cell;
67
+ }
68
+ }
69
+ }
70
+ }
71
+
72
+ // construct new table
73
+ for (let r = 0; r < rowCount; r++) {
74
+ let newRow;
75
+ for (let c = 0; c < colCount; c++) {
76
+ const cell = matrix[r][c];
77
+ if (!cell || !cellPositions.has(cell)) continue;
78
+
79
+ if (!newRow) {
80
+ newRow = dom.utils.createElement('tr');
81
+ tbody.appendChild(newRow);
82
+ }
83
+
84
+ if (newRow.lastChild && matrix[r][c - 1] === cell) continue;
85
+ if (r > 0 && matrix[r - 1][c] === cell) continue;
86
+
87
+ const clonedCell = cell.cloneNode(true);
88
+
89
+ // recalculate rowspan and colspan
90
+ let rowspan = 1;
91
+ let colspan = 1;
92
+ while (r + rowspan < rowCount && matrix[r + rowspan][c] === cell) rowspan++;
93
+ while (c + colspan < colCount && matrix[r][c + colspan] === cell) colspan++;
94
+
95
+ if (rowspan > 1) clonedCell.rowSpan = rowspan;
96
+ if (colspan > 1) clonedCell.colSpan = colspan;
97
+
98
+ newRow.appendChild(clonedCell);
99
+ }
100
+ }
101
+
102
+ const figure = dom.utils.createElement('figure');
103
+ figure.className = container.className;
104
+ figure.appendChild(tempTable);
105
+
106
+ const htmlContent = `<html><body><!--StartFragment-->${figure.outerHTML}<!--EndFragment--></body></html>`;
107
+ e.clipboardData.setData('text/html', htmlContent);
108
+ }
109
+
110
+ /**
111
+ * @description Updates the target table's cells with the data from the copied table.
112
+ * @param {HTMLTableElement} copyTable The table containing the copied data.
113
+ * @param {HTMLTableCellElement} targetTD The starting cell in the target table where data will be pasted.
114
+ * @returns {HTMLTableCellElement[]} The array of cells that were updated with pasted data.
115
+ */
116
+ pasteTableCellMatrix(copyTable, targetTD) {
117
+ if (!copyTable || !targetTD) return;
118
+
119
+ InvalidateTableCache(targetTD.closest('table'));
120
+
121
+ // --- copy info ---
122
+ const copyRows = copyTable.rows;
123
+ let rowCnt = 0;
124
+ const colIndexMap = [];
125
+ for (let row = 0; row < copyRows.length; row++) {
126
+ const cells = copyRows[row].cells;
127
+ let logicalCol = 0;
128
+
129
+ for (let i = 0; i < cells.length; i++) {
130
+ const cell = cells[i];
131
+
132
+ while (colIndexMap[row]?.[logicalCol]) {
133
+ logicalCol++;
134
+ }
135
+
136
+ const rowspan = cell.rowSpan || 1;
137
+ const colspan = cell.colSpan || 1;
138
+
139
+ if (logicalCol === 0) {
140
+ rowCnt += rowspan;
141
+ }
142
+
143
+ // rowspan map
144
+ for (let r = 0; r < rowspan; r++) {
145
+ for (let c = 0; c < colspan; c++) {
146
+ if (!colIndexMap[row + r]) colIndexMap[row + r] = [];
147
+ colIndexMap[row + r][logicalCol + c] = true;
148
+ }
149
+ }
150
+
151
+ logicalCol += colspan;
152
+ }
153
+ }
154
+
155
+ let logicalColCount = 0;
156
+ for (let i = 0, cells = copyRows[0].cells, len = cells.length; i < len; i++) {
157
+ const cell = cells[i];
158
+ logicalColCount += cell.colSpan || 1;
159
+ }
160
+
161
+ const copyInfo = {
162
+ rowCnt: rowCnt,
163
+ logicalCellCnt: logicalColCount,
164
+ };
165
+
166
+ // --- target info ---
167
+ this.#selectionService.deleteStyleSelectedCells();
168
+ const originTable = targetTD.closest('table');
169
+ const { clonedTable, clonedSelectedCells } = CloneTable(originTable, [targetTD]);
170
+
171
+ const targetTable = clonedTable;
172
+ targetTD = clonedSelectedCells[0];
173
+ let targetRows = targetTable.rows;
174
+ this.#main.setTableInfo(targetTable);
175
+ this.#main.setCellInfo(targetTD, true);
176
+
177
+ const targetInfo = {
178
+ physicalCellCnt: this.#state.physical_cellCnt,
179
+ logicalCellCnt: this.#state.logical_cellCnt,
180
+ rowCnt: this.#state.rowCnt,
181
+ rowIndex: this.#state.rowIndex,
182
+ physicalCellIndex: this.#state.physical_cellIndex,
183
+ logicalCellIndex: this.#state.logical_cellIndex,
184
+ currentColSpan: this.#state.current_colSpan,
185
+ currentRowSpan: this.#state.current_rowSpan,
186
+ };
187
+
188
+ // --- [expand] target table ---
189
+ const addRowCnt = copyInfo.rowCnt - (targetInfo.rowCnt - (targetInfo.rowIndex + 1)) - 1;
190
+ const addColCnt = copyInfo.logicalCellCnt - (targetInfo.logicalCellCnt - (targetInfo.logicalCellIndex + 1)) - 1;
191
+ targetInfo.rowCnt += addRowCnt;
192
+ targetInfo.logicalCellCnt += addColCnt;
193
+ targetInfo.physicalCellCnt += addColCnt;
194
+
195
+ if (addRowCnt > 0 || addColCnt > 0) {
196
+ const lastRow = targetRows[targetRows.length - 1];
197
+ const lastCell = lastRow.cells[lastRow.cells.length - 1];
198
+ for (let i = 0; i < addRowCnt; i++) {
199
+ this.#gridService.editRow('down', lastCell);
200
+ }
201
+ for (let i = 0; i < addColCnt; i++) {
202
+ this.#gridService.editColumn('right', lastCell);
203
+ }
204
+
205
+ this.#main.setState('trElements', (targetRows = targetTable.rows));
206
+ }
207
+
208
+ // --- [Un_merge] cells ---
209
+ const startRowIndex = targetInfo.rowIndex;
210
+ const cellIndex = targetInfo.logicalCellIndex;
211
+ const cellEndIndex = cellIndex + copyInfo.logicalCellCnt - 1;
212
+ const unmergeCells = [];
213
+ const un_mergeRowSpanMap = [];
214
+
215
+ for (let r = 0, len = startRowIndex + copyInfo.rowCnt; r < len; r++) {
216
+ const cells = targetRows[r]?.cells;
217
+ if (!cells) continue;
218
+
219
+ let logicalIndex = 0;
220
+ let cellIndexInRow = 0;
221
+
222
+ for (let c = 0; c < cells.length; c++) {
223
+ while (un_mergeRowSpanMap[r]?.[logicalIndex]) {
224
+ logicalIndex++;
225
+ }
226
+
227
+ const cell = cells[cellIndexInRow++];
228
+ if (!cell) break;
229
+
230
+ const cs = cell.colSpan || 1;
231
+ const rs = cell.rowSpan || 1;
232
+ const logicalStart = logicalIndex;
233
+ const logicalEnd = logicalIndex + cs - 1;
234
+
235
+ // rowSpan map
236
+ if (rs > 1 || cs > 1) {
237
+ for (let rsOffset = 1; rsOffset < rs; rsOffset++) {
238
+ const rowIndex = r + rsOffset;
239
+ un_mergeRowSpanMap[rowIndex] ||= [];
240
+ for (let csOffset = 0; csOffset < cs; csOffset++) {
241
+ un_mergeRowSpanMap[rowIndex][logicalIndex + csOffset] = true;
242
+ }
243
+ }
244
+ }
245
+
246
+ const isOverlap = logicalStart <= cellEndIndex && logicalEnd >= cellIndex;
247
+ if (isOverlap && (cs > 1 || rs > 1)) {
248
+ unmergeCells.push(cell);
249
+ }
250
+
251
+ logicalIndex += cs;
252
+ }
253
+ }
254
+
255
+ if (unmergeCells.length > 0) {
256
+ this.#cellService.unmergeCells(unmergeCells, true);
257
+ this.#main.setState('trElements', (targetRows = targetTable.rows));
258
+ }
259
+
260
+ // --- [merge] cells ---
261
+ const mergeGroups = [];
262
+ const copyCowSpanMap = [];
263
+ const targetRowSpanMap = [];
264
+ for (let r = 0, len = copyInfo.rowCnt; r < len; r++) {
265
+ const cells = copyRows[r]?.cells;
266
+ if (!cells) break;
267
+
268
+ let copyIndex = 0;
269
+ for (let c = 0; c < cells.length; c++) {
270
+ const cell = cells[c];
271
+ const cs = cell.colSpan || 1;
272
+ const rs = cell.rowSpan || 1;
273
+
274
+ while (copyCowSpanMap[r]?.[copyIndex]) {
275
+ copyIndex++;
276
+ }
277
+
278
+ for (let rsOffset = 1; rsOffset < rs; rsOffset++) {
279
+ const rowIndex = r + rsOffset;
280
+ copyCowSpanMap[rowIndex] ||= [];
281
+ for (let csOffset = 0; csOffset < cs; csOffset++) {
282
+ copyCowSpanMap[rowIndex][copyIndex + csOffset] = true;
283
+ }
284
+ }
285
+
286
+ if (cs <= 1 && rs <= 1) {
287
+ copyIndex += cs;
288
+ continue;
289
+ }
290
+
291
+ const cStart = copyIndex + targetInfo.logicalCellIndex;
292
+ const cEnd = cStart + cs - 1;
293
+ const mergeCells = [];
294
+
295
+ for (let targetR = targetInfo.rowIndex + r, tRowCnt = targetR + rs, rowOffset = 0; targetR < tRowCnt; targetR++, rowOffset++) {
296
+ const targetRow = targetRows[targetR];
297
+ const targetCells = targetRow.cells;
298
+
299
+ let logicalIndex = 0;
300
+ let targetIndex = 0;
301
+
302
+ while (targetIndex < targetCells.length && logicalIndex <= cEnd) {
303
+ while (targetRowSpanMap[targetR]?.[logicalIndex]) {
304
+ logicalIndex++;
305
+ }
306
+
307
+ const tCell = targetCells[targetIndex++];
308
+ const tcs = tCell.colSpan || 1;
309
+ const trs = tCell.rowSpan || 1;
310
+ const logicalStart = logicalIndex;
311
+ const logicalEnd = logicalIndex + tcs - 1;
312
+
313
+ // rowSpan map
314
+ if (trs > 1) {
315
+ for (let rsOffset = 1; rsOffset < trs; rsOffset++) {
316
+ const rIndex = targetR + rsOffset;
317
+ targetRowSpanMap[rIndex] ||= [];
318
+ for (let i = 0; i < tcs; i++) {
319
+ targetRowSpanMap[rIndex][logicalIndex + i] = true;
320
+ }
321
+ }
322
+ }
323
+
324
+ if (logicalEnd >= cStart && logicalStart <= cEnd) {
325
+ mergeCells.push(tCell);
326
+ }
327
+
328
+ logicalIndex += tcs;
329
+ }
330
+ }
331
+
332
+ if (mergeCells.length > 0) {
333
+ mergeGroups.push(mergeCells);
334
+ }
335
+
336
+ copyIndex += cs;
337
+ }
338
+ }
339
+
340
+ if (mergeGroups.length > 0) {
341
+ for (const mc of mergeGroups) {
342
+ this.#main.setState('ref', null);
343
+ this.#main.setState('trElements', targetTable.rows);
344
+ this.#cellService.mergeCells(mc, true);
345
+ }
346
+ this.#main.setState('trElements', (targetRows = targetTable.rows));
347
+ }
348
+
349
+ // --- [result] paste cell data ---
350
+ const selectedCells = [];
351
+ const rowSpanMap = [];
352
+ for (let r = 0; r < copyInfo.rowCnt; r++) {
353
+ const tr = targetRows[targetInfo.rowIndex + r];
354
+ const cr = copyRows[r];
355
+ if (!tr || !cr) break;
356
+
357
+ const tCells = tr.cells;
358
+ const cCells = cr.cells;
359
+
360
+ let tLogicalIndex = 0;
361
+ let tIndex = 0;
362
+ let cIndex = 0;
363
+
364
+ while (tIndex < tCells.length && cIndex < cCells.length && tLogicalIndex <= cellEndIndex) {
365
+ while (rowSpanMap[r]?.[tLogicalIndex]) {
366
+ tLogicalIndex++;
367
+ }
368
+
369
+ const tCell = tCells[tIndex++];
370
+ const cCell = cCells[cIndex];
371
+ if (!tCell || !cCell) break;
372
+
373
+ const tcs = tCell.colSpan || 1;
374
+ const trs = tCell.rowSpan || 1;
375
+
376
+ // rowSpan map
377
+ if (trs > 1) {
378
+ for (let rs = 1; rs < trs; rs++) {
379
+ const rr = r + rs;
380
+ rowSpanMap[rr] ||= [];
381
+ for (let cs = 0; cs < tcs; cs++) {
382
+ rowSpanMap[rr][tLogicalIndex + cs] = true;
383
+ }
384
+ }
385
+ }
386
+
387
+ if (tLogicalIndex >= cellIndex && tLogicalIndex + tcs - 1 <= cellEndIndex) {
388
+ tCell.innerHTML = cCell.innerHTML;
389
+ selectedCells.push(tCell);
390
+ cIndex++;
391
+ }
392
+
393
+ tLogicalIndex += tcs;
394
+ }
395
+ }
396
+
397
+ // replace table
398
+ originTable.replaceWith(targetTable);
399
+ this.#main._closeTableSelectInfo();
400
+ this.#main.setTableInfo(targetTable);
401
+
402
+ // update button state
403
+ this.#cellService.setMergeSplitButton();
404
+ this.#cellService.setUnMergeButton();
405
+ this.#selectionService.focusCellEdge(selectedCells[0]);
406
+
407
+ // history push
408
+ this.#main.historyPush();
409
+
410
+ return selectedCells;
411
+ }
412
+ }
413
+
414
+ export default TableClipboardService;