@web-utils/form-ui 1.0.0-beta57 → 1.0.0-beta59

package/text-ellipsis/index.d.ts

@@ -0,0 +1,111 @@
+declare const _default: import('vue').DefineComponent<globalThis.ExtractPropTypes<{
+    content: {
+        type: StringConstructor;
+        default: string;
+    };
+    direction: {
+        type: StringConstructor;
+        default: string;
+    };
+    rows: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: number;
+    };
+    expandText: {
+        type: StringConstructor;
+        default: string;
+    };
+    collapseText: {
+        type: StringConstructor;
+        default: string;
+    };
+    symbol: {
+        type: StringConstructor;
+        default: string;
+    };
+    lineHeight: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: string;
+    };
+}>, {}, {
+    ellipsis: {
+        leading: string;
+        tailing: string;
+    };
+    maxHeight: number;
+    exceeded: boolean;
+    expanded: boolean;
+}, {}, {
+    /**
+     * 创建虚拟 container，内容为 props.content 的内容
+     */
+    createContainer(): void;
+    /**
+     * 展开收起
+     * @param type
+     */
+    clickHandle(type: any): void;
+    /**
+     * 文本点击
+     */
+    handleClick(): void;
+    /**
+     * 计算省略号的位置
+     * @param container
+     */
+    calcEllipse(container: any): void;
+    tailorMiddle(leftPart: any, rightPart: any, container: any): any;
+    /**
+     * 计算 start/end 省略
+     * @param left
+     * @param right
+     * @param container
+     * @return {{leading: string}|{tailing: string}|*}
+     */
+    tailor(left: any, right: any, container: any): {
+        leading: string;
+    } | {
+        tailing: string;
+    } | any;
+}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("change" | "click")[], "change" | "click", import('vue').PublicProps, Readonly<globalThis.ExtractPropTypes<{
+    content: {
+        type: StringConstructor;
+        default: string;
+    };
+    direction: {
+        type: StringConstructor;
+        default: string;
+    };
+    rows: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: number;
+    };
+    expandText: {
+        type: StringConstructor;
+        default: string;
+    };
+    collapseText: {
+        type: StringConstructor;
+        default: string;
+    };
+    symbol: {
+        type: StringConstructor;
+        default: string;
+    };
+    lineHeight: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: string;
+    };
+}>> & Readonly<{
+    onChange?: ((...args: any[]) => any) | undefined;
+    onClick?: ((...args: any[]) => any) | undefined;
+}>, {
+    symbol: string;
+    rows: string | number;
+    direction: string;
+    content: string;
+    expandText: string;
+    collapseText: string;
+    lineHeight: string | number;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;

package/text-ellipsis/index.mjs

@@ -0,0 +1,124 @@
+import { t as e } from "../chunks/BwYEpK-u.mjs";
+import { createCommentVNode as t, createElementBlock as n, createTextVNode as r, openBlock as i, toDisplayString as a, withModifiers as o } from "vue";
+//#region src/components/TextEllipsis.vue
+var s = (e) => {
+	if (!e) return 0;
+	let t = e.match(/^\d*(\.\d*)?/);
+	return t ? Number(t[0]) : 0;
+}, c = {
+	name: "TextEllipsis",
+	props: {
+		content: {
+			type: String,
+			default: ""
+		},
+		direction: {
+			type: String,
+			default: "end"
+		},
+		rows: {
+			type: [Number, String],
+			default: 1
+		},
+		expandText: {
+			type: String,
+			default: ""
+		},
+		collapseText: {
+			type: String,
+			default: ""
+		},
+		symbol: {
+			type: String,
+			default: "..."
+		},
+		lineHeight: {
+			type: [Number, String],
+			default: "20"
+		}
+	},
+	emits: ["click", "change"],
+	data() {
+		return {
+			ellipsis: {
+				leading: "",
+				tailing: ""
+			},
+			maxHeight: 0,
+			exceeded: !1,
+			expanded: !1
+		};
+	},
+	watch: { content(e, t) {
+		e !== t && this.createContainer();
+	} },
+	mounted() {
+		this.createContainer();
+	},
+	methods: {
+		createContainer() {
+			if (!this.$refs.root) return;
+			let e = window.getComputedStyle(this.$refs.root), t = document.createElement("div");
+			Array.prototype.slice.apply(e).forEach((n) => {
+				t.style.setProperty(n, e.getPropertyValue(n));
+			}), t.style.position = "fixed", t.style.left = "999999px", t.style.top = "999999px", t.style.zIndex = "-1000", t.style.height = "auto", t.style.minHeight = "auto", t.style.maxHeight = "auto", t.style.textOverflow = "clip", t.style.whiteSpace = "normal", t.style.webkitLineClamp = "unset", t.style.display = "block";
+			let n = s(e.lineHeight === "normal" ? this.lineHeight : e.lineHeight);
+			this.maxHeight = Math.floor(n * (Number(this.rows) + .5) + s(e.paddingTop) + s(e.paddingBottom)), t.innerText = this.content, document.body.appendChild(t), this.calcEllipse(t);
+		},
+		clickHandle(e) {
+			e === 1 ? (this.expanded = !0, this.$emit("change", "expand")) : (this.expanded = !1, this.$emit("change", "collapse"));
+		},
+		handleClick() {
+			this.$emit("click");
+		},
+		calcEllipse(e) {
+			if (e.offsetHeight <= this.maxHeight) this.exceeded = !1, document.body.removeChild(e);
+			else {
+				this.exceeded = !0;
+				let t = this.content.length, n = Math.floor(t / 2);
+				this.ellipsis = this.direction === "middle" ? this.tailorMiddle([0, n], [n, t], e) : this.tailor(0, t, e), document.body.removeChild(e);
+			}
+		},
+		tailorMiddle(e, t, n) {
+			let r = this.expanded ? this.collapseText : this.expandText, i = this.content.length;
+			if (e[1] - e[0] <= 1 && t[1] - t[0] <= 1) return {
+				leading: this.content.slice(0, e[0]) + this.symbol,
+				tailing: this.symbol + this.content.slice(t[1], i)
+			};
+			let a = Math.floor((e[0] + e[1]) / 2), o = Math.ceil((t[0] + t[1]) / 2);
+			return n.innerText = this.content.slice(0, a) + this.symbol + r + this.symbol + this.content.slice(o, i), n.offsetHeight <= this.maxHeight ? this.tailorMiddle([a, e[1]], [t[0], o], n) : this.tailorMiddle([e[0], a], [o, t[1]], n);
+		},
+		tailor(e, t, n) {
+			let r = this.expanded ? this.collapseText : this.expandText, i = this.content.length;
+			if (t - e <= 1) return this.direction === "end" ? { leading: this.content.slice(0, e) + this.symbol } : { tailing: this.symbol + this.content.slice(t, i) };
+			let a = Math.round((e + t) / 2);
+			return this.direction === "end" ? n.innerText = this.content.slice(0, a) + this.symbol + r : n.innerText = r + this.symbol + this.content.slice(a, i), n.offsetHeight <= this.maxHeight ? this.direction === "end" ? this.tailor(a, t, n) : this.tailor(e, a, n) : this.direction === "end" ? this.tailor(e, a, n) : this.tailor(a, t, n);
+		}
+	}
+}, l = { key: 0 }, u = { key: 1 }, d = { key: 2 };
+function f(e, s, c, f, p, m) {
+	return i(), n("div", {
+		ref: "root",
+		class: "fy-ellipsis",
+		onClick: s[2] || (s[2] = (...e) => m.handleClick && m.handleClick(...e))
+	}, [
+		p.exceeded ? t("v-if", !0) : (i(), n("div", l, a(c.content), 1)),
+		p.exceeded && !p.expanded ? (i(), n("div", u, [
+			r(a(p.ellipsis && p.ellipsis.leading) + " ", 1),
+			c.expandText ? (i(), n("span", {
+				key: 0,
+				class: "fy-ellipsis__text",
+				onClick: s[0] || (s[0] = o((e) => m.clickHandle(1), ["stop"]))
+			}, a(c.expandText), 1)) : t("v-if", !0),
+			r(" " + a(p.ellipsis && p.ellipsis.tailing), 1)
+		])) : t("v-if", !0),
+		p.exceeded && p.expanded ? (i(), n("div", d, [r(a(c.content) + " ", 1), c.expandText ? (i(), n("span", {
+			key: 0,
+			class: "fy-ellipsis__text",
+			onClick: s[1] || (s[1] = o((e) => m.clickHandle(2), ["stop"]))
+		}, a(c.collapseText), 1)) : t("v-if", !0)])) : t("v-if", !0)
+	], 512);
+}
+var p = /* @__PURE__ */ e(c, [["render", f]]);
+//#endregion
+export { p as default };

package/text-ellipsis/style.css

@@ -0,0 +1 @@
+.fy-ellipsis{display:flex}.fy-ellipsis__text{cursor:pointer;color:#3460fa;display:inline}

package/toolbar/index.mjs

@@ -1,2 +1,2 @@
-import { t as e } from "../chunks/BXrA0SYn2.mjs";
+import { t as e } from "../chunks/3gUkQF12.mjs";
 export { e as default };

package/toolbar-button/index.d.ts

@@ -39,12 +39,12 @@ declare const _default: import('vue').DefineComponent<globalThis.ExtractPropType
         type: BooleanConstructor;
         default: boolean;
     };
-    loadingIcon: (StringConstructor | ObjectConstructor)[];
+    loadingIcon: (ObjectConstructor | StringConstructor)[];
     disabled: {
         type: BooleanConstructor;
         default: undefined;
     };
-    icon: (StringConstructor | ObjectConstructor)[];
+    icon: (ObjectConstructor | StringConstructor)[];
     autofocus: {
         type: BooleanConstructor;
         default: boolean;
@@ -62,7 +62,7 @@ declare const _default: import('vue').DefineComponent<globalThis.ExtractPropType
         type: BooleanConstructor;
         default: boolean;
     };
-    tag: (StringConstructor | ObjectConstructor)[];
+    tag: (ObjectConstructor | StringConstructor)[];
     label: StringConstructor;
     loadable: BooleanConstructor;
     footer: BooleanConstructor;
@@ -70,14 +70,14 @@ declare const _default: import('vue').DefineComponent<globalThis.ExtractPropType
     warning: BooleanConstructor;
     privilege: StringConstructor;
     condition: {
-        type: (BooleanConstructor | ArrayConstructor | FunctionConstructor)[];
+        type: (ArrayConstructor | BooleanConstructor | FunctionConstructor)[];
     };
     conditionTips: StringConstructor;
     confirm: BooleanConstructor;
     confirmTips: StringConstructor;
     beforeExecute: FunctionConstructor;
     afterExecute: FunctionConstructor;
-    route: (StringConstructor | ObjectConstructor)[];
+    route: (ObjectConstructor | StringConstructor)[];
     title: StringConstructor;
     cancelButtonText: StringConstructor;
     confirmButtonText: StringConstructor;
@@ -122,12 +122,12 @@ declare const _default: import('vue').DefineComponent<globalThis.ExtractPropType
         type: BooleanConstructor;
         default: boolean;
     };
