@keyblade/tinymce-editor-vue2 0.0.12-alpha.31 → 0.0.12-alpha.32
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/es/editor.vue2.js +141 -141
- package/es/style.css +1 -1
- package/package.json +1 -1
package/es/editor.vue2.js
CHANGED
|
@@ -1,9 +1,9 @@
|
|
|
1
|
-
import { defineComponent as ge, ref as
|
|
1
|
+
import { defineComponent as ge, ref as h, computed as T, watch as I, onMounted as he, onUnmounted as xe } from "vue";
|
|
2
2
|
import { oneTravelImgPondBeforeAddFile as G, oneTravelImageCheckAndTransform as be, oneTravelImageCompressor as J } from "@keyblade/one-travel";
|
|
3
3
|
import { blobToFile as K, getFileExtension as Q, getImagePixel as we } from "./util.js";
|
|
4
4
|
import "./style.less.js";
|
|
5
5
|
import ye from "imgpond";
|
|
6
|
-
import { conclude as
|
|
6
|
+
import { conclude as A } from "vue-global-config";
|
|
7
7
|
import X from "tinymce";
|
|
8
8
|
import _e from "./langs/zh_CN.js";
|
|
9
9
|
import "tinymce/skins/ui/oxide/skin";
|
|
@@ -34,9 +34,9 @@ import "tinymce/plugins/table";
|
|
|
34
34
|
import "tinymce/plugins/visualblocks";
|
|
35
35
|
import "tinymce/plugins/visualchars";
|
|
36
36
|
import "tinymce/plugins/wordcount";
|
|
37
|
-
import { globalProps as
|
|
38
|
-
import { Message as w
|
|
39
|
-
const
|
|
37
|
+
import { globalProps as C } from "./index.js";
|
|
38
|
+
import { Message as w } from "element-ui";
|
|
39
|
+
const sa = /* @__PURE__ */ ge({
|
|
40
40
|
__name: "editor",
|
|
41
41
|
props: {
|
|
42
42
|
value: { default: "" },
|
|
@@ -50,8 +50,8 @@ const ua = /* @__PURE__ */ ge({
|
|
|
50
50
|
initComplete: null
|
|
51
51
|
},
|
|
52
52
|
emits: ["input"],
|
|
53
|
-
setup(Y, { emit:
|
|
54
|
-
const
|
|
53
|
+
setup(Y, { emit: k }) {
|
|
54
|
+
const m = Y;
|
|
55
55
|
X.addI18n("zh_CN", _e);
|
|
56
56
|
const z = {
|
|
57
57
|
maxCount: 10,
|
|
@@ -71,65 +71,65 @@ const ua = /* @__PURE__ */ ge({
|
|
|
71
71
|
enable: !0,
|
|
72
72
|
maxSize: 200,
|
|
73
73
|
allowedType: ["mp3", "m4a", "wav", "aac"]
|
|
74
|
-
}, H =
|
|
74
|
+
}, H = h(), b = h(), P = h(!1), D = h(!1), f = h({
|
|
75
75
|
show: !1,
|
|
76
76
|
text: "图片上传中,请稍等"
|
|
77
|
-
}), d =
|
|
78
|
-
var
|
|
79
|
-
return ((i = (
|
|
80
|
-
}), M =
|
|
81
|
-
|
|
77
|
+
}), d = T(() => A([m.imageUploadOptions, C.imageUploadOptions, z]) || {}), c = T(() => A([m.videoUploadOptions, C.videoUploadOptions, V]) || {}), g = T(() => A([m.audioUploadOptions, C.audioUploadOptions, B]) || {}), U = T(() => A([m.imgPondOptions, C.imgPondOptions]) || {}), Z = T(() => {
|
|
78
|
+
var a, i;
|
|
79
|
+
return ((i = (a = d == null ? void 0 : d.value) == null ? void 0 : a.allowedType) == null ? void 0 : i.map((o) => `.${o}`).join(",")) || "";
|
|
80
|
+
}), M = h();
|
|
81
|
+
I(() => M.value, () => {
|
|
82
82
|
M.value && G(M.value, {
|
|
83
83
|
onStart: () => {
|
|
84
|
-
|
|
84
|
+
f.value = {
|
|
85
85
|
show: !0,
|
|
86
86
|
text: "图片加载中,请稍等"
|
|
87
87
|
};
|
|
88
88
|
},
|
|
89
89
|
onSuccess: () => {
|
|
90
|
-
|
|
90
|
+
f.value.show = !1;
|
|
91
91
|
},
|
|
92
|
-
onError: (
|
|
93
|
-
|
|
92
|
+
onError: (a) => {
|
|
93
|
+
f.value.show = !1, w.error(a);
|
|
94
94
|
}
|
|
95
95
|
});
|
|
96
96
|
}, { immediate: !0 });
|
|
97
|
-
const S =
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
}
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
}
|
|
112
|
-
}
|
|
97
|
+
const S = h();
|
|
98
|
+
I(() => S.value, () => {
|
|
99
|
+
S.value && G(S.value, {
|
|
100
|
+
onStart: () => {
|
|
101
|
+
f.value = {
|
|
102
|
+
show: !0,
|
|
103
|
+
text: "图片加载中,请稍等"
|
|
104
|
+
};
|
|
105
|
+
},
|
|
106
|
+
onSuccess: () => {
|
|
107
|
+
f.value.show = !1;
|
|
108
|
+
},
|
|
109
|
+
onError: (a) => {
|
|
110
|
+
f.value.show = !1, w.error(a);
|
|
111
|
+
}
|
|
112
|
+
});
|
|
113
113
|
}, { immediate: !0 });
|
|
114
|
-
const _ =
|
|
114
|
+
const _ = h({
|
|
115
115
|
dialogVisible: !1,
|
|
116
116
|
formData: {
|
|
117
117
|
images: []
|
|
118
118
|
}
|
|
119
|
-
}), R =
|
|
119
|
+
}), R = h(), W = () => {
|
|
120
120
|
_.value.dialogVisible = !1, _.value.formData = {
|
|
121
121
|
images: []
|
|
122
122
|
};
|
|
123
123
|
}, ee = () => {
|
|
124
|
-
var
|
|
125
|
-
(
|
|
124
|
+
var a;
|
|
125
|
+
(a = R.value) == null || a.validate((i) => {
|
|
126
126
|
i && (_.value.formData.images.forEach((o) => {
|
|
127
127
|
var t;
|
|
128
|
-
let
|
|
129
|
-
|
|
128
|
+
let e = o;
|
|
129
|
+
U.value.srcAt && (e = (o == null ? void 0 : o[U.value.srcAt]) || ""), (t = b.value) == null || t.insertContent(`<img src=${e} alt="" />`);
|
|
130
130
|
}), W());
|
|
131
131
|
});
|
|
132
|
-
}, v =
|
|
132
|
+
}, v = h({
|
|
133
133
|
dialogVisible: !1,
|
|
134
134
|
formData: {
|
|
135
135
|
// 名称
|
|
@@ -141,19 +141,19 @@ const ua = /* @__PURE__ */ ge({
|
|
|
141
141
|
},
|
|
142
142
|
// 用于临时保存上传前的参数 { file: File }
|
|
143
143
|
additionalData: {}
|
|
144
|
-
}), j =
|
|
144
|
+
}), j = h(), $ = () => {
|
|
145
145
|
v.value.dialogVisible = !1, v.value.formData = {
|
|
146
146
|
name: "",
|
|
147
147
|
cover: [],
|
|
148
148
|
file: []
|
|
149
149
|
}, v.value.additionalData = {};
|
|
150
150
|
}, ae = () => {
|
|
151
|
-
var
|
|
152
|
-
(
|
|
153
|
-
var o,
|
|
154
|
-
i && ((
|
|
151
|
+
var a;
|
|
152
|
+
(a = j.value) == null || a.validate((i) => {
|
|
153
|
+
var o, e;
|
|
154
|
+
i && ((e = b.value) == null || e.insertContent(`<audio controls data-name="${v.value.formData.name}" data-poster="${v.value.formData.cover[0]}" src="${(o = v.value.formData.file[0]) == null ? void 0 : o.url}"></audio>`), $());
|
|
155
155
|
});
|
|
156
|
-
},
|
|
156
|
+
}, x = h({
|
|
157
157
|
dialogVisible: !1,
|
|
158
158
|
formData: {
|
|
159
159
|
// 文件
|
|
@@ -161,37 +161,37 @@ const ua = /* @__PURE__ */ ge({
|
|
|
161
161
|
},
|
|
162
162
|
// 用于临时保存上传前的参数 { file: File }
|
|
163
163
|
additionalData: {}
|
|
164
|
-
}), E =
|
|
165
|
-
|
|
164
|
+
}), E = h(), q = () => {
|
|
165
|
+
x.value.dialogVisible = !1, x.value.formData = {
|
|
166
166
|
file: []
|
|
167
|
-
},
|
|
167
|
+
}, x.value.additionalData = {};
|
|
168
168
|
}, te = () => {
|
|
169
|
-
var
|
|
170
|
-
(
|
|
171
|
-
var o,
|
|
172
|
-
i && ((
|
|
169
|
+
var a;
|
|
170
|
+
(a = E.value) == null || a.validate((i) => {
|
|
171
|
+
var o, e;
|
|
172
|
+
i && ((e = b.value) == null || e.insertContent(`<video controls controlslist="nodownload" src="${(o = x.value.formData.file[0]) == null ? void 0 : o.url}"></video>`), q());
|
|
173
173
|
});
|
|
174
|
-
}, oe = (
|
|
174
|
+
}, oe = (a, i) => new Promise(async (o, e) => {
|
|
175
175
|
var r, l;
|
|
176
|
-
const t = await J(
|
|
176
|
+
const t = await J(a);
|
|
177
177
|
if (!t.success) {
|
|
178
|
-
|
|
178
|
+
e(), setTimeout(() => {
|
|
179
179
|
i.onError(t.errorMessage);
|
|
180
180
|
});
|
|
181
181
|
return;
|
|
182
182
|
}
|
|
183
|
-
const n = await ((l = (r = d.value).handleRequest) == null ? void 0 : l.call(r, K(t.file,
|
|
183
|
+
const n = await ((l = (r = d.value).handleRequest) == null ? void 0 : l.call(r, K(t.file, a.name), a.name, { extParameters: m.extParameters }));
|
|
184
184
|
if (!n || !(n != null && n.success)) {
|
|
185
|
-
|
|
185
|
+
e(), setTimeout(() => {
|
|
186
186
|
i.onError(n == null ? void 0 : n.errorMessage);
|
|
187
187
|
});
|
|
188
188
|
return;
|
|
189
189
|
}
|
|
190
190
|
o(n.url);
|
|
191
191
|
});
|
|
192
|
-
async function F(
|
|
193
|
-
var o,
|
|
194
|
-
const i =
|
|
192
|
+
async function F(a) {
|
|
193
|
+
var o, e, t, n, r;
|
|
194
|
+
const i = a.getElementsByTagName("img");
|
|
195
195
|
for (let l of i) {
|
|
196
196
|
const s = l.src;
|
|
197
197
|
if (s.startsWith("data:image"))
|
|
@@ -199,7 +199,7 @@ const ua = /* @__PURE__ */ ge({
|
|
|
199
199
|
else if (s.startsWith("http://") || s.startsWith("https://")) {
|
|
200
200
|
const u = await we(s);
|
|
201
201
|
if (u && (u.width < (d.value.minWidth || 0) && u.height < (d.value.minHeight || 0) || u.width > (d.value.maxWidth || 0) && u.height > (d.value.maxHeight || 0))) {
|
|
202
|
-
(
|
|
202
|
+
(e = l == null ? void 0 : l.remove) == null || e.call(l);
|
|
203
203
|
return;
|
|
204
204
|
}
|
|
205
205
|
const p = Q(s);
|
|
@@ -212,7 +212,7 @@ const ua = /* @__PURE__ */ ge({
|
|
|
212
212
|
}
|
|
213
213
|
he(() => {
|
|
214
214
|
var o;
|
|
215
|
-
const
|
|
215
|
+
const a = {
|
|
216
216
|
// 设置语言
|
|
217
217
|
language: "zh_CN",
|
|
218
218
|
// 实例
|
|
@@ -293,25 +293,25 @@ const ua = /* @__PURE__ */ ge({
|
|
|
293
293
|
paste_data_images: !0,
|
|
294
294
|
images_file_types: ((o = d.value.allowedType) == null ? void 0 : o.join(",")) || "jpeg,jpg,jpe,jfi,jif,jfif,png,gif,bmp,webp",
|
|
295
295
|
// 粘贴前处理
|
|
296
|
-
paste_preprocess(
|
|
296
|
+
paste_preprocess(e, t) {
|
|
297
297
|
t.content = t.content.replace(/<video[^>]*(?:\/>|>[\s\S]*?<\/video>)/g, ""), t.content = t.content.replace(/<audio[^>]*(?:\/>|>[\s\S]*?<\/audio>)/g, ""), t.content = t.content.replace(/<nav/g, "<div").replace(/<\/nav>/g, "</div>"), t.content = t.content.replace(/<header/g, "<div").replace(/<\/header>/g, "</div>"), t.content = t.content.replace(/<footer/g, "<div").replace(/<\/footer>/g, "</div>"), t.content = t.content.replace(/<aside/g, "<div").replace(/<\/aside>/g, "</div>"), t.content = t.content.replace(/<section/g, "<div").replace(/<\/section>/g, "</div>"), t.content = t.content.replace(/<main/g, "<div").replace(/<\/main>/g, "</div>"), t.content = t.content.replace(/<article/g, "<div").replace(/<\/article>/g, "</div>"), t.content = t.content.replace(/<details/g, "<div").replace(/<\/details>/g, "</div>");
|
|
298
298
|
},
|
|
299
299
|
// 粘贴后处理(处理异步操作)
|
|
300
|
-
paste_postprocess(
|
|
300
|
+
paste_postprocess(e, t) {
|
|
301
301
|
F(t.node);
|
|
302
302
|
},
|
|
303
|
-
images_upload_handler(
|
|
303
|
+
images_upload_handler(e) {
|
|
304
304
|
return new Promise(async (t, n) => {
|
|
305
305
|
var y, N, O;
|
|
306
306
|
if (!((y = d.value) != null && y.handleRequest))
|
|
307
307
|
return n({ message: "缺少图片上传配置", remove: !0 });
|
|
308
|
-
|
|
308
|
+
f.value = {
|
|
309
309
|
show: !0,
|
|
310
310
|
text: "图片上传中,请稍等"
|
|
311
311
|
};
|
|
312
|
-
let r =
|
|
312
|
+
let r = e.blob(), l = r.name ? r.name : e.filename();
|
|
313
313
|
if (!(r != null && r.name) && !(r != null && r.lastModified) && r.type === "image/png")
|
|
314
|
-
return
|
|
314
|
+
return f.value.show = !1, n({ message: "不允许粘贴", remove: !0 });
|
|
315
315
|
const s = await be(r, l, {
|
|
316
316
|
imageMaxSize: d.value.maxSize,
|
|
317
317
|
imageAllowedType: d.value.allowedType,
|
|
@@ -322,7 +322,7 @@ const ua = /* @__PURE__ */ ge({
|
|
|
322
322
|
imageMaxHeight: d.value.maxHeight
|
|
323
323
|
});
|
|
324
324
|
if (!s.success)
|
|
325
|
-
return
|
|
325
|
+
return f.value.show = !1, n({ message: (s == null ? void 0 : s.errorMessage) || "", remove: !0 });
|
|
326
326
|
if (s.hasTransform) {
|
|
327
327
|
r = s.file;
|
|
328
328
|
const L = l == null ? void 0 : l.split(".");
|
|
@@ -330,14 +330,14 @@ const ua = /* @__PURE__ */ ge({
|
|
|
330
330
|
}
|
|
331
331
|
const u = await J(r);
|
|
332
332
|
if (!u.success)
|
|
333
|
-
return
|
|
334
|
-
const p = await ((O = (N = d.value).handleRequest) == null ? void 0 : O.call(N, K(u.file, l), l, { extParameters:
|
|
333
|
+
return f.value.show = !1, n({ message: u == null ? void 0 : u.errorMessage, remove: !0 });
|
|
334
|
+
const p = await ((O = (N = d.value).handleRequest) == null ? void 0 : O.call(N, K(u.file, l), l, { extParameters: m.extParameters }));
|
|
335
335
|
if (!p || !p.success)
|
|
336
|
-
return
|
|
337
|
-
|
|
336
|
+
return f.value.show = !1, n({ message: p.errorMessage, remove: !0 });
|
|
337
|
+
f.value.show = !1, t(p.url);
|
|
338
338
|
});
|
|
339
339
|
},
|
|
340
|
-
setup(
|
|
340
|
+
setup(e) {
|
|
341
341
|
var n, r;
|
|
342
342
|
const t = () => {
|
|
343
343
|
_.value.dialogVisible = !0, setTimeout(() => {
|
|
@@ -346,15 +346,15 @@ const ua = /* @__PURE__ */ ge({
|
|
|
346
346
|
l && (l.innerHTML = ((u = d.value) == null ? void 0 : u.tipText) || "上传");
|
|
347
347
|
});
|
|
348
348
|
};
|
|
349
|
-
if (
|
|
349
|
+
if (e.ui.registry.addMenuItem("localImage", {
|
|
350
350
|
text: "图片",
|
|
351
351
|
icon: "image",
|
|
352
352
|
onAction: () => t()
|
|
353
|
-
}),
|
|
353
|
+
}), e.ui.registry.addButton("localImage", {
|
|
354
354
|
icon: "image",
|
|
355
355
|
tooltip: "图片",
|
|
356
356
|
onAction: () => t()
|
|
357
|
-
}), (n =
|
|
357
|
+
}), (n = g == null ? void 0 : g.value) != null && n.enable) {
|
|
358
358
|
const l = () => {
|
|
359
359
|
v.value.dialogVisible = !0, setTimeout(() => {
|
|
360
360
|
var u, p;
|
|
@@ -362,139 +362,139 @@ const ua = /* @__PURE__ */ ge({
|
|
|
362
362
|
s && (s.innerHTML = ((p = d.value) == null ? void 0 : p.tipText) || "上传");
|
|
363
363
|
});
|
|
364
364
|
};
|
|
365
|
-
|
|
365
|
+
e.ui.registry.addMenuItem("localAudio", {
|
|
366
366
|
text: "音频",
|
|
367
367
|
icon: "arrow-right",
|
|
368
368
|
onAction: () => l()
|
|
369
|
-
}),
|
|
369
|
+
}), e.ui.registry.addButton("localAudio", {
|
|
370
370
|
icon: "arrow-right",
|
|
371
371
|
tooltip: "音频",
|
|
372
372
|
onAction: () => l()
|
|
373
373
|
});
|
|
374
374
|
}
|
|
375
|
-
if ((r =
|
|
375
|
+
if ((r = c == null ? void 0 : c.value) != null && r.enable) {
|
|
376
376
|
const l = () => {
|
|
377
|
-
|
|
377
|
+
x.value.dialogVisible = !0;
|
|
378
378
|
};
|
|
379
|
-
|
|
379
|
+
e.ui.registry.addMenuItem("localVideo", {
|
|
380
380
|
text: "视频",
|
|
381
381
|
icon: "embed",
|
|
382
382
|
onAction: () => l()
|
|
383
|
-
}),
|
|
383
|
+
}), e.ui.registry.addButton("localVideo", {
|
|
384
384
|
icon: "embed",
|
|
385
385
|
tooltip: "视频",
|
|
386
386
|
onAction: () => l()
|
|
387
387
|
});
|
|
388
388
|
}
|
|
389
389
|
}
|
|
390
|
-
}, i =
|
|
390
|
+
}, i = A(
|
|
391
391
|
[
|
|
392
|
-
|
|
393
|
-
|
|
394
|
-
|
|
392
|
+
m.options,
|
|
393
|
+
C.options,
|
|
394
|
+
a
|
|
395
395
|
],
|
|
396
396
|
{
|
|
397
|
-
mergeFunction: (
|
|
398
|
-
|
|
397
|
+
mergeFunction: (e, t) => (...n) => {
|
|
398
|
+
e(...n), t(...n);
|
|
399
399
|
},
|
|
400
400
|
type: Object
|
|
401
401
|
}
|
|
402
402
|
);
|
|
403
|
-
X.init(i).then(([
|
|
403
|
+
X.init(i).then(([e]) => {
|
|
404
404
|
var t;
|
|
405
|
-
|
|
405
|
+
e && (e.customProps = { ...m }, e.on("change input Redo Undo SetContent", () => {
|
|
406
406
|
if (D.value) {
|
|
407
407
|
D.value = !1;
|
|
408
408
|
return;
|
|
409
409
|
}
|
|
410
|
-
P.value = !0,
|
|
411
|
-
}),
|
|
410
|
+
P.value = !0, k("input", e.getContent());
|
|
411
|
+
}), e.on("paste", (n) => {
|
|
412
412
|
var l, s;
|
|
413
413
|
const r = ((l = n.clipboardData) == null ? void 0 : l.files) || [];
|
|
414
414
|
for (let u of r) {
|
|
415
415
|
const p = Q(u.name) || "";
|
|
416
416
|
(s = d.value.allowedType) != null && s.includes(p.toLowerCase()) || n.preventDefault();
|
|
417
417
|
}
|
|
418
|
-
}), (t =
|
|
418
|
+
}), (t = m.initComplete) == null || t.call(m, { editorIns: e }), b.value = e);
|
|
419
419
|
});
|
|
420
420
|
}), xe(() => {
|
|
421
|
-
var
|
|
422
|
-
(
|
|
421
|
+
var a;
|
|
422
|
+
(a = b.value) == null || a.destroy();
|
|
423
423
|
});
|
|
424
424
|
const ie = () => {
|
|
425
425
|
var i, o;
|
|
426
|
-
const
|
|
427
|
-
return ((o = (i =
|
|
426
|
+
const a = { ...v.value.additionalData || {} };
|
|
427
|
+
return ((o = (i = g.value) == null ? void 0 : i.data) == null ? void 0 : o.call(i, { file: a, extParameters: m.extParameters })) || {};
|
|
428
428
|
}, le = () => {
|
|
429
429
|
var i, o;
|
|
430
|
-
const
|
|
431
|
-
return ((o = (i =
|
|
432
|
-
}, ne = (
|
|
430
|
+
const a = { ...v.value.additionalData || {} };
|
|
431
|
+
return ((o = (i = g.value) == null ? void 0 : i.headers) == null ? void 0 : o.call(i, { file: a, extParameters: m.extParameters })) || {};
|
|
432
|
+
}, ne = (a, i, o) => {
|
|
433
433
|
var t, n;
|
|
434
|
-
const
|
|
435
|
-
|
|
436
|
-
}, re = (
|
|
434
|
+
const e = (n = (t = g == null ? void 0 : g.value) == null ? void 0 : t.handlerResponse) == null ? void 0 : n.call(t, a);
|
|
435
|
+
e != null && e.url ? o[o.length - 1].url = e.url : e != null && e.errorMessage && (w.error(e.errorMessage), o.splice(o.length - 1, 1)), v.value.formData.file = o;
|
|
436
|
+
}, re = (a, i) => new Promise((o, e) => {
|
|
437
437
|
var n, r, l, s, u, p;
|
|
438
|
-
const t =
|
|
439
|
-
if (!((r = (n =
|
|
440
|
-
w.error(`请上传格式为${(s = (l =
|
|
438
|
+
const t = a.name.split(".").filter(Boolean).pop() ? a.name.split(".").filter(Boolean).pop() : "";
|
|
439
|
+
if (!((r = (n = g.value) == null ? void 0 : n.allowedType) != null && r.includes(t.toLowerCase()))) {
|
|
440
|
+
w.error(`请上传格式为${(s = (l = g.value) == null ? void 0 : l.allowedType) == null ? void 0 : s.map((y) => y.toUpperCase()).join("、")}的音频`), e();
|
|
441
441
|
return;
|
|
442
442
|
}
|
|
443
|
-
if (
|
|
444
|
-
w.error(`请上传${((p =
|
|
443
|
+
if (a.size > (((u = g.value) == null ? void 0 : u.maxSize) || 0) * 1024 * 1024) {
|
|
444
|
+
w.error(`请上传${((p = g.value) == null ? void 0 : p.maxSize) || 0}M内的音频`), e();
|
|
445
445
|
return;
|
|
446
446
|
}
|
|
447
|
-
v.value.additionalData = { file:
|
|
448
|
-
}), se = (
|
|
447
|
+
v.value.additionalData = { file: a }, o(!0);
|
|
448
|
+
}), se = (a, i) => {
|
|
449
449
|
v.value.formData.file = i;
|
|
450
|
-
}, ue = (
|
|
450
|
+
}, ue = (a, i, o) => {
|
|
451
451
|
w.error("上传发生错误,请重试!"), v.value.formData.file = o;
|
|
452
452
|
}, de = () => {
|
|
453
453
|
var i, o;
|
|
454
|
-
const
|
|
455
|
-
return ((o = (i =
|
|
456
|
-
},
|
|
454
|
+
const a = { ...x.value.additionalData || {} };
|
|
455
|
+
return ((o = (i = c.value) == null ? void 0 : i.data) == null ? void 0 : o.call(i, { file: a, extParameters: m.extParameters })) || {};
|
|
456
|
+
}, me = () => {
|
|
457
457
|
var i, o;
|
|
458
|
-
const
|
|
459
|
-
return ((o = (i =
|
|
460
|
-
},
|
|
458
|
+
const a = { ...x.value.additionalData || {} };
|
|
459
|
+
return ((o = (i = c.value) == null ? void 0 : i.headers) == null ? void 0 : o.call(i, { file: a, extParameters: m.extParameters })) || {};
|
|
460
|
+
}, ce = (a, i, o) => {
|
|
461
461
|
var t, n;
|
|
462
|
-
const
|
|
463
|
-
|
|
464
|
-
}, pe = (
|
|
462
|
+
const e = (n = (t = c == null ? void 0 : c.value) == null ? void 0 : t.handlerResponse) == null ? void 0 : n.call(t, a);
|
|
463
|
+
e != null && e.url ? o[o.length - 1].url = e.url : e != null && e.errorMessage && (w.error(e.errorMessage), o.splice(o.length - 1, 1)), x.value.formData.file = o;
|
|
464
|
+
}, pe = (a, i) => new Promise((o, e) => {
|
|
465
465
|
var n, r, l, s, u, p;
|
|
466
|
-
const t =
|
|
467
|
-
if (!((r = (n =
|
|
468
|
-
w.error(`请上传格式为${(s = (l =
|
|
466
|
+
const t = a.name.split(".").filter(Boolean).pop() ? a.name.split(".").filter(Boolean).pop() : "";
|
|
467
|
+
if (!((r = (n = c == null ? void 0 : c.value) == null ? void 0 : n.allowedType) != null && r.includes(t.toLowerCase()))) {
|
|
468
|
+
w.error(`请上传格式为${(s = (l = c == null ? void 0 : c.value) == null ? void 0 : l.allowedType) == null ? void 0 : s.map((y) => y.toUpperCase()).join("、")}的视频`), e();
|
|
469
469
|
return;
|
|
470
470
|
}
|
|
471
|
-
if (
|
|
472
|
-
w.error(`请上传${((p =
|
|
471
|
+
if (a.size > (((u = c == null ? void 0 : c.value) == null ? void 0 : u.maxSize) || 0) * 1024 * 1024) {
|
|
472
|
+
w.error(`请上传${((p = c == null ? void 0 : c.value) == null ? void 0 : p.maxSize) || 0}M内的视频`), e();
|
|
473
473
|
return;
|
|
474
474
|
}
|
|
475
|
-
|
|
476
|
-
}), ve = (
|
|
477
|
-
|
|
478
|
-
}, fe = (
|
|
479
|
-
w.error("上传发生错误,请重试!"),
|
|
475
|
+
x.value.additionalData = { file: a }, o(!0);
|
|
476
|
+
}), ve = (a, i) => {
|
|
477
|
+
x.value.formData.file = i;
|
|
478
|
+
}, fe = (a, i, o) => {
|
|
479
|
+
w.error("上传发生错误,请重试!"), x.value.formData.file = o;
|
|
480
480
|
};
|
|
481
|
-
return
|
|
482
|
-
var
|
|
483
|
-
(i = (
|
|
484
|
-
}, { immediate: !0 }),
|
|
485
|
-
() => [
|
|
481
|
+
return I(() => [m.disabled, b.value], () => {
|
|
482
|
+
var a, i;
|
|
483
|
+
(i = (a = b.value) == null ? void 0 : a.mode) == null || i.set(m.disabled ? "readonly" : "design");
|
|
484
|
+
}, { immediate: !0 }), I(
|
|
485
|
+
() => [m.value, b.value],
|
|
486
486
|
() => {
|
|
487
|
-
var
|
|
487
|
+
var a;
|
|
488
488
|
if (P.value) {
|
|
489
489
|
P.value = !1;
|
|
490
490
|
return;
|
|
491
491
|
}
|
|
492
|
-
D.value = !0, (
|
|
492
|
+
D.value = !0, (a = b.value) == null || a.setContent(m.value ? m.value : "");
|
|
493
493
|
},
|
|
494
494
|
{ immediate: !0 }
|
|
495
|
-
), { __sfc: !0, defaultImageUploadOptions: z, defaultVideoUploadOptions: V, defaultAudioUploadOptions: B, props:
|
|
495
|
+
), { __sfc: !0, defaultImageUploadOptions: z, defaultVideoUploadOptions: V, defaultAudioUploadOptions: B, props: m, emits: k, insRef: H, editorRef: b, preventSettingContent: P, preventUpdatingModelValue: D, uploadLoadingConfig: f, mergeImageUploadOptions: d, mergeVideoUploadOptions: c, mergeAudioUploadOptions: g, mergeImgPondOptions: U, imgPondAccept: Z, uploadImageImgPondRef: M, audioImageImgPondRef: S, uploadImage: _, uploadImageFormRef: R, onUploadImageClose: W, onUploadImageConfirm: ee, uploadAudio: v, uploadAudioFormRef: j, onUploadAudioClose: $, onUploadAudioConfirm: ae, uploadVideo: x, uploadVideoFormRef: E, onUploadVideoClose: q, onUploadVideoConfirm: te, onImageUploadUpload: oe, processPastedImage: F, getUploadAudioData: ie, getUploadAudioHeaders: le, onUploadAudioSuccess: ne, onUploadAudioBeforeUpload: re, onUploadAudioRemove: se, onUploadAudioError: ue, getUploadVideoData: de, getUploadVideoHeaders: me, onUploadVideoSuccess: ce, onUploadVideoBeforeUpload: pe, onUploadVideoRemove: ve, onUploadVideoError: fe, ImgPond: ye };
|
|
496
496
|
}
|
|
497
497
|
});
|
|
498
498
|
export {
|
|
499
|
-
|
|
499
|
+
sa as default
|
|
500
500
|
};
|
package/es/style.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.tox-tinymce-aux{z-index:10000!important}.tox-statusbar__branding{display:none!important}.tinymce-editor-dialog .el-dialog{min-width:600px}.tinymce-editor-upload-image-dialog .uploadImageForm{display:flex;align-content:center}.tinymce-editor-upload-image-dialog .uploadImageForm .tips{margin-left:20px;display:flex;flex-direction:column}.tinymce-editor-upload-image-dialog .uploadImageForm .tips>span{margin-bottom:16px}.tinymce-editor-dialog .upload-hide .el-upload,.tinymce-editor-dialog .upload-hide .el-upload__tip{display:none}.
|
|
1
|
+
.tox-tinymce-aux{z-index:10000!important}.tox-statusbar__branding{display:none!important}.tinymce-editor-dialog .el-dialog{min-width:600px}.tinymce-editor-upload-image-dialog .uploadImageForm{display:flex;align-content:center}.tinymce-editor-upload-image-dialog .uploadImageForm .tips{margin-left:20px;display:flex;flex-direction:column}.tinymce-editor-upload-image-dialog .uploadImageForm .tips>span{margin-bottom:16px}.tinymce-editor-dialog .upload-hide .el-upload,.tinymce-editor-dialog .upload-hide .el-upload__tip{display:none}.tinymce-editor-loading-dialog{z-index:4000!important}.tinymce-editor-loading-dialog .el-dialog{margin-top:calc(50vh - 107px);width:388px;min-width:auto!important;height:214px;background-image:linear-gradient(-72deg,#d8faff,#fff);box-shadow:0 2px 20px #00000012;border-radius:16px}.tinymce-editor-loading-dialog .el-dialog .el-dialog__header{display:none!important}.tinymce-editor-loading-dialog .el-dialog .el-dialog__body{height:100%}.tinymce-editor-loading-dialog .el-dialog .el-dialog__body .tinymce-editor-loading-dialog-content{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}.tinymce-editor-loading-dialog .el-dialog .el-dialog__body .tinymce-editor-loading-dialog-content span{margin-top:15px;font-size:16px;color:#1d2129;line-height:24px;font-weight:500}.tinymce-editor-spinner{width:60px;height:60px;position:relative;text-align:center;-webkit-animation:sk-rotate 2s infinite linear;animation:sk-rotate 2s infinite linear}.tinymce-editor-spinner-dot1,.tinymce-editor-spinner-dot2,.tinymce-editor-spinner-dot3{width:24px;height:24px;display:inline-block;position:absolute;top:0;background-color:#333;border-radius:100%;-webkit-animation:sk-bounce 2s infinite ease-in-out;animation:sk-bounce 2s infinite ease-in-out}.tinymce-editor-spinner-dot1{left:calc(50% - 12px);background-color:#5dff8e}.tinymce-editor-spinner-dot2{top:auto;bottom:0;right:0;-webkit-animation-delay:-1s;animation-delay:-1s;background-color:#21f4c7}.tinymce-editor-spinner-dot3{top:auto;bottom:0;left:0;-webkit-animation-delay:-1s;animation-delay:-1s;background-color:#98ff56}@-webkit-keyframes sk-rotate{to{-webkit-transform:rotate(360deg)}}@keyframes sk-rotate{to{transform:rotate(360deg);-webkit-transform:rotate(360deg)}}@-webkit-keyframes sk-bounce{0%,to{-webkit-transform:scale(0)}50%{-webkit-transform:scale(1)}}@keyframes sk-bounce{0%,to{transform:scale(0);-webkit-transform:scale(0)}50%{transform:scale(1);-webkit-transform:scale(1)}}
|
package/package.json
CHANGED