@web-utils/form-ui 1.0.0-beta9 → 1.0.0-beta91

package/chunks/DqxR4G_B2.mjs

@@ -0,0 +1,221 @@
+import { t as e } from "./B1MSrc6f.mjs";
+import { d as t } from "./CXHJqvbJ.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/avue/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 };

package/chunks/DscijaV_2.mjs

@@ -0,0 +1,42 @@
+import { n as e, o as t } from "./DGkSZT8r.mjs";
+import { t as n } from "./D2NeD2g32.mjs";
+import { allProps as r, predicate as i } from "../props/tree-select-multiple.mjs";
+import { createVNode as a, mergeProps as o } from "vue";
+//#endregion
+//#region src/components/form/FormTreeSelectMultiple.vue
+var s = {
+	name: "FormTreeSelectMultiple",
+	props: { ...r },
+	emits: { ...e },
+	setup(e, { emit: r, attrs: s, slots: c }) {
+		let { render: l, placeholder: u, disabled: d, listeners: f, inputProps: p, emitInput: m } = t(e, {
+			emit: r,
+			slots: c,
+			attrs: s,
+			predicate: i
+		}), h = (e) => (e.children && !e.children.length && delete e.children, {
+			id: e.id,
+			label: e.name,
+			isDisabled: !1,
+			children: []
+		}), g = (t) => {
+			m([...e.modelValue, t.id]);
+		}, _ = (t) => {
+			m(e.modelValue.filter((e) => e !== t.id));
+		};
+		return () => l({ vNodes: a(n, o(p.value, f.value, {
+			class: ["form-tree-select", { "is-readonly": e.readonly }],
+			disabled: d.value,
+			defaultExpandLevel: 0,
+			placeholder: u.value,
+			onSelect: g,
+			onDeselect: _,
+			normalizer: h
+		}), { "value-label": ({ node: e }) => {
+			var t;
+			return (t = c["value-label"]) == null ? void 0 : t.call(c, { node: e });
+		} }) });
+	}
+};
+//#endregion
+export { s as t };

package/chunks/DtQg1F6Q2.mjs

@@ -0,0 +1,145 @@
+import { i as e } from "./ClVh1Lek.mjs";
+import { commonAutoBindProps as t, commonManualBindProps as n } from "../props/common.mjs";
+import { n as r, o as i } from "./DGkSZT8r.mjs";
+import { n as a } from "./lyW9mwQp.mjs";
+import { n as o, t as s } from "./BVlUGEuO2.mjs";
+import { computed as c, createVNode as l, getCurrentInstance as u, mergeProps as d, useModel as f, useTemplateRef as p } from "vue";
+import { isArray as m, isString as h, trace as g, warning as _ } from "@web-utils/core";
+import { useEventBus as v } from "@web-utils/vue/hooks/useEventBus";
+//#region src/components/table/form-table-plus.ts
+var y = {
+	...n,
+	...t,
+	...o,
+	rowDbClick: Function,
+	viewId: [String, Array],
+	formPath: [String, Function]
+}, b = {
+	readonly: !0,
+	block: !0
+}, x = (e) => n[e] === void 0 && b[e] !== !0, S = {
+	name: "FormTablePlus",
+	props: { ...y },
+	emits: { ...r },
+	setup(t, { emit: n, slots: r, attrs: o, expose: y }) {
+		let b = f(t, "modelValue"), S = p("table"), C = [];
+		t.viewId && C.push(t.viewId);
+		let w = u();
+		C.includes(w.parent.proxy.$options.name) || C.push(w.parent.proxy.$options.name);
+		let T = () => {
+			var e;
+			return (e = S.value.table) == null ? void 0 : e.reloadTable();
+		}, E = async () => {
+			var e;
+			return await ((e = S.value.table) == null ? void 0 : e.refreshTable());
+		};
+		v("reloadTableView", (e) => {
+			if (C) if (h(e) || m(e)) {
+				let t = e;
+				h(t) && (t = t.split(",")), C.some((e) => t.includes(e)) && (g.call(w.parent.proxy || {}, "reloadTableView"), T());
+			} else _.call(w.parent.proxy || {}, "`viewId`的类型必须是字符串或数组");
+		});
+		let D = (...n) => {
+			t.rowDbClick ? t.rowDbClick(...n) : t.formPath && w.proxy.$router.push(e(t.formPath, n[0]));
+		}, O = () => {
+			w.proxy.$router.push(e(t.formPath));
+		}, { render: k, placeholder: A, disabled: j, listeners: M, inputProps: N } = i(t, {
+			rules: c(() => [t.fetchApi ? {
+				required: !0,
+				validator: a
+			} : { required: !0 }]),
+			emit: n,
+			slots: r,
+			attrs: o,
+			predicate: x,
+			block: t.block === void 0 ? !0 : t.block
+		});
+		return y({
+			reloadTable: T,
+			refreshTable: E
+		}), () => {
+			var e;
+			let n = {};
+			for (let i = 0; i < (((e = t.columns) == null ? void 0 : e.length) ?? 0); i++) {
+				let e = t.columns[i];
+				n[e.prop] = ({ row: t, column: n, index: i, prop: a, required: o }) => {
+					var s;
+					return (s = r[e.prop]) == null ? void 0 : s.call(r, {
+						row: t,
+						column: n,
+						index: i,
+						prop: a,
+						required: o
+					});
+				};
+			}
+			return k({ vNodes: l(s, d({ ref: "table" }, M.value, N.value, {
+				prop: t.prop,
+				disabled: j.value,
+				onRowDbClick: D,
+				rowDbClick: D,
+				modelValue: b.value,
+				"onUpdate:modelValue": (e) => b.value = e,
+				placeholder: A.value,
+				onAddRow: O
+			}), {
+				...n,
+				columns: ({ columns: e }) => {
+					var t;
+					return (t = r.columns) == null ? void 0 : t.call(r, { columns: e });
+				},
+				handle: ({ add: e, remove: t }) => {
+					var n;
+					return (n = r.handle) == null ? void 0 : n.call(r, {
+						add: e,
+						remove: t
+					});
+				},
+				tag: ({ column: e, row: t, $index: n }) => {
+					var i;
+					return (i = r.tag) == null ? void 0 : i.call(r, {
+						column: e,
+						row: t,
+						index: n
+					});
+				},
+				"handle-column-header": ({ column: e, $index: t }) => {
+					var n;
+					return (n = r["handle-column-header"]) == null ? void 0 : n.call(r, {
+						column: e,
+						index: t
+					});
+				},
+				toolbar: () => {
+					var e;
+					return (e = r.toolbar) == null ? void 0 : e.call(r);
+				},
+				"toolbar-left": ({ addRow: e, delRow: t, refresh: n }) => {
+					var i;
+					return (i = r["toolbar-left"]) == null ? void 0 : i.call(r, {
+						addRow: e,
+						delRow: t,
+						refresh: n
+					});
+				},
+				"toolbar-left-append": ({ addRow: e, delRow: t, refresh: n }) => {
+					var i;
+					return (i = r["toolbar-left-append"]) == null ? void 0 : i.call(r, {
+						addRow: e,
+						delRow: t,
+						refresh: n
+					});
+				},
+				"toolbar-right": ({ selectedRows: e, removeSelectedRows: t }) => {
+					var n;
+					return (n = r["toolbar-right"]) == null ? void 0 : n.call(r, {
+						selectedRows: e,
+						removeSelectedRows: t
+					});
+				}
+			}) });
+		};
+	}
+};
+//#endregion
+export { S as t };