-    loadingIcon: (StringConstructor | ObjectConstructor)[];
+    loadingIcon: (ObjectConstructor | StringConstructor)[];
     disabled: {
         type: BooleanConstructor;
         default: undefined;
     };
-    icon: (StringConstructor | ObjectConstructor)[];
+    icon: (ObjectConstructor | StringConstructor)[];
     autofocus: {
         type: BooleanConstructor;
         default: boolean;
@@ -145,7 +145,7 @@ declare const _default: import('vue').DefineComponent<globalThis.ExtractPropType
         type: BooleanConstructor;
         default: boolean;
     };
-    tag: (StringConstructor | ObjectConstructor)[];
+    tag: (ObjectConstructor | StringConstructor)[];
     label: StringConstructor;
     loadable: BooleanConstructor;
     footer: BooleanConstructor;
@@ -153,26 +153,26 @@ declare const _default: import('vue').DefineComponent<globalThis.ExtractPropType
     warning: BooleanConstructor;
     privilege: StringConstructor;
     condition: {
-        type: (BooleanConstructor | ArrayConstructor | FunctionConstructor)[];
+        type: (ArrayConstructor | BooleanConstructor | FunctionConstructor)[];
     };
     conditionTips: StringConstructor;
     confirm: BooleanConstructor;
     confirmTips: StringConstructor;
     beforeExecute: FunctionConstructor;
     afterExecute: FunctionConstructor;
