@opentiny/fluent-editor 3.25.4 → 4.0.0-alpha.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.
Files changed (247) hide show
  1. package/es/attributors/font-style.es.js +1 -1
  2. package/es/attributors/font-style.es.js.map +1 -1
  3. package/es/attributors/line-height.es.js +1 -1
  4. package/es/attributors/line-height.es.js.map +1 -1
  5. package/es/config/editor.config.es.js +0 -7
  6. package/es/config/editor.config.es.js.map +1 -1
  7. package/es/config/editor.utils.es.js +0 -9
  8. package/es/config/editor.utils.es.js.map +1 -1
  9. package/es/config/i18n/en-us.es.js +33 -17
  10. package/es/config/i18n/en-us.es.js.map +1 -1
  11. package/es/config/i18n/zh-cn.es.js +33 -17
  12. package/es/config/i18n/zh-cn.es.js.map +1 -1
  13. package/es/config/index.es.js +7 -13
  14. package/es/config/index.es.js.map +1 -1
  15. package/es/core/fluent-editor.es.js +6 -4
  16. package/es/core/fluent-editor.es.js.map +1 -1
  17. package/es/fluent-editor.es.js +24 -12
  18. package/es/fluent-editor.es.js.map +1 -1
  19. package/es/formats/video.es.js +2 -2
  20. package/es/formats/video.es.js.map +1 -1
  21. package/es/index.es.js +8 -4
  22. package/es/index.es.js.map +1 -1
  23. package/es/modules/custom-clipboard.es.js +3 -61
  24. package/es/modules/custom-clipboard.es.js.map +1 -1
  25. package/es/modules/custom-image/BlotFormatter.es.js +1 -2
  26. package/es/modules/custom-image/BlotFormatter.es.js.map +1 -1
  27. package/es/modules/custom-image/image.es.js +4 -16
  28. package/es/modules/custom-image/image.es.js.map +1 -1
  29. package/es/modules/custom-uploader.es.js +60 -193
  30. package/es/modules/custom-uploader.es.js.map +1 -1
  31. package/es/modules/file/formats/file.es.js +12 -14
  32. package/es/modules/file/formats/file.es.js.map +1 -1
  33. package/es/modules/file/index.es.js +6 -7
  34. package/es/modules/file/index.es.js.map +1 -1
  35. package/es/modules/i18n.es.js +32 -12
  36. package/es/modules/i18n.es.js.map +1 -1
  37. package/es/modules/link/index.es.js +0 -17
  38. package/es/modules/link/index.es.js.map +1 -1
  39. package/es/modules/link/modules/tooltip.es.js +3 -2
  40. package/es/modules/link/modules/tooltip.es.js.map +1 -1
  41. package/es/modules/shortcut-key/index.es.js +229 -0
  42. package/es/modules/shortcut-key/index.es.js.map +1 -0
  43. package/es/modules/table-up/index.es.js +64 -0
  44. package/es/modules/table-up/index.es.js.map +1 -0
  45. package/es/modules/toolbar/better-picker.es.js +21 -269
  46. package/es/modules/toolbar/better-picker.es.js.map +1 -1
  47. package/es/modules/toolbar/index.es.js +0 -1
  48. package/es/modules/toolbar/index.es.js.map +1 -1
  49. package/es/modules/toolbar/toolbar-tip.es.js +44 -9
  50. package/es/modules/toolbar/toolbar-tip.es.js.map +1 -1
  51. package/es/themes/snow.es.js +198 -50
  52. package/es/themes/snow.es.js.map +1 -1
  53. package/es/ui/icons.config.es.js +6 -5
  54. package/es/ui/icons.config.es.js.map +1 -1
  55. package/es/ui/icons.es.js +3 -12
  56. package/es/ui/icons.es.js.map +1 -1
  57. package/es/utils/is.es.js +4 -0
  58. package/es/utils/is.es.js.map +1 -1
  59. package/lib/attributors/font-style.cjs.js +1 -1
  60. package/lib/attributors/font-style.cjs.js.map +1 -1
  61. package/lib/attributors/line-height.cjs.js +1 -1
  62. package/lib/attributors/line-height.cjs.js.map +1 -1
  63. package/lib/config/editor.config.cjs.js +0 -7
  64. package/lib/config/editor.config.cjs.js.map +1 -1
  65. package/lib/config/editor.utils.cjs.js +0 -9
  66. package/lib/config/editor.utils.cjs.js.map +1 -1
  67. package/lib/config/i18n/en-us.cjs.js +33 -17
  68. package/lib/config/i18n/en-us.cjs.js.map +1 -1
  69. package/lib/config/i18n/zh-cn.cjs.js +33 -17
  70. package/lib/config/i18n/zh-cn.cjs.js.map +1 -1
  71. package/lib/config/index.cjs.js +5 -11
  72. package/lib/config/index.cjs.js.map +1 -1
  73. package/lib/core/fluent-editor.cjs.js +5 -3
  74. package/lib/core/fluent-editor.cjs.js.map +1 -1
  75. package/lib/fluent-editor.cjs.js +23 -11
  76. package/lib/fluent-editor.cjs.js.map +1 -1
  77. package/lib/formats/video.cjs.js +2 -2
  78. package/lib/formats/video.cjs.js.map +1 -1
  79. package/lib/index.cjs.js +9 -2
  80. package/lib/index.cjs.js.map +1 -1
  81. package/lib/modules/custom-clipboard.cjs.js +2 -60
  82. package/lib/modules/custom-clipboard.cjs.js.map +1 -1
  83. package/lib/modules/custom-image/BlotFormatter.cjs.js +0 -1
  84. package/lib/modules/custom-image/BlotFormatter.cjs.js.map +1 -1
  85. package/lib/modules/custom-image/image.cjs.js +4 -16
  86. package/lib/modules/custom-image/image.cjs.js.map +1 -1
  87. package/lib/modules/custom-uploader.cjs.js +61 -194
  88. package/lib/modules/custom-uploader.cjs.js.map +1 -1
  89. package/lib/modules/file/formats/file.cjs.js +12 -14
  90. package/lib/modules/file/formats/file.cjs.js.map +1 -1
  91. package/lib/modules/file/index.cjs.js +6 -7
  92. package/lib/modules/file/index.cjs.js.map +1 -1
  93. package/lib/modules/i18n.cjs.js +31 -11
  94. package/lib/modules/i18n.cjs.js.map +1 -1
  95. package/lib/modules/link/index.cjs.js +0 -17
  96. package/lib/modules/link/index.cjs.js.map +1 -1
  97. package/lib/modules/link/modules/tooltip.cjs.js +2 -1
  98. package/lib/modules/link/modules/tooltip.cjs.js.map +1 -1
  99. package/lib/modules/shortcut-key/index.cjs.js +229 -0
  100. package/lib/modules/shortcut-key/index.cjs.js.map +1 -0
  101. package/lib/modules/table-up/index.cjs.js +64 -0
  102. package/lib/modules/table-up/index.cjs.js.map +1 -0
  103. package/lib/modules/toolbar/better-picker.cjs.js +21 -270
  104. package/lib/modules/toolbar/better-picker.cjs.js.map +1 -1
  105. package/lib/modules/toolbar/index.cjs.js +0 -1
  106. package/lib/modules/toolbar/index.cjs.js.map +1 -1
  107. package/lib/modules/toolbar/toolbar-tip.cjs.js +44 -9
  108. package/lib/modules/toolbar/toolbar-tip.cjs.js.map +1 -1
  109. package/lib/themes/snow.cjs.js +200 -52
  110. package/lib/themes/snow.cjs.js.map +1 -1
  111. package/lib/ui/icons.cjs.js +2 -11
  112. package/lib/ui/icons.cjs.js.map +1 -1
  113. package/lib/ui/icons.config.cjs.js +6 -5
  114. package/lib/ui/icons.config.cjs.js.map +1 -1
  115. package/lib/utils/is.cjs.js +4 -0
  116. package/lib/utils/is.cjs.js.map +1 -1
  117. package/package.json +4 -2
  118. package/style.css +316 -2149
  119. package/types/attributors/font-style.d.ts +1 -1
  120. package/types/config/editor.config.d.ts +0 -218
  121. package/types/config/editor.utils.d.ts +0 -1
  122. package/types/config/i18n/en-us.d.ts +31 -16
  123. package/types/config/i18n/zh-cn.d.ts +31 -16
  124. package/types/config/index.d.ts +1 -1
  125. package/types/config/types/editor-config.interface.d.ts +0 -19
  126. package/types/config/types/editor-modules.interface.d.ts +2 -0
  127. package/types/config/types/toolbar-item.interface.d.ts +11 -11
  128. package/types/core/fluent-editor.d.ts +4 -1
  129. package/types/index.d.ts +3 -0
  130. package/types/modules/counter.d.ts +1 -1
  131. package/types/modules/custom-clipboard.d.ts +1 -1
  132. package/types/modules/custom-image/image.d.ts +8 -11
  133. package/types/modules/file/formats/file.d.ts +12 -8
  134. package/types/modules/file/index.d.ts +5 -5
  135. package/types/modules/i18n.d.ts +4 -4
  136. package/types/modules/shortcut-key/index.d.ts +68 -0
  137. package/types/modules/table-up/index.d.ts +66 -0
  138. package/types/modules/toolbar/better-picker.d.ts +15 -0
  139. package/types/themes/snow.d.ts +10 -2
  140. package/types/ui/icons.config.d.ts +2 -2
  141. package/types/utils/is.d.ts +2 -0
  142. package/es/modules/global-link/constants.es.js +0 -9
  143. package/es/modules/global-link/constants.es.js.map +0 -1
  144. package/es/modules/global-link/formats/customer-widget-link.es.js +0 -28
  145. package/es/modules/global-link/formats/customer-widget-link.es.js.map +0 -1
  146. package/es/modules/global-link/formats/doc-link.es.js +0 -42
  147. package/es/modules/global-link/formats/doc-link.es.js.map +0 -1
  148. package/es/modules/global-link/formats/wiki-link.es.js +0 -34
  149. package/es/modules/global-link/formats/wiki-link.es.js.map +0 -1
  150. package/es/modules/global-link/formats/work-item-link.es.js +0 -36
  151. package/es/modules/global-link/formats/work-item-link.es.js.map +0 -1
  152. package/es/modules/global-link/global-link-panel.es.js +0 -2
  153. package/es/modules/global-link/global-link-panel.es.js.map +0 -1
  154. package/es/modules/global-link/index.es.js +0 -139
  155. package/es/modules/global-link/index.es.js.map +0 -1
  156. package/es/modules/global-link/utils/createTable.es.js +0 -50
  157. package/es/modules/global-link/utils/createTable.es.js.map +0 -1
  158. package/es/modules/quick-menu.es.js +0 -82
  159. package/es/modules/quick-menu.es.js.map +0 -1
  160. package/es/modules/table/better-table.es.js +0 -485
  161. package/es/modules/table/better-table.es.js.map +0 -1
  162. package/es/modules/table/formats/header.es.js +0 -94
  163. package/es/modules/table/formats/header.es.js.map +0 -1
  164. package/es/modules/table/formats/list.es.js +0 -163
  165. package/es/modules/table/formats/list.es.js.map +0 -1
  166. package/es/modules/table/formats/table.es.js +0 -969
  167. package/es/modules/table/formats/table.es.js.map +0 -1
  168. package/es/modules/table/modules/table-column-tool.es.js +0 -400
  169. package/es/modules/table/modules/table-column-tool.es.js.map +0 -1
  170. package/es/modules/table/modules/table-operation-menu.es.js +0 -475
  171. package/es/modules/table/modules/table-operation-menu.es.js.map +0 -1
  172. package/es/modules/table/modules/table-scroll-bar.es.js +0 -190
  173. package/es/modules/table/modules/table-scroll-bar.es.js.map +0 -1
  174. package/es/modules/table/modules/table-selection.es.js +0 -305
  175. package/es/modules/table/modules/table-selection.es.js.map +0 -1
  176. package/es/modules/table/modules/table-selector.es.js +0 -158
  177. package/es/modules/table/modules/table-selector.es.js.map +0 -1
  178. package/es/modules/table/table-config.es.js +0 -74
  179. package/es/modules/table/table-config.es.js.map +0 -1
  180. package/es/modules/table/utils/index.es.js +0 -54
  181. package/es/modules/table/utils/index.es.js.map +0 -1
  182. package/es/modules/table/utils/node-matchers.es.js +0 -292
  183. package/es/modules/table/utils/node-matchers.es.js.map +0 -1
  184. package/lib/modules/global-link/constants.cjs.js +0 -9
  185. package/lib/modules/global-link/constants.cjs.js.map +0 -1
  186. package/lib/modules/global-link/formats/customer-widget-link.cjs.js +0 -28
  187. package/lib/modules/global-link/formats/customer-widget-link.cjs.js.map +0 -1
  188. package/lib/modules/global-link/formats/doc-link.cjs.js +0 -42
  189. package/lib/modules/global-link/formats/doc-link.cjs.js.map +0 -1
  190. package/lib/modules/global-link/formats/wiki-link.cjs.js +0 -34
  191. package/lib/modules/global-link/formats/wiki-link.cjs.js.map +0 -1
  192. package/lib/modules/global-link/formats/work-item-link.cjs.js +0 -36
  193. package/lib/modules/global-link/formats/work-item-link.cjs.js.map +0 -1
  194. package/lib/modules/global-link/global-link-panel.cjs.js +0 -2
  195. package/lib/modules/global-link/global-link-panel.cjs.js.map +0 -1
  196. package/lib/modules/global-link/index.cjs.js +0 -139
  197. package/lib/modules/global-link/index.cjs.js.map +0 -1
  198. package/lib/modules/global-link/utils/createTable.cjs.js +0 -50
  199. package/lib/modules/global-link/utils/createTable.cjs.js.map +0 -1
  200. package/lib/modules/quick-menu.cjs.js +0 -82
  201. package/lib/modules/quick-menu.cjs.js.map +0 -1
  202. package/lib/modules/table/better-table.cjs.js +0 -485
  203. package/lib/modules/table/better-table.cjs.js.map +0 -1
  204. package/lib/modules/table/formats/header.cjs.js +0 -94
  205. package/lib/modules/table/formats/header.cjs.js.map +0 -1
  206. package/lib/modules/table/formats/list.cjs.js +0 -163
  207. package/lib/modules/table/formats/list.cjs.js.map +0 -1
  208. package/lib/modules/table/formats/table.cjs.js +0 -969
  209. package/lib/modules/table/formats/table.cjs.js.map +0 -1
  210. package/lib/modules/table/modules/table-column-tool.cjs.js +0 -400
  211. package/lib/modules/table/modules/table-column-tool.cjs.js.map +0 -1
  212. package/lib/modules/table/modules/table-operation-menu.cjs.js +0 -475
  213. package/lib/modules/table/modules/table-operation-menu.cjs.js.map +0 -1
  214. package/lib/modules/table/modules/table-scroll-bar.cjs.js +0 -190
  215. package/lib/modules/table/modules/table-scroll-bar.cjs.js.map +0 -1
  216. package/lib/modules/table/modules/table-selection.cjs.js +0 -305
  217. package/lib/modules/table/modules/table-selection.cjs.js.map +0 -1
  218. package/lib/modules/table/modules/table-selector.cjs.js +0 -158
  219. package/lib/modules/table/modules/table-selector.cjs.js.map +0 -1
  220. package/lib/modules/table/table-config.cjs.js +0 -74
  221. package/lib/modules/table/table-config.cjs.js.map +0 -1
  222. package/lib/modules/table/utils/index.cjs.js +0 -54
  223. package/lib/modules/table/utils/index.cjs.js.map +0 -1
  224. package/lib/modules/table/utils/node-matchers.cjs.js +0 -292
  225. package/lib/modules/table/utils/node-matchers.cjs.js.map +0 -1
  226. package/types/modules/custom-uploader.d.ts +0 -31
  227. package/types/modules/global-link/constants.d.ts +0 -3
  228. package/types/modules/global-link/formats/customer-widget-link.d.ts +0 -14
  229. package/types/modules/global-link/formats/doc-link.d.ts +0 -17
  230. package/types/modules/global-link/formats/wiki-link.d.ts +0 -16
  231. package/types/modules/global-link/formats/work-item-link.d.ts +0 -16
  232. package/types/modules/global-link/global-link-panel.d.ts +0 -19
  233. package/types/modules/global-link/index.d.ts +0 -18
  234. package/types/modules/global-link/utils/createTable.d.ts +0 -1
  235. package/types/modules/quick-menu.d.ts +0 -22
  236. package/types/modules/table/better-table.d.ts +0 -35
  237. package/types/modules/table/formats/header.d.ts +0 -23
  238. package/types/modules/table/formats/list.d.ts +0 -34
  239. package/types/modules/table/formats/table.d.ts +0 -147
  240. package/types/modules/table/modules/table-column-tool.d.ts +0 -23
  241. package/types/modules/table/modules/table-operation-menu.d.ts +0 -38
  242. package/types/modules/table/modules/table-scroll-bar.d.ts +0 -33
  243. package/types/modules/table/modules/table-selection.d.ts +0 -37
  244. package/types/modules/table/modules/table-selector.d.ts +0 -22
  245. package/types/modules/table/table-config.d.ts +0 -38
  246. package/types/modules/table/utils/index.d.ts +0 -17
  247. package/types/modules/table/utils/node-matchers.d.ts +0 -9
