@web-utils/form-ui 1.0.0-beta87 → 1.0.0-beta88

package/chunks/BLKcXIrX.mjs

@@ -0,0 +1,517 @@
+import { u as e } from "./ClVh1Lek.mjs";
+import { t } from "./B1MSrc6f.mjs";
+import { avueConfigContextKey as n } from "../constants/index.mjs";
+import { t as r } from "./CIihGrgY.mjs";
+import { d as i, i as a } from "./BbUUI4mF.mjs";
+import { n as o, t as s } from "./Cf_h9S62.mjs";
+import { t as c } from "./CBHGpbDK.mjs";
+import { ElLoadingDirective as l, ElUpload as u } from "element-plus/es";
+import "element-plus/es/components/base/style/css";
+import { Fragment as d, createBlock as f, createCommentVNode as p, createElementBlock as m, createElementVNode as h, createTextVNode as g, normalizeClass as _, openBlock as v, renderSlot as y, resolveDynamicComponent as b, toDisplayString as x, withCtx as S, withDirectives as C, withModifiers as w } from "vue";
+import { isBlank as T } from "@web-utils/core";
+import "element-plus/es/components/loading/style/css";
+import "element-plus/es/components/upload/style/css";
+//#region src/components/avue/fy-from/upload/canvas/index.js
+var E, D, O = {
+	width: 200,
+	height: 200
+}, k = {
+	text: "avueJS",
+	fontFamily: "microsoft yahei",
+	color: "#999",
+	fontSize: 16,
+	opacity: 100,
+	bottom: 10,
+	right: 10,
+	ratio: 1
+};
+function A(e, t) {
+	let n = new FileReader();
+	n.readAsDataURL(e), n.onload = function(e) {
+		t(e.target.result);
+	};
+}
+function j(e, t = {}, n) {
+	let { text: r, fontFamily: i, color: o, fontSize: s, opacity: c, bottom: l, right: u, ratio: d } = t;
+	f(), A(e, p);
+	function f() {
+		k.text = r || k.text, k.fontFamily = i || k.fontFamily, k.color = o || k.color, k.fontSize = s || k.fontSize, k.opacity = c || k.opacity, k.bottom = l || k.bottom, k.right = u || k.right, k.ratio = d || k.ratio;
+	}
+	function p(t) {
+		let r = new Image();
+		r.src = t, r.onload = function() {
+			let t = r.width, i = r.height;
+			m(t, i), D.drawImage(r, 0, 0, t, i), h(t, i);
+			let o = a(document.getElementById("canvas").toDataURL(e.type, k.ratio), e.name);
+			n == null || n(o);
+		};
+	}
+	function m(e, t) {
+		E = document.getElementById("canvas"), E === null && (E = document.createElement("canvas"), E.id = "canvas", E.className = "avue-canvas", document.body.appendChild(E)), D = E.getContext("2d"), E.width = e, E.height = t;
+	}
+	function h(e, t) {
+		let n = k.text, r = g(n, e, t);
+		D.font = `${r.fontSize}px ${k.fontFamily}`, D.fillStyle = k.color, D.globalAlpha = k.opacity / 100, D.fillText(n, r.x, r.y);
+	}
+	function g(e, t, n) {
+		let r, i, a = k.fontSize / O.width * t;
+		i = k.bottom ? O.height - k.bottom : k.top, r = k.right ? O.width - k.right : k.left, D.font = `${k.fontSize}px ${k.fontFamily}`;
+		let o = Number(D.measureText(e).width);
+		r -= o;
+		let s = r / O.width, c = i / O.height;
+		return r = s * t, i = c * n, {
+			x: r,
+			y: i,
+			fontSize: a
+		};
+	}
+}
+//#endregion
+//#region src/components/avue/fy-from/upload/qiniu/index.js
+var M = (e, t, n) => {
+	let r = JSON.stringify(n);
+	if (window.__ENV__ === "development") {
+		var i;
+		(i = console) == null || i.log("put_policy = ", r);
+	}
+	let a = F(N(r));
+	if (window.__ENV__ === "development") {
+		var o;
+		(o = console) == null || o.log("encoded = ", a);
+	}
+	let s = window.CryptoJS.HmacSHA1(a, t).toString(window.CryptoJS.enc.Base64);
+	if (window.__ENV__ === "development") {
+		var c;
+		(c = console) == null || c.log("encoded_signed=", s);
+	}
+	let l = `${e}:${I(s)}:${a}`;
+	if (window.__ENV__ === "development") {
+		var u;
+		(u = console) == null || u.log("upload_token=", l);
+	}
+	return l;
+};
+function N(e) {
+	let t, n, r;
+	t = "";
+	let i = e.length;
+	for (n = 0; n < i; n++) r = e.charCodeAt(n), r >= 1 && r <= 127 ? t += e.charAt(n) : r > 2047 ? (t += String.fromCharCode(224 | r >> 12 & 15), t += String.fromCharCode(128 | r >> 6 & 63), t += String.fromCharCode(128 | r >> 0 & 63)) : (t += String.fromCharCode(192 | r >> 6 & 31), t += String.fromCharCode(128 | r >> 0 & 63));
+	return t;
+}
+var P = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789-_";
+function F(e) {
+	let t, n, r, i, a, o = e.length;
+	for (n = 0, t = ""; n < o;) {
+		if (r = e.charCodeAt(n++) & 255, n === o) {
+			t += P.charAt(r >> 2), t += P.charAt((r & 3) << 4), t += "==";
+			break;
+		}
+		if (i = e.charCodeAt(n++), n === o) {
+			t += P.charAt(r >> 2), t += P.charAt((r & 3) << 4 | (i & 240) >> 4), t += P.charAt((i & 15) << 2), t += "=";
+			break;
+		}
+		a = e.charCodeAt(n++), t += P.charAt(r >> 2), t += P.charAt((r & 3) << 4 | (i & 240) >> 4), t += P.charAt((i & 15) << 2 | (a & 192) >> 6), t += P.charAt(a & 63);
+	}
+	return t;
+}
+var I = function(e) {
+	return e = e.replace(/\+/g, "-"), e = e.replace(/\//g, "_"), e;
+}, L = (e) => new window.OSS(e);
+//#endregion
+//#region src/components/avue/fy-from/upload/FyUpload.vue
+function R(e, t = "") {
+	return t.match(/(^http:\/\/|^https:\/\/|^\/\/|data:image\/)/) ? t : e + t;
+}
+var z = {
+	name: "FyUpload",
+	mixins: [o, s],
+	inject: { AVUE: {
+		from: n,
+		default: null
+	} },
+	props: {
+		qiniu: Object,
+		ali: Object,
+		data: {
+			type: Object,
+			default: () => ({})
+		},
+		showFileList: {
+			type: Boolean,
+			default: !0
+		},
+		fileText: String,
+		fileType: { type: String },
+		oss: { type: String },
+		limit: { type: Number },
+		headers: {
+			type: Object,
+			default: () => ({})
+		},
+		accept: {
+			type: [String, Array],
+			default: ""
+		},
+		canvasOption: {
+			type: Object,
+			default: () => ({})
+		},
+		cropperOption: {
+			type: Object,
+			default: () => ({})
+		},
+		fileSize: { type: Number },
+		dragFile: {
+			type: Boolean,
+			default: !1
+		},
+		drag: {
+			type: Boolean,
+			default: !1
+		},
+		loadText: {
+			type: String,
+			default: "Loading..."
+		},
+		action: {
+			type: String,
+			default: ""
+		},
+		uploadBefore: Function,
+		uploadAfter: Function,
+		uploadDelete: Function,
+		uploadPreview: Function,
+		uploadError: Function,
+		uploadExceed: Function,
+		httpRequest: Function
+	},
+	data() {
+		return {
+			res: "",
+			loading: !1,
+			menu: !1,
+			reload: Math.random()
+		};
+	},
+	computed: {
+		isObject() {
+			return typeof this.text[0] == "object";
+		},
+		acceptList() {
+			return Array.isArray(this.accept) ? this.accept.join(",") : this.accept;
+		},
+		homeUrl() {
+			return this.propsHttp.home || "";
+		},
+		fileName() {
+			return this.propsHttp.fileName || "file";
+		},
+		isAliOss() {
+			return this.oss === "ali";
+		},
+		isQiniuOss() {
+			return this.oss === "qiniu";
+		},
+		isPictureImg() {
+			return this.listType === "picture-img";
+		},
+		imgUrl() {
+			return T(this.text) ? null : R(this.homeUrl, this.text[0]);
+		},
+		fileList() {
+			let e = [];
+			return (this.text || []).forEach((t, n) => {
+				if (t) {
+					let r = this.isObject ? t[this.labelKey] : t.substring(t.lastIndexOf("/") + 1), i = this.isObject ? t[this.valueKey] : t;
+					i = R(this.homeUrl, i), e.push({
+						uid: `${n}`,
+						status: "done",
+						type: this.isMediaType(i),
+						name: r,
+						url: i
+					});
+				}
+			}), e;
+		}
+	},
+	mounted() {
+		this.drag && this.setSort();
+	},
+	methods: {
+		isMediaType(t) {
+			return e(t, this.fileType);
+		},
+		setSort() {
+			if (!window.Sortable) {
+				c.logs("Sortable");
+				return;
+			}
+			let e = this.$el.querySelectorAll(".avue-upload > ul")[0];
+			window.Sortable.create(e, {
+				animation: 100,
+				onEnd: (e) => {
+					let t = this.text.splice(e.oldIndex, 1)[0];
+					this.text.splice(e.newIndex, 0, t), this.reload = Math.random(), this.$nextTick(() => this.setSort());
+				}
+			});
+		},
+		handleSuccess(e) {
+			if (this.isPictureImg) this.text.splice(0, 1, e[this.urlKey]);
+			else if (this.isObject) {
+				let t = {};
+				t[this.labelKey] = e[this.nameKey], t[this.valueKey] = e[this.urlKey], this.text.push(t);
+			} else this.text.push(e[this.urlKey]);
+		},
+		handleRemove(e) {
+			this.beforeRemove(e).then(() => {
+				this.delete(e);
+			});
+		},
+		handleError(e) {
+			var t;
+			(t = this.uploadError) == null || t.call(this, e, this.column);
+		},
+		delete(e) {
+			(this.text || []).forEach((t, n) => {
+				let r = this.isObject ? t[this.valueKey] : t;
+				R(this.homeUrl, r) === e.url && this.text.splice(n, 1);
+			});
+		},
+		show(e) {
+			this.loading = !1, this.res = e || this.res, this.handleSuccess(this.res);
+		},
+		hide(e) {
+			this.loading = !1, e && this.handleError(e);
+		},
+		handleFileChange(e, t) {
+			t.splice(t.length - 1, 1);
+		},
+		httpUpload(t) {
+			if (typeof this.httpRequest == "function") {
+				this.httpRequest(t);
+				return;
+			}
+			this.loading = !0;
+			let n = t.file, r = n.size / 1024;
+			if (!T(r) && r > this.fileSize) {
+				this.hide("文件太大不符合");
+				return;
+			}
+			let a = Object.assign(this.headers, { "Content-Type": "multipart/form-data" }), o = {}, s = {}, l = new FormData(), u = () => {
+				let e = (e) => {
+					let t = this.action;
+					for (let e in this.data) l.append(e, this.data[e]);
+					let r = e || n;
+					if (l.append(this.fileName, r), this.isQiniuOss) {
+						var u;
+						if (!window.CryptoJS) {
+							c.logs("CryptoJS"), this.hide();
+							return;
+						}
+						o = this.qiniu || ((u = this.AVUE) == null ? void 0 : u.qiniu);
+						let e = M(o.AK, o.SK, {
+							scope: o.scope,
+							deadline: (/* @__PURE__ */ new Date()).getTime() + o.deadline * 3600
+						});
+						l.append("token", e), t = o.bucket;
+					} else if (this.isAliOss) {
+						var d;
+						if (!window.OSS) {
+							c.logs("AliOSS"), this.hide();
+							return;
+						}
+						o = this.ali || ((d = this.AVUE) == null ? void 0 : d.ali), s = L(o);
+					}
+					(this.isAliOss ? s.put(r.name, r, { headers: this.headers }) : this.$axios.post(t, l, { headers: a })).then((e) => {
+						this.res = {}, this.isQiniuOss && (e.data.key = o.url + e.data.key), this.res = i(this.isAliOss ? e : e.data, this.resKey), typeof this.uploadAfter == "function" ? this.uploadAfter(this.res, this.show, this.hide, this.column) : this.show();
+					}).catch((e) => {
+						this.hide(e);
+					});
+				};
+				typeof this.uploadBefore == "function" ? this.uploadBefore(n, e, this.hide, this.column) : e();
+			};
+			if (e(n.name) !== "img") {
+				u();
+				return;
+			}
+			let d = () => {
+				T(this.canvasOption) ? u() : j(n, this.canvasOption, (e) => {
+					n = e, u();
+				});
+			};
+			T(this.cropperOption) ? d() : A(n, (e) => {
+				let t = Object.assign(this.cropperOption, {
+					img: e,
+					type: "file",
+					callback: (e) => {
+						n = e, d();
+					},
+					cancel: () => {
+						this.loading = !1;
+					}
+				});
+				this.$ImageCropper(t);
+			});
+		},
+		handleExceed(e, t) {
+			var n;
+			(n = this.uploadExceed) == null || n.call(this, this.limit, e, t, this.column);
+		},
+		handlePreview(e) {
+			let t = () => {
+				let t = this.fileList.findIndex((t) => t.url === e.url);
+				this.$ImagePreview(this.fileList, t);
+			};
+			typeof this.uploadPreview == "function" ? this.uploadPreview(e, this.column, t) : t();
+		},
+		handleDelete(e) {
+			this.beforeRemove(e).then(() => {
+				this.text = [], this.menu = !1;
+			});
+		},
+		beforeRemove(e) {
+			return typeof this.uploadDelete == "function" ? this.uploadDelete(e, this.column) : Promise.resolve();
+		}
+	}
+}, B = ["element-loading-text"], V = {
+	key: 0,
+	class: "el-icon-plus"
+}, H = {
+	key: 2,
+	class: "el-icon-plus avue-upload__avatar"
+}, U = { class: "el-upload__text" }, W = ["innerHTML"], G = { key: 1 }, K = {
+	key: 1,
+	class: "avue-upload__avatar el-icon-document"
+}, q = { class: "el-upload-list__item-actions" }, J = { class: "el-upload-list__item-preview" }, Y = ["onClick"], X = { class: "el-upload-list__item-delete" }, Z = ["onClick"], Q = ["onClick"], $ = { class: "el-upload-list__item-name" }, ee = ["onClick"], te = ["onClick"], ne = { class: "el-upload-list__item-name" }, re = ["onClick"];
+function ie(e, t, n, i, a, o) {
+	let s = r, c = u, T = l;
+	return C((v(), m("div", {
+		class: "avue-upload",
+		"element-loading-text": n.loadText
+	}, [(v(), f(c, {
+		key: a.reload,
+		class: _({
+			"avue-upload--list": e.listType === "picture-img",
+			"avue-upload--upload": e.disabled
+		}),
+		action: n.action,
+		"on-remove": o.handleRemove,
+		accept: o.acceptList,
+		"before-remove": o.beforeRemove,
+		multiple: e.multiple,
+		"on-preview": o.handlePreview,
+		limit: n.limit,
+		"http-request": o.httpUpload,
+		readonly: e.readonly,
+		drag: n.dragFile,
+		"show-file-list": o.isPictureImg ? !1 : n.showFileList,
+		"list-type": e.listType,
+		"on-change": o.handleFileChange,
+		"on-exceed": o.handleExceed,
+		disabled: e.disabled,
+		"file-list": o.fileList,
+		onClick: e.handleClick
+	}, {
+		tip: S(() => [h("div", {
+			class: "el-upload__tip",
+			innerHTML: e.tip
+		}, null, 8, W)]),
+		file: S(({ file: n }) => [e.$slots.default ? y(e.$slots, "default", {
+			key: 0,
+			file: n
+		}) : e.listType === "picture-card" ? (v(), m("span", G, [o.isMediaType(n.url) ? (v(), f(b(n.type), {
+			key: 0,
+			class: "el-upload-list__item-thumbnail",
+			src: n.url
+		}, null, 8, ["src"])) : (v(), m("i", K)), h("span", q, [h("span", J, [h("i", {
+			class: "el-icon-zoom-in",
+			onClick: w((e) => o.handlePreview(n), ["stop"])
+		}, null, 8, Y)]), h("span", X, [e.disabled ? p("v-if", !0) : (v(), m("i", {
+			key: 0,
+			class: "el-icon-delete",
+			onClick: w((e) => o.handleRemove(n), ["stop"])
+		}, null, 8, Z))])])])) : e.listType === "picture" ? (v(), m("span", {
+			key: 2,
+			onClick: w((e) => o.handlePreview(n), ["stop"])
+		}, [
+			(v(), f(b(n.type), {
+				class: "el-upload-list__item-thumbnail",
+				src: n.url
+			}, null, 8, ["src"])),
+			h("a", $, [t[8] || (t[8] = h("i", { class: "el-icon-document" }, null, -1)), g(" " + x(n.name), 1)]),
+			h("i", {
+				class: "el-icon-close",
+				onClick: w((e) => o.handleRemove(n), ["stop"])
+			}, null, 8, ee)
+		], 8, Q)) : (v(), m("span", {
+			key: 3,
+			onClick: w((e) => o.handlePreview(n), ["stop"])
+		}, [h("a", ne, [t[9] || (t[9] = h("i", { class: "el-icon-document" }, null, -1)), g(" " + x(n.name), 1)]), e.disabled ? p("v-if", !0) : (v(), m("i", {
+			key: 0,
+			class: "el-icon-close",
+			onClick: w((e) => o.handleRemove(n), ["stop"])
+		}, null, 8, re))], 8, te))]),
+		default: S(() => [e.listType === "picture-card" ? (v(), m("i", V)) : e.listType === "picture-img" ? (v(), m(d, { key: 1 }, [e.$slots.default ? y(e.$slots, "default", {
+			key: 0,
+			file: { url: o.imgUrl }
+		}) : (v(), m(d, { key: 1 }, [o.isMediaType(o.imgUrl) ? (v(), f(b(o.isMediaType(o.imgUrl)), {
+			key: 0,
+			src: o.imgUrl,
+			class: "avue-upload__avatar",
+			onMouseover: t[0] || (t[0] = (e) => a.menu = !0)
+		}, null, 40, ["src"])) : o.imgUrl ? (v(), m("i", {
+			key: 1,
+			class: "avue-upload__avatar el-icon-document",
+			onMouseover: t[1] || (t[1] = (e) => a.menu = !0)
+		}, null, 32)) : (v(), m("i", H)), a.menu ? (v(), m("div", {
+			key: 3,
+			class: "el-upload-list__item-actions avue-upload__menu",
+			onMouseover: t[4] || (t[4] = (e) => a.menu = !0),
+			onMouseout: t[5] || (t[5] = (e) => a.menu = !1),
+			onClick: t[6] || (t[6] = w(() => {}, ["stop"]))
+		}, [h("i", {
+			class: "el-icon-zoom-in",
+			onClick: t[2] || (t[2] = w((e) => o.handlePreview({ url: o.imgUrl }), ["stop"]))
+		}), e.disabled ? p("v-if", !0) : (v(), m("i", {
+			key: 0,
+			class: "el-icon-delete",
+			onClick: t[3] || (t[3] = w((e) => o.handleDelete(o.imgUrl), ["stop"]))
+		}))], 32)) : p("v-if", !0)], 64))], 64)) : n.dragFile ? (v(), m(d, { key: 2 }, [t[7] || (t[7] = h("i", { class: "el-icon-upload" }, null, -1)), h("div", U, [h("em", null, x(n.fileText || "上传"), 1)])], 64)) : (v(), f(s, {
+			key: 3,
+			icon: "el-icon-upload",
+			size: e.size,
+			type: "primary"
+		}, {
+			default: S(() => [g(x(n.fileText || "上传"), 1)]),
+			_: 1
+		}, 8, ["size"]))]),
+		_: 3
+	}, 8, [
+		"class",
+		"action",
+		"on-remove",
+		"accept",
+		"before-remove",
+		"multiple",
+		"on-preview",
+		"limit",
+		"http-request",
+		"readonly",
+		"drag",
+		"show-file-list",
+		"list-type",
+		"on-change",
+		"on-exceed",
+		"disabled",
+		"file-list",
+		"onClick"
+	]))], 8, B)), [[
+		T,
+		a.loading,
+		void 0,
+		{ lock: !0 }
+	]]);
+}
+var ae = /* @__PURE__ */ t(z, [["render", ie]]);
+//#endregion
+export { ae as t };