-    route: (StringConstructor | ObjectConstructor)[];
+    route: (ObjectConstructor | StringConstructor)[];
     title: StringConstructor;
     cancelButtonText: StringConstructor;
     confirmButtonText: StringConstructor;
 }>> & Readonly<{}>, {
-    primary: boolean;
-    size: string;
-    loading: boolean;
     disabled: boolean;
+    type: string;
     plain: boolean;
+    size: string;
+    primary: boolean;
+    loading: boolean;
     autofocus: boolean;
     round: boolean;
-    type: string;
     nativeType: string;
     text: boolean;
     footer: boolean;

package/toolbar-button/index.mjs

@@ -1,2 +1,2 @@
-import { t as e } from "../chunks/usyXQe35.mjs";
+import { t as e } from "../chunks/DhQF2ZlD.mjs";
 export { e as default };

package/utilSelf-D_fsC71t.js

@@ -0,0 +1,46 @@
+import { fastClone as e } from "@web-utils/core";
+//#region src/components/bpmn-process-designer/components/penal/listeners/utilSelf.js
+function t(e) {
+	let t = { ...e };
+	if (e.script && (t = {
+		...e,
+		...e.script,
+		scriptType: e.script.resource ? "externalScript" : "inlineScript"
+	}), e.event === "timeout" && e.eventDefinitions && e.eventDefinitions.length) {
+		let n = "";
+		for (let r in e.eventDefinitions[0]) r.indexOf("time") !== -1 && (n = r, t.eventDefinitionType = r.replace("time", "").toLowerCase());
+		t.eventTimeDefinitions = e.eventDefinitions[0][n].body;
+	}
+	return t;
+}
+function n(t) {
+	var n;
+	let r;
+	return t.class && (r = "classListener"), t.expression && (r = "expressionListener"), t.delegateExpression && (r = "delegateExpressionListener"), t.script && (r = "scriptListener"), {
+		...e(t),
+		...t.script ?? {},
+		fields: (n = t.fields) == null ? void 0 : n.map((e) => ({
+			...e,
+			fieldType: e.expression ? "expression" : "string"
+		})),
+		listenerType: r
+	};
+}
+var r = {
+	classListener: "Java 类",
+	expressionListener: "表达式",
+	delegateExpressionListener: "代理表达式",
+	scriptListener: "脚本"
+}, i = {
+	create: "创建",
+	assignment: "指派",
+	complete: "完成",
+	delete: "删除",
+	update: "更新",
+	timeout: "超时"
+}, a = {
+	string: "字符串",
+	expression: "表达式"
+};
+//#endregion
+export { r as a, n as i, a as n, t as r, i as t };

package/utils-axoBfc1D.js

@@ -0,0 +1,60 @@
+//#region src/components/bpmn-process-designer/utils.js
+function e(e, r, a, o) {
+	let s = Object.create(null);
+	switch (s.event = r.event, a && (s.id = r.id), r.listenerType) {
+		case "scriptListener":
+			s.script = n(e, r, o);
+			break;
+		case "expressionListener":
+			s.expression = r.expression;
+			break;
+		case "delegateExpressionListener":
+			s.delegateExpression = r.delegateExpression;
+			break;
+		default: s.class = r.class;
+	}
+	if (r.fields && (s.fields = r.fields.map((n) => t(e, n, o))), a && r.event === "timeout" && r.eventDefinitionType) {
+		let t = e.moddle.create("bpmn:FormalExpression", { body: r.eventTimeDefinitions });
+		s.eventDefinitions = [e.moddle.create("bpmn:TimerEventDefinition", {
+			id: `TimerEventDefinition_${i(8)}`,
+			[`time${r.eventDefinitionType.replace(/^\S/, (e) => e.toUpperCase())}`]: t
+		})];
+	}
+	return e.moddle.create(`${o}:${a ? "TaskListener" : "ExecutionListener"}`, s);
+}
+function t(e, t, n) {
+	let { name: r, fieldType: i, string: a, expression: o } = t, s = i === "string" ? {
+		name: r,
+		string: a
+	} : {
+		name: r,
+		expression: o
+	};
+	return e.moddle.create(`${n}:Field`, s);
+}
+function n(e, t, n) {
+	let { scriptType: r, scriptFormat: i, value: a, resource: o } = t, s = r === "inlineScript" ? {
+		scriptFormat: i,
+		value: a
+	} : {
+		scriptFormat: i,
+		resource: o
+	};
+	return e.moddle.create(`${n}:Script`, s);
+}
+function r(e, t, n) {
+	let r = e.moddle.create("bpmn:ExtensionElements", { values: n });
+	e.modeling.updateProperties(t, { extensionElements: r });
+}
+function i(e = 8, t) {
+	let n = "", r = t || "0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ";
+	for (let t = e; t > 0; --t) n += r[Math.floor(Math.random() * r.length)];
+	return n;
+}
+var a = (e, t = "body") => e ? e.get(t) : null, o = (e, t, n = "body", r) => {
+	s(e, t, { [n]: r });
+}, s = ({ modeling: e }, t, n) => {
+	e.updateProperties(t, n);
+};
+//#endregion
+export { o as i, a as n, r, e as t };

package/vue-cron/index.d.ts

@@ -183,8 +183,8 @@ declare const _default: import('vue').DefineComponent<globalThis.ExtractPropType
         default: boolean;
     };
 }>> & Readonly<{
-    onChange?: ((...args: any[]) => any) | undefined;
     onClose?: ((...args: any[]) => any) | undefined;
+    onChange?: ((...args: any[]) => any) | undefined;
 }>, {
     quartz: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;

package/vue-cron/index.mjs

@@ -1,2 +1,2 @@
-import { t as e } from "../chunks/DUhF8YOY.mjs";
+import { t as e } from "../chunks/BvcK4D8A2.mjs";
 export { e as default };

package/vue-qr-code/index.d.ts

@@ -0,0 +1,47 @@
+declare const _default: import('vue').DefineComponent<globalThis.ExtractPropTypes<{
+    /**
+     * 二维码内容字符串
+     */
+    text: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+     * 生成二维码配置选项
+     * {@link https://github.com/soldair/node-qrcode#qr-code-options}
+     */
+    options: ObjectConstructor;
+    /**
+     * 组件根元素标签
+     */
+    tag: {
+        type: StringConstructor;
+        default: string;
+    };
+}>, {}, {}, {}, {
+    generate(): Promise<void>;
+}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<globalThis.ExtractPropTypes<{
+    /**
+     * 二维码内容字符串
+     */
+    text: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+     * 生成二维码配置选项
+     * {@link https://github.com/soldair/node-qrcode#qr-code-options}
+     */
+    options: ObjectConstructor;
+    /**
+     * 组件根元素标签
+     */
+    tag: {
+        type: StringConstructor;
+        default: string;
+    };
+}>> & Readonly<{}>, {
+    text: string;
+    tag: string;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;

package/vue-qr-code/index.mjs

@@ -0,0 +1,32 @@
+import { h as e } from "vue";
+import { drawToCanvas as t, genDataURL as n, genSVG as r } from "@web-utils/integrations/qrcode";
+//#region src/components/vue-qrcode/VueQrCode.vue
+var i = {
+	name: "VueQrCode",
+	props: {
+		text: {
+			type: String,
+			default: "0"
+		},
+		options: Object,
+		tag: {
+			type: String,
+			default: "canvas"
+		}
+	},
+	watch: { $props: {
+		deep: !0,
+		immediate: !0,
+		handler: "generate"
+	} },
+	methods: { async generate() {
+		await this.$nextTick();
+		let { options: e, tag: i } = this;
+		i === "canvas" ? await t(this.$el, this.text, e) : i === "img" ? this.$el.src = await n(this.text, e) : this.$el.innerHTML = await r(this.text, e);
+	} },
+	render() {
+		return e(this.tag, this.$slots.default);
+	}
+};
+//#endregion
+export { i as default };