@guodun/antdv 1.2.5 → 1.3.1

package/dist/es/components/pro-contract-signing-flow/src/composables/use-contract-signing-flow.mjs

@@ -0,0 +1,365 @@
+import { computed as e, ref as t, shallowRef as n } from "vue";
+//#region src/components/pro-contract-signing-flow/src/composables/use-contract-signing-flow.ts
+var r = new Set([
+	"signature",
+	"seal",
+	"acrossSeal",
+	"time"
+]), i = 0;
+function a(e) {
+	return i += 1, `${e}_${Date.now().toString(36)}_${i.toString(36)}`;
+}
+function o(e) {
+	return JSON.parse(JSON.stringify(e));
+}
+function s(e = "person") {
+	return {
+		cannotSeal: e === "person",
+		mustSeal: !1,
+		sealType: [],
+		mustSignature: !0,
+		cannotSignature: !1,
+		cannotExtraLocations: !1,
+		batchFunctionEnable: !1,
+		refuseFunctionEnable: !0,
+		perforationSealEnable: !1,
+		smsVerify: !0,
+		faceVerify: !1,
+		passwordVerify: !1,
+		noneVerify: !1
+	};
+}
+function c() {
+	return {
+		key: a("Event"),
+		name: "发起合同",
+		description: "合同创建后进入签署流程",
+		type: "start",
+		customKey: "start",
+		config: {},
+		properties: null,
+		multi: !1
+	};
+}
+function l() {
+	return {
+		key: a("Event"),
+		name: "签署完成",
+		description: "所有签署节点完成后结束",
+		type: "end",
+		customKey: "end",
+		config: {},
+		properties: null,
+		multi: !1,
+		autoComplete: !0
+	};
+}
+function u(e = 1) {
+	return {
+		key: a("Activity"),
+		name: `签署方 ${e}`,
+		description: null,
+		type: "sign",
+		customKey: `signer_${e}`,
+		config: {
+			signRule: s("person"),
+			locationRules: []
+		},
+		properties: null,
+		multi: !1,
+		identity: "person",
+		multiCompletedCondition: {
+			type: "ONE_PASS",
+			refusedType: "ONE_PASS",
+			value: null
+		}
+	};
+}
+function d(e) {
+	return e.slice(0, -1).map((t, n) => ({
+		key: a("Flow"),
+		type: "BooleanConnect",
+		name: null,
+		sourceKey: t.key,
+		targetKey: e[n + 1].key,
+		priority: 1,
+		description: null,
+		connectName: "是否通过-连接器",
+		connectClass: "com.kgo.flow.common.engine.domain.connect.BooleanConnect",
+		configClassName: "java.lang.Object",
+		configClass: "java.lang.Object",
+		config: null
+	}));
+}
+function f() {
+	let e = [
+		c(),
+		u(1),
+		l()
+	];
+	return {
+		key: null,
+		name: null,
+		description: null,
+		nodeList: e,
+		connectList: d(e)
+	};
+}
+function p(e, t) {
+	let n = e && typeof e == "object" ? e : {}, r = s(t);
+	return {
+		...r,
+		...n,
+		sealType: Array.isArray(n.sealType) ? Array.from(new Set(n.sealType.map(String))) : r.sealType
+	};
+}
+function m(e) {
+	let t = e && typeof e == "object" ? e : {}, n = t.location && typeof t.location == "object" ? t.location : {}, r = n.pageList && typeof n.pageList == "object" && !Array.isArray(n.pageList) ? Object.fromEntries(Object.entries(n.pageList).map(([e, t]) => [e, Array.isArray(t) ? t.map(Number) : []])) : {};
+	return {
+		mustSign: t.mustSign !== !1,
+		placementId: t.placementId,
+		pageId: t.pageId,
+		pageIndex: typeof t.pageIndex == "number" ? t.pageIndex : void 0,
+		location: {
+			signType: typeof n.signType == "string" ? n.signType : "signature",
+			sealType: Array.isArray(n.sealType) ? Array.from(new Set(n.sealType.map(String))) : [],
+			signTop: Number.isFinite(Number(n.signTop)) ? Number(n.signTop) : 0,
+			signLeft: Number.isFinite(Number(n.signLeft)) ? Number(n.signLeft) : 0,
+			signWidth: Number.isFinite(Number(n.signWidth)) ? Number(n.signWidth) : 142,
+			signHeight: Number.isFinite(Number(n.signHeight)) ? Number(n.signHeight) : 57,
+			pageList: r
+		}
+	};
+}
+function h(e) {
+	let t = e && typeof e == "object" ? e : f(), n = (Array.isArray(t.nodeList) ? t.nodeList : []).map((e, t) => {
+		let n = o(e), r = n.identity, i = r === "company" ? "company" : "person";
+		return n.key = typeof n.key == "string" && n.key ? n.key : a(`Node${t}`), n.name = typeof n.name == "string" ? n.name : "", n.description = n.description == null ? null : String(n.description), n.customKey = n.customKey == null ? null : String(n.customKey), n.config = n.config && typeof n.config == "object" ? n.config : {}, n.multi = n.multi === !0, n.type === "sign" && (r === void 0 && (n.identity = i), n.config.signRule = p(n.config.signRule, i), n.config.locationRules = Array.isArray(n.config.locationRules) ? n.config.locationRules.map(m) : [], n.multiCompletedCondition = n.multiCompletedCondition && typeof n.multiCompletedCondition == "object" ? {
+			type: n.multiCompletedCondition.type === "ALL_PASS" ? "ALL_PASS" : "ONE_PASS",
+			refusedType: n.multiCompletedCondition.refusedType === "ALL_PASS" ? "ALL_PASS" : "ONE_PASS",
+			value: n.multiCompletedCondition.value ?? null
+		} : {
+			type: "ONE_PASS",
+			refusedType: "ONE_PASS",
+			value: null
+		}), n;
+	}).sort((e, t) => g(e.type) - g(t.type));
+	return {
+		key: t.key == null ? null : String(t.key),
+		name: t.name == null ? null : String(t.name),
+		description: t.description == null ? null : String(t.description),
+		nodeList: n,
+		connectList: Array.isArray(t.connectList) ? o(t.connectList) : []
+	};
+}
+function g(e) {
+	return e === "start" ? 0 : e === "sign" ? 1 : e === "end" ? 3 : 2;
+}
+function _(e, t) {
+	let n = [], r = e.nodeList || [], i = r.filter((e) => e.type === "start"), a = r.filter((e) => e.type === "end"), o = r.filter((e) => e.type === "sign");
+	i.length !== 1 && n.push({
+		type: "flow",
+		code: "FLOW_START_COUNT_INVALID",
+		message: "流程必须包含一个开始节点"
+	}), a.length !== 1 && n.push({
+		type: "flow",
+		code: "FLOW_END_COUNT_INVALID",
+		message: "流程必须包含一个结束节点"
+	}), o.length || n.push({
+		type: "flow",
+		code: "FLOW_SIGN_NODE_REQUIRED",
+		message: "流程至少需要一个签署节点"
+	}), r[0]?.type !== "start" && n.push({
+		type: "flow",
+		code: "FLOW_START_NOT_FIRST",
+		message: "开始节点必须位于首位"
+	}), r.length && r[r.length - 1]?.type !== "end" && n.push({
+		type: "flow",
+		code: "FLOW_END_NOT_LAST",
+		message: "结束节点必须位于末位"
+	});
+	let s = /* @__PURE__ */ new Set(), c = /* @__PURE__ */ new Set();
+	for (let e of r) {
+		if (s.has(e.key) && n.push({
+			type: "flow",
+			code: "FLOW_NODE_KEY_DUPLICATE",
+			nodeKey: e.key,
+			message: "节点 key 不能重复"
+		}), s.add(e.key), e.type !== "start" && e.type !== "sign" && e.type !== "end" && n.push({
+			type: "node",
+			code: "FLOW_NODE_TYPE_UNSUPPORTED",
+			nodeKey: e.key,
+			message: "不支持的节点类型"
+		}), e.customKey && (c.has(e.customKey) && n.push({
+			type: "flow",
+			code: "FLOW_CUSTOM_KEY_DUPLICATE",
+			nodeKey: e.key,
+			message: "节点标识不能重复"
+		}), c.add(e.customKey)), e.type !== "sign") continue;
+		let r = e.identity;
+		e.name.trim() || n.push({
+			type: "node",
+			code: "FLOW_NODE_NAME_REQUIRED",
+			nodeKey: e.key,
+			message: "签署节点名称不能为空"
+		}), e.customKey?.trim() || n.push({
+			type: "node",
+			code: "FLOW_NODE_CUSTOM_KEY_REQUIRED",
+			nodeKey: e.key,
+			message: "签署节点标识不能为空"
+		}), r !== "person" && r !== "company" && n.push({
+			type: "node",
+			code: "FLOW_NODE_IDENTITY_INVALID",
+			nodeKey: e.key,
+			message: "签署主体必须是个人或企业"
+		});
+		let i = e.config.signRule;
+		i ? (i.mustSeal && i.cannotSeal && n.push({
+			type: "node",
+			code: "FLOW_SIGN_RULE_CONFLICT",
+			nodeKey: e.key,
+			message: "印章规则不能同时必选和禁止"
+		}), i.mustSignature && i.cannotSignature && n.push({
+			type: "node",
+			code: "FLOW_SIGN_RULE_CONFLICT",
+			nodeKey: e.key,
+			message: "签名规则不能同时必选和禁止"
+		}), i.mustSeal && !i.sealType.length && n.push({
+			type: "node",
+			code: "FLOW_SIGN_RULE_SEAL_TYPE_REQUIRED",
+			nodeKey: e.key,
+			message: "必须盖章时至少选择一种印章类型"
+		}), i.cannotSeal && i.sealType.length && n.push({
+			type: "node",
+			code: "FLOW_SIGN_RULE_SEAL_TYPE_FORBIDDEN",
+			nodeKey: e.key,
+			message: "禁止盖章时不能指定印章类型"
+		}), i.noneVerify && (i.smsVerify || i.faceVerify || i.passwordVerify) && n.push({
+			type: "node",
+			code: "FLOW_VERIFY_RULE_CONFLICT",
+			nodeKey: e.key,
+			message: "免验证不能与短信、人脸或密码验证同时启用"
+		}), r === "person" && (i.mustSeal || i.sealType.length || i.perforationSealEnable) && n.push({
+			type: "node",
+			code: "FLOW_PERSON_SEAL_FORBIDDEN",
+			nodeKey: e.key,
+			message: "个人节点不能配置印章或骑缝章"
+		})) : n.push({
+			type: "node",
+			code: "FLOW_SIGN_RULE_REQUIRED",
+			nodeKey: e.key,
+			message: "签署规则不能为空"
+		});
+		let a = e.config.locationRules || [];
+		!a.length && t?.requireLocation !== !1 && n.push({
+			type: "node",
+			code: "FLOW_LOCATION_REQUIRED",
+			nodeKey: e.key,
+			message: "请至少设置一个签署位置"
+		});
+		for (let t of a) y(n, e, t, i);
+	}
+	let l = v(r);
+	return (e.connectList.length !== l.length || e.connectList.some((e, t) => e.sourceKey !== l[t].sourceKey || e.targetKey !== l[t].targetKey)) && n.push({
+		type: "flow",
+		code: "FLOW_CONNECT_INVALID",
+		message: "流程连接必须与节点顺序一致"
+	}), n;
+}
+function v(e) {
+	return e.slice(0, -1).map((t, n) => ({
+		sourceKey: t.key,
+		targetKey: e[n + 1].key
+	}));
+}
+function y(e, t, n, i) {
+	let a = n.location, o = a?.signType, s = {
+		type: "location",
+		nodeKey: t.key,
+		placementId: n.placementId
+	};
+	(!a || !r.has(o)) && e.push({
+		...s,
+		code: "FLOW_LOCATION_TYPE_INVALID",
+		message: "签署位置类型无效"
+	}), (!a || [
+		a.signTop,
+		a.signLeft,
+		a.signWidth,
+		a.signHeight
+	].some((e) => !Number.isFinite(e) || e < 0) || a.signWidth <= 0 || a.signHeight <= 0) && e.push({
+		...s,
+		code: "FLOW_LOCATION_GEOMETRY_INVALID",
+		message: "签署位置尺寸和坐标必须是正数"
+	}), !a?.pageList || !Object.keys(a.pageList).length ? e.push({
+		...s,
+		code: "FLOW_LOCATION_PAGE_REQUIRED",
+		message: "签署位置必须包含页码"
+	}) : Object.entries(a.pageList).some(([e, t]) => !e.trim() || !Array.isArray(t) || !t.length || t.some((e) => !Number.isInteger(e) || e < 0)) && e.push({
+		...s,
+		code: "FLOW_LOCATION_PAGE_INVALID",
+		message: "文件标识不能为空，页码必须是非负整数数组（第一页为 0）"
+	}), n.pageIndex !== void 0 && (!Number.isInteger(n.pageIndex) || n.pageIndex < 0) && e.push({
+		...s,
+		code: "FLOW_LOCATION_PAGE_INDEX_INVALID",
+		message: "位置页索引必须是非负整数（第一页为 0）"
+	}), (o === "seal" || o === "acrossSeal") && !a.sealType?.length && e.push({
+		...s,
+		code: "FLOW_LOCATION_SEAL_TYPE_REQUIRED",
+		message: "印章位置必须选择印章类型"
+	}), (o === "seal" || o === "acrossSeal") && i?.sealType.length && a.sealType?.some((e) => !i.sealType.includes(e)) && e.push({
+		...s,
+		code: "FLOW_LOCATION_SEAL_TYPE_MISMATCH",
+		message: "位置使用的印章类型不在节点允许范围内"
+	}), o !== "seal" && o !== "acrossSeal" && a.sealType?.length && e.push({
+		...s,
+		code: "FLOW_LOCATION_SEAL_TYPE_FORBIDDEN",
+		message: "非印章位置不能携带印章类型"
+	}), t.identity === "person" && (o === "seal" || o === "acrossSeal") && e.push({
+		...s,
+		code: "FLOW_LOCATION_PERSON_SEAL_FORBIDDEN",
+		message: "个人节点不能配置印章位置"
+	}), o === "acrossSeal" && (t.identity !== "company" || !i?.perforationSealEnable) && e.push({
+		...s,
+		code: "FLOW_LOCATION_ACROSS_SEAL_FORBIDDEN",
+		message: "骑缝章仅企业节点且开启骑缝章规则时可用"
+	}), i && (o === "signature" && i.cannotSignature || (o === "seal" || o === "acrossSeal") && i.cannotSeal) && e.push({
+		...s,
+		code: "FLOW_LOCATION_RULE_MISMATCH",
+		message: "签署位置类型不符合当前签署规则"
+	});
+}
+function b(r) {
+	let i = t(h(r)), a = n(i.value.nodeList.find((e) => e.type === "sign")?.key || i.value.nodeList[0]?.key);
+	return {
+		value: i,
+		selectedKey: a,
+		selectedNode: e(() => i.value.nodeList.find((e) => e.key === a.value)),
+		replace: (e) => {
+			i.value = h(e);
+		},
+		addSignNode: () => {
+			let e = new Set(i.value.nodeList.map((e) => e.customKey).filter(Boolean)), t = i.value.nodeList.filter((e) => e.type === "sign").length + 1;
+			for (; e.has(`signer_${t}`);) t += 1;
+			let n = u(t);
+			return i.value.nodeList.splice(Math.max(0, i.value.nodeList.length - 1), 0, n), i.value.connectList = d(i.value.nodeList), a.value = n.key, n;
+		},
+		removeSignNode: (e) => {
+			let t = i.value.nodeList.findIndex((t) => t.key === e && t.type === "sign");
+			t < 0 || (i.value.nodeList.splice(t, 1), i.value.connectList = d(i.value.nodeList), a.value === e && (a.value = i.value.nodeList.find((e) => e.type === "sign")?.key || i.value.nodeList[0]?.key));
+		},
+		moveSignNode: (e, t) => {
+			let n = i.value.nodeList.findIndex((t) => t.key === e && t.type === "sign"), r = n + t;
+			if (n < 1 || r < 1 || r >= i.value.nodeList.length - 1) return;
+			let [a] = i.value.nodeList.splice(n, 1);
+			i.value.nodeList.splice(r, 0, a), i.value.connectList = d(i.value.nodeList);
+		},
+		setNodeLocationRules: (e, t) => {
+			let n = i.value.nodeList.find((t) => t.key === e);
+			!n || n.type !== "sign" || (n.config.locationRules = o(t));
+		},
+		validate: (e) => _(i.value, e)
+	};
+}
+//#endregion
+export { d as buildConnectList, s as createDefaultSignRule, l as createEndNode, a as createId, f as createInitialFlow, u as createSignNode, c as createStartNode, h as normalizeContractSigningFlow, p as normalizeSignRule, b as useContractSigningFlow, _ as validateContractSigningFlow };

