@wangeditor-next/editor-for-vue2 6.1.1 → 6.3.0
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/dist/components/Editor.vue.d.ts +15 -0
- package/dist/{src/components → components}/Toolbar.vue.d.ts +3 -3
- package/dist/index.d.ts +3 -0
- package/dist/index.esm.js +85 -186
- package/dist/index.esm.js.map +1 -1
- package/dist/index.js +2 -2
- package/dist/index.js.map +1 -1
- package/package.json +8 -9
- package/dist/src/components/Editor.vue.d.ts +0 -3
- package/dist/src/index.d.ts +0 -7
- package/dist/src/shims-vue.d.ts +0 -5
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import { default as Vue } from 'vue';
|
|
2
|
+
declare const _default: import('vue/types/vue').ExtendedVue<Vue<Record<string, any>, Record<string, any>, never, never, (event: string, ...args: any[]) => Vue<Record<string, any>, Record<string, any>, never, never, any>>, {
|
|
3
|
+
curValue: string;
|
|
4
|
+
editor: null;
|
|
5
|
+
}, {
|
|
6
|
+
setHtml(newHtml: string): void;
|
|
7
|
+
create(): void;
|
|
8
|
+
}, unknown, {
|
|
9
|
+
defaultContent: unknown[];
|
|
10
|
+
defaultConfig: any;
|
|
11
|
+
mode: string;
|
|
12
|
+
defaultHtml: string;
|
|
13
|
+
value: string;
|
|
14
|
+
}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin>;
|
|
15
|
+
export default _default;
|
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
import { IDomEditor } from '@wangeditor-next/editor';
|
|
2
|
-
import Vue from 'vue';
|
|
3
|
-
declare const _default: import(
|
|
2
|
+
import { default as Vue } from 'vue';
|
|
3
|
+
declare const _default: import('vue/types/vue').ExtendedVue<Vue<Record<string, any>, Record<string, any>, never, never, (event: string, ...args: any[]) => Vue<Record<string, any>, Record<string, any>, never, never, any>>, unknown, {
|
|
4
4
|
create(editor: IDomEditor): void;
|
|
5
5
|
}, unknown, {
|
|
6
6
|
editor: any;
|
|
7
7
|
defaultConfig: any;
|
|
8
8
|
mode: string;
|
|
9
|
-
}, {}, import(
|
|
9
|
+
}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin>;
|
|
10
10
|
export default _default;
|
package/dist/index.d.ts
ADDED
package/dist/index.esm.js
CHANGED
|
@@ -1,14 +1,14 @@
|
|
|
1
|
-
import { createEditor, DomEditor, createToolbar } from "@wangeditor-next/editor";
|
|
2
|
-
import
|
|
3
|
-
function
|
|
4
|
-
let
|
|
5
|
-
|
|
6
|
-
Please use '@${
|
|
7
|
-
return info;
|
|
1
|
+
import { createEditor as f, DomEditor as d, createToolbar as c } from "@wangeditor-next/editor";
|
|
2
|
+
import a from "vue";
|
|
3
|
+
function r(t) {
|
|
4
|
+
let n = `请使用 '@${t}' 事件，不要放在 props 中`;
|
|
5
|
+
return n += `
|
|
6
|
+
Please use '@${t}' event instead of props`, n;
|
|
8
7
|
}
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
8
|
+
const h = a.extend({
|
|
9
|
+
//【注意】单独写 <template>...</template> 时，rollup 打包完浏览器运行时报错，所以先在这里写 template
|
|
10
|
+
render(t) {
|
|
11
|
+
return t("div", { ref: "box" });
|
|
12
12
|
},
|
|
13
13
|
name: "Editor",
|
|
14
14
|
data() {
|
|
@@ -34,197 +34,113 @@ var _sfc_main$1 = Vue.extend({
|
|
|
34
34
|
type: String,
|
|
35
35
|
default: ""
|
|
36
36
|
},
|
|
37
|
+
// value 用于自定义 v-model
|
|
37
38
|
value: {
|
|
38
39
|
type: String,
|
|
39
40
|
default: ""
|
|
40
41
|
}
|
|
41
42
|
},
|
|
42
|
-
emits: [
|
|
43
|
-
"onCreated",
|
|
44
|
-
"input",
|
|
45
|
-
"onChange",
|
|
46
|
-
"onDestroyed",
|
|
47
|
-
"onMaxLength",
|
|
48
|
-
"onFocus",
|
|
49
|
-
"onBlur",
|
|
50
|
-
"customAlert",
|
|
51
|
-
"customPaste"
|
|
52
|
-
],
|
|
53
43
|
mounted() {
|
|
54
44
|
this.create();
|
|
55
45
|
},
|
|
56
46
|
watch: {
|
|
57
|
-
value
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
return;
|
|
61
|
-
}
|
|
62
|
-
this.setHtml(newVal);
|
|
47
|
+
// 监听 'value' 属性变化 - value 用于自定义 v-model
|
|
48
|
+
value(t) {
|
|
49
|
+
t !== this.curValue && this.setHtml(t);
|
|
63
50
|
}
|
|
64
51
|
},
|
|
65
52
|
methods: {
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
}
|
|
71
|
-
editor.setHtml(newHtml);
|
|
53
|
+
// 重置 HTML
|
|
54
|
+
setHtml(t) {
|
|
55
|
+
const n = this.editor;
|
|
56
|
+
n != null && n.setHtml(t);
|
|
72
57
|
},
|
|
58
|
+
// 创建 editor
|
|
73
59
|
create() {
|
|
74
|
-
if (this.$refs.box == null)
|
|
60
|
+
if (this.$refs.box == null)
|
|
75
61
|
return;
|
|
76
|
-
}
|
|
77
|
-
const defaultConfig = this.defaultConfig || {};
|
|
78
|
-
const defaultContent = JSON.stringify(
|
|
62
|
+
const t = this.defaultConfig || {}, n = JSON.stringify(
|
|
79
63
|
Array.isArray(this.defaultContent) ? this.defaultContent : []
|
|
80
64
|
);
|
|
81
|
-
|
|
65
|
+
f({
|
|
82
66
|
selector: this.$refs.box,
|
|
83
67
|
html: this.defaultHtml || this.value || "",
|
|
84
68
|
config: {
|
|
85
|
-
...
|
|
86
|
-
onCreated: (
|
|
87
|
-
this.editor = Object.seal(
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
const info = genErrorInfo("onCreated");
|
|
91
|
-
throw new Error(info);
|
|
69
|
+
...t,
|
|
70
|
+
onCreated: (e) => {
|
|
71
|
+
if (this.editor = Object.seal(e), this.$emit("onCreated", e), t.onCreated) {
|
|
72
|
+
const o = r("onCreated");
|
|
73
|
+
throw new Error(o);
|
|
92
74
|
}
|
|
93
75
|
},
|
|
94
|
-
onChange: (
|
|
95
|
-
const
|
|
96
|
-
this.curValue =
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
if (defaultConfig.onChange) {
|
|
100
|
-
const info = genErrorInfo("onChange");
|
|
101
|
-
throw new Error(info);
|
|
76
|
+
onChange: (e) => {
|
|
77
|
+
const o = e.getHtml();
|
|
78
|
+
if (this.curValue = o, this.$emit("input", o), this.$emit("onChange", e), t.onChange) {
|
|
79
|
+
const i = r("onChange");
|
|
80
|
+
throw new Error(i);
|
|
102
81
|
}
|
|
103
82
|
},
|
|
104
|
-
onDestroyed: (
|
|
105
|
-
this.$emit("onDestroyed",
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
throw new Error(info);
|
|
83
|
+
onDestroyed: (e) => {
|
|
84
|
+
if (this.$emit("onDestroyed", e), t.onDestroyed) {
|
|
85
|
+
const o = r("onDestroyed");
|
|
86
|
+
throw new Error(o);
|
|
109
87
|
}
|
|
110
88
|
},
|
|
111
|
-
onMaxLength: (
|
|
112
|
-
this.$emit("onMaxLength",
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
throw new Error(info);
|
|
89
|
+
onMaxLength: (e) => {
|
|
90
|
+
if (this.$emit("onMaxLength", e), t.onMaxLength) {
|
|
91
|
+
const o = r("onMaxLength");
|
|
92
|
+
throw new Error(o);
|
|
116
93
|
}
|
|
117
94
|
},
|
|
118
|
-
onFocus: (
|
|
119
|
-
this.$emit("onFocus",
|
|
120
|
-
|
|
121
|
-
|
|
122
|
-
throw new Error(info);
|
|
95
|
+
onFocus: (e) => {
|
|
96
|
+
if (this.$emit("onFocus", e), t.onFocus) {
|
|
97
|
+
const o = r("onFocus");
|
|
98
|
+
throw new Error(o);
|
|
123
99
|
}
|
|
124
100
|
},
|
|
125
|
-
onBlur: (
|
|
126
|
-
this.$emit("onBlur",
|
|
127
|
-
|
|
128
|
-
|
|
129
|
-
throw new Error(info);
|
|
101
|
+
onBlur: (e) => {
|
|
102
|
+
if (this.$emit("onBlur", e), t.onBlur) {
|
|
103
|
+
const o = r("onBlur");
|
|
104
|
+
throw new Error(o);
|
|
130
105
|
}
|
|
131
106
|
},
|
|
132
|
-
customAlert: (
|
|
133
|
-
this.$emit("customAlert",
|
|
134
|
-
|
|
135
|
-
|
|
136
|
-
throw new Error(errorInfo);
|
|
107
|
+
customAlert: (e, o) => {
|
|
108
|
+
if (this.$emit("customAlert", e, o), t.customAlert) {
|
|
109
|
+
const i = r("customAlert");
|
|
110
|
+
throw new Error(i);
|
|
137
111
|
}
|
|
138
112
|
},
|
|
139
|
-
customPaste: (
|
|
140
|
-
if (
|
|
141
|
-
const
|
|
142
|
-
throw new Error(
|
|
113
|
+
customPaste: (e, o) => {
|
|
114
|
+
if (t.customPaste) {
|
|
115
|
+
const s = r("customPaste");
|
|
116
|
+
throw new Error(s);
|
|
143
117
|
}
|
|
144
|
-
let
|
|
145
|
-
this.$emit("customPaste",
|
|
146
|
-
|
|
147
|
-
});
|
|
148
|
-
return res;
|
|
118
|
+
let i;
|
|
119
|
+
return this.$emit("customPaste", e, o, (s) => {
|
|
120
|
+
i = s;
|
|
121
|
+
}), i;
|
|
149
122
|
}
|
|
150
123
|
},
|
|
151
|
-
content: JSON.parse(
|
|
124
|
+
content: JSON.parse(n),
|
|
152
125
|
mode: this.mode || "default"
|
|
153
126
|
});
|
|
154
127
|
}
|
|
155
128
|
}
|
|
156
129
|
});
|
|
157
|
-
function
|
|
158
|
-
var
|
|
159
|
-
if (render) {
|
|
160
|
-
options.render = render;
|
|
161
|
-
options.staticRenderFns = staticRenderFns;
|
|
162
|
-
options._compiled = true;
|
|
163
|
-
}
|
|
164
|
-
if (functionalTemplate) {
|
|
165
|
-
options.functional = true;
|
|
166
|
-
}
|
|
167
|
-
if (scopeId) {
|
|
168
|
-
options._scopeId = "data-v-" + scopeId;
|
|
169
|
-
}
|
|
170
|
-
var hook;
|
|
171
|
-
if (moduleIdentifier) {
|
|
172
|
-
hook = function(context) {
|
|
173
|
-
context = context || this.$vnode && this.$vnode.ssrContext || this.parent && this.parent.$vnode && this.parent.$vnode.ssrContext;
|
|
174
|
-
if (!context && typeof __VUE_SSR_CONTEXT__ !== "undefined") {
|
|
175
|
-
context = __VUE_SSR_CONTEXT__;
|
|
176
|
-
}
|
|
177
|
-
if (injectStyles) {
|
|
178
|
-
injectStyles.call(this, context);
|
|
179
|
-
}
|
|
180
|
-
if (context && context._registeredComponents) {
|
|
181
|
-
context._registeredComponents.add(moduleIdentifier);
|
|
182
|
-
}
|
|
183
|
-
};
|
|
184
|
-
options._ssrRegister = hook;
|
|
185
|
-
} else if (injectStyles) {
|
|
186
|
-
hook = shadowMode ? function() {
|
|
187
|
-
injectStyles.call(
|
|
188
|
-
this,
|
|
189
|
-
(options.functional ? this.parent : this).$root.$options.shadowRoot
|
|
190
|
-
);
|
|
191
|
-
} : injectStyles;
|
|
192
|
-
}
|
|
193
|
-
if (hook) {
|
|
194
|
-
if (options.functional) {
|
|
195
|
-
options._injectStyles = hook;
|
|
196
|
-
var originalRender = options.render;
|
|
197
|
-
options.render = function renderWithStyleInjection(h, context) {
|
|
198
|
-
hook.call(context);
|
|
199
|
-
return originalRender(h, context);
|
|
200
|
-
};
|
|
201
|
-
} else {
|
|
202
|
-
var existing = options.beforeCreate;
|
|
203
|
-
options.beforeCreate = existing ? [].concat(existing, hook) : [hook];
|
|
204
|
-
}
|
|
205
|
-
}
|
|
130
|
+
function u(t, n, e, o, i, s, w, y) {
|
|
131
|
+
var l = typeof t == "function" ? t.options : t;
|
|
206
132
|
return {
|
|
207
|
-
exports:
|
|
208
|
-
options
|
|
133
|
+
exports: t,
|
|
134
|
+
options: l
|
|
209
135
|
};
|
|
210
136
|
}
|
|
211
|
-
|
|
212
|
-
|
|
213
|
-
var __component__$1 = /* @__PURE__ */ normalizeComponent(
|
|
214
|
-
_sfc_main$1,
|
|
215
|
-
_sfc_render$1,
|
|
216
|
-
_sfc_staticRenderFns$1,
|
|
217
|
-
false,
|
|
218
|
-
null,
|
|
219
|
-
null,
|
|
220
|
-
null,
|
|
221
|
-
null
|
|
137
|
+
var m = /* @__PURE__ */ u(
|
|
138
|
+
h
|
|
222
139
|
);
|
|
223
|
-
|
|
224
|
-
var _sfc_main = Vue.extend({
|
|
140
|
+
const b = m.exports, p = a.extend({
|
|
225
141
|
name: "Toolbar",
|
|
226
|
-
render(
|
|
227
|
-
return
|
|
142
|
+
render(t) {
|
|
143
|
+
return t("div", { ref: "box" });
|
|
228
144
|
},
|
|
229
145
|
props: {
|
|
230
146
|
editor: {
|
|
@@ -241,48 +157,31 @@ var _sfc_main = Vue.extend({
|
|
|
241
157
|
}
|
|
242
158
|
},
|
|
243
159
|
methods: {
|
|
244
|
-
|
|
245
|
-
|
|
246
|
-
|
|
247
|
-
|
|
248
|
-
if (editor == null) {
|
|
249
|
-
return;
|
|
250
|
-
}
|
|
251
|
-
if (DomEditor.getToolbar(editor)) {
|
|
252
|
-
return;
|
|
253
|
-
}
|
|
254
|
-
createToolbar({
|
|
255
|
-
editor,
|
|
160
|
+
// 创建 toolbar
|
|
161
|
+
create(t) {
|
|
162
|
+
this.$refs.box != null && t != null && (d.getToolbar(t) || c({
|
|
163
|
+
editor: t,
|
|
256
164
|
selector: this.$refs.box,
|
|
257
165
|
config: this.defaultConfig || {},
|
|
258
166
|
mode: this.mode || "default"
|
|
259
|
-
});
|
|
167
|
+
}));
|
|
260
168
|
}
|
|
261
169
|
},
|
|
262
170
|
watch: {
|
|
263
171
|
editor: {
|
|
264
|
-
handler(
|
|
265
|
-
|
|
266
|
-
return;
|
|
267
|
-
}
|
|
268
|
-
this.create(e);
|
|
172
|
+
handler(t) {
|
|
173
|
+
t != null && this.create(t);
|
|
269
174
|
},
|
|
270
|
-
immediate:
|
|
175
|
+
immediate: !0
|
|
271
176
|
}
|
|
272
177
|
}
|
|
273
178
|
});
|
|
274
|
-
|
|
275
|
-
|
|
276
|
-
var __component__ = /* @__PURE__ */ normalizeComponent(
|
|
277
|
-
_sfc_main,
|
|
278
|
-
_sfc_render,
|
|
279
|
-
_sfc_staticRenderFns,
|
|
280
|
-
false,
|
|
281
|
-
null,
|
|
282
|
-
null,
|
|
283
|
-
null,
|
|
284
|
-
null
|
|
179
|
+
var g = /* @__PURE__ */ u(
|
|
180
|
+
p
|
|
285
181
|
);
|
|
286
|
-
|
|
287
|
-
export {
|
|
182
|
+
const x = g.exports;
|
|
183
|
+
export {
|
|
184
|
+
b as Editor,
|
|
185
|
+
x as Toolbar
|
|
186
|
+
};
|
|
288
187
|
//# sourceMappingURL=index.esm.js.map
|
package/dist/index.esm.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.esm.js","sources":["../src/components/Editor.vue","../plugin-vue2:normalizer","../src/components/Toolbar.vue"],"sourcesContent":["<script lang=\"ts\">\nimport { createEditor, IDomEditor } from '@wangeditor-next/editor'\nimport Vue from 'vue'\n\ntype AlertType = 'success' | 'info' | 'warning' | 'error'\n\nfunction genErrorInfo(fnName: string) {\n let info = `请使用 '@${fnName}' 事件，不要放在 props 中`\n\n info += `\\nPlease use '@${fnName}' event instead of props`\n return info\n}\n\nexport default Vue.extend({\n //【注意】单独写 <template>...</template> 时，rollup 打包完浏览器运行时报错，所以先在这里写 template\n render(h) {\n return h('div', { ref: 'box' })\n },\n name: 'Editor',\n data() {\n return {\n curValue: '',\n editor: null,\n }\n },\n props: {\n defaultContent: {\n type: Array,\n default: () => [],\n },\n defaultConfig: {\n type: Object,\n default: () => ({}),\n },\n mode: {\n type: String,\n default: 'default',\n },\n defaultHtml: {\n type: String,\n default: '',\n },\n // value 用于自定义 v-model\n value: {\n type: String,\n default: '',\n },\n },\n emits: [\n 'onCreated',\n 'input',\n 'onChange',\n 'onDestroyed',\n 'onMaxLength',\n 'onFocus',\n 'onBlur',\n 'customAlert',\n 'customPaste',\n ],\n mounted() {\n this.create()\n },\n watch: {\n // 监听 'value' 属性变化 - value 用于自定义 v-model\n value(newVal: string) {\n const isEqual = newVal === this.curValue\n\n if (isEqual) {\n return\n } // 和当前内容一样，则忽略\n\n // 重置 HTML\n this.setHtml(newVal)\n },\n },\n methods: {\n // 重置 HTML\n setHtml(newHtml: string) {\n const editor = this.editor as any\n\n if (editor == null) {\n return\n }\n editor.setHtml(newHtml)\n },\n\n // 创建 editor\n create() {\n if (this.$refs.box == null) {\n return\n }\n\n const defaultConfig = this.defaultConfig || {}\n\n const defaultContent = JSON.stringify(\n Array.isArray(this.defaultContent) ? this.defaultContent : []\n )\n\n createEditor({\n selector: this.$refs.box as Element,\n html: this.defaultHtml || this.value || '',\n config: {\n ...defaultConfig,\n onCreated: (editor: IDomEditor) => {\n this.editor = Object.seal(editor) as any // 注意，一定要用 Object.seal() 否则会报错\n\n this.$emit('onCreated', editor)\n if (defaultConfig.onCreated) {\n const info = genErrorInfo('onCreated')\n\n throw new Error(info)\n }\n },\n onChange: (editor: IDomEditor) => {\n const editorHtml = editor.getHtml()\n\n this.curValue = editorHtml // 记录当前 html 内容\n this.$emit('input', editorHtml) // 用于自定义 v-model\n\n this.$emit('onChange', editor)\n if (defaultConfig.onChange) {\n const info = genErrorInfo('onChange')\n\n throw new Error(info)\n }\n },\n onDestroyed: (editor: IDomEditor) => {\n this.$emit('onDestroyed', editor)\n if (defaultConfig.onDestroyed) {\n const info = genErrorInfo('onDestroyed')\n\n throw new Error(info)\n }\n },\n onMaxLength: (editor: IDomEditor) => {\n this.$emit('onMaxLength', editor)\n if (defaultConfig.onMaxLength) {\n const info = genErrorInfo('onMaxLength')\n\n throw new Error(info)\n }\n },\n onFocus: (editor: IDomEditor) => {\n this.$emit('onFocus', editor)\n if (defaultConfig.onFocus) {\n const info = genErrorInfo('onFocus')\n\n throw new Error(info)\n }\n },\n onBlur: (editor: IDomEditor) => {\n this.$emit('onBlur', editor)\n if (defaultConfig.onBlur) {\n const info = genErrorInfo('onBlur')\n\n throw new Error(info)\n }\n },\n customAlert: (info: string, type: AlertType) => {\n this.$emit('customAlert', info, type)\n if (defaultConfig.customAlert) {\n const errorInfo = genErrorInfo('customAlert')\n\n throw new Error(errorInfo)\n }\n },\n customPaste: (editor: IDomEditor, event: ClipboardEvent) => {\n if (defaultConfig.customPaste) {\n const info = genErrorInfo('customPaste')\n\n throw new Error(info)\n }\n let res\n\n this.$emit('customPaste', editor, event, (val: any) => {\n res = val\n })\n return res\n },\n },\n content: JSON.parse(defaultContent),\n mode: this.mode || 'default',\n })\n },\n },\n})\n</script>\n","\nexport default function normalizeComponent (\n scriptExports,\n render,\n staticRenderFns,\n functionalTemplate,\n injectStyles,\n scopeId,\n moduleIdentifier, /* server only */\n shadowMode /* vue-cli only */\n) {\n // Vue.extend constructor export interop\n var options = typeof scriptExports === 'function'\n ? scriptExports.options\n : scriptExports\n\n // render functions\n if (render) {\n options.render = render\n options.staticRenderFns = staticRenderFns\n options._compiled = true\n }\n\n // functional template\n if (functionalTemplate) {\n options.functional = true\n }\n\n // scopedId\n if (scopeId) {\n options._scopeId = 'data-v-' + scopeId\n }\n\n var hook\n if (moduleIdentifier) { // server build\n hook = function (context) {\n // 2.3 injection\n context =\n context || // cached call\n (this.$vnode && this.$vnode.ssrContext) || // stateful\n (this.parent && this.parent.$vnode && this.parent.$vnode.ssrContext) // functional\n // 2.2 with runInNewContext: true\n if (!context && typeof __VUE_SSR_CONTEXT__ !== 'undefined') {\n context = __VUE_SSR_CONTEXT__\n }\n // inject component styles\n if (injectStyles) {\n injectStyles.call(this, context)\n }\n // register component module identifier for async chunk inference\n if (context && context._registeredComponents) {\n context._registeredComponents.add(moduleIdentifier)\n }\n }\n // used by ssr in case component is cached and beforeCreate\n // never gets called\n options._ssrRegister = hook\n } else if (injectStyles) {\n hook = shadowMode\n ? function () {\n injectStyles.call(\n this,\n (options.functional ? this.parent : this).$root.$options.shadowRoot\n )\n }\n : injectStyles\n }\n\n if (hook) {\n if (options.functional) {\n // for template-only hot-reload because in that case the render fn doesn't\n // go through the normalizer\n options._injectStyles = hook\n // register for functional component in vue file\n var originalRender = options.render\n options.render = function renderWithStyleInjection (h, context) {\n hook.call(context)\n return originalRender(h, context)\n }\n } else {\n // inject component registration as beforeCreate hook\n var existing = options.beforeCreate\n options.beforeCreate = existing\n ? [].concat(existing, hook)\n : [hook]\n }\n }\n\n return {\n exports: scriptExports,\n options: options\n }\n}","<script lang=\"ts\">\nimport { createToolbar, DomEditor, IDomEditor } from '@wangeditor-next/editor'\nimport Vue from 'vue'\n\nexport default Vue.extend({\n name: 'Toolbar',\n render(h) {\n return h('div', { ref: 'box' })\n },\n props: {\n editor: {\n type: Object,\n default: undefined,\n },\n defaultConfig: {\n type: Object,\n default: () => ({}),\n },\n mode: {\n type: String,\n default: 'default',\n },\n },\n methods: {\n // 创建 toolbar\n create(editor: IDomEditor) {\n if (this.$refs.box == null) {\n return\n }\n if (editor == null) {\n return\n }\n if (DomEditor.getToolbar(editor)) {\n return\n } // 不重复创建\n\n createToolbar({\n editor,\n selector: this.$refs.box as Element,\n config: this.defaultConfig || {},\n mode: this.mode || 'default',\n })\n },\n },\n watch: {\n editor: {\n handler(e: IDomEditor | null) {\n if (e == null) {\n return\n }\n this.create(e)\n },\n immediate: true,\n },\n },\n})\n</script>\n"],"names":[],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"index.esm.js","sources":["../src/components/Editor.vue","../src/components/Toolbar.vue"],"sourcesContent":["<script lang=\"ts\">\nimport { createEditor, IDomEditor } from '@wangeditor-next/editor'\nimport Vue from 'vue'\n\ntype AlertType = 'success' | 'info' | 'warning' | 'error'\n\nfunction genErrorInfo(fnName: string) {\n let info = `请使用 '@${fnName}' 事件，不要放在 props 中`\n\n info += `\\nPlease use '@${fnName}' event instead of props`\n return info\n}\n\nexport default Vue.extend({\n //【注意】单独写 <template>...</template> 时，rollup 打包完浏览器运行时报错，所以先在这里写 template\n render(h) {\n return h('div', { ref: 'box' })\n },\n name: 'Editor',\n data() {\n return {\n curValue: '',\n editor: null,\n }\n },\n props: {\n defaultContent: {\n type: Array,\n default: () => [],\n },\n defaultConfig: {\n type: Object,\n default: () => ({}),\n },\n mode: {\n type: String,\n default: 'default',\n },\n defaultHtml: {\n type: String,\n default: '',\n },\n // value 用于自定义 v-model\n value: {\n type: String,\n default: '',\n },\n },\n mounted() {\n this.create()\n },\n watch: {\n // 监听 'value' 属性变化 - value 用于自定义 v-model\n value(newVal: string) {\n const isEqual = newVal === this.curValue\n\n if (isEqual) {\n return\n } // 和当前内容一样，则忽略\n\n // 重置 HTML\n this.setHtml(newVal)\n },\n },\n methods: {\n // 重置 HTML\n setHtml(newHtml: string) {\n const editor = this.editor as any\n\n if (editor == null) {\n return\n }\n editor.setHtml(newHtml)\n },\n\n // 创建 editor\n create() {\n if (this.$refs.box == null) {\n return\n }\n\n const defaultConfig = this.defaultConfig || {}\n\n const defaultContent = JSON.stringify(\n Array.isArray(this.defaultContent) ? this.defaultContent : []\n )\n\n createEditor({\n selector: this.$refs.box as Element,\n html: this.defaultHtml || this.value || '',\n config: {\n ...defaultConfig,\n onCreated: (editor: IDomEditor) => {\n this.editor = Object.seal(editor) as any // 注意，一定要用 Object.seal() 否则会报错\n\n this.$emit('onCreated', editor)\n if (defaultConfig.onCreated) {\n const info = genErrorInfo('onCreated')\n\n throw new Error(info)\n }\n },\n onChange: (editor: IDomEditor) => {\n const editorHtml = editor.getHtml()\n\n this.curValue = editorHtml // 记录当前 html 内容\n this.$emit('input', editorHtml) // 用于自定义 v-model\n\n this.$emit('onChange', editor)\n if (defaultConfig.onChange) {\n const info = genErrorInfo('onChange')\n\n throw new Error(info)\n }\n },\n onDestroyed: (editor: IDomEditor) => {\n this.$emit('onDestroyed', editor)\n if (defaultConfig.onDestroyed) {\n const info = genErrorInfo('onDestroyed')\n\n throw new Error(info)\n }\n },\n onMaxLength: (editor: IDomEditor) => {\n this.$emit('onMaxLength', editor)\n if (defaultConfig.onMaxLength) {\n const info = genErrorInfo('onMaxLength')\n\n throw new Error(info)\n }\n },\n onFocus: (editor: IDomEditor) => {\n this.$emit('onFocus', editor)\n if (defaultConfig.onFocus) {\n const info = genErrorInfo('onFocus')\n\n throw new Error(info)\n }\n },\n onBlur: (editor: IDomEditor) => {\n this.$emit('onBlur', editor)\n if (defaultConfig.onBlur) {\n const info = genErrorInfo('onBlur')\n\n throw new Error(info)\n }\n },\n customAlert: (info: string, type: AlertType) => {\n this.$emit('customAlert', info, type)\n if (defaultConfig.customAlert) {\n const errorInfo = genErrorInfo('customAlert')\n\n throw new Error(errorInfo)\n }\n },\n customPaste: (editor: IDomEditor, event: ClipboardEvent) => {\n if (defaultConfig.customPaste) {\n const info = genErrorInfo('customPaste')\n\n throw new Error(info)\n }\n let res\n\n this.$emit('customPaste', editor, event, (val: any) => {\n res = val\n })\n return res\n },\n },\n content: JSON.parse(defaultContent),\n mode: this.mode || 'default',\n })\n },\n },\n})\n</script>\n","<script lang=\"ts\">\nimport { createToolbar, DomEditor, IDomEditor } from '@wangeditor-next/editor'\nimport Vue from 'vue'\n\nexport default Vue.extend({\n name: 'Toolbar',\n render(h) {\n return h('div', { ref: 'box' })\n },\n props: {\n editor: {\n type: Object,\n default: undefined,\n },\n defaultConfig: {\n type: Object,\n default: () => ({}),\n },\n mode: {\n type: String,\n default: 'default',\n },\n },\n methods: {\n // 创建 toolbar\n create(editor: IDomEditor) {\n if (this.$refs.box == null) {\n return\n }\n if (editor == null) {\n return\n }\n if (DomEditor.getToolbar(editor)) {\n return\n } // 不重复创建\n\n createToolbar({\n editor,\n selector: this.$refs.box as Element,\n config: this.defaultConfig || {},\n mode: this.mode || 'default',\n })\n },\n },\n watch: {\n editor: {\n handler(e: IDomEditor | null) {\n if (e == null) {\n return\n }\n this.create(e)\n },\n immediate: true,\n },\n },\n})\n</script>\n"],"names":["genErrorInfo","fnName","info","_sfc_main$1","Vue","h","newVal","newHtml","editor","defaultConfig","defaultContent","createEditor","editorHtml","type","errorInfo","event","res","val","_sfc_main","DomEditor","createToolbar","e"],"mappings":"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"}
|
package/dist/index.js
CHANGED
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
(function(s
|
|
2
|
-
Please use '@${
|
|
1
|
+
(function(n,s){typeof exports=="object"&&typeof module<"u"?s(exports,require("@wangeditor-next/editor"),require("vue")):typeof define=="function"&&define.amd?define(["exports","@wangeditor-next/editor","vue"],s):(n=typeof globalThis<"u"?globalThis:n||self,s(n.WangEditorForVue={},n.wangEditor,n.Vue))})(this,(function(n,s,d){"use strict";function i(t){let r=`请使用 '@${t}' 事件，不要放在 props 中`;return r+=`
|
|
2
|
+
Please use '@${t}' event instead of props`,r}const l=d.extend({render(t){return t("div",{ref:"box"})},name:"Editor",data(){return{curValue:"",editor:null}},props:{defaultContent:{type:Array,default:()=>[]},defaultConfig:{type:Object,default:()=>({})},mode:{type:String,default:"default"},defaultHtml:{type:String,default:""},value:{type:String,default:""}},mounted(){this.create()},watch:{value(t){t!==this.curValue&&this.setHtml(t)}},methods:{setHtml(t){const r=this.editor;r!=null&&r.setHtml(t)},create(){if(this.$refs.box==null)return;const t=this.defaultConfig||{},r=JSON.stringify(Array.isArray(this.defaultContent)?this.defaultContent:[]);s.createEditor({selector:this.$refs.box,html:this.defaultHtml||this.value||"",config:{...t,onCreated:e=>{if(this.editor=Object.seal(e),this.$emit("onCreated",e),t.onCreated){const o=i("onCreated");throw new Error(o)}},onChange:e=>{const o=e.getHtml();if(this.curValue=o,this.$emit("input",o),this.$emit("onChange",e),t.onChange){const u=i("onChange");throw new Error(u)}},onDestroyed:e=>{if(this.$emit("onDestroyed",e),t.onDestroyed){const o=i("onDestroyed");throw new Error(o)}},onMaxLength:e=>{if(this.$emit("onMaxLength",e),t.onMaxLength){const o=i("onMaxLength");throw new Error(o)}},onFocus:e=>{if(this.$emit("onFocus",e),t.onFocus){const o=i("onFocus");throw new Error(o)}},onBlur:e=>{if(this.$emit("onBlur",e),t.onBlur){const o=i("onBlur");throw new Error(o)}},customAlert:(e,o)=>{if(this.$emit("customAlert",e,o),t.customAlert){const u=i("customAlert");throw new Error(u)}},customPaste:(e,o)=>{if(t.customPaste){const a=i("customPaste");throw new Error(a)}let u;return this.$emit("customPaste",e,o,a=>{u=a}),u}},content:JSON.parse(r),mode:this.mode||"default"})}}});function f(t,r,e,o,u,a,w,C){var y=typeof t=="function"?t.options:t;return{exports:t,options:y}}var c=f(l);const h=c.exports,m=d.extend({name:"Toolbar",render(t){return t("div",{ref:"box"})},props:{editor:{type:Object,default:void 0},defaultConfig:{type:Object,default:()=>({})},mode:{type:String,default:"default"}},methods:{create(t){this.$refs.box!=null&&t!=null&&(s.DomEditor.getToolbar(t)||s.createToolbar({editor:t,selector:this.$refs.box,config:this.defaultConfig||{},mode:this.mode||"default"}))}},watch:{editor:{handler(t){t!=null&&this.create(t)},immediate:!0}}});var p=f(m);const g=p.exports;n.Editor=h,n.Toolbar=g,Object.defineProperty(n,Symbol.toStringTag,{value:"Module"})}));
|
|
3
3
|
//# sourceMappingURL=index.js.map
|
package/dist/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":["../src/components/Editor.vue","../plugin-vue2:normalizer","../src/components/Toolbar.vue"],"sourcesContent":["<script lang=\"ts\">\nimport { createEditor, IDomEditor } from '@wangeditor-next/editor'\nimport Vue from 'vue'\n\ntype AlertType = 'success' | 'info' | 'warning' | 'error'\n\nfunction genErrorInfo(fnName: string) {\n let info = `请使用 '@${fnName}' 事件，不要放在 props 中`\n\n info += `\\nPlease use '@${fnName}' event instead of props`\n return info\n}\n\nexport default Vue.extend({\n //【注意】单独写 <template>...</template> 时，rollup 打包完浏览器运行时报错，所以先在这里写 template\n render(h) {\n return h('div', { ref: 'box' })\n },\n name: 'Editor',\n data() {\n return {\n curValue: '',\n editor: null,\n }\n },\n props: {\n defaultContent: {\n type: Array,\n default: () => [],\n },\n defaultConfig: {\n type: Object,\n default: () => ({}),\n },\n mode: {\n type: String,\n default: 'default',\n },\n defaultHtml: {\n type: String,\n default: '',\n },\n // value 用于自定义 v-model\n value: {\n type: String,\n default: '',\n },\n },\n emits: [\n 'onCreated',\n 'input',\n 'onChange',\n 'onDestroyed',\n 'onMaxLength',\n 'onFocus',\n 'onBlur',\n 'customAlert',\n 'customPaste',\n ],\n mounted() {\n this.create()\n },\n watch: {\n // 监听 'value' 属性变化 - value 用于自定义 v-model\n value(newVal: string) {\n const isEqual = newVal === this.curValue\n\n if (isEqual) {\n return\n } // 和当前内容一样，则忽略\n\n // 重置 HTML\n this.setHtml(newVal)\n },\n },\n methods: {\n // 重置 HTML\n setHtml(newHtml: string) {\n const editor = this.editor as any\n\n if (editor == null) {\n return\n }\n editor.setHtml(newHtml)\n },\n\n // 创建 editor\n create() {\n if (this.$refs.box == null) {\n return\n }\n\n const defaultConfig = this.defaultConfig || {}\n\n const defaultContent = JSON.stringify(\n Array.isArray(this.defaultContent) ? this.defaultContent : []\n )\n\n createEditor({\n selector: this.$refs.box as Element,\n html: this.defaultHtml || this.value || '',\n config: {\n ...defaultConfig,\n onCreated: (editor: IDomEditor) => {\n this.editor = Object.seal(editor) as any // 注意，一定要用 Object.seal() 否则会报错\n\n this.$emit('onCreated', editor)\n if (defaultConfig.onCreated) {\n const info = genErrorInfo('onCreated')\n\n throw new Error(info)\n }\n },\n onChange: (editor: IDomEditor) => {\n const editorHtml = editor.getHtml()\n\n this.curValue = editorHtml // 记录当前 html 内容\n this.$emit('input', editorHtml) // 用于自定义 v-model\n\n this.$emit('onChange', editor)\n if (defaultConfig.onChange) {\n const info = genErrorInfo('onChange')\n\n throw new Error(info)\n }\n },\n onDestroyed: (editor: IDomEditor) => {\n this.$emit('onDestroyed', editor)\n if (defaultConfig.onDestroyed) {\n const info = genErrorInfo('onDestroyed')\n\n throw new Error(info)\n }\n },\n onMaxLength: (editor: IDomEditor) => {\n this.$emit('onMaxLength', editor)\n if (defaultConfig.onMaxLength) {\n const info = genErrorInfo('onMaxLength')\n\n throw new Error(info)\n }\n },\n onFocus: (editor: IDomEditor) => {\n this.$emit('onFocus', editor)\n if (defaultConfig.onFocus) {\n const info = genErrorInfo('onFocus')\n\n throw new Error(info)\n }\n },\n onBlur: (editor: IDomEditor) => {\n this.$emit('onBlur', editor)\n if (defaultConfig.onBlur) {\n const info = genErrorInfo('onBlur')\n\n throw new Error(info)\n }\n },\n customAlert: (info: string, type: AlertType) => {\n this.$emit('customAlert', info, type)\n if (defaultConfig.customAlert) {\n const errorInfo = genErrorInfo('customAlert')\n\n throw new Error(errorInfo)\n }\n },\n customPaste: (editor: IDomEditor, event: ClipboardEvent) => {\n if (defaultConfig.customPaste) {\n const info = genErrorInfo('customPaste')\n\n throw new Error(info)\n }\n let res\n\n this.$emit('customPaste', editor, event, (val: any) => {\n res = val\n })\n return res\n },\n },\n content: JSON.parse(defaultContent),\n mode: this.mode || 'default',\n })\n },\n },\n})\n</script>\n","\nexport default function normalizeComponent (\n scriptExports,\n render,\n staticRenderFns,\n functionalTemplate,\n injectStyles,\n scopeId,\n moduleIdentifier, /* server only */\n shadowMode /* vue-cli only */\n) {\n // Vue.extend constructor export interop\n var options = typeof scriptExports === 'function'\n ? scriptExports.options\n : scriptExports\n\n // render functions\n if (render) {\n options.render = render\n options.staticRenderFns = staticRenderFns\n options._compiled = true\n }\n\n // functional template\n if (functionalTemplate) {\n options.functional = true\n }\n\n // scopedId\n if (scopeId) {\n options._scopeId = 'data-v-' + scopeId\n }\n\n var hook\n if (moduleIdentifier) { // server build\n hook = function (context) {\n // 2.3 injection\n context =\n context || // cached call\n (this.$vnode && this.$vnode.ssrContext) || // stateful\n (this.parent && this.parent.$vnode && this.parent.$vnode.ssrContext) // functional\n // 2.2 with runInNewContext: true\n if (!context && typeof __VUE_SSR_CONTEXT__ !== 'undefined') {\n context = __VUE_SSR_CONTEXT__\n }\n // inject component styles\n if (injectStyles) {\n injectStyles.call(this, context)\n }\n // register component module identifier for async chunk inference\n if (context && context._registeredComponents) {\n context._registeredComponents.add(moduleIdentifier)\n }\n }\n // used by ssr in case component is cached and beforeCreate\n // never gets called\n options._ssrRegister = hook\n } else if (injectStyles) {\n hook = shadowMode\n ? function () {\n injectStyles.call(\n this,\n (options.functional ? this.parent : this).$root.$options.shadowRoot\n )\n }\n : injectStyles\n }\n\n if (hook) {\n if (options.functional) {\n // for template-only hot-reload because in that case the render fn doesn't\n // go through the normalizer\n options._injectStyles = hook\n // register for functional component in vue file\n var originalRender = options.render\n options.render = function renderWithStyleInjection (h, context) {\n hook.call(context)\n return originalRender(h, context)\n }\n } else {\n // inject component registration as beforeCreate hook\n var existing = options.beforeCreate\n options.beforeCreate = existing\n ? [].concat(existing, hook)\n : [hook]\n }\n }\n\n return {\n exports: scriptExports,\n options: options\n }\n}","<script lang=\"ts\">\nimport { createToolbar, DomEditor, IDomEditor } from '@wangeditor-next/editor'\nimport Vue from 'vue'\n\nexport default Vue.extend({\n name: 'Toolbar',\n render(h) {\n return h('div', { ref: 'box' })\n },\n props: {\n editor: {\n type: Object,\n default: undefined,\n },\n defaultConfig: {\n type: Object,\n default: () => ({}),\n },\n mode: {\n type: String,\n default: 'default',\n },\n },\n methods: {\n // 创建 toolbar\n create(editor: IDomEditor) {\n if (this.$refs.box == null) {\n return\n }\n if (editor == null) {\n return\n }\n if (DomEditor.getToolbar(editor)) {\n return\n } // 不重复创建\n\n createToolbar({\n editor,\n selector: this.$refs.box as Element,\n config: this.defaultConfig || {},\n mode: this.mode || 'default',\n })\n },\n },\n watch: {\n editor: {\n handler(e: IDomEditor | null) {\n if (e == null) {\n return\n }\n this.create(e)\n },\n immediate: true,\n },\n },\n})\n</script>\n"],"names":["genErrorInfo","fnName","info","Vue","h","newVal","newHtml","editor","defaultConfig","defaultContent","createEditor","editorHtml","type","errorInfo","event","res","val","normalizeComponent","scriptExports","render","staticRenderFns","functionalTemplate","injectStyles","scopeId","moduleIdentifier","shadowMode","options","hook","context","originalRender","existing","DomEditor","createToolbar"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"index.js","sources":["../src/components/Editor.vue","../src/components/Toolbar.vue"],"sourcesContent":["<script lang=\"ts\">\nimport { createEditor, IDomEditor } from '@wangeditor-next/editor'\nimport Vue from 'vue'\n\ntype AlertType = 'success' | 'info' | 'warning' | 'error'\n\nfunction genErrorInfo(fnName: string) {\n let info = `请使用 '@${fnName}' 事件，不要放在 props 中`\n\n info += `\\nPlease use '@${fnName}' event instead of props`\n return info\n}\n\nexport default Vue.extend({\n //【注意】单独写 <template>...</template> 时，rollup 打包完浏览器运行时报错，所以先在这里写 template\n render(h) {\n return h('div', { ref: 'box' })\n },\n name: 'Editor',\n data() {\n return {\n curValue: '',\n editor: null,\n }\n },\n props: {\n defaultContent: {\n type: Array,\n default: () => [],\n },\n defaultConfig: {\n type: Object,\n default: () => ({}),\n },\n mode: {\n type: String,\n default: 'default',\n },\n defaultHtml: {\n type: String,\n default: '',\n },\n // value 用于自定义 v-model\n value: {\n type: String,\n default: '',\n },\n },\n mounted() {\n this.create()\n },\n watch: {\n // 监听 'value' 属性变化 - value 用于自定义 v-model\n value(newVal: string) {\n const isEqual = newVal === this.curValue\n\n if (isEqual) {\n return\n } // 和当前内容一样，则忽略\n\n // 重置 HTML\n this.setHtml(newVal)\n },\n },\n methods: {\n // 重置 HTML\n setHtml(newHtml: string) {\n const editor = this.editor as any\n\n if (editor == null) {\n return\n }\n editor.setHtml(newHtml)\n },\n\n // 创建 editor\n create() {\n if (this.$refs.box == null) {\n return\n }\n\n const defaultConfig = this.defaultConfig || {}\n\n const defaultContent = JSON.stringify(\n Array.isArray(this.defaultContent) ? this.defaultContent : []\n )\n\n createEditor({\n selector: this.$refs.box as Element,\n html: this.defaultHtml || this.value || '',\n config: {\n ...defaultConfig,\n onCreated: (editor: IDomEditor) => {\n this.editor = Object.seal(editor) as any // 注意，一定要用 Object.seal() 否则会报错\n\n this.$emit('onCreated', editor)\n if (defaultConfig.onCreated) {\n const info = genErrorInfo('onCreated')\n\n throw new Error(info)\n }\n },\n onChange: (editor: IDomEditor) => {\n const editorHtml = editor.getHtml()\n\n this.curValue = editorHtml // 记录当前 html 内容\n this.$emit('input', editorHtml) // 用于自定义 v-model\n\n this.$emit('onChange', editor)\n if (defaultConfig.onChange) {\n const info = genErrorInfo('onChange')\n\n throw new Error(info)\n }\n },\n onDestroyed: (editor: IDomEditor) => {\n this.$emit('onDestroyed', editor)\n if (defaultConfig.onDestroyed) {\n const info = genErrorInfo('onDestroyed')\n\n throw new Error(info)\n }\n },\n onMaxLength: (editor: IDomEditor) => {\n this.$emit('onMaxLength', editor)\n if (defaultConfig.onMaxLength) {\n const info = genErrorInfo('onMaxLength')\n\n throw new Error(info)\n }\n },\n onFocus: (editor: IDomEditor) => {\n this.$emit('onFocus', editor)\n if (defaultConfig.onFocus) {\n const info = genErrorInfo('onFocus')\n\n throw new Error(info)\n }\n },\n onBlur: (editor: IDomEditor) => {\n this.$emit('onBlur', editor)\n if (defaultConfig.onBlur) {\n const info = genErrorInfo('onBlur')\n\n throw new Error(info)\n }\n },\n customAlert: (info: string, type: AlertType) => {\n this.$emit('customAlert', info, type)\n if (defaultConfig.customAlert) {\n const errorInfo = genErrorInfo('customAlert')\n\n throw new Error(errorInfo)\n }\n },\n customPaste: (editor: IDomEditor, event: ClipboardEvent) => {\n if (defaultConfig.customPaste) {\n const info = genErrorInfo('customPaste')\n\n throw new Error(info)\n }\n let res\n\n this.$emit('customPaste', editor, event, (val: any) => {\n res = val\n })\n return res\n },\n },\n content: JSON.parse(defaultContent),\n mode: this.mode || 'default',\n })\n },\n },\n})\n</script>\n","<script lang=\"ts\">\nimport { createToolbar, DomEditor, IDomEditor } from '@wangeditor-next/editor'\nimport Vue from 'vue'\n\nexport default Vue.extend({\n name: 'Toolbar',\n render(h) {\n return h('div', { ref: 'box' })\n },\n props: {\n editor: {\n type: Object,\n default: undefined,\n },\n defaultConfig: {\n type: Object,\n default: () => ({}),\n },\n mode: {\n type: String,\n default: 'default',\n },\n },\n methods: {\n // 创建 toolbar\n create(editor: IDomEditor) {\n if (this.$refs.box == null) {\n return\n }\n if (editor == null) {\n return\n }\n if (DomEditor.getToolbar(editor)) {\n return\n } // 不重复创建\n\n createToolbar({\n editor,\n selector: this.$refs.box as Element,\n config: this.defaultConfig || {},\n mode: this.mode || 'default',\n })\n },\n },\n watch: {\n editor: {\n handler(e: IDomEditor | null) {\n if (e == null) {\n return\n }\n this.create(e)\n },\n immediate: true,\n },\n },\n})\n</script>\n"],"names":["genErrorInfo","fnName","info","_sfc_main$1","Vue","h","newVal","newHtml","editor","defaultConfig","defaultContent","createEditor","editorHtml","type","errorInfo","event","res","val","_sfc_main","DomEditor","createToolbar","e"],"mappings":"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"}
|
package/package.json
CHANGED
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@wangeditor-next/editor-for-vue2",
|
|
3
|
-
"version": "6.
|
|
3
|
+
"version": "6.3.0",
|
|
4
4
|
"description": "wangEditor component for Vue 2",
|
|
5
5
|
"author": "cycleccc <ylf2991205548@qq.com>",
|
|
6
6
|
"homepage": "https://github.com/wangeditor-next/wangEditor-next#readme",
|
|
7
7
|
"license": "MIT",
|
|
8
|
-
"types": "dist/
|
|
8
|
+
"types": "dist/index.d.ts",
|
|
9
9
|
"main": "dist/index.js",
|
|
10
10
|
"module": "dist/index.esm.js",
|
|
11
11
|
"browser": {
|
|
@@ -23,7 +23,7 @@
|
|
|
23
23
|
],
|
|
24
24
|
"exports": {
|
|
25
25
|
".": {
|
|
26
|
-
"types": "./dist/
|
|
26
|
+
"types": "./dist/index.d.ts",
|
|
27
27
|
"import": "./dist/index.esm.js",
|
|
28
28
|
"require": "./dist/index.js"
|
|
29
29
|
}
|
|
@@ -41,17 +41,16 @@
|
|
|
41
41
|
},
|
|
42
42
|
"peerDependencies": {
|
|
43
43
|
"vue": "^2.7.16",
|
|
44
|
-
"@wangeditor-next/editor": "^6.
|
|
44
|
+
"@wangeditor-next/editor": "^6.3.0"
|
|
45
45
|
},
|
|
46
46
|
"devDependencies": {
|
|
47
47
|
"@types/node": "^20.19.0",
|
|
48
|
-
"@vitejs/plugin-vue2": "^
|
|
48
|
+
"@vitejs/plugin-vue2": "^2.3.4",
|
|
49
49
|
"typescript": "5.2.2",
|
|
50
|
-
"vite": "^
|
|
51
|
-
"vite-plugin-dts": "^0.
|
|
50
|
+
"vite": "^6.4.3",
|
|
51
|
+
"vite-plugin-dts": "^5.0.3",
|
|
52
52
|
"vue": "^2.7.16",
|
|
53
|
-
"
|
|
54
|
-
"@wangeditor-next/editor": "^6.1.1"
|
|
53
|
+
"@wangeditor-next/editor": "^6.3.0"
|
|
55
54
|
},
|
|
56
55
|
"scripts": {
|
|
57
56
|
"dev": "vite",
|
|
@@ -1,3 +0,0 @@
|
|
|
1
|
-
import Vue from 'vue';
|
|
2
|
-
declare const _default: import("vue/types/vue").ExtendedVue<Vue<Record<string, any>, Record<string, any>, never, never, (event: string, ...args: any[]) => Vue<Record<string, any>, Record<string, any>, never, never, any>>, unknown, unknown, unknown, Record<never, any>, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin>;
|
|
3
|
-
export default _default;
|
package/dist/src/index.d.ts
DELETED