@@ -1,158 +0,0 @@
1
- "use strict";
2
- Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
3
- const index = require("../utils/index.cjs.js");
4
- const GRID_SIZE = {
5
- ROWS: 10,
6
- COLS: 10,
7
- CELL_SIZE: 15
8
- };
9
- const STYLES = {
10
- container: {
11
- "position": "absolute",
12
- "z-index": "1000",
13
- "background": "white",
14
- "border": "1px solid #ccc",
15
- "padding": "5px",
16
- "box-shadow": "0 2px 8px rgba(0,0,0,0.1)"
17
- },
18
- grid: {
19
- "display": "grid",
20
- "grid-template-columns": `repeat(${GRID_SIZE.COLS}, ${GRID_SIZE.CELL_SIZE - 1}px)`,
21
- "grid-template-rows": `repeat(${GRID_SIZE.ROWS}, ${GRID_SIZE.CELL_SIZE - 1}px)`,
22
- "gap": "0px"
23
- },
24
- row: {
25
- display: "contents"
26
- },
27
- cell: {
28
- "width": `${GRID_SIZE.CELL_SIZE}px`,
29
- "height": `${GRID_SIZE.CELL_SIZE}px`,
30
- "border": "1px solid #ddd",
31
- "background-color": "#fff",
32
- "box-sizing": "border-box"
33
- },
34
- label: {
35
- "text-align": "center",
36
- "margin-top": "5px",
37
- "font-size": "12px",
38
- "color": "#666"
39
- }
40
- };
41
- function createCell(row, col, handleMouseOver, handleClick) {
42
- const cellDiv = document.createElement("div");
43
- cellDiv.className = "cell";
44
- index.css(cellDiv, STYLES.cell);
45
- const mouseOverListener = () => handleMouseOver(row + 1, col + 1);
46
- const clickListener = () => handleClick();
47
- cellDiv.addEventListener("mouseover", mouseOverListener);
48
- cellDiv.addEventListener("click", clickListener);
49
- const removeListeners = () => {
50
- cellDiv.removeEventListener("mouseover", mouseOverListener);
51
- cellDiv.removeEventListener("click", clickListener);
52
- };
53
- return { cellDiv, removeListeners };
54
- }
55
- function createRow(rowIndex, handleMouseOver, handleClick) {
56
- const rowDiv = document.createElement("div");
57
- rowDiv.className = "row";
58
- index.css(rowDiv, STYLES.row);
59
- const fragment = document.createDocumentFragment();
60
- const removeListenersArray = [];
61
- for (let col = 0; col < GRID_SIZE.COLS; col++) {
62
- const { cellDiv, removeListeners: removeListeners2 } = createCell(rowIndex, col, handleMouseOver, handleClick);
63
- fragment.appendChild(cellDiv);
64
- removeListenersArray.push(removeListeners2);
65
- }
66
- rowDiv.appendChild(fragment);
67
- const removeListeners = () => {
68
- removeListenersArray.forEach((remove) => remove());
69
- };
70
- return { rowDiv, removeListeners };
71
- }
72
- class TableSelector {
73
- constructor({ onSelect }) {
74
- this.rows = 0;
75
- this.cols = 0;
76
- this.removeListenersArray = [];
77
- this.onSelect = onSelect;
78
- this.initContainer();
79
- this.initGrid();
80
- this.initLabel();
81
- }
82
- // init table-selector container
83
- initContainer() {
84
- this.container = document.createElement("div");
85
- this.container.className = "table-selector";
86
- index.css(this.container, STYLES.container);
87
- }
88
- // init grid
89
- initGrid() {
90
- this.grid = document.createElement("div");
91
- this.grid.className = "grid";
92
- index.css(this.grid, STYLES.grid);
93
- const fragment = document.createDocumentFragment();
94
- for (let row = 0; row < GRID_SIZE.ROWS; row++) {
95
- const { rowDiv, removeListeners } = createRow(
96
- row,
97
- this.handleMouseOver.bind(this),
98
- this.handleClick.bind(this)
99
- );
100
- fragment.appendChild(rowDiv);
101
- this.removeListenersArray.push(removeListeners);
102
- }
103
- this.grid.appendChild(fragment);
104
- this.container.appendChild(this.grid);
105
- }
106
- // init label
107
- initLabel() {
108
- this.label = document.createElement("div");
109
- this.label.className = "label";
110
- index.css(this.label, STYLES.label);
111
- this.container.appendChild(this.label);
112
- }
113
- handleMouseOver(row, col) {
114
- this.rows = row;
115
- this.cols = col;
116
- this.updateGrid();
117
- }
118
- handleClick() {
119
- this.onSelect(this.rows, this.cols);
120
- this.hide();
121
- }
122
- updateGrid() {
123
- const cells = this.grid.getElementsByClassName("cell");
124
- for (let i = 0; i < cells.length; i++) {
125
- const cell = cells[i];
126
- const row = Math.floor(i / GRID_SIZE.COLS);
127
- const col = i % GRID_SIZE.COLS;
128
- index.css(cell, {
129
- "background-color": row < this.rows && col < this.cols ? "#e6f3ff" : "#fff"
130
- });
131
- }
132
- this.label.textContent = `${this.rows} x ${this.cols}`;
133
- }
134
- show(x, y) {
135
- index.css(this.container, {
136
- "left": `${x}px`,
137
- "top": `${y}px`,
138
- "display": "block",
139
- "margin-top": "1px"
140
- });
141
- }
142
- hide() {
143
- index.css(this.container, { display: "none" });
144
- }
145
- destroy() {
146
- this.removeListenersArray.forEach((remove) => remove());
147
- this.removeListenersArray = [];
148
- this.hide();
149
- if (this.container.parentNode) {
150
- this.container.parentNode.removeChild(this.container);
151
- }
152
- this.rows = 0;
153
- this.cols = 0;
154
- return null;
155
- }
156
- }
157
- exports.default = TableSelector;
158
- //# sourceMappingURL=table-selector.cjs.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"table-selector.cjs.js","sources":["../../../../../src/modules/table/modules/table-selector.ts"],"sourcesContent":["import { css } from '../utils'\r\n\r\n// 配置\r\nconst GRID_SIZE = {\r\n ROWS: 10,\r\n COLS: 10,\r\n CELL_SIZE: 15,\r\n}\r\n\r\nconst STYLES = {\r\n container: {\r\n 'position': 'absolute',\r\n 'z-index': '1000',\r\n 'background': 'white',\r\n 'border': '1px solid #ccc',\r\n 'padding': '5px',\r\n 'box-shadow': '0 2px 8px rgba(0,0,0,0.1)',\r\n },\r\n grid: {\r\n 'display': 'grid',\r\n 'grid-template-columns': `repeat(${GRID_SIZE.COLS}, ${GRID_SIZE.CELL_SIZE - 1}px)`,\r\n 'grid-template-rows': `repeat(${GRID_SIZE.ROWS}, ${GRID_SIZE.CELL_SIZE - 1}px)`,\r\n 'gap': '0px',\r\n },\r\n row: {\r\n display: 'contents',\r\n },\r\n cell: {\r\n 'width': `${GRID_SIZE.CELL_SIZE}px`,\r\n 'height': `${GRID_SIZE.CELL_SIZE}px`,\r\n 'border': '1px solid #ddd',\r\n 'background-color': '#fff',\r\n 'box-sizing': 'border-box',\r\n },\r\n label: {\r\n 'text-align': 'center',\r\n 'margin-top': '5px',\r\n 'font-size': '12px',\r\n 'color': '#666',\r\n },\r\n}\r\n\r\nfunction createCell(\r\n row: number,\r\n col: number,\r\n handleMouseOver: (row: number, col: number) => void,\r\n handleClick: () => void,\r\n): { cellDiv: HTMLDivElement, removeListeners: () => void } {\r\n const cellDiv = document.createElement('div')\r\n cellDiv.className = 'cell'\r\n css(cellDiv, STYLES.cell)\r\n\r\n const mouseOverListener = () => handleMouseOver(row + 1, col + 1)\r\n const clickListener = () => handleClick()\r\n\r\n cellDiv.addEventListener('mouseover', mouseOverListener)\r\n cellDiv.addEventListener('click', clickListener)\r\n\r\n const removeListeners = () => {\r\n cellDiv.removeEventListener('mouseover', mouseOverListener)\r\n cellDiv.removeEventListener('click', clickListener)\r\n }\r\n\r\n return { cellDiv, removeListeners }\r\n}\r\n\r\nfunction createRow(\r\n rowIndex: number,\r\n handleMouseOver: (row: number, col: number) => void,\r\n handleClick: () => void,\r\n): { rowDiv: HTMLDivElement, removeListeners: () => void } {\r\n const rowDiv = document.createElement('div')\r\n rowDiv.className = 'row'\r\n css(rowDiv, STYLES.row)\r\n\r\n const fragment = document.createDocumentFragment()\r\n const removeListenersArray: (() => void)[] = []\r\n\r\n for (let col = 0; col < GRID_SIZE.COLS; col++) {\r\n const { cellDiv, removeListeners } = createCell(rowIndex, col, handleMouseOver, handleClick)\r\n fragment.appendChild(cellDiv)\r\n removeListenersArray.push(removeListeners)\r\n }\r\n\r\n rowDiv.appendChild(fragment)\r\n\r\n const removeListeners = () => {\r\n removeListenersArray.forEach(remove => remove())\r\n }\r\n\r\n return { rowDiv, removeListeners }\r\n}\r\n\r\nclass TableSelector {\r\n private onSelect: (rows: number, cols: number) => void\r\n container: HTMLDivElement\r\n private grid: HTMLDivElement\r\n private label: HTMLDivElement\r\n private rows: number = 0\r\n private cols: number = 0\r\n private removeListenersArray: (() => void)[] = []\r\n\r\n constructor({ onSelect }: { onSelect: (rows: number, cols: number) => void }) {\r\n this.onSelect = onSelect\r\n this.initContainer()\r\n this.initGrid()\r\n this.initLabel()\r\n }\r\n\r\n // init table-selector container\r\n private initContainer() {\r\n this.container = document.createElement('div')\r\n this.container.className = 'table-selector'\r\n css(this.container, STYLES.container)\r\n }\r\n\r\n // init grid\r\n private initGrid() {\r\n this.grid = document.createElement('div')\r\n this.grid.className = 'grid'\r\n css(this.grid, STYLES.grid)\r\n\r\n const fragment = document.createDocumentFragment()\r\n\r\n for (let row = 0; row < GRID_SIZE.ROWS; row++) {\r\n const { rowDiv, removeListeners } = createRow(\r\n row,\r\n this.handleMouseOver.bind(this),\r\n this.handleClick.bind(this),\r\n )\r\n fragment.appendChild(rowDiv)\r\n this.removeListenersArray.push(removeListeners)\r\n }\r\n this.grid.appendChild(fragment)\r\n this.container.appendChild(this.grid)\r\n }\r\n\r\n // init label\r\n private initLabel() {\r\n this.label = document.createElement('div')\r\n this.label.className = 'label'\r\n css(this.label, STYLES.label)\r\n this.container.appendChild(this.label)\r\n }\r\n\r\n private handleMouseOver(row: number, col: number) {\r\n this.rows = row\r\n this.cols = col\r\n this.updateGrid()\r\n }\r\n\r\n private handleClick() {\r\n this.onSelect(this.rows, this.cols)\r\n this.hide()\r\n }\r\n\r\n updateGrid() {\r\n const cells = this.grid.getElementsByClassName('cell')\r\n for (let i = 0; i < cells.length; i++) {\r\n const cell = cells[i] as HTMLElement\r\n const row = Math.floor(i / GRID_SIZE.COLS)\r\n const col = i % GRID_SIZE.COLS\r\n css(cell, {\r\n 'background-color': row < this.rows && col < this.cols ? '#e6f3ff' : '#fff',\r\n })\r\n }\r\n this.label.textContent = `${this.rows} x ${this.cols}`\r\n }\r\n\r\n show(x: number, y: number) {\r\n css(this.container, {\r\n 'left': `${x}px`,\r\n 'top': `${y}px`,\r\n 'display': 'block',\r\n 'margin-top': '1px',\r\n })\r\n }\r\n\r\n hide() {\r\n css(this.container, { display: 'none' })\r\n }\r\n\r\n destroy() {\r\n this.removeListenersArray.forEach(remove => remove())\r\n this.removeListenersArray = []\r\n\r\n this.hide()\r\n if (this.container.parentNode) {\r\n this.container.parentNode.removeChild(this.container)\r\n }\r\n this.rows = 0\r\n this.cols = 0\r\n return null\r\n }\r\n}\r\n\r\nexport default TableSelector\r\n"],"names":["css","removeListeners"],"mappings":"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"}
@@ -1,74 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
3
- const TABLE_CELL_LINE_CLASS = "qlrte__better-table-cell-line";
4
- const ROW_TOOL_CLASS = "qlrte__row-tool";
5
- const ROW_TOOL_CELL_CLASS = "qlrte__row-tool-cell";
6
- const ROW_TOOL_CELL_HOLDER_CLASS = "qlrte__row-tool-cell-holder";
7
- const COL_TOOL_CLASS = "qlrte__col-tool";
8
- const COL_TOOL_CELL_CLASS = "qlrte__col-tool-cell";
9
- const COL_TOOL_CELL_HOLDER_CLASS = "qlrte__col-tool-cell-holder";
10
- const SELECT_LINE_CLASS = "qlrte__selection-line";
11
- const OPERATE_MENU_CLASS = "qlrte__op-menu";
12
- const OPERATE_MENU_ITEM_CLASS = "qlrte__op-menu-item";
13
- const OPERATE_MENU_ICON_CLASS = "qlrte__op-menu-icon";
14
- const OPERATE_MENU_ICON_PREFIX_CLASS = "qlrte__op-menu-icon-prefix";
15
- const OPERATE_MENU_TEXT_CLASS = "qlrte__op-menu-text";
16
- const OPERATE_MENU_DIVIDING_CLASS = "qlrte__op-menu-dividing";
17
- const OPERATE_MENU_SUBTITLE_CLASS = "qlrte__op-menu-subtitle";
18
- const OPERATE_MENU_COLORPICKER_CLASS = "qlrte__op-menu-color-picker";
19
- const OPERATE_MENU_COLORPICKER_ITEM_CLASS = "qlrte__op-menu-color-picker-item";
20
- const COL_ATTRIBUTES = ["width"];
21
- const COL_DEFAULT = {
22
- width: 100
23
- };
24
- const CELL_IDENTITY_KEYS = ["row", "cell"];
25
- const CELL_ATTRIBUTES = ["rowspan", "colspan", "cell-bg", "list"];
26
- const CELL_DEFAULT = {
27
- rowspan: 1,
28
- colspan: 1
29
- };
30
- const ERROR_LIMIT = 5;
31
- const SCROLL_BAR_PANEL_HEIGHT = 32;
32
- const ROW_TOOL_WIDTH = 16;
33
- const COL_TOOL_HEIGHT = 16;
34
- const CELL_MIN_WIDTH = 50;
35
- const CELL_MIN_HEIGHT = 29;
36
- const PRIMARY_COLOR = ["#5170ff", "var(--brand-1, #5170ff)"];
37
- const MENU_ITEM_HEIGHT = 40;
38
- const MENU_MIN_HEIGHT = 150;
39
- const MENU_WIDTH = 205;
40
- const LINE_POSITIONS = ["left", "right", "top", "bottom"];
41
- exports.CELL_ATTRIBUTES = CELL_ATTRIBUTES;
42
- exports.CELL_DEFAULT = CELL_DEFAULT;
43
- exports.CELL_IDENTITY_KEYS = CELL_IDENTITY_KEYS;
44
- exports.CELL_MIN_HEIGHT = CELL_MIN_HEIGHT;
45
- exports.CELL_MIN_WIDTH = CELL_MIN_WIDTH;
46
- exports.COL_ATTRIBUTES = COL_ATTRIBUTES;
47
- exports.COL_DEFAULT = COL_DEFAULT;
48
- exports.COL_TOOL_CELL_CLASS = COL_TOOL_CELL_CLASS;
49
- exports.COL_TOOL_CELL_HOLDER_CLASS = COL_TOOL_CELL_HOLDER_CLASS;
50
- exports.COL_TOOL_CLASS = COL_TOOL_CLASS;
51
- exports.COL_TOOL_HEIGHT = COL_TOOL_HEIGHT;
52
- exports.ERROR_LIMIT = ERROR_LIMIT;
53
- exports.LINE_POSITIONS = LINE_POSITIONS;
54
- exports.MENU_ITEM_HEIGHT = MENU_ITEM_HEIGHT;
55
- exports.MENU_MIN_HEIGHT = MENU_MIN_HEIGHT;
56
- exports.MENU_WIDTH = MENU_WIDTH;
57
- exports.OPERATE_MENU_CLASS = OPERATE_MENU_CLASS;
58
- exports.OPERATE_MENU_COLORPICKER_CLASS = OPERATE_MENU_COLORPICKER_CLASS;
59
- exports.OPERATE_MENU_COLORPICKER_ITEM_CLASS = OPERATE_MENU_COLORPICKER_ITEM_CLASS;
60
- exports.OPERATE_MENU_DIVIDING_CLASS = OPERATE_MENU_DIVIDING_CLASS;
61
- exports.OPERATE_MENU_ICON_CLASS = OPERATE_MENU_ICON_CLASS;
62
- exports.OPERATE_MENU_ICON_PREFIX_CLASS = OPERATE_MENU_ICON_PREFIX_CLASS;
63
- exports.OPERATE_MENU_ITEM_CLASS = OPERATE_MENU_ITEM_CLASS;
64
- exports.OPERATE_MENU_SUBTITLE_CLASS = OPERATE_MENU_SUBTITLE_CLASS;
65
- exports.OPERATE_MENU_TEXT_CLASS = OPERATE_MENU_TEXT_CLASS;
66
- exports.PRIMARY_COLOR = PRIMARY_COLOR;
67
- exports.ROW_TOOL_CELL_CLASS = ROW_TOOL_CELL_CLASS;
68
- exports.ROW_TOOL_CELL_HOLDER_CLASS = ROW_TOOL_CELL_HOLDER_CLASS;
69
- exports.ROW_TOOL_CLASS = ROW_TOOL_CLASS;
70
- exports.ROW_TOOL_WIDTH = ROW_TOOL_WIDTH;
71
- exports.SCROLL_BAR_PANEL_HEIGHT = SCROLL_BAR_PANEL_HEIGHT;
72
- exports.SELECT_LINE_CLASS = SELECT_LINE_CLASS;
73
- exports.TABLE_CELL_LINE_CLASS = TABLE_CELL_LINE_CLASS;
74
- //# sourceMappingURL=table-config.cjs.js.map
@@ -1 +0,0 @@
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'\r\nexport const ROW_TOOL_CLASS = 'qlrte__row-tool'\r\nexport const ROW_TOOL_CELL_CLASS = 'qlrte__row-tool-cell'\r\nexport const ROW_TOOL_CELL_HOLDER_CLASS = 'qlrte__row-tool-cell-holder'\r\nexport const COL_TOOL_CLASS = 'qlrte__col-tool'\r\nexport const COL_TOOL_CELL_CLASS = 'qlrte__col-tool-cell'\r\nexport const COL_TOOL_CELL_HOLDER_CLASS = 'qlrte__col-tool-cell-holder'\r\nexport const SELECT_LINE_CLASS = 'qlrte__selection-line'\r\nexport const OPERATE_MENU_CLASS = 'qlrte__op-menu'\r\nexport const OPERATE_MENU_ITEM_CLASS = 'qlrte__op-menu-item'\r\nexport const OPERATE_MENU_ICON_CLASS = 'qlrte__op-menu-icon'\r\nexport const OPERATE_MENU_ICON_PREFIX_CLASS = 'qlrte__op-menu-icon-prefix'\r\nexport const OPERATE_MENU_TEXT_CLASS = 'qlrte__op-menu-text'\r\nexport const OPERATE_MENU_DIVIDING_CLASS = 'qlrte__op-menu-dividing'\r\nexport const OPERATE_MENU_SUBTITLE_CLASS = 'qlrte__op-menu-subtitle'\r\nexport const OPERATE_MENU_COLORPICKER_CLASS = 'qlrte__op-menu-color-picker'\r\nexport const OPERATE_MENU_COLORPICKER_ITEM_CLASS\r\n = 'qlrte__op-menu-color-picker-item'\r\nexport const COL_ATTRIBUTES = ['width']\r\nexport const COL_DEFAULT = {\r\n width: 100,\r\n}\r\nexport const CELL_IDENTITY_KEYS = ['row', 'cell']\r\nexport const CELL_ATTRIBUTES = ['rowspan', 'colspan', 'cell-bg', 'list']\r\nexport const CELL_DEFAULT = {\r\n rowspan: 1,\r\n colspan: 1,\r\n}\r\nexport const ERROR_LIMIT = 5\r\n\r\nexport const SCROLL_BAR_PANEL_HEIGHT = 32\r\nexport const ROW_TOOL_WIDTH = 16\r\nexport const COL_TOOL_HEIGHT = 16\r\nexport const CELL_MIN_WIDTH = 50\r\nexport const CELL_MIN_HEIGHT = 29\r\nexport const PRIMARY_COLOR = ['#5170ff', 'var(--brand-1, #5170ff)']\r\n\r\nexport const MENU_ITEM_HEIGHT = 40\r\nexport const MENU_MIN_HEIGHT = 150\r\nexport const MENU_WIDTH = 205\r\n\r\nexport const LINE_POSITIONS = ['left', 'right', 'top', 'bottom']\r\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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
@@ -1,54 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
3
- function css(domNode, rules) {
4
- if (typeof rules === "object") {
5
- for (const prop in rules) {
6
- if (prop) {
7
- if (Array.isArray(rules[prop])) {
8
- rules[prop].forEach((val) => {
9
- domNode.style[prop] = val;
10
- });
11
- } else {
12
- domNode.style[prop] = rules[prop];
13
- }
14
- }
15
- }
16
- }
17
- }
18
- function getRelativeRect(targetRect, container) {
19
- const containerRect = container.getBoundingClientRect();
20
- return {
21
- // ie浏览器中getBoundingClientRect输出为left、right、top、bottom,与chrome的x、y不同
22
- x: (targetRect.x || targetRect.left) - (containerRect.x || containerRect.left) - container.scrollLeft,
23
- y: (targetRect.y || targetRect.top) - (containerRect.y || containerRect.top) - container.scrollTop,
24
- x1: (targetRect.x || targetRect.left) - (containerRect.x || containerRect.left) - container.scrollLeft + targetRect.width,
25
- y1: (targetRect.y || targetRect.top) - (containerRect.y || containerRect.top) - container.scrollTop + targetRect.height,
26
- width: targetRect.width,
27
- height: targetRect.height
28
- };
29
- }
30
- const elementRemove = function(node) {
31
- node && node.parentNode && node.parentNode.removeChild(node);
32
- };
33
- const arrayFrom = function(arrayLike, mapFn, thisArg) {
34
- if (!arrayLike) {
35
- throw new TypeError(
36
- "Array.from requires an array-like object - not null or undefined"
37
- );
38
- }
39
- const length = arrayLike.length;
40
- const resArray = [];
41
- for (let i = 0; i < length; i++) {
42
- if (typeof mapFn === "function") {
43
- resArray.push(mapFn.call(thisArg, arrayLike[i]));
44
- } else {
45
- resArray.push(arrayLike[i]);
46
- }
47
- }
48
- return resArray;
49
- };
50
- exports.arrayFrom = arrayFrom;
51
- exports.css = css;
52
- exports.elementRemove = elementRemove;
53
- exports.getRelativeRect = getRelativeRect;
54
- //# sourceMappingURL=index.cjs.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.cjs.js","sources":["../../../../../src/modules/table/utils/index.ts"],"sourcesContent":["export function css(domNode, rules) {\r\n if (typeof rules === 'object') {\r\n for (const prop in rules) {\r\n if (prop) {\r\n if (Array.isArray(rules[prop])) {\r\n // 兼容IE11浏览器\r\n rules[prop].forEach((val) => {\r\n domNode.style[prop] = val\r\n })\r\n }\r\n else {\r\n domNode.style[prop] = rules[prop]\r\n }\r\n }\r\n }\r\n }\r\n}\r\n\r\n/**\r\n * getRelativeRect\r\n * @param targetRect rect data for target element {Object}\r\n * @param container container element {Element}\r\n * @return an object with rect data {Object}\r\n */\r\nexport function getRelativeRect(targetRect, container) {\r\n const containerRect = container.getBoundingClientRect()\r\n\r\n return { // ie浏览器中getBoundingClientRect输出为left、right、top、bottom,与chrome的x、y不同\r\n x: (targetRect.x || targetRect.left) - (containerRect.x || containerRect.left) - container.scrollLeft,\r\n y: (targetRect.y || targetRect.top) - (containerRect.y || containerRect.top) - container.scrollTop,\r\n x1: (targetRect.x || targetRect.left) - (containerRect.x || containerRect.left) - container.scrollLeft + targetRect.width,\r\n y1: (targetRect.y || targetRect.top) - (containerRect.y || containerRect.top) - container.scrollTop + targetRect.height,\r\n width: targetRect.width,\r\n height: targetRect.height,\r\n }\r\n}\r\n\r\nexport const elementRemove = function (node) {\r\n node && node.parentNode && node.parentNode.removeChild(node)\r\n}\r\n\r\nexport const arrayFrom = function (arrayLike, mapFn?, thisArg?) {\r\n if (!arrayLike) {\r\n throw new TypeError(\r\n 'Array.from requires an array-like object - not null or undefined',\r\n )\r\n }\r\n\r\n const length = arrayLike.length\r\n const resArray = []\r\n\r\n for (let i = 0; i < length; i++) {\r\n if (typeof mapFn === 'function') {\r\n resArray.push(mapFn.call(thisArg, arrayLike[i]))\r\n }\r\n else {\r\n resArray.push(arrayLike[i])\r\n }\r\n }\r\n\r\n return resArray\r\n}\r\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,292 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
3
- const Quill = require("quill");
4
- const editor_utils = require("../../../config/editor.utils.cjs.js");
5
- const table = require("../formats/table.cjs.js");
6
- const tableConfig = require("../table-config.cjs.js");
7
- const Delta = Quill.imports.delta;
8
- const InlineBlot = Quill.imports.parchment.InlineBlot;
9
- function matchTableCell(node, delta) {
10
- if (node.style.height.indexOf("pt")) {
11
- node.removeAttribute("style");
12
- }
13
- const row = node.parentNode;
14
- let rowId = row.dataset.row;
15
- if (!rowId) {
16
- rowId = row.dataset.row = table.rowId();
17
- }
18
- let cellId = node.dataset.cell;
19
- if (!cellId || cellId === "undefined") {
20
- cellId = table.cellId();
21
- }
22
- const colspan = node.getAttribute("colspan") || 1;
23
- const rowspan = node.getAttribute("rowspan") || 1;
24
- if (delta.length() === 0) {
25
- delta = new Delta().insert("\n", {
26
- "table-cell-line": { row: rowId, cell: cellId, rowspan, colspan }
27
- });
28
- return delta;
29
- }
30
- delta = delta.reduce((newDelta, op) => {
31
- if (op.insert && typeof op.insert === "string") {
32
- const lines = editor_utils.splitWithBreak(op.insert);
33
- lines.forEach((text) => {
34
- if (text === "\n") {
35
- let attributes = {};
36
- const cellAttributes = {
37
- row: rowId,
38
- cell: cellId,
39
- rowspan,
40
- colspan
41
- };
42
- if (op.attributes.table) {
43
- delete op.attributes.table;
44
- }
45
- switch (true) {
46
- case !!op.attributes.header:
47
- attributes = Object.assign(op.attributes.header, cellAttributes);
48
- break;
49
- case !!op.attributes.list:
50
- attributes = { list: Object.assign(op.attributes.list, cellAttributes) };
51
- break;
52
- default:
53
- attributes = { "table-cell-line": cellAttributes };
54
- }
55
- if (op.attributes.background && attributes["table-cell-line"]) {
56
- attributes["table-cell-line"].tdBgColor = op.attributes.background;
57
- }
58
- newDelta.insert("\n", Object.assign(op.attributes, attributes));
59
- } else {
60
- newDelta.insert(text, editor_utils.omit(op.attributes, ["table", "table-cell-line", "header", "list"]));
61
- }
62
- });
63
- } else {
64
- newDelta.insert(op.insert, op.attributes);
65
- }
66
- return newDelta;
67
- }, new Delta());
68
- const regexp = /^[\n]+$/;
69
- const firstDelta = delta.ops[0];
70
- if (delta.ops.length >= 3) {
71
- const lastDelta = delta.ops[delta.ops.length - 1];
72
- if (regexp.test(firstDelta.insert) && firstDelta.attributes["table-cell-line"]) {
73
- delta.ops.splice(0, 1);
74
- }
75
- if (regexp.test(lastDelta.insert) && lastDelta.attributes["table-cell-line"]) {
76
- delta.ops[delta.ops.length - 1].insert = "\n";
77
- }
78
- } else if (delta.ops.length === 1 && regexp.test(firstDelta.insert) && firstDelta.attributes["table-cell-line"]) {
79
- delta.ops[0].insert = "\n";
80
- }
81
- return delta;
82
- }
83
- function matchTableHeader(node, delta, _scroll) {
84
- const row = node.parentNode;
85
- const cells = Array.from(row.querySelectorAll("th"));
86
- let rowId = row.dataset.row;
87
- if (!rowId) {
88
- rowId = row.dataset.row = table.rowId();
89
- }
90
- const cellId = cells.indexOf(node) + 1;
91
- const colspan = node.getAttribute("colspan") || false;
92
- const rowspan = node.getAttribute("rowspan") || false;
93
- if (delta.length() === 0) {
94
- delta = new Delta().insert("\n", {
95
- "table-cell-line": { row: rowId, cell: cellId, rowspan, colspan }
96
- });
97
- return delta;
98
- }
99
- delta = delta.reduce((newDelta, op) => {
100
- if (op.insert && typeof op.insert === "string") {
101
- const lines = editor_utils.splitWithBreak(op.insert);
102
- if (lines[lines.length - 1] !== "\n") {
103
- lines.push("\n");
104
- }
105
- lines.forEach((text) => {
106
- text === "\n" ? newDelta.insert("\n", { "table-cell-line": { row: rowId, cell: cellId, rowspan, colspan } }) : newDelta.insert(text, op.attributes);
107
- });
108
- } else {
109
- newDelta.insert(op.insert, op.attributes);
110
- }
111
- return newDelta;
112
- }, new Delta());
113
- delta = delta.reduce((newDelta, op) => {
114
- if (op.insert && typeof op.insert === "string" && op.insert.startsWith("\n")) {
115
- newDelta.insert(op.insert, { "table-cell-line": { row: rowId, cell: cellId, rowspan, colspan } });
116
- } else {
117
- newDelta.insert(op.insert, { ...editor_utils.omit(op.attributes, ["table", "table-cell-line"]) });
118
- }
119
- return newDelta;
120
- }, new Delta());
121
- return delta;
122
- }
123
- function matchTable(node, delta, scroll) {
124
- const isWordTable = node.children.length === 1;
125
- if (!(node instanceof Element)) {
126
- return;
127
- }
128
- const getMaxColNumber = (tds) => {
129
- if (isWordTable) {
130
- return tds.length;
131
- }
132
- let colsNumber2 = 0;
133
- tds.forEach((td) => {
134
- colsNumber2 += td.colSpan;
135
- });
136
- return Math.max(tds.length, colsNumber2);
137
- };
138
- const checkMinWidth = (width) => {
139
- if (Number.isNaN(width)) {
140
- return { "table-col": { width: "auto" } };
141
- } else if (width < tableConfig.CELL_MIN_WIDTH) {
142
- return { "table-col": true };
143
- } else {
144
- return { "table-col": { width } };
145
- }
146
- };
147
- const rows = node.querySelectorAll("tr");
148
- const topRow = rows[0];
149
- const onlyEmptyTr = rows.length === 1 && !topRow.querySelector("td");
150
- if (!topRow || onlyEmptyTr) {
151
- return new Delta().insert("\n");
152
- }
153
- const colsNumber = node.querySelectorAll("col").length;
154
- let maxCellsNumber = 0;
155
- let maxCells;
156
- Array.prototype.slice.call(rows).forEach((row) => {
157
- const tds = row.querySelectorAll("td");
158
- maxCellsNumber = Math.max(getMaxColNumber(tds), maxCellsNumber);
159
- maxCells = tds;
160
- });
161
- let colCount = 0;
162
- delta = delta.reduce((newDelta, op) => {
163
- if (colCount === colsNumber) {
164
- const fillNumber = maxCellsNumber - colCount;
165
- const outset = colCount;
166
- for (let i = 0; i < fillNumber; i++) {
167
- const index = outset + i;
168
- const colWidth = Number.parseInt(
169
- index < maxCells.length ? maxCells[index].width : maxCells[maxCells.length - 1].width,
170
- 10
171
- );
172
- newDelta.insert("\n", checkMinWidth(colWidth));
173
- colCount++;
174
- }
175
- }
176
- const attr = op.attributes || {};
177
- switch (true) {
178
- case !!attr["table-col"]:
179
- if (colCount < maxCellsNumber) {
180
- const insert = op.insert.slice(0, maxCellsNumber);
181
- const colWidth = Number.parseInt(attr["table-col"].width, 10);
182
- newDelta.insert(insert, checkMinWidth(colWidth));
183
- colCount += insert.length;
184
- }
185
- break;
186
- case !!attr.notFilled: {
187
- const rowId = table.rowId();
188
- for (let x = 0; x < maxCellsNumber; x++) {
189
- newDelta.insert("\n", { "table-cell-line": { row: rowId, cell: table.cellId(), rowspan: 1, colspan: 1 } });
190
- }
191
- break;
192
- }
193
- default:
194
- newDelta.insert(op.insert, op.attributes);
195
- }
196
- return newDelta;
197
- }, new Delta());
198
- const tableItem = node.closest(".quill-better-table-wrapper") || node;
199
- const prevBlot = tableItem.previousElementSibling && scroll.query(tableItem.previousElementSibling);
200
- const nextBlot = tableItem.nextElementSibling && scroll.query(tableItem.nextElementSibling);
201
- if (!nextBlot || nextBlot.prototype instanceof InlineBlot) {
202
- delta = delta.insert("\n");
203
- }
204
- if (!prevBlot || prevBlot.prototype instanceof InlineBlot) {
205
- const newLine = new Delta().insert("\n");
206
- delta = newLine.concat(delta);
207
- }
208
- if (nextBlot === table.TableViewWrapper) {
209
- delta = delta.insert("\n");
210
- }
211
- return delta;
212
- }
213
- function matchTableRow(_node, delta) {
214
- if (delta.ops.length === 1 && !delta.ops[0].attributes) {
215
- delta = new Delta().insert("\n", { notFilled: true });
216
- }
217
- return delta;
218
- }
219
- function matchHeader(node, delta) {
220
- const newDelta = new Delta();
221
- const fontSize = node.style.fontSize;
222
- delta.forEach((op) => {
223
- newDelta.insert(
224
- op.insert,
225
- Object.assign({}, op.attributes, {
226
- size: fontSize
227
- })
228
- );
229
- });
230
- return newDelta;
231
- }
232
- function matchList(node, delta) {
233
- const value = node.tagName === "UL" ? "bullet" : "ordered";
234
- delta.forEach((op) => {
235
- if (typeof op.attributes.list === "string") {
236
- delete op.attributes.list;
237
- } else if (typeof op.attributes.list === "object" && !op.attributes.list.value) {
238
- op.attributes.list.value = value;
239
- }
240
- });
241
- return delta;
242
- }
243
- function matchInline(node, delta, scroll) {
244
- const quill = Quill.find(scroll.domNode.parentNode);
245
- const currentRange = quill.getSelection();
246
- const formats = currentRange && quill.getFormat(currentRange);
247
- if (formats && formats["table-cell-line"] && node.nextElementSibling) {
248
- const match = scroll.query(node);
249
- const nodeHtml = node.nextElementSibling.innerHTML;
250
- const nodeText = node.nextElementSibling.textContent;
251
- if (match && match.prototype instanceof InlineBlot || node.tagName === "P" && nodeHtml !== nodeText) {
252
- delta.forEach((op) => {
253
- op.insert += "\n";
254
- });
255
- }
256
- }
257
- return delta;
258
- }
259
- function matchWordShapeImage(node, delta) {
260
- var _a;
261
- if (node) {
262
- const imageUrl = (_a = node.attributes.src) == null ? void 0 : _a.nodeValue;
263
- delta = new Delta().insert({ image: imageUrl });
264
- }
265
- return delta;
266
- }
267
- function matchMentionLink(node, delta, scroll) {
268
- const name = node.dataset.mentionId;
269
- if (name) {
270
- const quill = Quill.find(scroll.domNode.parentNode);
271
- const mention = quill.getModule("mention");
272
- if (mention) {
273
- mention.options.search(name).then((res) => {
274
- const [item] = res;
275
- if (item) {
276
- mention.options.select(item);
277
- }
278
- });
279
- }
280
- }
281
- return delta;
282
- }
283
- exports.matchHeader = matchHeader;
284
- exports.matchInline = matchInline;
285
- exports.matchList = matchList;
286
- exports.matchMentionLink = matchMentionLink;
287
- exports.matchTable = matchTable;
288
- exports.matchTableCell = matchTableCell;
289
- exports.matchTableHeader = matchTableHeader;
290
- exports.matchTableRow = matchTableRow;
291
- exports.matchWordShapeImage = matchWordShapeImage;
292
- //# sourceMappingURL=node-matchers.cjs.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"node-matchers.cjs.js","sources":["../../../../../src/modules/table/utils/node-matchers.ts"],"sourcesContent":["import Quill from 'quill'\r\nimport { omit, splitWithBreak } from '../../../config/editor.utils'\r\nimport { cellId as tableCellId, rowId as tableRowId, TableViewWrapper } from '../formats/table'\r\nimport { CELL_MIN_WIDTH } from '../table-config'\r\n\r\nconst Delta = Quill.imports.delta\r\nconst InlineBlot = Quill.imports.parchment.InlineBlot\r\n\r\n// rebuild delta\r\nexport function matchTableCell(node, delta) {\r\n // fix: 移除旧数据中的pt高度,避免由于高度平均分导致无法插入行\r\n if (node.style.height.indexOf('pt')) {\r\n node.removeAttribute('style')\r\n }\r\n\r\n const row = node.parentNode\r\n let rowId = row.dataset.row\r\n if (!rowId) {\r\n rowId = row.dataset.row = tableRowId()\r\n }\r\n let cellId = node.dataset.cell\r\n // fix: dataset.cell in td will be 'undefined' when insert row/column\r\n if (!cellId || cellId === 'undefined') {\r\n cellId = tableCellId()\r\n }\r\n const colspan = node.getAttribute('colspan') || 1\r\n const rowspan = node.getAttribute('rowspan') || 1\r\n\r\n // fix: empty table cells copied from other place will be removed unexpectedly\r\n if (delta.length() === 0) {\r\n delta = new Delta().insert('\\n', {\r\n 'table-cell-line': { row: rowId, cell: cellId, rowspan, colspan },\r\n })\r\n return delta\r\n }\r\n\r\n delta = delta.reduce((newDelta, op) => {\r\n if (op.insert && typeof op.insert === 'string') {\r\n const lines = splitWithBreak(op.insert)\r\n\r\n lines.forEach((text) => {\r\n if (text === '\\n') {\r\n let attributes = {}\r\n const cellAttributes = {\r\n row: rowId,\r\n cell: cellId,\r\n rowspan,\r\n colspan,\r\n }\r\n if (op.attributes.table) {\r\n delete op.attributes.table\r\n }\r\n switch (true) {\r\n case !!op.attributes.header:\r\n attributes = Object.assign(op.attributes.header, cellAttributes)\r\n break\r\n case !!op.attributes.list:\r\n attributes = { list: Object.assign(op.attributes.list, cellAttributes) }\r\n break\r\n default:\r\n attributes = { 'table-cell-line': cellAttributes }\r\n }\r\n // fix: when td has background-color, quill can't set it to table-cell bolt\r\n if (op.attributes.background && attributes['table-cell-line']) {\r\n attributes['table-cell-line'].tdBgColor = op.attributes.background\r\n }\r\n newDelta.insert('\\n', Object.assign(op.attributes, attributes))\r\n }\r\n else {\r\n newDelta.insert(text, omit(op.attributes, ['table', 'table-cell-line', 'header', 'list']))\r\n }\r\n })\r\n }\r\n else {\r\n newDelta.insert(op.insert, op.attributes)\r\n }\r\n\r\n return newDelta\r\n }, new Delta())\r\n\r\n // fix: table cell height becomes larger(because insert unnecessary <div> on both sides of cell) when init table ngModel\r\n const regexp = /^[\\n]+$/\r\n const firstDelta = delta.ops[0]\r\n if (delta.ops.length >= 3) {\r\n const lastDelta = delta.ops[delta.ops.length - 1]\r\n if (regexp.test(firstDelta.insert) && firstDelta.attributes['table-cell-line']) {\r\n delta.ops.splice(0, 1)\r\n }\r\n if (regexp.test(lastDelta.insert) && lastDelta.attributes['table-cell-line']) {\r\n delta.ops[delta.ops.length - 1].insert = '\\n'\r\n }\r\n }\r\n else if (delta.ops.length === 1 && regexp.test(firstDelta.insert) && firstDelta.attributes['table-cell-line']) {\r\n delta.ops[0].insert = '\\n'\r\n }\r\n\r\n return delta\r\n}\r\n\r\n// replace th tag with td tag\r\nexport function matchTableHeader(node, delta, _scroll) {\r\n const row = node.parentNode\r\n const cells = Array.from(row.querySelectorAll('th'))\r\n let rowId = row.dataset.row\r\n if (!rowId) {\r\n rowId = row.dataset.row = tableRowId()\r\n }\r\n const cellId = cells.indexOf(node) + 1\r\n const colspan = node.getAttribute('colspan') || false\r\n const rowspan = node.getAttribute('rowspan') || false\r\n\r\n // fix: empty table cells copied from other place will be removed unexpectedly\r\n if (delta.length() === 0) {\r\n delta = new Delta().insert('\\n', {\r\n 'table-cell-line': { row: rowId, cell: cellId, rowspan, colspan },\r\n })\r\n return delta\r\n }\r\n\r\n delta = delta.reduce((newDelta, op) => {\r\n if (op.insert && typeof op.insert === 'string') {\r\n const lines = splitWithBreak(op.insert)\r\n\r\n // fix: no '\\n' in the end of op.insert, push a '\\n' to lines\r\n if (lines[lines.length - 1] !== '\\n') {\r\n lines.push('\\n')\r\n }\r\n\r\n lines.forEach((text) => {\r\n text === '\\n'\r\n ? newDelta.insert('\\n', { 'table-cell-line': { row: rowId, cell: cellId, rowspan, colspan } })\r\n : newDelta.insert(text, op.attributes)\r\n })\r\n }\r\n else {\r\n newDelta.insert(op.insert, op.attributes)\r\n }\r\n\r\n return newDelta\r\n }, new Delta())\r\n\r\n delta = delta.reduce((newDelta, op) => {\r\n if (op.insert && typeof op.insert === 'string' && op.insert.startsWith('\\n')) {\r\n newDelta.insert(op.insert, { 'table-cell-line': { row: rowId, cell: cellId, rowspan, colspan } })\r\n }\r\n else {\r\n newDelta.insert(op.insert, { ...omit(op.attributes, ['table', 'table-cell-line']) })\r\n }\r\n\r\n return newDelta\r\n }, new Delta())\r\n\r\n return delta\r\n}\r\n\r\n// supplement colgroup and col\r\nexport function matchTable(node, delta, scroll) {\r\n const isWordTable = node.children.length === 1\r\n if (!(node instanceof Element)) {\r\n return\r\n }\r\n const getMaxColNumber = (tds) => {\r\n if (isWordTable) {\r\n return tds.length\r\n }\r\n let colsNumber = 0\r\n tds.forEach((td) => {\r\n colsNumber += td.colSpan\r\n })\r\n return Math.max(tds.length, colsNumber)\r\n }\r\n\r\n const checkMinWidth = (width) => {\r\n if (Number.isNaN(width)) {\r\n // 无指定值时默认为auto,待渲染后修正\r\n return { 'table-col': { width: 'auto' } }\r\n }\r\n else if (width < CELL_MIN_WIDTH) {\r\n // 当列宽度小于默认宽度时取默认宽度\r\n return { 'table-col': true }\r\n }\r\n else {\r\n // 大于默认值取实际指定值\r\n return { 'table-col': { width } }\r\n }\r\n }\r\n\r\n // fix: a table with an empty tr is invalid, should not be displayed\r\n const rows = node.querySelectorAll('tr')\r\n const topRow = rows[0]\r\n const onlyEmptyTr = rows.length === 1 && !topRow.querySelector('td')\r\n\r\n // fix: empty table will return empty delta\r\n if (!topRow || onlyEmptyTr) {\r\n return new Delta().insert('\\n')\r\n }\r\n\r\n const colsNumber = node.querySelectorAll('col').length\r\n let maxCellsNumber = 0\r\n let maxCells\r\n // 遍历行获取最大列数和该行的所有单元格\r\n Array.prototype.slice.call(rows).forEach((row) => {\r\n const tds = row.querySelectorAll('td')\r\n maxCellsNumber = Math.max(getMaxColNumber(tds), maxCellsNumber)\r\n maxCells = tds\r\n })\r\n\r\n // 列的累计器\r\n let colCount = 0\r\n delta = delta.reduce((newDelta, op) => {\r\n // 当colCount与colsNumber相等时,则补充相差列\r\n if (colCount === colsNumber) {\r\n const fillNumber = maxCellsNumber - colCount\r\n const outset = colCount\r\n // index为差值列索引,通过遍历差值得到mexCells行中对应索引的单元格宽度\r\n for (let i = 0; i < fillNumber; i++) {\r\n const index = outset + i\r\n const colWidth = Number.parseInt(\r\n index < maxCells.length\r\n ? maxCells[index].width\r\n // maxCells[index].style && maxCells[index].style.width ? maxCells[index].style.width :\r\n : maxCells[maxCells.length - 1].width,\r\n 10,\r\n )\r\n newDelta.insert('\\n', checkMinWidth(colWidth))\r\n colCount++\r\n }\r\n }\r\n const attr = op.attributes || {}\r\n switch (true) {\r\n case !!attr['table-col']:\r\n // 只有当前列数小于实际总列数才操作,所以不存在大于的情况\r\n if (colCount < maxCellsNumber) {\r\n // 当table-col宽度一致时会合并为单一insert,insert长度大于1,截取符合实际总列数的长度来插入\r\n const insert = op.insert.slice(0, maxCellsNumber)\r\n const colWidth = Number.parseInt(attr['table-col'].width, 10)\r\n newDelta.insert(insert, checkMinWidth(colWidth))\r\n colCount += insert.length\r\n }\r\n break\r\n case !!attr.notFilled:\r\n { // 将标记的空tr填充对应列数的单元格\r\n const rowId = tableRowId()\r\n for (let x = 0; x < maxCellsNumber; x++) {\r\n newDelta.insert('\\n', { 'table-cell-line': { row: rowId, cell: tableCellId(), rowspan: 1, colspan: 1 } })\r\n }\r\n break }\r\n default:\r\n newDelta.insert(op.insert, op.attributes)\r\n }\r\n return newDelta\r\n }, new Delta())\r\n\r\n const tableItem = node.closest('.quill-better-table-wrapper') || node\r\n const prevBlot = tableItem.previousElementSibling && scroll.query(tableItem.previousElementSibling)\r\n const nextBlot = tableItem.nextElementSibling && scroll.query(tableItem.nextElementSibling)\r\n // fix: prevent two adjacent tables from sticking together\r\n if (!nextBlot || nextBlot.prototype instanceof InlineBlot) {\r\n delta = delta.insert('\\n')\r\n }\r\n // fix: When there is no line break in front of the table, pressing the Enter key will cause a problem with the table.\r\n if (!prevBlot || prevBlot.prototype instanceof InlineBlot) {\r\n const newLine = new Delta().insert('\\n')\r\n delta = newLine.concat(delta)\r\n }\r\n if (nextBlot === TableViewWrapper) {\r\n delta = delta.insert('\\n')\r\n }\r\n\r\n return delta\r\n}\r\n\r\nexport function matchTableRow(_node, delta) {\r\n // fix: 处理空<tr>标签被忽略的情况\r\n if (delta.ops.length === 1 && !delta.ops[0].attributes) {\r\n delta = new Delta().insert('\\n', { notFilled: true })\r\n }\r\n return delta\r\n}\r\n\r\n// match h tags, distinguish between headers in the table and headers outside the table\r\nexport function matchHeader(node, delta) {\r\n const newDelta = new Delta()\r\n const fontSize = node.style.fontSize\r\n delta.forEach((op) => {\r\n newDelta.insert(\r\n op.insert,\r\n Object.assign({}, op.attributes, {\r\n size: fontSize,\r\n }),\r\n )\r\n })\r\n return newDelta\r\n}\r\n\r\nexport function matchList(node, delta) {\r\n const value = node.tagName === 'UL' ? 'bullet' : 'ordered'\r\n delta.forEach((op) => {\r\n if (typeof op.attributes.list === 'string') {\r\n delete op.attributes.list\r\n }\r\n else if (typeof op.attributes.list === 'object' && !op.attributes.list.value) {\r\n op.attributes.list.value = value\r\n }\r\n })\r\n return delta\r\n}\r\n\r\nexport function matchInline(node, delta, scroll) {\r\n const quill = Quill.find(scroll.domNode.parentNode)\r\n const currentRange = quill.getSelection()\r\n const formats = currentRange && quill.getFormat(currentRange)\r\n if (\r\n formats\r\n && formats['table-cell-line'] // 当前光标节点在表格内,否则不操作delta\r\n && node.nextElementSibling\r\n ) {\r\n // 插入节点是否存在下一个兄弟元素\r\n const match = scroll.query(node)\r\n const nodeHtml = node.nextElementSibling.innerHTML\r\n const nodeText = node.nextElementSibling.textContent\r\n if (\r\n (match && match.prototype instanceof InlineBlot) // 判断当前节点是否为内联\r\n || (node.tagName === 'P' && nodeHtml !== nodeText)\r\n ) {\r\n // 非内联时如果为P且下一个不为text节点\r\n delta.forEach((op) => {\r\n op.insert += '\\n'\r\n })\r\n }\r\n }\r\n return delta\r\n}\r\n\r\n// 匹配 word 自带的 v:shape 标签中的图片 v:imageData\r\nexport function matchWordShapeImage(node, delta) {\r\n if (node) {\r\n const imageUrl = node.attributes.src?.nodeValue\r\n delta = new Delta().insert({ image: imageUrl })\r\n }\r\n return delta\r\n}\r\n\r\nexport function matchMentionLink(node, delta, scroll) {\r\n const name = node.dataset.mentionId\r\n if (name) {\r\n const quill = Quill.find(scroll.domNode.parentNode)\r\n const mention = quill.getModule('mention')\r\n if (mention) {\r\n mention.options.search(name).then((res) => {\r\n const [item] = res\r\n if (item) {\r\n mention.options.select(item)\r\n }\r\n })\r\n }\r\n }\r\n return delta\r\n}\r\n"],"names":["tableRowId","tableCellId","splitWithBreak","omit","colsNumber","CELL_MIN_WIDTH","TableViewWrapper"],"mappings":"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"}