@web-utils/component 4.0.16 → 5.0.0-beta01

package/chunks/FyUEditor.D_rEYfll.mjs

@@ -0,0 +1,221 @@
+import { t as e } from "./_plugin-vue_export-helper.7vrlOII_.mjs";
+import { f as t } from "./util.g-WQEec9.mjs";
+import { createElementBlock as n, createElementVNode as r, openBlock as i } from "vue";
+import "@wangeditor/editor/dist/css/style.css";
+import { createEditor as a, createToolbar as o } from "@wangeditor/editor";
+//#region src/components/ueditor/upload/ali.js
+var s = (e) => {
+	let { region: t, endpoint: n, accessKeyId: r, accessKeySecret: i, bucket: a } = e;
+	return new window.OSS({
+		region: t,
+		endpoint: n,
+		accessKeyId: r,
+		accessKeySecret: i,
+		bucket: a
+	});
+}, c = (e, t, n) => {
+	let { scope: r, deadline: i } = n;
+	var a = d(l(JSON.stringify({
+		scope: r,
+		deadline: i
+	}))), o = window.CryptoJS.HmacSHA1(a, t).toString(window.CryptoJS.enc.Base64);
+	return e + ":" + f(o) + ":" + a;
+};
+function l(e) {
+	var t = "", n, r = e.length, i;
+	for (n = 0; n < r; n++) i = e.charCodeAt(n), i >= 1 && i <= 127 ? t += e.charAt(n) : i > 2047 ? (t += String.fromCharCode(224 | i >> 12 & 15), t += String.fromCharCode(128 | i >> 6 & 63), t += String.fromCharCode(128 | i >> 0 & 63)) : (t += String.fromCharCode(192 | i >> 6 & 31), t += String.fromCharCode(128 | i >> 0 & 63));
+	return t;
+}
+var u = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789-_";
+function d(e) {
+	var t, n, r = e.length, i, a, o;
+	for (n = 0, t = ""; n < r;) {
+		if (i = e.charCodeAt(n++) & 255, n == r) {
+			t += u.charAt(i >> 2), t += u.charAt((i & 3) << 4), t += "==";
+			break;
+		}
+		if (a = e.charCodeAt(n++), n == r) {
+			t += u.charAt(i >> 2), t += u.charAt((i & 3) << 4 | (a & 240) >> 4), t += u.charAt((a & 15) << 2), t += "=";
+			break;
+		}
+		o = e.charCodeAt(n++), t += u.charAt(i >> 2), t += u.charAt((i & 3) << 4 | (a & 240) >> 4), t += u.charAt((a & 15) << 2 | (o & 192) >> 6), t += u.charAt(o & 63);
+	}
+	return t;
+}
+var f = function(e) {
+	return e = e.replace(/\+/g, "-"), e = e.replace(/\//g, "_"), e;
+}, p = {
+	name: "FyUEditor",
+	props: {
+		data: {
+			type: Object,
+			default: () => ({})
+		},
+		headers: {
+			type: Object,
+			default: () => ({})
+		},
+		customConfig: {
+			type: Object,
+			default: () => ({})
+		},
+		toolbarConfig: {
+			type: Object,
+			default: () => ({})
+		},
+		propsHttp: {
+			type: Object,
+			default: () => ({})
+		},
+		ali: {
+			type: Object,
+			default: () => ({})
+		},
+		qiniu: {
+			type: Object,
+			default: () => ({})
+		},
+		oss: String,
+		action: String,
+		disabled: {
+			type: Boolean,
+			default: !1
+		},
+		modelValue: {
+			type: String,
+			default: ""
+		},
+		placeholder: {
+			type: String,
+			default: ""
+		}
+	},
+	emits: [
+		"blur",
+		"focus",
+		"update:modelValue"
+	],
+	data() {
+		return { editor: null };
+	},
+	computed: {
+		fileName() {
+			return this.propsHttp.fileName || "file";
+		},
+		homeUrl() {
+			return this.propsHttp.home || "";
+		},
+		resKey() {
+			return this.propsHttp.res;
+		},
+		urlKey() {
+			return this.propsHttp.url || "url";
+		},
+		isQiniuOSS() {
+			return this.oss === "qiniu";
+		},
+		isAliOSS() {
+			return this.oss === "ali";
+		}
+	},
+	watch: {
+		disabled(e) {
+			e ? this.editor.disable() : this.editor.enable();
+		},
+		modelValue(e) {
+			e ? this.editor.setHtml(e) : this.editor.clear();
+		}
+	},
+	mounted() {
+		this.initEdit();
+	},
+	beforeUnmount() {
+		var e;
+		(e = this.editor) == null || e.destroy();
+	},
+	methods: {
+		initEdit() {
+			let e = "default", t = {
+				placeholder: this.placeholder,
+				readOnly: this.disabled,
+				MENU_CONF: {
+					uploadImage: { customUpload: async (e) => {
+						let t = await this.uploadFile(e);
+						this.editor.dangerouslyInsertHtml(t);
+					} },
+					uploadVideo: { customUpload: async (e) => {
+						let t = await this.uploadFile(e);
+						this.editor.dangerouslyInsertHtml(t);
+					} }
+				},
+				...this.customConfig,
+				onFocus: () => {
+					this.$emit("focus", this.modelValue);
+				},
+				onBlur: (e) => {
+					let t = e.getHtml();
+					this.$emit("blur", t);
+				},
+				onChange: (e) => {
+					let t = e.getHtml();
+					this.$emit("update:modelValue", t);
+				}
+			};
+			this.editor = Object.seal(a({
+				selector: this.$refs.editor,
+				config: t,
+				html: this.modelValue,
+				mode: e
+			}));
+			let n = { ...this.toolbarConfig };
+			this.toolbar = o({
+				editor: this.editor,
+				selector: this.$refs.toolbar,
+				config: n,
+				mode: e
+			});
+		},
+		uploadFile(e) {
+			return new Promise((n, r) => {
+				let i = Object.assign(this.headers, { "Content-Type": "multipart/form-data" }), a = {}, o, l = new FormData(), u = this.action;
+				if (l.append(this.fileName, e), Object.keys(this.data).forEach((e) => {
+					l.append(e, this.data[e]);
+				}), this.isQiniuOSS) {
+					a = this.qiniu;
+					let e = c(a.AK, a.SK, {
+						scope: a.scope,
+						deadline: (/* @__PURE__ */ new Date()).getTime() + a.deadline * 3600
+					});
+					l.append("token", e), u = "http://up.qiniu.com/";
+				} else this.isAliOSS && (a = this.ali, o = s({
+					region: a.region,
+					endpoint: a.endpoint,
+					accessKeyId: a.accessKeyId,
+					accessKeySecret: a.accessKeySecret,
+					bucket: a.bucket
+				}));
+				(this.isAliOSS ? o.put(e.name, e) : this.$axios.post(u, l, { headers: i })).then((e) => {
+					let r;
+					this.isAliOSS ? r = e : this.isQiniuOSS ? (r = e.data, r.key = a.url + r.key) : typeof this.resKey == "function" ? r = this.resKey(e.data) : (r = t(e.data, this.resKey), r = r[this.urlKey]), n(this.homeUrl + r);
+				}).catch((e) => {
+					r(e);
+				});
+			});
+		},
+		getUEContent() {
+			return this.editor.getHtml();
+		}
+	}
+}, m = { class: "avue-ueditor" }, h = {
+	ref: "toolbar",
+	class: "fy-editor-toolbar"
+}, g = {
+	ref: "editor",
+	class: "fy-editor"
+};
+function _(e, t, a, o, s, c) {
+	return i(), n("div", m, [r("div", h, null, 512), r("div", g, null, 512)]);
+}
+var v = /* @__PURE__ */ e(p, [["render", _]]);
+//#endregion
+export { v as t };