@web-utils/form-ui 1.0.0-beta1 → 1.0.0-beta100

package/chunks/CKg0Nmff2.mjs

@@ -0,0 +1,222 @@
+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";
+import "../fy-u-editor/style.css";
+//#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/CKuwy9g12.mjs

@@ -0,0 +1,31 @@
+import { n as e, o as t } from "./_7MDfW_y.mjs";
+import { allProps as n, predicate as r } from "../props/time-select.mjs";
+import { ElTimeSelect as i } from "element-plus/es";
+import "element-plus/es/components/base/style/css";
+import { createVNode as a, mergeProps as o } from "vue";
+import "element-plus/es/components/time-select/style/css";
+//#endregion
+//#region src/components/form/FormTimeSelect.vue
+var s = {
+	name: "FormTimeSelect",
+	inheritAttrs: !1,
+	props: { ...n },
+	emits: { ...e },
+	setup(e, { emit: n, slots: s, attrs: c }) {
+		let { emitInput: l, render: u, placeholder: d, disabled: f, listeners: p, inputProps: m } = t(e, {
+			emit: n,
+			slots: s,
+			attrs: c,
+			predicate: r
+		});
+		return () => u({ vNodes: a(i, o(p.value, m.value, {
+			style: "width: 100%",
+			modelValue: e.modelValue,
+			disabled: f.value,
+			"onUpdate:modelValue": l,
+			placeholder: d.value
+		}), null) });
+	}
+};
+//#endregion
+export { s as t };

package/chunks/CP0tXU4m.mjs