package/dist/es/components/pro-contract-signing-flow/src/constants.mjs

@@ -0,0 +1,48 @@
+//#region src/components/pro-contract-signing-flow/src/constants.ts
+var e = [
+	{
+		value: "signature",
+		label: "签名"
+	},
+	{
+		value: "seal",
+		label: "印章"
+	},
+	{
+		value: "acrossSeal",
+		label: "骑缝章"
+	},
+	{
+		value: "time",
+		label: "签署时间"
+	}
+], t = [
+	{
+		value: "01",
+		label: "单位专用章"
+	},
+	{
+		value: "02",
+		label: "财务专用章"
+	},
+	{
+		value: "03",
+		label: "发票专用章"
+	},
+	{
+		value: "04",
+		label: "合同专用章"
+	},
+	{
+		value: "05",
+		label: "法定代表人名章"
+	}
+], n = [{
+	value: "person",
+	label: "个人"
+}, {
+	value: "company",
+	label: "企业"
+}], r = Object.fromEntries(e.map((e) => [e.value, e.label]));
+//#endregion
+export { r as CONTRACT_SIGNING_FLOW_ACTION_LABELS, n as CONTRACT_SIGNING_FLOW_IDENTITY_OPTIONS, t as CONTRACT_SIGNING_FLOW_SEAL_TYPES, e as CONTRACT_SIGNING_FLOW_SIGN_ACTIONS };

