dtable-ui-component 0.1.72 → 0.1.75-beta1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/assets/dtable-font/dtable-font.eot +0 -0
- package/assets/dtable-font/dtable-font.svg +441 -405
- package/assets/dtable-font/dtable-font.ttf +0 -0
- package/assets/dtable-font/dtable-font.woff +0 -0
- package/assets/dtable-font/dtable-font.woff2 +0 -0
- package/assets/dtable-font.css +352 -11
- package/es/components/cell-formatter/collaborator-formatter.js +0 -1
- package/es/components/cell-formatter/creator-formatter.js +1 -2
- package/es/components/cell-formatter/last-modifier-formatter.js +1 -2
- package/es/utils/normalize-long-text-value.js +2 -2
- package/lib/components/cell-formatter/collaborator-formatter.js +0 -1
- package/lib/components/cell-formatter/creator-formatter.js +1 -2
- package/lib/components/cell-formatter/last-modifier-formatter.js +1 -2
- package/lib/utils/normalize-long-text-value.js +2 -2
- package/package.json +2 -4
- package/es/utils/long-text-utils.js +0 -10
- package/es/utils/slate2markdown/index.js +0 -408
- package/lib/utils/long-text-utils.js +0 -18
- package/lib/utils/slate2markdown/index.js +0 -372
|
@@ -1,408 +0,0 @@
|
|
|
1
|
-
import _createForOfIteratorHelper from "@babel/runtime/helpers/esm/createForOfIteratorHelper";
|
|
2
|
-
import { Text, Node } from 'slate';
|
|
3
|
-
import { isEmptyParagraph } from '../long-text-utils';
|
|
4
|
-
|
|
5
|
-
var unified = require('../unified');
|
|
6
|
-
|
|
7
|
-
var stringify = require('remark-stringify');
|
|
8
|
-
|
|
9
|
-
var math = require('remark-math/block');
|
|
10
|
-
|
|
11
|
-
var processor = unified().use(stringify, {
|
|
12
|
-
rule: '-',
|
|
13
|
-
ruleSpaces: false,
|
|
14
|
-
listItemIndent: 1,
|
|
15
|
-
bullet: '*',
|
|
16
|
-
commonmark: true,
|
|
17
|
-
fences: true
|
|
18
|
-
}).use(math);
|
|
19
|
-
|
|
20
|
-
function _applyMark(node, markString) {
|
|
21
|
-
switch (markString) {
|
|
22
|
-
case 'BOLD':
|
|
23
|
-
return {
|
|
24
|
-
type: 'strong',
|
|
25
|
-
children: [node]
|
|
26
|
-
};
|
|
27
|
-
|
|
28
|
-
case 'ITALIC':
|
|
29
|
-
return {
|
|
30
|
-
type: 'emphasis',
|
|
31
|
-
children: [node]
|
|
32
|
-
};
|
|
33
|
-
|
|
34
|
-
case 'CODE':
|
|
35
|
-
return {
|
|
36
|
-
type: 'inlineCode',
|
|
37
|
-
value: node.value
|
|
38
|
-
};
|
|
39
|
-
|
|
40
|
-
default:
|
|
41
|
-
console.log('unknown mark string: ' + markString);
|
|
42
|
-
return node;
|
|
43
|
-
}
|
|
44
|
-
}
|
|
45
|
-
|
|
46
|
-
function _text2MdNodes(node) {
|
|
47
|
-
var mdNode = {};
|
|
48
|
-
var textKeys = Object.keys(node);
|
|
49
|
-
var marks = [];
|
|
50
|
-
textKeys.forEach(function (key) {
|
|
51
|
-
if (node[key] && key !== 'text') marks.push(key);
|
|
52
|
-
});
|
|
53
|
-
|
|
54
|
-
if (marks.length === 0) {
|
|
55
|
-
mdNode = {
|
|
56
|
-
type: 'text',
|
|
57
|
-
value: node.text
|
|
58
|
-
};
|
|
59
|
-
} else {
|
|
60
|
-
mdNode = {
|
|
61
|
-
type: 'text',
|
|
62
|
-
value: node.text
|
|
63
|
-
};
|
|
64
|
-
|
|
65
|
-
var _iterator = _createForOfIteratorHelper(marks),
|
|
66
|
-
_step;
|
|
67
|
-
|
|
68
|
-
try {
|
|
69
|
-
for (_iterator.s(); !(_step = _iterator.n()).done;) {
|
|
70
|
-
var mark = _step.value;
|
|
71
|
-
mdNode = _applyMark(mdNode, mark);
|
|
72
|
-
}
|
|
73
|
-
} catch (err) {
|
|
74
|
-
_iterator.e(err);
|
|
75
|
-
} finally {
|
|
76
|
-
_iterator.f();
|
|
77
|
-
}
|
|
78
|
-
}
|
|
79
|
-
|
|
80
|
-
return mdNode;
|
|
81
|
-
}
|
|
82
|
-
|
|
83
|
-
function _image2MdNode(node) {
|
|
84
|
-
if (node.data.height || node.data.width) {
|
|
85
|
-
var text = '<img ';
|
|
86
|
-
|
|
87
|
-
for (var key in node.data) {
|
|
88
|
-
text = text + key + '="' + node.data[key] + '" ';
|
|
89
|
-
}
|
|
90
|
-
|
|
91
|
-
text += '/>';
|
|
92
|
-
return [{
|
|
93
|
-
type: 'html',
|
|
94
|
-
value: text
|
|
95
|
-
}];
|
|
96
|
-
} else {
|
|
97
|
-
return {
|
|
98
|
-
type: 'image',
|
|
99
|
-
url: node.data.src,
|
|
100
|
-
alt: node.data.alt ? node.data.alt : null,
|
|
101
|
-
title: node.data.title ? node.data.title : null
|
|
102
|
-
};
|
|
103
|
-
}
|
|
104
|
-
}
|
|
105
|
-
|
|
106
|
-
function getTableAlignments(node) {
|
|
107
|
-
var alignments = [];
|
|
108
|
-
node.children[0].children.forEach(function (cell) {
|
|
109
|
-
var alignment = cell.data ? cell.data.align : 'left';
|
|
110
|
-
alignments.push(alignment);
|
|
111
|
-
});
|
|
112
|
-
return alignments;
|
|
113
|
-
}
|
|
114
|
-
|
|
115
|
-
function addChildNodeOrNodes(children, childNodeOrNodes) {
|
|
116
|
-
if (childNodeOrNodes instanceof Array) {
|
|
117
|
-
childNodeOrNodes.map(function (item) {
|
|
118
|
-
return children.push(item);
|
|
119
|
-
});
|
|
120
|
-
} else {
|
|
121
|
-
if (childNodeOrNodes !== undefined) children.push(childNodeOrNodes);
|
|
122
|
-
}
|
|
123
|
-
}
|
|
124
|
-
|
|
125
|
-
function parseChildren(node) {
|
|
126
|
-
var children = [];
|
|
127
|
-
|
|
128
|
-
var _iterator2 = _createForOfIteratorHelper(node.children),
|
|
129
|
-
_step2;
|
|
130
|
-
|
|
131
|
-
try {
|
|
132
|
-
for (_iterator2.s(); !(_step2 = _iterator2.n()).done;) {
|
|
133
|
-
var child = _step2.value;
|
|
134
|
-
|
|
135
|
-
var ret = _slateNodeToMD(child);
|
|
136
|
-
|
|
137
|
-
addChildNodeOrNodes(children, ret);
|
|
138
|
-
}
|
|
139
|
-
} catch (err) {
|
|
140
|
-
_iterator2.e(err);
|
|
141
|
-
} finally {
|
|
142
|
-
_iterator2.f();
|
|
143
|
-
}
|
|
144
|
-
|
|
145
|
-
return children;
|
|
146
|
-
}
|
|
147
|
-
|
|
148
|
-
function _slateNodeToMD(node) {
|
|
149
|
-
if (!Text.isText(node)) {
|
|
150
|
-
var mdNodes;
|
|
151
|
-
|
|
152
|
-
switch (node.type) {
|
|
153
|
-
case 'paragraph':
|
|
154
|
-
mdNodes = parseChildren(node);
|
|
155
|
-
return {
|
|
156
|
-
type: 'paragraph',
|
|
157
|
-
children: mdNodes
|
|
158
|
-
};
|
|
159
|
-
|
|
160
|
-
case 'header_one':
|
|
161
|
-
mdNodes = parseChildren(node);
|
|
162
|
-
return {
|
|
163
|
-
type: 'heading',
|
|
164
|
-
depth: 1,
|
|
165
|
-
children: mdNodes
|
|
166
|
-
};
|
|
167
|
-
|
|
168
|
-
case 'header_two':
|
|
169
|
-
mdNodes = parseChildren(node);
|
|
170
|
-
return {
|
|
171
|
-
type: 'heading',
|
|
172
|
-
depth: 2,
|
|
173
|
-
children: mdNodes
|
|
174
|
-
};
|
|
175
|
-
|
|
176
|
-
case 'header_three':
|
|
177
|
-
mdNodes = parseChildren(node);
|
|
178
|
-
return {
|
|
179
|
-
type: 'heading',
|
|
180
|
-
depth: 3,
|
|
181
|
-
children: mdNodes
|
|
182
|
-
};
|
|
183
|
-
|
|
184
|
-
case 'header_four':
|
|
185
|
-
mdNodes = parseChildren(node);
|
|
186
|
-
return {
|
|
187
|
-
type: 'heading',
|
|
188
|
-
depth: 4,
|
|
189
|
-
children: mdNodes
|
|
190
|
-
};
|
|
191
|
-
|
|
192
|
-
case 'header_five':
|
|
193
|
-
mdNodes = parseChildren(node);
|
|
194
|
-
return {
|
|
195
|
-
type: 'heading',
|
|
196
|
-
depth: 5,
|
|
197
|
-
children: mdNodes
|
|
198
|
-
};
|
|
199
|
-
|
|
200
|
-
case 'header_six':
|
|
201
|
-
mdNodes = parseChildren(node);
|
|
202
|
-
return {
|
|
203
|
-
type: 'heading',
|
|
204
|
-
depth: 6,
|
|
205
|
-
children: mdNodes
|
|
206
|
-
};
|
|
207
|
-
|
|
208
|
-
case 'hr':
|
|
209
|
-
return {
|
|
210
|
-
type: 'thematicBreak'
|
|
211
|
-
};
|
|
212
|
-
|
|
213
|
-
case 'ordered_list':
|
|
214
|
-
mdNodes = parseChildren(node);
|
|
215
|
-
var loose = false;
|
|
216
|
-
|
|
217
|
-
var _iterator3 = _createForOfIteratorHelper(mdNodes),
|
|
218
|
-
_step3;
|
|
219
|
-
|
|
220
|
-
try {
|
|
221
|
-
for (_iterator3.s(); !(_step3 = _iterator3.n()).done;) {
|
|
222
|
-
var _node = _step3.value;
|
|
223
|
-
|
|
224
|
-
if (_node.loose === true) {
|
|
225
|
-
loose = true;
|
|
226
|
-
break;
|
|
227
|
-
}
|
|
228
|
-
}
|
|
229
|
-
} catch (err) {
|
|
230
|
-
_iterator3.e(err);
|
|
231
|
-
} finally {
|
|
232
|
-
_iterator3.f();
|
|
233
|
-
}
|
|
234
|
-
|
|
235
|
-
return {
|
|
236
|
-
type: 'list',
|
|
237
|
-
ordered: true,
|
|
238
|
-
start: 1,
|
|
239
|
-
loose: loose,
|
|
240
|
-
children: mdNodes
|
|
241
|
-
};
|
|
242
|
-
|
|
243
|
-
case 'unordered_list':
|
|
244
|
-
mdNodes = parseChildren(node);
|
|
245
|
-
var loose = false;
|
|
246
|
-
|
|
247
|
-
var _iterator4 = _createForOfIteratorHelper(mdNodes),
|
|
248
|
-
_step4;
|
|
249
|
-
|
|
250
|
-
try {
|
|
251
|
-
for (_iterator4.s(); !(_step4 = _iterator4.n()).done;) {
|
|
252
|
-
var _node2 = _step4.value;
|
|
253
|
-
|
|
254
|
-
if (_node2.loose === true) {
|
|
255
|
-
loose = true;
|
|
256
|
-
break;
|
|
257
|
-
}
|
|
258
|
-
}
|
|
259
|
-
} catch (err) {
|
|
260
|
-
_iterator4.e(err);
|
|
261
|
-
} finally {
|
|
262
|
-
_iterator4.f();
|
|
263
|
-
}
|
|
264
|
-
|
|
265
|
-
return {
|
|
266
|
-
type: 'list',
|
|
267
|
-
ordered: false,
|
|
268
|
-
start: 1,
|
|
269
|
-
loose: loose,
|
|
270
|
-
children: mdNodes
|
|
271
|
-
};
|
|
272
|
-
|
|
273
|
-
case 'list_item':
|
|
274
|
-
mdNodes = parseChildren(node);
|
|
275
|
-
var loose = false;
|
|
276
|
-
|
|
277
|
-
if (mdNodes) {
|
|
278
|
-
if (mdNodes.length === 1) {
|
|
279
|
-
loose = false;
|
|
280
|
-
} else if (mdNodes.length === 2 && mdNodes[1].type === 'list') {
|
|
281
|
-
loose = false;
|
|
282
|
-
} else {
|
|
283
|
-
loose = true;
|
|
284
|
-
}
|
|
285
|
-
}
|
|
286
|
-
|
|
287
|
-
return {
|
|
288
|
-
type: 'listItem',
|
|
289
|
-
loose: loose,
|
|
290
|
-
checked: node.data.checked !== undefined ? node.data.checked : null,
|
|
291
|
-
children: mdNodes
|
|
292
|
-
};
|
|
293
|
-
|
|
294
|
-
case 'code_block':
|
|
295
|
-
mdNodes = parseChildren(node);
|
|
296
|
-
return {
|
|
297
|
-
type: 'code',
|
|
298
|
-
lang: node.data.syntax ? node.data.syntax : null,
|
|
299
|
-
value: mdNodes.join('')
|
|
300
|
-
};
|
|
301
|
-
|
|
302
|
-
case 'code_line':
|
|
303
|
-
return Node.text(node) + '\n';
|
|
304
|
-
|
|
305
|
-
case 'table':
|
|
306
|
-
mdNodes = parseChildren(node);
|
|
307
|
-
return {
|
|
308
|
-
type: 'table',
|
|
309
|
-
align: getTableAlignments(node),
|
|
310
|
-
children: mdNodes
|
|
311
|
-
};
|
|
312
|
-
|
|
313
|
-
case 'table_row':
|
|
314
|
-
mdNodes = parseChildren(node);
|
|
315
|
-
return {
|
|
316
|
-
type: 'tableRow',
|
|
317
|
-
children: mdNodes
|
|
318
|
-
};
|
|
319
|
-
|
|
320
|
-
case 'table_cell':
|
|
321
|
-
mdNodes = parseChildren(node);
|
|
322
|
-
return {
|
|
323
|
-
type: 'tableCell',
|
|
324
|
-
children: mdNodes
|
|
325
|
-
};
|
|
326
|
-
|
|
327
|
-
case 'blockquote':
|
|
328
|
-
mdNodes = parseChildren(node);
|
|
329
|
-
return {
|
|
330
|
-
type: 'blockquote',
|
|
331
|
-
children: mdNodes
|
|
332
|
-
};
|
|
333
|
-
|
|
334
|
-
case 'html_block':
|
|
335
|
-
return {
|
|
336
|
-
type: 'html',
|
|
337
|
-
value: node.data.html
|
|
338
|
-
};
|
|
339
|
-
|
|
340
|
-
case 'image':
|
|
341
|
-
return _image2MdNode(node);
|
|
342
|
-
|
|
343
|
-
case 'link':
|
|
344
|
-
mdNodes = parseChildren(node);
|
|
345
|
-
return {
|
|
346
|
-
type: 'link',
|
|
347
|
-
url: node.data.href,
|
|
348
|
-
title: node.data.title ? node.data.title : null,
|
|
349
|
-
children: mdNodes
|
|
350
|
-
};
|
|
351
|
-
|
|
352
|
-
case 'formula':
|
|
353
|
-
// eslint-disable-next-line no-case-declarations
|
|
354
|
-
var data = node.data;
|
|
355
|
-
return {
|
|
356
|
-
type: 'math',
|
|
357
|
-
value: data.formula
|
|
358
|
-
};
|
|
359
|
-
|
|
360
|
-
default:
|
|
361
|
-
// turn the block to paragraph default when it`s type is unknown
|
|
362
|
-
mdNodes = parseChildren(node);
|
|
363
|
-
return {
|
|
364
|
-
type: 'paragraph',
|
|
365
|
-
children: mdNodes
|
|
366
|
-
};
|
|
367
|
-
}
|
|
368
|
-
} else if (Text.isText(node)) {
|
|
369
|
-
return _text2MdNodes(node);
|
|
370
|
-
}
|
|
371
|
-
}
|
|
372
|
-
/**
|
|
373
|
-
* @param value : a JSON object of editor value
|
|
374
|
-
* @returns markdownContent
|
|
375
|
-
*/
|
|
376
|
-
|
|
377
|
-
|
|
378
|
-
function serialize(value) {
|
|
379
|
-
// Return an empty string when the article only has an empty paragraph
|
|
380
|
-
if (value.length === 1 && isEmptyParagraph(value[0])) {
|
|
381
|
-
return '';
|
|
382
|
-
}
|
|
383
|
-
|
|
384
|
-
var children = [];
|
|
385
|
-
|
|
386
|
-
var _iterator5 = _createForOfIteratorHelper(value),
|
|
387
|
-
_step5;
|
|
388
|
-
|
|
389
|
-
try {
|
|
390
|
-
for (_iterator5.s(); !(_step5 = _iterator5.n()).done;) {
|
|
391
|
-
var child = _step5.value;
|
|
392
|
-
addChildNodeOrNodes(children, _slateNodeToMD(child));
|
|
393
|
-
}
|
|
394
|
-
} catch (err) {
|
|
395
|
-
_iterator5.e(err);
|
|
396
|
-
} finally {
|
|
397
|
-
_iterator5.f();
|
|
398
|
-
}
|
|
399
|
-
|
|
400
|
-
var root = {
|
|
401
|
-
type: 'root',
|
|
402
|
-
children: children
|
|
403
|
-
};
|
|
404
|
-
var content = processor.stringify(root);
|
|
405
|
-
return content;
|
|
406
|
-
}
|
|
407
|
-
|
|
408
|
-
export { serialize };
|
|
@@ -1,18 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
exports.__esModule = true;
|
|
4
|
-
exports.isEmptyParagraph = void 0;
|
|
5
|
-
|
|
6
|
-
var _slate = require("slate");
|
|
7
|
-
|
|
8
|
-
var isEmptyParagraph = function isEmptyParagraph(node) {
|
|
9
|
-
if (node.type !== 'paragraph') return false;
|
|
10
|
-
|
|
11
|
-
if (node.children.length === 1 && _slate.Text.isText(node.children[0]) && _slate.Node.text(node).length === 0) {
|
|
12
|
-
return true;
|
|
13
|
-
}
|
|
14
|
-
|
|
15
|
-
return false;
|
|
16
|
-
};
|
|
17
|
-
|
|
18
|
-
exports.isEmptyParagraph = isEmptyParagraph;
|