lyflowchart 1.0.139 → 1.0.154

package/dist/ActionsConfig-gWnpd8yJ.js

@@ -0,0 +1,521 @@
+import { b as e } from "./init-plugin-CpYzRii0.js";
+import { S as t, o as n } from "./utils-DRldFEoM.js";
+import { t as r } from "./example_code-DKjqP7KK.js";
+import { Fragment as i, computed as a, createBlock as o, createCommentVNode as s, createElementBlock as c, createElementVNode as l, createTextVNode as u, createVNode as d, defineComponent as f, normalizeClass as p, openBlock as m, ref as h, renderList as g, resolveComponent as _, shallowRef as v, toDisplayString as y, toRaw as b, withCtx as x, withModifiers as S } from "vue";
+import { CopyOutlined as C, DeleteOutlined as w, DownOutlined as T, HolderOutlined as E, NodeCollapseOutlined as D, NodeExpandOutlined as O, RightOutlined as k } from "@ant-design/icons-vue";
+import { Collapse as A, CollapsePanel as j, Modal as M } from "ant-design-vue";
+import { cloneDeep as N } from "lodash";
+//#region src/components/approval/components/approvalPageConfig/JsonText.vue?vue&type=script&lang.ts
+var P = f({
+	name: "JsonTags",
+	props: {
+		value: {
+			type: Object,
+			required: !0
+		},
+		placeholder: {
+			type: String,
+			required: !1
+		},
+		rows: {
+			type: Number,
+			default: 3
+		}
+	},
+	emits: ["update:value"],
+	setup(e, { emit: t }) {
+		return {
+			_value: a(() => typeof e.value == "string" ? e.value : JSON.stringify(e.value)),
+			handleChange: (e) => {
+				let n = null;
+				try {
+					n = JSON.parse(e);
+				} catch {
+					n = e;
+				}
+				t("update:value", n);
+			},
+			valueType: a(() => typeof e.value)
+		};
+	}
+});
+//#endregion
+//#region src/components/approval/components/approvalPageConfig/JsonText.vue
+function F(e, t, n, r, a, o) {
+	let s = _("a-textarea"), l = _("a-tag");
+	return m(), c(i, null, [d(s, {
+		value: e._value,
+		placeholder: e.placeholder,
+		rows: e.rows,
+		"onUpdate:value": e.handleChange
+	}, null, 8, [
+		"value",
+		"placeholder",
+		"rows",
+		"onUpdate:value"
+	]), d(l, null, {
+		default: x(() => [u(y(e.valueType), 1)]),
+		_: 1
+	})], 64);
+}
+var I = /* @__PURE__ */ e(P, [["render", F], ["__scopeId", "data-v-43e40d82"]]), L = "click", R = f({
+	name: "CodeEditorWraper",
+	components: {},
+	props: {
+		value: {
+			type: String,
+			default: ""
+		},
+		editType: {
+			type: String,
+			default: ""
+		},
+		action: {
+			type: String,
+			default: ""
+		}
+	},
+	emits: ["update:value"],
+	setup(e, { emit: t }) {
+		let n = h(!1), i = h("");
+		return {
+			update: (e) => {
+				t("update:value", e);
+			},
+			isCodeVisible: n,
+			exampleCode: i,
+			filterExampleCodeList: a(() => r.filter((t) => e.editType === L ? t.types.includes(L) && t.actions.includes(e.action || null) : t.types.includes(e.editType))),
+			handleAppendCode: () => {
+				i.value && t("update:value", `${e.value || ""}\n${i.value}`);
+			},
+			handleReplaceCode: () => {
+				i.value && (e.value ? M.confirm({
+					title: "提示",
+					content: "是否确认要替换现有代码",
+					onOk() {
+						t("update:value", i.value);
+					},
+					onCancel() {}
+				}) : t("update:value", i.value));
+			}
+		};
+	}
+}), z = { key: 0 };
+function B(e, t, n, r, a, f) {
+	let p = _("a-button"), h = _("a-tooltip"), v = _("a-select-option"), b = _("a-select"), S = _("a-col"), C = _("a-button-group"), w = _("a-row"), T = _("a-form-item"), E = _("a-form"), D = _("code-editor");
+	return m(), c("div", null, [l("div", null, [d(p, {
+		type: "link",
+		onClick: t[0] ||= (t) => e.isCodeVisible = !e.isCodeVisible
+	}, {
+		default: x(() => [u(y(e.isCodeVisible ? "隐藏代码" : "显示代码"), 1)]),
+		_: 1
+	})]), e.isCodeVisible ? (m(), c("div", z, [d(E, null, {
+		default: x(() => [d(T, { label: "示例代码" }, {
+			default: x(() => [d(w, { gutter: 10 }, {
+				default: x(() => [d(S, { span: 20 }, {
+					default: x(() => [d(b, {
+						value: e.exampleCode,
+						"onUpdate:value": t[1] ||= (t) => e.exampleCode = t,
+						"show-search": ""
+					}, {
+						default: x(() => [(m(!0), c(i, null, g(e.filterExampleCodeList, (e) => (m(), o(v, {
+							value: e.value,
+							key: e.value
+						}, {
+							default: x(() => [d(h, {
+								overlayClassName: "debug-code-code-view",
+								color: "blue"
+							}, {
+								title: x(() => [l("pre", null, y(e.value), 1)]),
+								default: x(() => [u(" " + y(e.label), 1)]),
+								_: 2
+							}, 1024)]),
+							_: 2
+						}, 1032, ["value"]))), 128))]),
+						_: 1
+					}, 8, ["value"])]),
+					_: 1
+				}), d(S, { span: 4 }, {
+					default: x(() => [d(C, null, {
+						default: x(() => [d(p, {
+							type: "primary",
+							onClick: e.handleAppendCode
+						}, {
+							default: x(() => [...t[2] ||= [u(" 附加 ", -1)]]),
+							_: 1
+						}, 8, ["onClick"]), d(p, {
+							type: "primary",
+							onClick: e.handleReplaceCode
+						}, {
+							default: x(() => [...t[3] ||= [u(" 替换 ", -1)]]),
+							_: 1
+						}, 8, ["onClick"])]),
+						_: 1
+					})]),
+					_: 1
+				})]),
+				_: 1
+			})]),
+			_: 1
+		})]),
+		_: 1
+	}), d(D, {
+		editorValue: e.value,
+		"onUpdate:editorValue": e.update,
+		mode: "javascript",
+		lineWrapping: !0
+	}, null, 8, ["editorValue", "onUpdate:editorValue"])])) : s("", !0)]);
+}
+var V = /* @__PURE__ */ e(R, [["render", B]]), H = "async function run(params) {\n  console.log(JSON.stringify(params));\n  // try {\n  //   const res = await self.callHost('getApiData')({}, '/test/');\n  // } catch (e) {\n  //   console.error('call error', JSON.stringify(e));\n  // }\n  return { name: 'test' };\n}\n", U = new Map(n.map((e) => [e.value, e.label])), W = f({
+	name: "ActionsConfig",
+	components: {
+		JsonText: I,
+		CodeEditorWraper: V,
+		CopyOutlined: C,
+		DeleteOutlined: w,
+		DownOutlined: T,
+		HolderOutlined: E,
+		NodeCollapseOutlined: D,
+		NodeExpandOutlined: O,
+		RightOutlined: k,
+		ACollapse: A,
+		ACollapsePanel: j
+	},
+	props: { dataSource: {
+		type: Object,
+		required: !0
+	} },
+	emits: ["update:dataSource"],
+	setup(e, { emit: r }) {
+		let i = v(/* @__PURE__ */ new Map()), o = (e) => i.value.get(b(e)) === !0, s = (e) => !o(e), c = (e) => {
+			let t = new Map(i.value);
+			t.set(b(e), !o(e)), i.value = t;
+		}, l = ["p"], u = [], d = {}, f = a(() => e.dataSource.every((e) => s(e))), p = () => {
+			let t = f.value, n = /* @__PURE__ */ new Map();
+			for (let r of e.dataSource) n.set(b(r), t);
+			i.value = n;
+		}, m = h(-1), g = h(-1), _ = () => {
+			m.value = -1, g.value = -1;
+		}, y = (e, t) => {
+			m.value = e, g.value = -1;
+			let n = t.dataTransfer;
+			if (!n) return;
+			n.effectAllowed = "move", n.setData("text/plain", String(e));
+			let r = t.currentTarget?.closest(".button-config-item")?.querySelector(".ant-collapse-header");
+			r && n.setDragImage(r, 12, 12);
+		}, x = (e, t) => {
+			m.value !== -1 && (t.preventDefault(), g.value = e);
+		}, S = (t) => {
+			let n = m.value;
+			if (_(), n === -1 || n === t) return;
+			let [r] = e.dataSource.splice(n, 1);
+			r && e.dataSource.splice(t, 0, r);
+		}, C = () => {
+			let t = e.dataSource || [], n = 0;
+			for (let e of t) {
+				let t = /^按钮(\d+)$/.exec(e.label || "");
+				t && (n = Math.max(n, Number(t[1])));
+			}
+			r("update:dataSource", [...t, {
+				label: `按钮${n + 1}`,
+				type: "primary",
+				action: "process",
+				danger: !1,
+				settings: {},
+				code: H
+			}]);
+		}, w = (e, t) => {
+			e.showCode = {
+				...e.showCode || { code: "async function run({ context, settings }) {\n  console.log('context', JSON.stringify(context));\n  console.log('settings', JSON.stringify(settings));\n  const { tables, formModel } = context;\n  // const table = tables['approve-approve_record'];\n  // const { searchConditions, selectedRowKeys, selectedRecord, datasource } = table;\n\n  // try {\n  //   const res = await self.callHost('getApiData')({}, '/test/');\n  // } catch (e) {\n  //   console.error('call error', JSON.stringify(e));\n  // }\n  return true;\n}\n" },
+				enable: t
+			};
+		}, T = (e, t) => {
+			e.disableCode = {
+				...e.showCode || { code: "async function run({ context, settings }) {\n  console.log('context', JSON.stringify(context));\n  console.log('settings', JSON.stringify(settings));\n  const { tables, formModel } = context;\n  // const table = tables['approve-approve_record'];\n  // const { searchConditions, selectedRowKeys, selectedRecord, datasource } = table;\n\n  // try {\n  //   const res = await self.callHost('getApiData')({}, '/test/');\n  // } catch (e) {\n  //   console.error('call error', JSON.stringify(e));\n  // }\n  return true;\n}\n" },
+				enable: t
+			};
+		}, E = (n) => {
+			let r = e.dataSource[n];
+			if (!r) return;
+			let i = N(r);
+			t([i]), e.dataSource.splice(n + 1, 0, i);
+		}, D = (t) => {
+			e.dataSource.splice(t, 1);
+		}, O = [
+			"primary",
+			"default",
+			"dashed",
+			"link",
+			"text"
+		], k = (e) => e ? U.get(e) || e : "";
+		return {
+			addButton: C,
+			copyButton: E,
+			removeButton: D,
+			typeList: O,
+			actionTypes: n,
+			actionLabel: k,
+			actionShortLabel: (e) => k(e),
+			showCodeEnableChange: w,
+			disableCodeEnableChange: T,
+			isCollapsed: s,
+			toggleCollapse: c,
+			allCollapsed: f,
+			toggleAll: p,
+			PANEL_ACTIVE_KEYS: l,
+			PANEL_NO_ACTIVE_KEYS: u,
+			NO_OPEN_ANIMATION: d,
+			dragIndex: m,
+			dragOverIndex: g,
+			handleDragStart: y,
+			handleDragOver: x,
+			handleDrop: S,
+			handleDragEnd: _
+		};
+	}
+}), G = { class: "list-toolbar" }, K = ["onDragover", "onDrop"], q = { class: "item-header" }, J = ["onDragstart"], Y = ["onClick"], X = { class: "item-index" }, Z = { class: "item-actions" }, Q = { class: "config-body" };
+function $(e, t, n, r, a, f) {
+	let h = _("node-expand-outlined"), v = _("node-collapse-outlined"), b = _("a-button"), C = _("holder-outlined"), w = _("down-outlined"), T = _("right-outlined"), E = _("a-tag"), D = _("copy-outlined"), O = _("delete-outlined"), k = _("a-input"), A = _("a-col"), j = _("a-switch"), M = _("a-select-option"), N = _("a-select"), P = _("a-row"), F = _("json-text"), I = _("code-editor-wraper"), L = _("a-collapse-panel"), R = _("a-collapse");
+	return m(), c("div", null, [
+		l("div", G, [d(b, {
+			type: "text",
+			size: "small",
+			class: "toggle-all-btn",
+			title: e.allCollapsed ? "全部展开" : "全部收起",
+			onClick: e.toggleAll
+		}, {
+			default: x(() => [e.allCollapsed ? (m(), o(h, { key: 0 })) : (m(), o(v, { key: 1 }))]),
+			_: 1
+		}, 8, ["title", "onClick"])]),
+		(m(!0), c(i, null, g(e.dataSource, (n, r) => (m(), c("div", {
+			key: r,
+			class: p(["button-config-item", {
+				"is-dragging": e.dragIndex === r,
+				"drag-over-above": e.dragOverIndex === r && e.dragIndex > r,
+				"drag-over-below": e.dragOverIndex === r && e.dragIndex < r
+			}]),
+			onDragover: (t) => e.handleDragOver(r, t),
+			onDrop: S((t) => e.handleDrop(r), ["prevent"]),
+			onDragend: t[1] ||= (...t) => e.handleDragEnd && e.handleDragEnd(...t)
+		}, [d(R, {
+			"active-key": e.isCollapsed(n) ? e.PANEL_NO_ACTIVE_KEYS : e.PANEL_ACTIVE_KEYS,
+			"destroy-inactive-panel": !0,
+			"open-animation": e.NO_OPEN_ANIMATION,
+			onChange: (t) => e.toggleCollapse(n)
+		}, {
+			default: x(() => [d(L, {
+				key: "p",
+				"show-arrow": !1
+			}, {
+				header: x(() => [l("span", q, [
+					l("span", {
+						class: "drag-handle",
+						draggable: "true",
+						title: "按住拖拽排序",
+						onDragstart: (t) => e.handleDragStart(r, t),
+						onClick: t[0] ||= S(() => {}, ["stop"])
+					}, [d(C)], 40, J),
+					l("span", {
+						class: "item-toggle",
+						onClick: S((t) => e.toggleCollapse(n), ["stop"])
+					}, [
+						e.isCollapsed(n) ? (m(), o(T, { key: 1 })) : (m(), o(w, { key: 0 })),
+						l("span", X, "(" + y(r + 1) + ")", 1),
+						l("span", { class: p(["item-title", { "is-empty": !n.label }]) }, y(n.label || "未命名按钮"), 3),
+						e.actionShortLabel(n.action) ? (m(), o(E, {
+							key: 2,
+							color: "green",
+							title: e.actionLabel(n.action)
+						}, {
+							default: x(() => [u(y(e.actionShortLabel(n.action)), 1)]),
+							_: 2
+						}, 1032, ["title"])) : s("", !0)
+					], 8, Y),
+					l("span", Z, [d(D, {
+						class: "copy-icon",
+						title: "复制",
+						onClick: S((t) => e.copyButton(r), ["stop"])
+					}, null, 8, ["onClick"]), d(O, {
+						class: "delete-icon",
+						title: "删除",
+						onClick: S((t) => e.removeButton(r), ["stop"])
+					}, null, 8, ["onClick"])])
+				])]),
+				default: x(() => [l("div", Q, [
+					d(P, {
+						gutter: 16,
+						align: "top"
+					}, {
+						default: x(() => [
+							d(A, { span: 5 }, {
+								default: x(() => [t[2] ||= l("label", null, "名称", -1), d(k, {
+									value: n.label,
+									"onUpdate:value": (e) => n.label = e
+								}, null, 8, ["value", "onUpdate:value"])]),
+								_: 2
+							}, 1024),
+							d(A, { span: 3 }, {
+								default: x(() => [t[3] ||= l("label", null, "下拉菜单", -1), l("div", null, [d(j, {
+									checked: n.is_dropdown,
+									"onUpdate:checked": (e) => n.is_dropdown = e
+								}, null, 8, ["checked", "onUpdate:checked"])])]),
+								_: 2
+							}, 1024),
+							n.is_dropdown ? (m(), o(A, {
+								key: 1,
+								span: 5
+							}, {
+								default: x(() => [t[6] ||= l("label", null, "组名", -1), d(k, {
+									value: n.group_name,
+									"onUpdate:value": (e) => n.group_name = e
+								}, null, 8, ["value", "onUpdate:value"])]),
+								_: 2
+							}, 1024)) : (m(), c(i, { key: 0 }, [d(A, { span: 3 }, {
+								default: x(() => [t[4] ||= l("label", null, "危险按钮", -1), l("div", null, [d(j, {
+									checked: n.danger,
+									"onUpdate:checked": (e) => n.danger = e
+								}, null, 8, ["checked", "onUpdate:checked"])])]),
+								_: 2
+							}, 1024), d(A, { span: 5 }, {
+								default: x(() => [t[5] ||= l("label", null, "显示类型", -1), d(N, {
+									value: n.type,
+									"onUpdate:value": (e) => n.type = e,
+									class: "w-full"
+								}, {
+									default: x(() => [(m(!0), c(i, null, g(e.typeList, (e, t) => (m(), o(M, {
+										value: e,
+										key: t
+									}, {
+										default: x(() => [d(b, {
+											size: "small",
+											type: e,
+											danger: n.danger
+										}, {
+											default: x(() => [u(y(e), 1)]),
+											_: 2
+										}, 1032, ["type", "danger"])]),
+										_: 2
+									}, 1032, ["value"]))), 128))]),
+									_: 2
+								}, 1032, ["value", "onUpdate:value"])]),
+								_: 2
+							}, 1024)], 64))
+						]),
+						_: 2
+					}, 1024),
+					d(P, { gutter: 16 }, {
+						default: x(() => [d(A, { span: 24 }, {
+							default: x(() => [t[7] ||= l("label", null, "操作类型", -1), d(N, {
+								value: n.action,
+								"onUpdate:value": (e) => n.action = e,
+								class: "w-full",
+								options: e.actionTypes
+							}, null, 8, [
+								"value",
+								"onUpdate:value",
+								"options"
+							])]),
+							_: 2
+						}, 1024)]),
+						_: 2
+					}, 1024),
+					d(P, {
+						gutter: 16,
+						class: "mt-4"
+					}, {
+						default: x(() => [d(A, { span: 24 }, {
+							default: x(() => [t[8] ||= l("label", null, "配置", -1), d(F, {
+								value: n.settings,
+								"onUpdate:value": (e) => n.settings = e,
+								rows: 3
+							}, null, 8, ["value", "onUpdate:value"])]),
+							_: 2
+						}, 1024)]),
+						_: 2
+					}, 1024),
+					d(P, {
+						gutter: 16,
+						class: "mt-4"
+					}, {
+						default: x(() => [d(A, { span: 24 }, {
+							default: x(() => [t[9] ||= l("label", null, "点击事件代码", -1), d(I, {
+								value: n.code,
+								"onUpdate:value": (e) => n.code = e,
+								"edit-type": "click",
+								action: n.action
+							}, null, 8, [
+								"value",
+								"onUpdate:value",
+								"action"
+							])]),
+							_: 2
+						}, 1024)]),
+						_: 2
+					}, 1024),
+					d(P, {
+						gutter: 16,
+						class: "mt-4"
+					}, {
+						default: x(() => [d(A, { span: 2 }, {
+							default: x(() => [t[10] ||= l("label", null, "显示控制", -1), d(j, {
+								checked: n.showCode?.enable,
+								onChange: (t) => e.showCodeEnableChange(n, t)
+							}, null, 8, ["checked", "onChange"])]),
+							_: 2
+						}, 1024), n.showCode?.enable ? (m(), o(A, {
+							key: 0,
+							span: 22
+						}, {
+							default: x(() => [t[11] ||= l("label", null, "显示控制代码", -1), d(I, {
+								value: n.showCode.code,
+								"onUpdate:value": (e) => n.showCode.code = e,
+								"edit-type": "show"
+							}, null, 8, ["value", "onUpdate:value"])]),
+							_: 2
+						}, 1024)) : s("", !0)]),
+						_: 2
+					}, 1024),
+					d(P, {
+						gutter: 16,
+						class: "mt-4"
+					}, {
+						default: x(() => [d(A, { span: 2 }, {
+							default: x(() => [t[12] ||= l("label", null, "禁用控制", -1), d(j, {
+								checked: n.disableCode?.enable,
+								onChange: (t) => e.disableCodeEnableChange(n, t)
+							}, null, 8, ["checked", "onChange"])]),
+							_: 2
+						}, 1024), n.disableCode?.enable ? (m(), o(A, {
+							key: 0,
+							span: 22
+						}, {
+							default: x(() => [t[13] ||= l("label", null, "禁用制代码", -1), d(I, {
+								value: n.disableCode.code,
+								"onUpdate:value": (e) => n.disableCode.code = e,
+								"edit-type": "disable"
+							}, null, 8, ["value", "onUpdate:value"])]),
+							_: 2
+						}, 1024)) : s("", !0)]),
+						_: 2
+					}, 1024)
+				])]),
+				_: 2
+			}, 1024)]),
+			_: 2
+		}, 1032, [
+			"active-key",
+			"open-animation",
+			"onChange"
+		])], 42, K))), 128)),
+		d(b, {
+			type: "link",
+			onClick: e.addButton
+		}, {
+			default: x(() => [...t[14] ||= [u(" 添加按钮 ", -1)]]),
+			_: 1
+		}, 8, ["onClick"])
+	]);
+}
+var ee = /* @__PURE__ */ e(W, [["render", $], ["__scopeId", "data-v-4419c204"]]);
+//#endregion
+export { I as n, ee as t };

package/dist/{ApprovalEditorModal-19j5zbe2.js → ApprovalEditorModal-BsHxlueJ.js}

@@ -1,4 +1,4 @@
-import { t as e } from "./core-Cv0Erg9E.js";
+import { t as e } from "./core-BY-t0ghx.js";
 import { createBlock as t, createCommentVNode as n, defineComponent as r, mergeModels as i, openBlock as a, resolveComponent as o, useModel as s, withCtx as c } from "vue";
 //#endregion
 //#region src/components/approval/ApprovalEditorModal.vue

package/dist/{CancelModal-BUi3ieI8.js → CancelModal-CgQeC543.js}

@@ -1,4 +1,4 @@
-import { o as e } from "./init-plugin-fQTSQzui.js";
+import { o as e } from "./init-plugin-CpYzRii0.js";
 import { createBlock as t, createVNode as n, defineComponent as r, mergeModels as i, openBlock as a, reactive as o, ref as s, resolveComponent as c, useModel as l, withCtx as u } from "vue";
 import { message as d } from "ant-design-vue";
 //#endregion