package/dist/es/components/pro-contract-signing-flow/style/index.css

@@ -0,0 +1 @@
+:root{--gdant-primary-50:var(--primary-50,#f4f9ff);--gdant-primary-100:var(--primary-100,#e9f1f6);--gdant-primary-200:var(--primary-200,#bcd7ff);--gdant-primary-300:var(--primary-300,#7fb0ff);--gdant-primary-400:var(--primary-400,#3b87ff);--gdant-primary-500:var(--primary-500,#1161ff);--gdant-primary-600:var(--primary-600,#0d4ed1);--gdant-primary-700:var(--primary-700,#0a3da5);--gdant-primary-800:var(--primary-800,#082c79);--gdant-primary-900:var(--primary-900,#05204d);--gdant-neutral-0:var(--neutral-0,#fff);--gdant-neutral-50:var(--neutral-50,#fafbfc);--gdant-neutral-100:var(--neutral-100,#f5f6f8);--gdant-neutral-200:var(--neutral-200,#eaecef);--gdant-neutral-300:var(--neutral-300,#d9dce0);--gdant-neutral-400:var(--neutral-400,#aab0b7);--gdant-neutral-500:var(--neutral-500,#7a818b);--gdant-neutral-600:var(--neutral-600,#565b66);--gdant-neutral-700:var(--neutral-700,#383d47);--gdant-neutral-800:var(--neutral-800,#262a33);--gdant-neutral-900:var(--neutral-900,#0f131a);--gdant-success-50:var(--success-50,#e8f9ed);--gdant-success-500:var(--success-500,#00b42a);--gdant-success-600:var(--success-600,#009023);--gdant-warning-50:var(--warning-50,#fff3e8);--gdant-warning-100:var(--warning-100,#ffe4cc);--gdant-warning-500:var(--warning-500,#f58634);--gdant-warning-600:var(--warning-600,#d96c1c);--gdant-warning-700:var(--warning-700,#b35316);--gdant-error-50:var(--error-50,#fde9e9);--gdant-error-100:var(--error-100,#fcd4d4);--gdant-error-300:var(--error-300,#f47070);--gdant-error-500:var(--error-500,#ee3939);--gdant-error-600:var(--error-600,#c92626);--gdant-error-700:var(--error-700,#a31c1c);--gdant-radius-xs:var(--radius-xs,2px);--gdant-radius-sm:var(--radius-sm,4px);--gdant-radius-md:var(--radius-md,6px);--gdant-radius-lg:var(--radius-lg,8px);--gdant-radius-xl:var(--radius-xl,12px);--gdant-radius-pill:var(--radius-pill,9999px);--gdant-shadow-raised:var(--shadow-raised,0 1px 2px #0f172a0a, 0 1px 4px #0f172a0f);--gdant-shadow-overlay:var(--shadow-overlay,0 4px 12px #0f172a14, 0 2px 6px #0f172a0a);--gdant-shadow-modal:var(--shadow-modal,0 16px 48px #0f172a29, 0 4px 12px #0f172a14);--gdant-spacing-xs:var(--spacing-xs,4px);--gdant-spacing-sm:var(--spacing-sm,8px);--gdant-spacing-md:var(--spacing-md,12px);--gdant-spacing-base:var(--spacing-base,16px);--gdant-spacing-lg:var(--spacing-lg,20px);--gdant-spacing-xl:var(--spacing-xl,24px);--gdant-text-body:var(--text-body,14px);--gdant-text-body-sm:var(--text-body-sm,12px);--gdant-text-h3:var(--text-h3,16px);--gdant-font-medium:var(--font-medium,500);--gdant-font-semibold:var(--font-semibold,600);--gdant-duration-normal:var(--duration-normal,.2s);--gdant-duration-slow:var(--duration-slow,.3s);--gdant-easing-default:var(--easing-default,cubic-bezier(.2, 0, 0, 1));--gdant-overlay-bg:#ffffffb8;--gdant-z-overlay:var(--z-overlay,1040);--gdant-z-modal:var(--z-modal,1050)}.gd-contract-signing-flow{box-sizing:border-box;border:1px solid var(--gdant-neutral-300);border-radius:var(--gdant-radius-lg);background:var(--gdant-neutral-100);width:100%;min-width:0;min-height:560px;color:var(--gdant-neutral-800);font-family:var(--gdant-font-family);font-size:14px;overflow:hidden;container-type:inline-size}.gd-contract-signing-flow__layout{grid-template-columns:minmax(0,1fr) 336px;width:100%;height:100%;min-height:0;display:grid}.gd-contract-signing-flow__canvas-panel{flex-direction:column;min-width:0;min-height:0;display:flex;overflow:hidden}.gd-contract-signing-flow__canvas-header,.gd-contract-signing-flow__inspector-header{border-bottom:1px solid var(--gdant-neutral-200);background:var(--gdant-neutral-0);justify-content:space-between;align-items:center;gap:12px;min-height:64px;padding:12px 16px;display:flex}.gd-contract-signing-flow__canvas-actions{flex-shrink:0;align-items:center;gap:8px;display:flex}.gd-contract-signing-flow__canvas-header h2,.gd-contract-signing-flow__inspector-header h2{color:var(--gdant-neutral-800);margin:0;font-size:16px;line-height:1.4}.gd-contract-signing-flow__canvas-header p,.gd-contract-signing-flow__inspector-header p{color:var(--gdant-neutral-500);margin:3px 0 0;font-size:12px}.gd-contract-signing-flow__canvas-scroll{background-color:var(--gdant-neutral-50);background-image:radial-gradient(var(--gdant-neutral-300) .7px, transparent .7px);background-size:18px 18px;flex:1;min-height:0;overflow:auto}.gd-contract-signing-flow__canvas{flex-direction:column;align-items:center;min-width:300px;min-height:100%;padding:28px 20px 36px;display:flex}.gd-contract-signing-flow__step{flex-direction:column;align-items:center;display:flex}.gd-contract-signing-flow__node{border:1px solid var(--gdant-neutral-200);border-radius:var(--gdant-radius-md);background:var(--gdant-neutral-0);width:min(520px,100cqw - 420px);min-width:280px;min-height:64px;box-shadow:var(--gdant-shadow-raised);cursor:pointer;transition:border-color var(--gdant-duration-fast), box-shadow var(--gdant-duration-fast);grid-template-columns:32px minmax(0,1fr) auto;align-items:center;gap:10px;padding:10px 12px;display:grid;position:relative}.gd-contract-signing-flow__node:hover{border-color:var(--gdant-primary-300)}.gd-contract-signing-flow__node.is-selected{border-color:var(--gdant-primary-500);box-shadow:0 0 0 2px color-mix(in srgb, var(--gdant-primary-500) 12%, transparent), var(--gdant-shadow-raised)}.gd-contract-signing-flow__node.is-unknown{border-color:var(--gdant-warning-400)}.gd-contract-signing-flow__node-icon{border-radius:var(--gdant-radius-md);background:var(--gdant-primary-50);width:32px;height:32px;color:var(--gdant-primary-600);justify-content:center;align-items:center;font-size:15px;display:flex}.gd-contract-signing-flow__node-icon.is-start{background:var(--gdant-success-50);color:var(--gdant-success-600)}.gd-contract-signing-flow__node-icon.is-end{background:var(--gdant-neutral-100);color:var(--gdant-neutral-600)}.gd-contract-signing-flow__node-body{min-width:0}.gd-contract-signing-flow__node-title-row{align-items:center;gap:7px;min-width:0;display:flex}.gd-contract-signing-flow__node-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:13px;overflow:hidden}.gd-contract-signing-flow__node-title-row .ant-tag{flex:none;margin-inline-end:0;line-height:18px}.gd-contract-signing-flow__node-meta{color:var(--gdant-neutral-500);white-space:nowrap;gap:10px;margin-top:5px;font-size:11px;display:flex;overflow:hidden}.gd-contract-signing-flow__node-meta span{text-overflow:ellipsis;align-items:center;gap:3px;min-width:0;display:inline-flex;overflow:hidden}.gd-contract-signing-flow__node-description{color:var(--gdant-neutral-500);text-overflow:ellipsis;white-space:nowrap;margin:4px 0 0;font-size:11px;overflow:hidden}.gd-contract-signing-flow__node-actions{align-items:center;gap:0;display:flex}.gd-contract-signing-flow__node-actions .ant-btn{width:26px;height:26px;padding:0}.gd-contract-signing-flow__connector{width:24px;height:34px;position:relative}.gd-contract-signing-flow__connector span{background:var(--gdant-neutral-400);width:1px;height:24px;position:absolute;top:0;left:50%}.gd-contract-signing-flow__connector i{border-right:1px solid var(--gdant-neutral-500);border-bottom:1px solid var(--gdant-neutral-500);width:8px;height:8px;position:absolute;bottom:3px;left:calc(50% - 4px);transform:rotate(45deg)}.gd-contract-signing-flow__add-node{margin-top:14px}.gd-contract-signing-flow__inspector{border-left:1px solid var(--gdant-neutral-200);background:var(--gdant-neutral-0);flex-direction:column;min-width:0;min-height:0;display:flex}.gd-contract-signing-flow__inspector-header .ant-tag{margin-inline-end:0}.gd-contract-signing-flow__inspector-scroll{min-height:0;overflow:auto}.gd-contract-signing-flow__form-section{border-bottom:1px solid var(--gdant-neutral-200);padding:14px 16px}.gd-contract-signing-flow__form-section.is-collapsed .gd-contract-signing-flow__section-heading{margin-bottom:0}.gd-contract-signing-flow__form-section.is-placement{background:var(--gdant-neutral-50)}.gd-contract-signing-flow__section-heading{justify-content:space-between;align-items:center;gap:8px;min-height:24px;margin-bottom:11px;display:flex}.gd-contract-signing-flow__section-heading.is-toggle{cursor:pointer;text-align:left;width:100%;font:inherit;color:inherit;background:0 0;border:0;padding:0}.gd-contract-signing-flow__section-heading-meta{color:var(--gdant-neutral-500);align-items:center;gap:6px;font-size:12px;display:inline-flex}.gd-contract-signing-flow__section-heading-meta .anticon{color:var(--gdant-neutral-500);transition:transform var(--gdant-duration-fast);font-size:12px}.gd-contract-signing-flow__section-heading h3{margin:0;font-size:13px}.gd-contract-signing-flow__section-heading p{color:var(--gdant-neutral-500);margin:3px 0 0;font-size:11px}.gd-contract-signing-flow__section-heading .ant-tag{margin-inline-end:0}.gd-contract-signing-flow__form .ant-form-item{margin-bottom:10px}.gd-contract-signing-flow__form .ant-form-item:last-child{margin-bottom:0}.gd-contract-signing-flow__form .ant-form-item-label,.gd-contract-signing-flow__rule-grid .ant-form-item-label,.gd-contract-signing-flow__inline-form-item .ant-form-item-label{padding-bottom:4px}.gd-contract-signing-flow__form .ant-form-item-label>label,.gd-contract-signing-flow__rule-grid .ant-form-item-label>label,.gd-contract-signing-flow__inline-form-item .ant-form-item-label>label{color:var(--gdant-neutral-600);font-size:12px}.gd-contract-signing-flow__form .ant-input,.gd-contract-signing-flow__form .ant-input-affix-wrapper,.gd-contract-signing-flow__form .ant-select-selector,.gd-contract-signing-flow__rule-grid .ant-select-selector,.gd-contract-signing-flow__inline-form-item .ant-select-selector{border-radius:var(--gdant-radius-md)}.gd-contract-signing-flow__setting-list{gap:10px;margin-top:13px;display:grid}.gd-contract-signing-flow__setting-list.is-compact{gap:0;margin-top:0}.gd-contract-signing-flow__setting-row{min-height:30px;color:var(--gdant-neutral-700);justify-content:space-between;align-items:center;gap:10px;font-size:12px;display:flex}.gd-contract-signing-flow__setting-row>div{gap:2px;display:grid}.gd-contract-signing-flow__setting-row strong{font-size:12px;font-weight:600}.gd-contract-signing-flow__setting-row span{color:var(--gdant-neutral-700)}.gd-contract-signing-flow__setting-row div span{color:var(--gdant-neutral-500);font-size:11px}.gd-contract-signing-flow__setting-list.is-compact .gd-contract-signing-flow__setting-row{border-bottom:1px solid var(--gdant-neutral-100);min-height:32px}.gd-contract-signing-flow__setting-list.is-compact .gd-contract-signing-flow__setting-row:last-child{border-bottom:0}.gd-contract-signing-flow__rule-grid{grid-template-columns:1fr 1fr;gap:8px;display:grid}.gd-contract-signing-flow__rule-grid .ant-form-item{margin-bottom:0}.gd-contract-signing-flow__inline-form-item{margin:0}.gd-contract-signing-flow__inline-form-item .ant-form-item-control-input{min-height:32px}.gd-contract-signing-flow__field-label{color:var(--gdant-neutral-600);margin:13px 0 7px;font-size:12px;display:block}.gd-contract-signing-flow__seal-list{grid-template-columns:1fr 1fr;gap:7px 12px;display:grid}.gd-contract-signing-flow__seal-list .ant-checkbox-wrapper{color:var(--gdant-neutral-600);font-size:11px}.gd-contract-signing-flow__node-overview{text-align:center;place-items:center;gap:8px;min-height:260px;padding:28px;display:grid}.gd-contract-signing-flow__node-overview-icon{background:var(--gdant-primary-50);width:42px;height:42px;color:var(--gdant-primary-600);border-radius:50%;place-items:center;font-weight:700;display:grid}.gd-contract-signing-flow__node-overview h3{margin:0;font-size:15px}.gd-contract-signing-flow__node-overview p{max-width:220px;color:var(--gdant-neutral-500);margin:0;font-size:12px;line-height:1.6}.gd-contract-signing-flow__node-overview .ant-tag{margin:0}.gd-contract-signing-flow__empty-inspector{flex:1;min-height:260px}.gd-contract-signing-flow.is-disabled{filter:saturate(.75)}@container (width<=820px){.gd-contract-signing-flow__layout{grid-template-rows:minmax(420px,1fr) auto;grid-template-columns:1fr;overflow:auto}.gd-contract-signing-flow__inspector{border-top:1px solid var(--gdant-neutral-200);border-left:0;max-height:none}.gd-contract-signing-flow__node{width:min(520px,100cqw - 40px)}}@container (width<=460px){.gd-contract-signing-flow__canvas-header,.gd-contract-signing-flow__inspector-header{padding:10px 12px}.gd-contract-signing-flow__canvas-header .ant-btn{padding-inline:9px}.gd-contract-signing-flow__canvas-actions{flex-wrap:nowrap}.gd-contract-signing-flow__canvas{min-width:0;padding-inline:12px}.gd-contract-signing-flow__node{grid-template-columns:30px minmax(0,1fr) auto;width:calc(100cqw - 24px);min-width:0;padding-inline:9px}.gd-contract-signing-flow__node-icon{width:30px;height:30px}.gd-contract-signing-flow__node-meta{gap:7px}.gd-contract-signing-flow__node-meta span:nth-child(3){display:none}.gd-contract-signing-flow__node-actions .ant-btn{width:23px}.gd-contract-signing-flow__form-section{padding-inline:12px}}@media (prefers-reduced-motion:reduce){.gd-contract-signing-flow *{transition:none!important}}

package/dist/es/components/pro-contract-signing-flow/style/index.mjs

@@ -0,0 +1 @@
+/* empty css            */

package/dist/es/components/pro-contract-template-designer/index.mjs

@@ -1,5 +1,10 @@
 import { withInstall as e } from "../utils/install.mjs";
+import "../contract-signing-location/src/constants.mjs";
 import "./src/constants.mjs";
+import "./src/utils/image-url.mjs";
+import "./src/utils/content-image.mjs";
+import "./src/types.mjs";
+import "./src/utils/signing-placement.mjs";
 import "./src/composables/use-template-designer.mjs";
 import "./src/composables/use-template-draft-cache.mjs";
 import t from "./src/ProContractTemplateDesigner.mjs";

package/dist/es/components/pro-contract-template-designer/src/ContractTemplatePreviewPage.mjs

@@ -0,0 +1,5 @@
+import e from "./ContractTemplatePreviewPage.vue.mjs";
+//#region src/components/pro-contract-template-designer/src/ContractTemplatePreviewPage.vue
+var t = e;
+//#endregion
+export { t as default };

package/dist/es/components/pro-contract-template-designer/src/ContractTemplatePreviewPage.vue.mjs

@@ -0,0 +1,43 @@
+import { resolvePageSize as e } from "./composables/use-template-designer.mjs";
+import t from "./ContractTemplatePreviewSigningLayer.mjs";
+import { computed as n, createElementBlock as r, createElementVNode as i, createVNode as a, defineComponent as o, normalizeStyle as s, openBlock as c } from "vue";
+//#region src/components/pro-contract-template-designer/src/ContractTemplatePreviewPage.vue?vue&type=script&setup=true&lang.ts
+var l = { class: "gd-contract-template-designer__preview-page-shell" }, u = [
+	"data-page-id",
+	"data-page-format",
+	"data-page-label",
+	"data-page-width",
+	"data-page-height"
+], d = ["innerHTML"], f = /* @__PURE__ */ o({
+	name: "ContractTemplatePreviewPage",
+	__name: "ContractTemplatePreviewPage",
+	props: {
+		page: {},
+		fallbackPageSize: {},
+		contentHtml: {},
+		signingPlacements: {}
+	},
+	setup(o) {
+		let f = o, p = n(() => e(f.page.pageSize, f.fallbackPageSize)), m = n(() => ({
+			width: `${p.value.width}px`,
+			height: `${p.value.height}px`
+		}));
+		return (e, n) => (c(), r("article", l, [i("section", {
+			class: "gd-contract-template-page gd-contract-template-designer__preview-page",
+			"data-page-id": o.page.id,
+			"data-page-format": p.value.format ?? "Custom",
+			"data-page-label": p.value.label ?? p.value.format ?? "自定义",
+			"data-page-width": p.value.width,
+			"data-page-height": p.value.height,
+			style: s(m.value)
+		}, [i("div", {
+			class: "gd-contract-template-designer__preview-page-content",
+			innerHTML: o.contentHtml
+		}, null, 8, d), a(t, {
+			"page-size": p.value,
+			placements: o.signingPlacements
+		}, null, 8, ["page-size", "placements"])], 12, u)]));
+	}
+});
+//#endregion
+export { f as default };

package/dist/es/components/pro-contract-template-designer/src/ContractTemplatePreviewSigningLayer.mjs

@@ -0,0 +1,5 @@
+import e from "./ContractTemplatePreviewSigningLayer.vue.mjs";
+//#region src/components/pro-contract-template-designer/src/ContractTemplatePreviewSigningLayer.vue
+var t = e;
+//#endregion
+export { t as default };

package/dist/es/components/pro-contract-template-designer/src/ContractTemplatePreviewSigningLayer.vue.mjs

@@ -0,0 +1,42 @@
+import { SIGNING_PLACEMENT_TYPE_LABELS as e } from "./utils/signing-placement.mjs";
+import { Fragment as t, computed as n, createElementBlock as r, createElementVNode as i, createTextVNode as a, defineComponent as o, normalizeClass as s, normalizeStyle as c, openBlock as l, renderList as u, toDisplayString as d, unref as f } from "vue";
+//#region src/components/pro-contract-template-designer/src/ContractTemplatePreviewSigningLayer.vue?vue&type=script&setup=true&lang.ts
+var p = ["data-signing-placement-id", "aria-label"], m = { class: "gd-contract-template-designer__preview-signing-placement-add" }, h = /* @__PURE__ */ o({
+	name: "ContractTemplatePreviewSigningLayer",
+	__name: "ContractTemplatePreviewSigningLayer",
+	props: {
+		pageSize: {},
+		placements: {}
+	},
+	setup(o) {
+		let h = o, g = n(() => h.placements.map((t) => ({
+			placement: t,
+			ariaLabel: e[t.type]
+		})));
+		function _(e) {
+			return {
+				left: `${e.x}px`,
+				top: `${e.y}px`,
+				width: `${e.width}px`,
+				height: `${e.height}px`
+			};
+		}
+		return (n, h) => (l(), r("div", {
+			class: "gd-contract-template-designer__preview-signing-layer",
+			style: c({
+				width: `${o.pageSize.width}px`,
+				height: `${o.pageSize.height}px`
+			}),
+			"aria-label": "待签署位置"
+		}, [(l(!0), r(t, null, u(g.value, (t) => (l(), r("div", {
+			key: t.placement.id,
+			class: s(["gd-contract-template-designer__preview-signing-placement", `is-${t.placement.type}`]),
+			style: c(_(t.placement)),
+			"data-signing-placement-id": t.placement.id,
+			"aria-label": t.ariaLabel,
+			role: "img"
+		}, [i("div", m, [a(d(f(e)[t.placement.type]) + " ", 1), h[0] ||= i("small", null, "待签署", -1)])], 14, p))), 128))], 4));
+	}
+});
+//#endregion
+export { h as default };