suneditor 2.47.5 → 2.47.7

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 (141) hide show
  1. package/LICENSE.txt +20 -20
  2. package/README.md +1625 -1613
  3. package/dist/css/suneditor.min.css +1 -1
  4. package/dist/suneditor.min.js +2 -2
  5. package/example.md +586 -586
  6. package/package.json +71 -71
  7. package/src/assets/css/suneditor-contents.css +561 -561
  8. package/src/assets/css/suneditor.css +2 -2
  9. package/src/assets/defaultIcons.js +103 -103
  10. package/src/lang/Lang.d.ts +143 -143
  11. package/src/lang/ckb.d.ts +4 -4
  12. package/src/lang/ckb.js +187 -187
  13. package/src/lang/cs.d.ts +4 -4
  14. package/src/lang/cs.js +187 -187
  15. package/src/lang/da.d.ts +4 -4
  16. package/src/lang/da.js +191 -191
  17. package/src/lang/de.d.ts +4 -4
  18. package/src/lang/de.js +188 -188
  19. package/src/lang/en.d.ts +4 -4
  20. package/src/lang/en.js +187 -187
  21. package/src/lang/es.d.ts +4 -4
  22. package/src/lang/es.js +187 -187
  23. package/src/lang/fa.d.ts +4 -4
  24. package/src/lang/fa.js +187 -187
  25. package/src/lang/fr.d.ts +4 -4
  26. package/src/lang/fr.js +188 -188
  27. package/src/lang/he.d.ts +4 -4
  28. package/src/lang/he.js +188 -188
  29. package/src/lang/hu.d.ts +5 -5
  30. package/src/lang/hu.js +188 -188
  31. package/src/lang/index.d.ts +25 -24
  32. package/src/lang/index.js +30 -27
  33. package/src/lang/it.d.ts +4 -4
  34. package/src/lang/it.js +188 -188
  35. package/src/lang/ja.d.ts +4 -4
  36. package/src/lang/ja.js +187 -187
  37. package/src/lang/km.d.ts +5 -0
  38. package/src/lang/km.js +188 -0
  39. package/src/lang/ko.d.ts +4 -4
  40. package/src/lang/ko.js +187 -187
  41. package/src/lang/lv.d.ts +4 -4
  42. package/src/lang/lv.js +187 -187
  43. package/src/lang/nl.d.ts +4 -4
  44. package/src/lang/nl.js +187 -187
  45. package/src/lang/pl.d.ts +4 -4
  46. package/src/lang/pl.js +187 -187
  47. package/src/lang/pt_br.d.ts +4 -4
  48. package/src/lang/pt_br.js +189 -189
  49. package/src/lang/ro.d.ts +4 -4
  50. package/src/lang/ro.js +187 -187
  51. package/src/lang/ru.d.ts +4 -4
  52. package/src/lang/ru.js +187 -187
  53. package/src/lang/se.d.ts +4 -4
  54. package/src/lang/se.js +191 -191
  55. package/src/lang/tr.d.ts +5 -5
  56. package/src/lang/tr.js +191 -191
  57. package/src/lang/ua.d.ts +5 -5
  58. package/src/lang/ua.js +188 -188
  59. package/src/lang/ur.d.ts +4 -4
  60. package/src/lang/ur.js +187 -187
  61. package/src/lang/zh_cn.d.ts +4 -4
  62. package/src/lang/zh_cn.js +187 -187
  63. package/src/lib/constructor.js +0 -0
  64. package/src/lib/context.d.ts +42 -42
  65. package/src/lib/context.js +0 -0
  66. package/src/lib/core.d.ts +1135 -1135
  67. package/src/lib/core.js +9 -3
  68. package/src/lib/history.d.ts +48 -48
  69. package/src/lib/history.js +218 -218
  70. package/src/lib/util.d.ts +677 -677
  71. package/src/lib/util.js +1 -1
  72. package/src/options.d.ts +621 -620
  73. package/src/plugins/CommandPlugin.d.ts +7 -7
  74. package/src/plugins/DialogPlugin.d.ts +19 -19
  75. package/src/plugins/FileBrowserPlugin.d.ts +29 -29
  76. package/src/plugins/Module.d.ts +14 -14
  77. package/src/plugins/Plugin.d.ts +41 -41
  78. package/src/plugins/SubmenuPlugin.d.ts +7 -7
  79. package/src/plugins/command/blockquote.d.ts +4 -4
  80. package/src/plugins/command/blockquote.js +46 -46
  81. package/src/plugins/dialog/audio.d.ts +4 -4
  82. package/src/plugins/dialog/audio.js +557 -558
  83. package/src/plugins/dialog/image.d.ts +4 -4
  84. package/src/plugins/dialog/image.js +1126 -1127
  85. package/src/plugins/dialog/link.d.ts +4 -4
  86. package/src/plugins/dialog/link.js +223 -223
  87. package/src/plugins/dialog/math.d.ts +4 -4
  88. package/src/plugins/dialog/math.js +300 -300
  89. package/src/plugins/dialog/video.d.ts +4 -4
  90. package/src/plugins/dialog/video.js +989 -989
  91. package/src/plugins/fileBrowser/imageGallery.d.ts +4 -4
  92. package/src/plugins/fileBrowser/imageGallery.js +64 -64
  93. package/src/plugins/index.d.ts +79 -79
  94. package/src/plugins/index.js +32 -32
  95. package/src/plugins/modules/_anchor.js +461 -461
  96. package/src/plugins/modules/_colorPicker.d.ts +59 -59
  97. package/src/plugins/modules/_colorPicker.js +0 -0
  98. package/src/plugins/modules/_notice.d.ts +20 -20
  99. package/src/plugins/modules/_notice.js +72 -72
  100. package/src/plugins/modules/_selectMenu.js +118 -118
  101. package/src/plugins/modules/component.d.ts +24 -24
  102. package/src/plugins/modules/component.js +80 -80
  103. package/src/plugins/modules/dialog.d.ts +27 -27
  104. package/src/plugins/modules/dialog.js +174 -174
  105. package/src/plugins/modules/fileBrowser.d.ts +41 -41
  106. package/src/plugins/modules/fileBrowser.js +377 -377
  107. package/src/plugins/modules/fileManager.d.ts +66 -66
  108. package/src/plugins/modules/fileManager.js +325 -325
  109. package/src/plugins/modules/index.d.ts +10 -10
  110. package/src/plugins/modules/index.js +8 -8
  111. package/src/plugins/modules/resizing.d.ts +153 -153
  112. package/src/plugins/modules/resizing.js +902 -902
  113. package/src/plugins/submenu/align.d.ts +4 -4
  114. package/src/plugins/submenu/align.js +160 -160
  115. package/src/plugins/submenu/font.d.ts +4 -4
  116. package/src/plugins/submenu/font.js +123 -123
  117. package/src/plugins/submenu/fontColor.d.ts +4 -4
  118. package/src/plugins/submenu/fontColor.js +0 -0
  119. package/src/plugins/submenu/fontSize.d.ts +4 -4
  120. package/src/plugins/submenu/fontSize.js +112 -112
  121. package/src/plugins/submenu/formatBlock.d.ts +4 -4
  122. package/src/plugins/submenu/formatBlock.js +273 -273
  123. package/src/plugins/submenu/hiliteColor.d.ts +4 -4
  124. package/src/plugins/submenu/hiliteColor.js +0 -0
  125. package/src/plugins/submenu/horizontalRule.d.ts +4 -4
  126. package/src/plugins/submenu/horizontalRule.js +98 -98
  127. package/src/plugins/submenu/lineHeight.d.ts +4 -4
  128. package/src/plugins/submenu/lineHeight.js +104 -104
  129. package/src/plugins/submenu/list.d.ts +4 -4
  130. package/src/plugins/submenu/list.js +456 -456
  131. package/src/plugins/submenu/paragraphStyle.d.ts +4 -4
  132. package/src/plugins/submenu/paragraphStyle.js +135 -135
  133. package/src/plugins/submenu/table.d.ts +4 -4
  134. package/src/plugins/submenu/template.d.ts +4 -4
  135. package/src/plugins/submenu/template.js +71 -71
  136. package/src/plugins/submenu/textStyle.d.ts +4 -4
  137. package/src/plugins/submenu/textStyle.js +167 -167
  138. package/src/suneditor.d.ts +9 -9
  139. package/src/suneditor.js +75 -75
  140. package/src/suneditor_build.js +20 -17
  141. package/README_V3_TEMP.md +0 -630