@@ -0,0 +1,198 @@
+import { t as e } from "./B1MSrc6f.mjs";
+import { t } from "./B24kbvxB.mjs";
+import { t as n } from "./DTeHffqJ.mjs";
+import { ElDivider as r, ElForm as i, ElFormItem as a, ElInput as o, ElMessageBox as s, ElTable as c, ElTableColumn as l } from "element-plus/es";
+import "element-plus/es/components/base/style/css";
+import "element-plus/es/components/input/style/css";
+import { createElementBlock as u, createElementVNode as d, createTextVNode as f, createVNode as p, openBlock as m, withCtx as h, withModifiers as g } from "vue";
+import { fastClone as _ } from "@web-utils/core";
+import "element-plus/es/components/message-box/style/css";
+import "element-plus/es/components/table/style/css";
+import "element-plus/es/components/table-column/style/css";
+import "element-plus/es/components/form/style/css";
+import "element-plus/es/components/form-item/style/css";
+import "element-plus/es/components/divider/style/css";
+//#region src/components/bpmn-process-designer/components/penal/properties/ElementProperties.vue
+var v = {
+	name: "ElementProperties",
+	inject: {
+		prefix: "prefix",
+		width: "width"
+	},
+	props: {
+		id: String,
+		element: Object,
+		bpmnInstances: Object
+	},
+	data() {
+		return {
+			elementPropertyList: [],
+			propertyForm: {},
+			editingPropertyIndex: -1,
+			propertyFormModelVisible: !1
+		};
+	},
+	watch: { id: {
+		immediate: !0,
+		handler(e) {
+			e != null && e.length && this.resetAttributesList();
+		}
+	} },
+	methods: {
+		resetAttributesList() {
+			var e;
+			this.otherExtensionList = [], this.bpmnElementProperties = ((e = this.element.businessObject) == null || (e = e.extensionElements) == null || (e = e.values) == null ? void 0 : e.filter((e) => (e.$type !== `${this.prefix}:Properties` && this.otherExtensionList.push(e), e.$type === `${this.prefix}:Properties`))) ?? [], this.bpmnElementPropertyList = this.bpmnElementProperties.reduce((e, t) => e.concat(t.values), []), this.elementPropertyList = _(this.bpmnElementPropertyList ?? []);
+		},
+		openAttributesForm(e, t) {
+			this.editingPropertyIndex = t, this.propertyForm = t === -1 ? {} : _(e), this.propertyFormModelVisible = !0, this.$nextTick(() => {
+				this.$refs.attributeFormRef && this.$refs.attributeFormRef.clearValidate();
+			});
+		},
+		removeAttributes(e, t) {
+			s.confirm("确认移除该属性吗？", "提示", {
+				confirmButtonText: "确 认",
+				cancelButtonText: "取 消"
+			}).then(() => {
+				this.elementPropertyList.splice(t, 1), this.bpmnElementPropertyList.splice(t, 1);
+				let e = this.bpmnInstances.moddle.create(`${this.prefix}:Properties`, { values: this.bpmnElementPropertyList });
+				this.updateElementExtensions(e), this.resetAttributesList();
+			}).catch(() => {});
+		},
+		saveAttribute() {
+			let { name: e, value: t } = this.propertyForm;
+			if (this.editingPropertyIndex !== -1) this.bpmnInstances.modeling.updateModdleProperties(this.element, this.bpmnElementPropertyList[this.editingPropertyIndex], {
+				name: e,
+				value: t
+			});
+			else {
+				let n = this.bpmnInstances.moddle.create(`${this.prefix}:Property`, {
+					name: e,
+					value: t
+				}), r = this.bpmnInstances.moddle.create(`${this.prefix}:Properties`, { values: this.bpmnElementPropertyList.concat([n]) });
+				this.updateElementExtensions(r);
+			}
+			this.propertyFormModelVisible = !1, this.resetAttributesList();
+		},
+		updateElementExtensions(e) {
+			let t = this.bpmnInstances.moddle.create("bpmn:ExtensionElements", { values: this.otherExtensionList.concat([e]) });
+			this.bpmnInstances.modeling.updateProperties(this.element, { extensionElements: t });
+		}
+	}
+}, y = { class: "panel-tab__content" }, b = { class: "element-drawer__button" };
+function x(e, s, _, v, x, S) {
+	let C = l, w = n, T = r, E = c, D = o, O = a, k = i, A = t;
+	return m(), u("div", y, [
+		p(E, {
+			data: x.elementPropertyList,
+			"max-height": "240",
+			border: "",
+			fit: ""
+		}, {
+			default: h(() => [
+				p(C, {
+					label: "序号",
+					width: "50px",
+					type: "index"
+				}),
+				p(C, {
+					label: "属性名",
+					prop: "name",
+					"min-width": "100px",
+					"show-overflow-tooltip": ""
+				}),
+				p(C, {
+					label: "属性值",
+					prop: "value",
+					"min-width": "100px",
+					"show-overflow-tooltip": ""
+				}),
+				p(C, {
+					label: "操作",
+					width: "90px"
+				}, {
+					default: h(({ row: e, $index: t }) => [
+						p(w, {
+							text: "",
+							onClick: (n) => S.openAttributesForm(e, t)
+						}, {
+							default: h(() => [...s[6] || (s[6] = [f("编辑", -1)])]),
+							_: 1
+						}, 8, ["onClick"]),
+						p(T, { direction: "vertical" }),
+						p(w, {
+							text: "",
+							style: { color: "#ff4d4f" },
+							onClick: (n) => S.removeAttributes(e, t)
+						}, {
+							default: h(() => [...s[7] || (s[7] = [f("移除", -1)])]),
+							_: 1
+						}, 8, ["onClick"])
+					]),
+					_: 1
+				})
+			]),
+			_: 1
+		}, 8, ["data"]),
+		d("div", b, [p(w, {
+			type: "primary",
+			icon: "el-icon-plus",
+			onClick: s[0] || (s[0] = (e) => S.openAttributesForm(null, -1))
+		}, {
+			default: h(() => [...s[8] || (s[8] = [f("添加属性", -1)])]),
+			_: 1
+		})]),
+		p(A, {
+			modelValue: x.propertyFormModelVisible,
+			"onUpdate:modelValue": s[5] || (s[5] = (e) => x.propertyFormModelVisible = e),
+			class: "flow-dialog",
+			title: "属性配置",
+			width: "600px",
+			"append-to-body": "",
+			"destroy-on-close": ""
+		}, {
+			footer: h(() => [p(w, { onClick: s[4] || (s[4] = (e) => x.propertyFormModelVisible = !1) }, {
+				default: h(() => [...s[9] || (s[9] = [f("取 消", -1)])]),
+				_: 1
+			}), p(w, {
+				type: "primary",
+				onClick: S.saveAttribute
+			}, {
+				default: h(() => [...s[10] || (s[10] = [f("确 定", -1)])]),
+				_: 1
+			}, 8, ["onClick"])]),
+			default: h(() => [p(k, {
+				ref: "attributeFormRef",
+				model: x.propertyForm,
+				"label-width": "80px",
+				onSubmit: s[3] || (s[3] = g(() => {}, ["prevent"]))
+			}, {
+				default: h(() => [p(O, {
+					label: "属性名：",
+					prop: "name"
+				}, {
+					default: h(() => [p(D, {
+						modelValue: x.propertyForm.name,
+						"onUpdate:modelValue": s[1] || (s[1] = (e) => x.propertyForm.name = e),
+						clearable: ""
+					}, null, 8, ["modelValue"])]),
+					_: 1
+				}), p(O, {
+					label: "属性值：",
+					prop: "value"
+				}, {
+					default: h(() => [p(D, {
+						modelValue: x.propertyForm.value,
+						"onUpdate:modelValue": s[2] || (s[2] = (e) => x.propertyForm.value = e),
+						clearable: ""
+					}, null, 8, ["modelValue"])]),
+					_: 1
+				})]),
+				_: 1
+			}, 8, ["model"])]),
+			_: 1
+		}, 8, ["modelValue"])
+	]);
+}
+var S = /* @__PURE__ */ e(v, [["render", x]]);
+//#endregion
+export { S as default };