@@ -1,326 +1,326 @@
1
- /*
2
- * wysiwyg web editor
3
- *
4
- * suneditor.js
5
- * Copyright 2017 JiHong Lee.
6
- * MIT license.
7
- */
8
- 'use strict';
9
-
10
- (function (global, factory) {
11
- if (typeof module === 'object' && typeof module.exports === 'object') {
12
- module.exports = global.document ?
13
- factory(global, true) :
14
- function (w) {
15
- if (!w.document) {
16
- throw new Error('SUNEDITOR_MODULES a window with a document');
17
- }
18
- return factory(w);
19
- };
20
- } else {
21
- factory(global);
22
- }
23
- }(typeof window !== 'undefined' ? window : this, function (window, noGlobal) {
24
- const fileManager = {
25
- name: 'fileManager',
26
- _xmlHttp: null,
27
-
28
- _checkMediaComponent: function (tag) {
29
- if (/IMG/i.test(tag)) {
30
- return !/FIGURE/i.test(tag.parentElement.nodeName) || !/FIGURE/i.test(tag.parentElement.parentElement.nodeName);
31
- }
32
- return true;
33
- },
34
-
35
- /**
36
- * @description Upload the file to the server.
37
- * @param {String} uploadUrl Upload server url
38
- * @param {Object|null} uploadHeader Request header
39
- * @param {FormData} formData FormData in body
40
- * @param {Function|null} callBack Success call back function
41
- * @param {Function|null} errorCallBack Error call back function
42
- * @example this.plugins.fileManager.upload.call(this, imageUploadUrl, this.options.imageUploadHeader, formData, this.plugins.image.callBack_imgUpload.bind(this, info), this.functions.onImageUploadError);
43
- */
44
- upload: function (uploadUrl, uploadHeader, formData, callBack, errorCallBack) {
45
- this.showLoading();
46
- const filePlugin = this.plugins.fileManager;
47
- const xmlHttp = filePlugin._xmlHttp = this.util.getXMLHttpRequest();
48
-
49
- xmlHttp.onreadystatechange = filePlugin._callBackUpload.bind(this, xmlHttp, callBack, errorCallBack);
50
- xmlHttp.open('post', uploadUrl, true);
51
- if(uploadHeader !== null && typeof uploadHeader === 'object' && this._w.Object.keys(uploadHeader).length > 0){
52
- for(let key in uploadHeader){
53
- xmlHttp.setRequestHeader(key, uploadHeader[key]);
54
- }
55
- }
56
- xmlHttp.send(formData);
57
- },
58
-
59
- _callBackUpload: function (xmlHttp, callBack, errorCallBack) {
60
- if (xmlHttp.readyState === 4) {
61
- if (xmlHttp.status === 200) {
62
- try {
63
- callBack(xmlHttp);
64
- } catch (e) {
65
- throw Error('[SUNEDITOR.fileManager.upload.callBack.fail] cause : "' + e.message + '"');
66
- } finally {
67
- this.closeLoading();
68
- }
69
- } else { // exception
70
- this.closeLoading();
71
- const res = !xmlHttp.responseText ? xmlHttp : JSON.parse(xmlHttp.responseText);
72
- if (typeof errorCallBack !== 'function' || errorCallBack('', res, this)) {
73
- const err = '[SUNEDITOR.fileManager.upload.serverException] status: ' + xmlHttp.status + ', response: ' + (res.errorMessage || xmlHttp.responseText);
74
- this.functions.noticeOpen(err);
75
- throw Error(err);
76
- }
77
- }
78
- }
79
- },
80
-
81
- /**
82
- * @description Checke the file's information and modify the tag that does not fit the format.
83
- * @param {String} pluginName Plugin name
84
- * @param {Array} tagNames Tag array to check
85
- * @param {Function|null} uploadEventHandler Event handler to process updated file info after checking (used in "setInfo")
86
- * @param {Function} modifyHandler A function to modify a tag that does not fit the format (Argument value: Tag element)
87
- * @param {Boolean} resizing True if the plugin is using a resizing module
88
- * @example
89
- * const modifyHandler = function (tag) {
90
- * imagePlugin.onModifyMode.call(this, tag, null);
91
- * imagePlugin.openModify.call(this, true);
92
- * imagePlugin.update_image.call(this, true, false, true);
93
- * }.bind(this);
94
- * this.plugins.fileManager.checkInfo.call(this, 'image', ['img'], this.functions.onImageUpload, modifyHandler, true);
95
- */
96
- checkInfo: function (pluginName, tagNames, uploadEventHandler, modifyHandler, resizing) {
97
- let tags = [];
98
- for (let i = 0, len = tagNames.length; i < len; i++) {
99
- tags = tags.concat([].slice.call(this.context.element.wysiwyg.querySelectorAll(tagNames[i] + ':not([data-se-embed="true"])')));
100
- }
101
-
102
- const fileManagerPlugin = this.plugins.fileManager;
103
- const context = this.context[pluginName];
104
- const infoList = context._infoList;
105
- const setFileInfo = fileManagerPlugin.setInfo.bind(this);
106
-
107
- if (tags.length === infoList.length) {
108
- // reset
109
- if (this._componentsInfoReset) {
110
- for (let i = 0, len = tags.length; i < len; i++) {
111
- setFileInfo(pluginName, tags[i], uploadEventHandler, null, resizing);
112
- }
113
- return ;
114
- } else {
115
- let infoUpdate = false;
116
- for (let i = 0, len = infoList.length, info; i < len; i++) {
117
- info = infoList[i];
118
- if (tags.filter(function (t) { return info.src === t.src && info.index.toString() === t.getAttribute('data-index'); }).length === 0) {
119
- infoUpdate = true;
120
- break;
121
- }
122
- }
123
- // pass
124
- if (!infoUpdate) return;
125
- }
126
- }
127
-
128
- // check
129
- const _resize_plugin = resizing ? this.context.resizing._resize_plugin : '';
130
- if (resizing) this.context.resizing._resize_plugin = pluginName;
131
- const currentTags = [];
132
- const infoIndex = [];
133
- for (let i = 0, len = infoList.length; i < len; i++) {
134
- infoIndex[i] = infoList[i].index;
135
- }
136
- context.__updateTags = tags;
137
-
138
- while (tags.length > 0) {
139
- const tag = tags.shift();
140
- if (!this.util.getParentElement(tag, this.util.isMediaComponent) || !fileManagerPlugin._checkMediaComponent(tag)) {
141
- currentTags.push(context._infoIndex);
142
- modifyHandler(tag);
143
- } else if (!tag.getAttribute('data-index') || infoIndex.indexOf(tag.getAttribute('data-index') * 1) < 0) {
144
- currentTags.push(context._infoIndex);
145
- tag.removeAttribute('data-index');
146
- setFileInfo(pluginName, tag, uploadEventHandler, null, resizing);
147
- } else {
148
- currentTags.push(tag.getAttribute('data-index') * 1);
149
- }
150
- }
151
-
152
- for (let i = 0, dataIndex; i < infoList.length; i++) {
153
- dataIndex = infoList[i].index;
154
- if (currentTags.indexOf(dataIndex) > -1) continue;
155
-
156
- infoList.splice(i, 1);
157
- if (typeof uploadEventHandler === 'function') uploadEventHandler(null, dataIndex, 'delete', null, 0, this);
158
- i--;
159
- }
160
-
161
- if (resizing) this.context.resizing._resize_plugin = _resize_plugin;
162
- },
163
-
164
- /**
165
- * @description Create info object of file and add it to "_infoList" (this.context[pluginName]._infoList[])
166
- * @param {String} pluginName Plugin name
167
- * @param {Element} element
168
- * @param {Function|null} uploadEventHandler Event handler to process updated file info (created in setInfo)
169
- * @param {Object|null} file
170
- * @param {Boolean} resizing True if the plugin is using a resizing module
171
- * @example
172
- * uploadCallBack {.. file = { name: fileList[i].name, size: fileList[i].size };
173
- * this.plugins.fileManager.setInfo.call(this, 'image', oImg, this.functions.onImageUpload, file, true);
174
- */
175
- setInfo: function (pluginName, element, uploadEventHandler, file, resizing) {
176
- const _resize_plugin = resizing ? this.context.resizing._resize_plugin : '';
177
- if (resizing) this.context.resizing._resize_plugin = pluginName;
178
-
179
- const plguin = this.plugins[pluginName];
180
- const context = this.context[pluginName];
181
- const infoList = context._infoList;
182
- let dataIndex = element.getAttribute('data-index');
183
- let info = null;
184
- let state = '';
185
-
186
- if (!file) {
187
- file = {
188
- 'name': element.getAttribute('data-file-name') || (typeof element.src === 'string' ? element.src.split('/').pop() : ''),
189
- 'size': element.getAttribute('data-file-size') || 0
190
- };
191
- }
192
-
193
- // create
194
- if (!dataIndex || this._componentsInfoInit) {
195
- state = 'create';
196
- dataIndex = context._infoIndex++;
197
-
198
- element.setAttribute('data-index', dataIndex);
199
- element.setAttribute('data-file-name', file.name);
200
- element.setAttribute('data-file-size', file.size);
201
-
202
- info = {
203
- src: element.src,
204
- index: dataIndex * 1,
205
- name: file.name,
206
- size: file.size
207
- };
208
-
209
- infoList.push(info);
210
- } else { // update
211
- state = 'update';
212
- dataIndex *= 1;
213
-
214
- for (let i = 0, len = infoList.length; i < len; i++) {
215
- if (dataIndex === infoList[i].index) {
216
- info = infoList[i];
217
- break;
218
- }
219
- }
220
-
221
- if (!info) {
222
- dataIndex = context._infoIndex++;
223
- info = { index: dataIndex };
224
- infoList.push(info);
225
- }
226
-
227
- info.src = element.src;
228
- info.name = element.getAttribute("data-file-name");
229
- info.size = element.getAttribute("data-file-size") * 1;
230
- }
231
-
232
- // method bind
233
- info.element = element;
234
- info.delete = plguin.destroy.bind(this, element);
235
- info.select = function (element) {
236
- element.scrollIntoView(true);
237
- this._w.setTimeout(plguin.select.bind(this, element));
238
- }.bind(this, element);
239
-
240
- if (resizing) {
241
- if (!element.getAttribute('origin-size') && element.naturalWidth) {
242
- element.setAttribute('origin-size', element.naturalWidth + ',' + element.naturalHeight);
243
- }
244
-
245
- if (!element.getAttribute('data-origin')) {
246
- const container = this.util.getParentElement(element, this.util.isMediaComponent);
247
- const cover = this.util.getParentElement(element, 'FIGURE');
248
-
249
- const w = this.plugins.resizing._module_getSizeX.call(this, context, element, cover, container);
250
- const h = this.plugins.resizing._module_getSizeY.call(this, context, element, cover, container);
251
- element.setAttribute('data-origin', w + ',' + h);
252
- element.setAttribute('data-size', w + ',' + h);
253
- }
254
-
255
- if (!element.style.width) {
256
- const size = (element.getAttribute('data-size') || element.getAttribute('data-origin') || '').split(',');
257
- plguin.onModifyMode.call(this, element, null);
258
- plguin.applySize.call(this, size[0], size[1]);
259
- }
260
-
261
- this.context.resizing._resize_plugin = _resize_plugin;
262
- }
263
-
264
- if (typeof uploadEventHandler === 'function') uploadEventHandler(element, dataIndex, state, info, --context._uploadFileLength < 0 ? 0 : context._uploadFileLength, this);
265
- },
266
-
267
- /**
268
- * @description Delete info object at "_infoList"
269
- * @param {String} pluginName Plugin name
270
- * @param {Number} index index of info object (this.context[pluginName]._infoList[].index)
271
- * @param {Function|null} uploadEventHandler Event handler to process updated file info (created in setInfo)
272
- */
273
- deleteInfo: function (pluginName, index, uploadEventHandler) {
274
- if (index >= 0) {
275
- const infoList = this.context[pluginName]._infoList;
276
-
277
- for (let i = 0, len = infoList.length; i < len; i++) {
278
- if (index === infoList[i].index) {
279
- infoList.splice(i, 1);
280
- if (typeof uploadEventHandler === 'function') uploadEventHandler(null, index, 'delete', null, 0, this);
281
- return;
282
- }
283
- }
284
- }
285
- },
286
-
287
- /**
288
- * @description Reset info object and "_infoList = []", "_infoIndex = 0"
289
- * @param {String} pluginName Plugin name
290
- * @param {Function|null} uploadEventHandler Event handler to process updated file info (created in setInfo)
291
- */
292
- resetInfo: function (pluginName, uploadEventHandler) {
293
- const context = this.context[pluginName];
294
-
295
- if (typeof uploadEventHandler === 'function') {
296
- const infoList = context._infoList;
297
- for (let i = 0, len = infoList.length; i < len; i++) {
298
- uploadEventHandler(null, infoList[i].index, 'delete', null, 0, this);
299
- }
300
- }
301
-
302
- context._infoList = [];
303
- context._infoIndex = 0;
304
- }
305
- };
306
-
307
- if (typeof noGlobal === typeof undefined) {
308
- if (!window.SUNEDITOR_MODULES) {
309
- Object.defineProperty(window, 'SUNEDITOR_MODULES', {
310
- enumerable: true,
311
- writable: false,
312
- configurable: false,
313
- value: {}
314
- });
315
- }
316
-
317
- Object.defineProperty(window.SUNEDITOR_MODULES, 'fileManager', {
318
- enumerable: true,
319
- writable: false,
320
- configurable: false,
321
- value: fileManager
322
- });
323
- }
324
-
325
- return fileManager;
1
+ /*
2
+ * wysiwyg web editor
3
+ *
4
+ * suneditor.js
5
+ * Copyright 2017 JiHong Lee.
6
+ * MIT license.
7
+ */
8
+ 'use strict';
9
+
10
+ (function (global, factory) {
11
+ if (typeof module === 'object' && typeof module.exports === 'object') {
12
+ module.exports = global.document ?
13
+ factory(global, true) :
14
+ function (w) {
15
+ if (!w.document) {
16
+ throw new Error('SUNEDITOR_MODULES a window with a document');
17
+ }
18
+ return factory(w);
19
+ };
20
+ } else {
21
+ factory(global);
22
+ }
23
+ }(typeof window !== 'undefined' ? window : this, function (window, noGlobal) {
24
+ const fileManager = {
25
+ name: 'fileManager',
26
+ _xmlHttp: null,
27
+
28
+ _checkMediaComponent: function (tag) {
29
+ if (/IMG|IFRAME|VIDEO|AUDIO/i.test(tag.tagName)) {
30
+ return /FIGURE/i.test(tag.parentElement.nodeName) || /FIGURE/i.test(tag.parentElement.parentElement.nodeName);
31
+ }
32
+ return true;
33
+ },
34
+
35
+ /**
36
+ * @description Upload the file to the server.
37
+ * @param {String} uploadUrl Upload server url
38
+ * @param {Object|null} uploadHeader Request header
39
+ * @param {FormData} formData FormData in body
40
+ * @param {Function|null} callBack Success call back function
41
+ * @param {Function|null} errorCallBack Error call back function
42
+ * @example this.plugins.fileManager.upload.call(this, imageUploadUrl, this.options.imageUploadHeader, formData, this.plugins.image.callBack_imgUpload.bind(this, info), this.functions.onImageUploadError);
43
+ */
44
+ upload: function (uploadUrl, uploadHeader, formData, callBack, errorCallBack) {
45
+ this.showLoading();
46
+ const filePlugin = this.plugins.fileManager;
47
+ const xmlHttp = filePlugin._xmlHttp = this.util.getXMLHttpRequest();
48
+
49
+ xmlHttp.onreadystatechange = filePlugin._callBackUpload.bind(this, xmlHttp, callBack, errorCallBack);
50
+ xmlHttp.open('post', uploadUrl, true);
51
+ if(uploadHeader !== null && typeof uploadHeader === 'object' && this._w.Object.keys(uploadHeader).length > 0){
52
+ for(let key in uploadHeader){
53
+ xmlHttp.setRequestHeader(key, uploadHeader[key]);
54
+ }
55
+ }
56
+ xmlHttp.send(formData);
57
+ },
58
+
59
+ _callBackUpload: function (xmlHttp, callBack, errorCallBack) {
60
+ if (xmlHttp.readyState === 4) {
61
+ if (xmlHttp.status === 200) {
62
+ try {
63
+ callBack(xmlHttp);
64
+ } catch (e) {
65
+ throw Error('[SUNEDITOR.fileManager.upload.callBack.fail] cause : "' + e.message + '"');
66
+ } finally {
67
+ this.closeLoading();
68
+ }
69
+ } else { // exception
70
+ this.closeLoading();
71
+ const res = !xmlHttp.responseText ? xmlHttp : JSON.parse(xmlHttp.responseText);
72
+ if (typeof errorCallBack !== 'function' || errorCallBack('', res, this)) {
73
+ const err = '[SUNEDITOR.fileManager.upload.serverException] status: ' + xmlHttp.status + ', response: ' + (res.errorMessage || xmlHttp.responseText);
74
+ this.functions.noticeOpen(err);
75
+ throw Error(err);
76
+ }
77
+ }
78
+ }
79
+ },
80
+
81
+ /**
82
+ * @description Checke the file's information and modify the tag that does not fit the format.
83
+ * @param {String} pluginName Plugin name
84
+ * @param {Array} tagNames Tag array to check
85
+ * @param {Function|null} uploadEventHandler Event handler to process updated file info after checking (used in "setInfo")
86
+ * @param {Function} modifyHandler A function to modify a tag that does not fit the format (Argument value: Tag element)
87
+ * @param {Boolean} resizing True if the plugin is using a resizing module
88
+ * @example
89
+ * const modifyHandler = function (tag) {
90
+ * imagePlugin.onModifyMode.call(this, tag, null);
91
+ * imagePlugin.openModify.call(this, true);
92
+ * imagePlugin.update_image.call(this, true, false, true);
93
+ * }.bind(this);
94
+ * this.plugins.fileManager.checkInfo.call(this, 'image', ['img'], this.functions.onImageUpload, modifyHandler, true);
95
+ */
96
+ checkInfo: function (pluginName, tagNames, uploadEventHandler, modifyHandler, resizing) {
97
+ let tags = [];
98
+ for (let i = 0, len = tagNames.length; i < len; i++) {
99
+ tags = tags.concat([].slice.call(this.context.element.wysiwyg.querySelectorAll(tagNames[i] + ':not([data-se-embed="true"])')));
100
+ }
101
+
102
+ const fileManagerPlugin = this.plugins.fileManager;
103
+ const context = this.context[pluginName];
104
+ const infoList = context._infoList;
105
+ const setFileInfo = fileManagerPlugin.setInfo.bind(this);
106
+
107
+ if (tags.length === infoList.length) {
108
+ // reset
109
+ if (this._componentsInfoReset) {
110
+ for (let i = 0, len = tags.length; i < len; i++) {
111
+ setFileInfo(pluginName, tags[i], uploadEventHandler, null, resizing);
112
+ }
113
+ return ;
114
+ } else {
115
+ let infoUpdate = false;
116
+ for (let i = 0, len = infoList.length, info; i < len; i++) {
117
+ info = infoList[i];
118
+ if (tags.filter(function (t) { return info.src === t.src && info.index.toString() === t.getAttribute('data-index'); }).length === 0) {
119
+ infoUpdate = true;
120
+ break;
121
+ }
122
+ }
123
+ // pass
124
+ if (!infoUpdate) return;
125
+ }
126
+ }
127
+
128
+ // check
129
+ const _resize_plugin = resizing ? this.context.resizing._resize_plugin : '';
130
+ if (resizing) this.context.resizing._resize_plugin = pluginName;
131
+ const currentTags = [];
132
+ const infoIndex = [];
133
+ for (let i = 0, len = infoList.length; i < len; i++) {
134
+ infoIndex[i] = infoList[i].index;
135
+ }
136
+ context.__updateTags = tags;
137
+
138
+ while (tags.length > 0) {
139
+ const tag = tags.shift();
140
+ if (!this.util.getParentElement(tag, this.util.isMediaComponent) || !fileManagerPlugin._checkMediaComponent(tag)) {
141
+ currentTags.push(context._infoIndex);
142
+ modifyHandler(tag);
143
+ } else if (!tag.getAttribute('data-index') || infoIndex.indexOf(tag.getAttribute('data-index') * 1) < 0) {
144
+ currentTags.push(context._infoIndex);
145
+ tag.removeAttribute('data-index');
146
+ setFileInfo(pluginName, tag, uploadEventHandler, null, resizing);
147
+ } else {
148
+ currentTags.push(tag.getAttribute('data-index') * 1);
149
+ }
150
+ }
151
+
152
+ for (let i = 0, dataIndex; i < infoList.length; i++) {
153
+ dataIndex = infoList[i].index;
154
+ if (currentTags.indexOf(dataIndex) > -1) continue;
155
+
156
+ infoList.splice(i, 1);
157
+ if (typeof uploadEventHandler === 'function') uploadEventHandler(null, dataIndex, 'delete', null, 0, this);
158
+ i--;
159
+ }
160
+
161
+ if (resizing) this.context.resizing._resize_plugin = _resize_plugin;
162
+ },
163
+
164
+ /**
165
+ * @description Create info object of file and add it to "_infoList" (this.context[pluginName]._infoList[])
166
+ * @param {String} pluginName Plugin name
167
+ * @param {Element} element
168
+ * @param {Function|null} uploadEventHandler Event handler to process updated file info (created in setInfo)
169
+ * @param {Object|null} file
170
+ * @param {Boolean} resizing True if the plugin is using a resizing module
171
+ * @example
172
+ * uploadCallBack {.. file = { name: fileList[i].name, size: fileList[i].size };
173
+ * this.plugins.fileManager.setInfo.call(this, 'image', oImg, this.functions.onImageUpload, file, true);
174
+ */
175
+ setInfo: function (pluginName, element, uploadEventHandler, file, resizing) {
176
+ const _resize_plugin = resizing ? this.context.resizing._resize_plugin : '';
177
+ if (resizing) this.context.resizing._resize_plugin = pluginName;
178
+
179
+ const plguin = this.plugins[pluginName];
180
+ const context = this.context[pluginName];
181
+ const infoList = context._infoList;
182
+ let dataIndex = element.getAttribute('data-index');
183
+ let info = null;
184
+ let state = '';
185
+
186
+ if (!file) {
187
+ file = {
188
+ 'name': element.getAttribute('data-file-name') || (typeof element.src === 'string' ? element.src.split('/').pop() : ''),
189
+ 'size': element.getAttribute('data-file-size') || 0
190
+ };
191
+ }
192
+
193
+ // create
194
+ if (!dataIndex || this._componentsInfoInit) {
195
+ state = 'create';
196
+ dataIndex = context._infoIndex++;
197
+
198
+ element.setAttribute('data-index', dataIndex);
199
+ element.setAttribute('data-file-name', file.name);
200
+ element.setAttribute('data-file-size', file.size);
201
+
202
+ info = {
203
+ src: element.src,
204
+ index: dataIndex * 1,
205
+ name: file.name,
206
+ size: file.size
207
+ };
208
+
209
+ infoList.push(info);
210
+ } else { // update
211
+ state = 'update';
212
+ dataIndex *= 1;
213
+
214
+ for (let i = 0, len = infoList.length; i < len; i++) {
215
+ if (dataIndex === infoList[i].index) {
216
+ info = infoList[i];
217
+ break;
218
+ }
219
+ }
220
+
221
+ if (!info) {
222
+ dataIndex = context._infoIndex++;
223
+ info = { index: dataIndex };
224
+ infoList.push(info);
225
+ }
226
+
227
+ info.src = element.src;
228
+ info.name = element.getAttribute("data-file-name");
229
+ info.size = element.getAttribute("data-file-size") * 1;
230
+ }
231
+
232
+ // method bind
233
+ info.element = element;
234
+ info.delete = plguin.destroy.bind(this, element);
235
+ info.select = function (element) {
236
+ element.scrollIntoView(true);
237
+ this._w.setTimeout(plguin.select.bind(this, element));
238
+ }.bind(this, element);
239
+
240
+ if (resizing) {
241
+ if (!element.getAttribute('origin-size') && element.naturalWidth) {
242
+ element.setAttribute('origin-size', element.naturalWidth + ',' + element.naturalHeight);
243
+ }
244
+
245
+ if (!element.getAttribute('data-origin')) {
246
+ const container = this.util.getParentElement(element, this.util.isMediaComponent);
247
+ const cover = this.util.getParentElement(element, 'FIGURE');
248
+
249
+ const w = this.plugins.resizing._module_getSizeX.call(this, context, element, cover, container);
250
+ const h = this.plugins.resizing._module_getSizeY.call(this, context, element, cover, container);
251
+ element.setAttribute('data-origin', w + ',' + h);
252
+ element.setAttribute('data-size', w + ',' + h);
253
+ }
254
+
255
+ if (!element.style.width) {
256
+ const size = (element.getAttribute('data-size') || element.getAttribute('data-origin') || '').split(',');
257
+ plguin.onModifyMode.call(this, element, null);
258
+ plguin.applySize.call(this, size[0], size[1]);
259
+ }
260
+
261
+ this.context.resizing._resize_plugin = _resize_plugin;
262
+ }
263
+
264
+ if (typeof uploadEventHandler === 'function') uploadEventHandler(element, dataIndex, state, info, --context._uploadFileLength < 0 ? 0 : context._uploadFileLength, this);
265
+ },
266
+
267
+ /**
268
+ * @description Delete info object at "_infoList"
269
+ * @param {String} pluginName Plugin name
270
+ * @param {Number} index index of info object (this.context[pluginName]._infoList[].index)
271
+ * @param {Function|null} uploadEventHandler Event handler to process updated file info (created in setInfo)
272
+ */
273
+ deleteInfo: function (pluginName, index, uploadEventHandler) {
274
+ if (index >= 0) {
275
+ const infoList = this.context[pluginName]._infoList;
276
+
277
+ for (let i = 0, len = infoList.length; i < len; i++) {
278
+ if (index === infoList[i].index) {
279
+ infoList.splice(i, 1);
280
+ if (typeof uploadEventHandler === 'function') uploadEventHandler(null, index, 'delete', null, 0, this);
281
+ return;
282
+ }
283
+ }
284
+ }
285
+ },
286
+
287
+ /**
288
+ * @description Reset info object and "_infoList = []", "_infoIndex = 0"
289
+ * @param {String} pluginName Plugin name
290
+ * @param {Function|null} uploadEventHandler Event handler to process updated file info (created in setInfo)
291
+ */
292
+ resetInfo: function (pluginName, uploadEventHandler) {
293
+ const context = this.context[pluginName];
294
+
295
+ if (typeof uploadEventHandler === 'function') {
296
+ const infoList = context._infoList;
297
+ for (let i = 0, len = infoList.length; i < len; i++) {
298
+ uploadEventHandler(null, infoList[i].index, 'delete', null, 0, this);
299
+ }
300
+ }
301
+
302
+ context._infoList = [];
303
+ context._infoIndex = 0;
304
+ }
305
+ };
306
+
307
+ if (typeof noGlobal === typeof undefined) {
308
+ if (!window.SUNEDITOR_MODULES) {
309
+ Object.defineProperty(window, 'SUNEDITOR_MODULES', {
310
+ enumerable: true,
311
+ writable: false,
312
+ configurable: false,
313
+ value: {}
314
+ });
315
+ }
316
+
317
+ Object.defineProperty(window.SUNEDITOR_MODULES, 'fileManager', {
318
+ enumerable: true,
319
+ writable: false,
320
+ configurable: false,
321
+ value: fileManager
322
+ });
323
+ }
324
+
325
+ return fileManager;
326
326
  }));