@guodun/antdv 1.3.0 → 1.3.1

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

@@ -1,9 +1,9 @@
 import e from "./ContractSigningFlowCanvas.mjs";
 import t from "./ContractSigningFlowInspector.mjs";
 import { normalizeContractSigningFlow as n, useContractSigningFlow as r } from "./composables/use-contract-signing-flow.mjs";
-import { computed as i, createElementBlock as a, createElementVNode as o, createVNode as s, defineComponent as c, normalizeClass as l, normalizeStyle as u, openBlock as d, unref as f, watch as p } from "vue";
+import { computed as i, createElementBlock as a, createElementVNode as o, createVNode as s, defineComponent as c, guardReactiveProps as l, normalizeClass as u, normalizeProps as d, normalizeStyle as f, openBlock as p, renderSlot as m, unref as h, watch as g, withCtx as _ } from "vue";
 //#region src/components/pro-contract-signing-flow/src/ProContractSigningFlow.vue?vue&type=script&setup=true&lang.ts
-var m = { class: "gd-contract-signing-flow__layout" }, h = /* @__PURE__ */ c({
+var v = { class: "gd-contract-signing-flow__layout" }, y = /* @__PURE__ */ c({
 	name: "ProContractSigningFlow",
 	__name: "ProContractSigningFlow",
 	props: {
@@ -16,7 +16,11 @@ var m = { class: "gd-contract-signing-flow__layout" }, h = /* @__PURE__ */ c({
 			type: Boolean,
 			default: !1
 		},
-		height: { default: 720 }
+		height: { default: 720 },
+		requireSigningLocation: {
+			type: Boolean,
+			default: !0
+		}
 	},
 	emits: [
 		"update:modelValue",
@@ -29,115 +33,120 @@ var m = { class: "gd-contract-signing-flow__layout" }, h = /* @__PURE__ */ c({
 		"node-select",
 		"placement-request"
 	],
-	setup(c, { expose: h, emit: g }) {
-		let _ = c, v = g, y = r(_.modelValue), b = i(() => ({ height: typeof _.height == "number" ? `${_.height}px` : _.height }));
-		function x(e) {
+	setup(c, { expose: y, emit: b }) {
+		let x = c, S = b, C = r(x.modelValue), w = i(() => ({ height: typeof x.height == "number" ? `${x.height}px` : x.height }));
+		function T(e) {
 			return JSON.parse(JSON.stringify(e));
 		}
-		function S() {
-			y.value.value.nodeList.some((e) => e.key === y.selectedKey.value) || (y.selectedKey.value = y.value.value.nodeList.find((e) => e.type === "sign")?.key || y.value.value.nodeList[0]?.key);
+		function E() {
+			C.value.value.nodeList.some((e) => e.key === C.selectedKey.value) || (C.selectedKey.value = C.value.value.nodeList.find((e) => e.type === "sign")?.key || C.value.value.nodeList[0]?.key);
 		}
-		p(() => _.modelValue, (e) => {
-			y.replace(e), S();
+		g(() => x.modelValue, (e) => {
+			C.replace(e), E();
 		}, { deep: !0 });
-		function C() {
-			return n(y.value.value);
+		function D() {
+			return n(C.value.value);
 		}
-		function w() {
-			let e = C();
-			v("update:modelValue", e), v("change", e);
+		function O() {
+			let e = D();
+			S("update:modelValue", e), S("change", e);
 		}
-		function T(e) {
-			_.disabled || (y.selectedKey.value = e?.key, v("node-select", e ? x(e) : void 0));
+		function k(e) {
+			x.disabled || (C.selectedKey.value = e?.key, S("node-select", e ? T(e) : void 0));
 		}
-		function E() {
-			if (_.readonly || _.disabled) return x(y.value.value.nodeList.find((e) => e.type === "sign"));
-			let e = y.addSignNode();
-			return w(), v("node-add", x(e)), v("node-select", x(e)), x(e);
+		function A() {
+			if (x.readonly || x.disabled) return T(C.value.value.nodeList.find((e) => e.type === "sign"));
+			let e = C.addSignNode();
+			return O(), S("node-add", T(e)), S("node-select", T(e)), T(e);
 		}
-		function D(e) {
-			_.readonly || _.disabled || (y.removeSignNode(e), w(), v("node-remove", e), v("node-select", y.selectedNode.value ? x(y.selectedNode.value) : void 0));
+		function j(e) {
+			x.readonly || x.disabled || (C.removeSignNode(e), O(), S("node-remove", e), S("node-select", C.selectedNode.value ? T(C.selectedNode.value) : void 0));
 		}
-		function O(e, t) {
-			_.readonly || _.disabled || (y.moveSignNode(e, t), w(), v("node-move", e, t));
+		function M(e, t) {
+			x.readonly || x.disabled || (C.moveSignNode(e, t), O(), S("node-move", e, t));
 		}
-		function k(e) {
-			if (_.readonly || _.disabled) return;
-			let t = y.value.value.nodeList.findIndex((t) => t.key === e.key);
-			t < 0 || (y.value.value.nodeList[t] = n({
+		function N(e) {
+			if (x.readonly || x.disabled) return;
+			let t = C.value.value.nodeList.findIndex((t) => t.key === e.key);
+			t < 0 || (C.value.value.nodeList[t] = n({
 				key: null,
 				name: null,
 				description: null,
 				nodeList: [e],
 				connectList: []
-			}).nodeList[0], w(), v("node-change", x(y.value.value.nodeList[t])));
+			}).nodeList[0], O(), S("node-change", T(C.value.value.nodeList[t])));
 		}
-		function A(e, t) {
-			O(e.key, t);
+		function P(e, t) {
+			M(e.key, t);
 		}
-		function j() {
-			let e = y.selectedNode.value;
-			!e || e.type !== "sign" || _.disabled || v("placement-request", {
-				node: x(e),
-				locationRules: x(e.config.locationRules || [])
+		function F() {
+			let e = C.selectedNode.value;
+			!e || e.type !== "sign" || x.disabled || S("placement-request", {
+				node: T(e),
+				locationRules: T(e.config.locationRules || [])
 			});
 		}
-		function M(e, t) {
-			if (_.readonly || _.disabled) return;
-			y.setNodeLocationRules(e, t), w();
-			let n = y.value.value.nodeList.find((t) => t.key === e);
-			n && v("node-change", x(n));
+		function I(e, t) {
+			if (x.readonly || x.disabled) return;
+			C.setNodeLocationRules(e, t), O();
+			let n = C.value.value.nodeList.find((t) => t.key === e);
+			n && S("node-change", T(n));
 		}
-		function N() {
-			return C();
+		function L() {
+			return D();
 		}
-		function P(e) {
-			y.replace(e), S(), w();
+		function R(e) {
+			C.replace(e), E(), O();
 		}
-		function F() {
-			let e = y.validate();
-			return v("validate", e), e;
-		}
-		return h({
-			getValue: N,
-			setValue: P,
-			validate: F,
-			addSignNode: E,
-			removeSignNode: D,
-			moveSignNode: O,
-			setNodeLocationRules: M
-		}), (n, r) => (d(), a("div", {
-			class: l(["gd-contract-signing-flow", {
+		function z() {
+			let e = C.validate({ requireLocation: x.requireSigningLocation });
+			return S("validate", e), e;
+		}
+		return y({
+			getValue: L,
+			setValue: R,
+			validate: z,
+			addSignNode: A,
+			removeSignNode: j,
+			moveSignNode: M,
+			setNodeLocationRules: I
+		}), (n, r) => (p(), a("div", {
+			class: u(["gd-contract-signing-flow", {
 				"is-readonly": c.readonly,
 				"is-disabled": c.disabled
 			}]),
-			style: u(b.value)
-		}, [o("div", m, [s(e, {
-			nodes: f(y).value.value.nodeList,
-			"selected-key": f(y).selectedKey.value,
+			style: f(w.value)
+		}, [o("div", v, [s(e, {
+			nodes: h(C).value.value.nodeList,
+			"selected-key": h(C).selectedKey.value,
 			readonly: c.readonly,
 			disabled: c.disabled,
-			onSelect: T,
-			onAdd: E,
-			onRemove: r[0] ||= (e) => D(e.key),
-			onMove: A
-		}, null, 8, [
+			onSelect: k,
+			onAdd: A,
+			onRemove: r[0] ||= (e) => j(e.key),
+			onMove: P
+		}, {
+			headerExtra: _((e) => [m(n.$slots, "headerExtra", d(l(e)))]),
+			_: 3
+		}, 8, [
 			"nodes",
 			"selected-key",
 			"readonly",
 			"disabled"
 		]), s(t, {
-			node: f(y).selectedNode.value,
+			node: h(C).selectedNode.value,
 			readonly: c.readonly,
 			disabled: c.disabled,
-			onChange: k,
-			onPlacementRequest: j
+			"show-placement": c.requireSigningLocation,
+			onChange: N,
+			onPlacementRequest: F
 		}, null, 8, [
 			"node",
 			"readonly",
-			"disabled"
+			"disabled",
+			"show-placement"
 		])])], 6));
 	}
 });
 //#endregion
-export { h as default };
+export { y as default };

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

@@ -155,116 +155,116 @@ function h(e) {
 function g(e) {
 	return e === "start" ? 0 : e === "sign" ? 1 : e === "end" ? 3 : 2;
 }
-function _(e) {
-	let t = [], n = e.nodeList || [], r = n.filter((e) => e.type === "start"), i = n.filter((e) => e.type === "end"), a = n.filter((e) => e.type === "sign");
-	r.length !== 1 && t.push({
+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: "流程必须包含一个开始节点"
-	}), i.length !== 1 && t.push({
+	}), a.length !== 1 && n.push({
 		type: "flow",
 		code: "FLOW_END_COUNT_INVALID",
 		message: "流程必须包含一个结束节点"
-	}), a.length || t.push({
+	}), o.length || n.push({
 		type: "flow",
 		code: "FLOW_SIGN_NODE_REQUIRED",
 		message: "流程至少需要一个签署节点"
-	}), n[0]?.type !== "start" && t.push({
+	}), r[0]?.type !== "start" && n.push({
 		type: "flow",
 		code: "FLOW_START_NOT_FIRST",
 		message: "开始节点必须位于首位"
-	}), n.length && n[n.length - 1]?.type !== "end" && t.push({
+	}), r.length && r[r.length - 1]?.type !== "end" && n.push({
 		type: "flow",
 		code: "FLOW_END_NOT_LAST",
 		message: "结束节点必须位于末位"
 	});
-	let o = /* @__PURE__ */ new Set(), s = /* @__PURE__ */ new Set();
-	for (let e of n) {
-		if (o.has(e.key) && t.push({
+	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 不能重复"
-		}), o.add(e.key), e.type !== "start" && e.type !== "sign" && e.type !== "end" && t.push({
+		}), 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 && (s.has(e.customKey) && t.push({
+		}), e.customKey && (c.has(e.customKey) && n.push({
 			type: "flow",
 			code: "FLOW_CUSTOM_KEY_DUPLICATE",
 			nodeKey: e.key,
 			message: "节点标识不能重复"
-		}), s.add(e.customKey)), e.type !== "sign") continue;
-		let n = e.identity;
-		e.name.trim() || t.push({
+		}), 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() || t.push({
+		}), e.customKey?.trim() || n.push({
 			type: "node",
 			code: "FLOW_NODE_CUSTOM_KEY_REQUIRED",
 			nodeKey: e.key,
 			message: "签署节点标识不能为空"
-		}), n !== "person" && n !== "company" && t.push({
+		}), r !== "person" && r !== "company" && n.push({
 			type: "node",
 			code: "FLOW_NODE_IDENTITY_INVALID",
 			nodeKey: e.key,
 			message: "签署主体必须是个人或企业"
 		});
-		let r = e.config.signRule;
-		r ? (r.mustSeal && r.cannotSeal && t.push({
+		let i = e.config.signRule;
+		i ? (i.mustSeal && i.cannotSeal && n.push({
 			type: "node",
 			code: "FLOW_SIGN_RULE_CONFLICT",
 			nodeKey: e.key,
 			message: "印章规则不能同时必选和禁止"
-		}), r.mustSignature && r.cannotSignature && t.push({
+		}), i.mustSignature && i.cannotSignature && n.push({
 			type: "node",
 			code: "FLOW_SIGN_RULE_CONFLICT",
 			nodeKey: e.key,
 			message: "签名规则不能同时必选和禁止"
-		}), r.mustSeal && !r.sealType.length && t.push({
+		}), i.mustSeal && !i.sealType.length && n.push({
 			type: "node",
 			code: "FLOW_SIGN_RULE_SEAL_TYPE_REQUIRED",
 			nodeKey: e.key,
 			message: "必须盖章时至少选择一种印章类型"
-		}), r.cannotSeal && r.sealType.length && t.push({
+		}), i.cannotSeal && i.sealType.length && n.push({
 			type: "node",
 			code: "FLOW_SIGN_RULE_SEAL_TYPE_FORBIDDEN",
 			nodeKey: e.key,
 			message: "禁止盖章时不能指定印章类型"
-		}), r.noneVerify && (r.smsVerify || r.faceVerify || r.passwordVerify) && t.push({
+		}), i.noneVerify && (i.smsVerify || i.faceVerify || i.passwordVerify) && n.push({
 			type: "node",
 			code: "FLOW_VERIFY_RULE_CONFLICT",
 			nodeKey: e.key,
 			message: "免验证不能与短信、人脸或密码验证同时启用"
-		}), n === "person" && (r.mustSeal || r.sealType.length || r.perforationSealEnable) && t.push({
+		}), r === "person" && (i.mustSeal || i.sealType.length || i.perforationSealEnable) && n.push({
 			type: "node",
 			code: "FLOW_PERSON_SEAL_FORBIDDEN",
 			nodeKey: e.key,
 			message: "个人节点不能配置印章或骑缝章"
-		})) : t.push({
+		})) : n.push({
 			type: "node",
 			code: "FLOW_SIGN_RULE_REQUIRED",
 			nodeKey: e.key,
 			message: "签署规则不能为空"
 		});
-		let i = e.config.locationRules || [];
-		i.length || t.push({
+		let a = e.config.locationRules || [];
+		!a.length && t?.requireLocation !== !1 && n.push({
 			type: "node",
 			code: "FLOW_LOCATION_REQUIRED",
 			nodeKey: e.key,
 			message: "请至少设置一个签署位置"
 		});
-		for (let n of i) y(t, e, n, r);
+		for (let t of a) y(n, e, t, i);
 	}
-	let c = v(n);
-	return (e.connectList.length !== c.length || e.connectList.some((e, t) => e.sourceKey !== c[t].sourceKey || e.targetKey !== c[t].targetKey)) && t.push({
+	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: "流程连接必须与节点顺序一致"
-	}), t;
+	}), n;
 }
 function v(e) {
 	return e.slice(0, -1).map((t, n) => ({
@@ -358,7 +358,7 @@ function b(r) {
 			let n = i.value.nodeList.find((t) => t.key === e);
 			!n || n.type !== "sign" || (n.config.locationRules = o(t));
 		},
-		validate: () => _(i.value)
+		validate: (e) => _(i.value, e)
 	};
 }
 //#endregion

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

@@ -1 +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-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-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 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{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}}
+: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-template-designer/src/ProContractTemplateDesigner.vue.mjs

@@ -53,7 +53,10 @@ import { useElementSize as Jt } from "@vueuse/core";
 var Yt = ["aria-label", "aria-expanded"], Xt = { class: "gd-contract-template-designer__panel-stack" }, Zt = { class: "gd-contract-template-designer__panel gd-contract-template-designer__panel--navigation" }, Qt = { class: "gd-contract-template-designer__panel-head" }, $t = { class: "gd-contract-template-designer__panel-actions" }, en = ["onClick"], tn = { class: "gd-contract-template-designer__page-nav-actions" }, nn = {
 	key: 0,
 	class: "gd-contract-template-designer__page-config"
-}, rn = { class: "gd-contract-template-designer__form-row" }, an = { class: "gd-contract-template-designer__page-size-note" }, on = { class: "gd-contract-template-designer__panel gd-contract-template-designer__panel--navigation" }, sn = { class: "gd-contract-template-designer__panel-head" }, cn = ["onClick"], ln = { class: "gd-contract-template-designer__panel gd-contract-template-designer__panel--navigation" }, un = { class: "gd-contract-template-designer__panel-head" }, dn = ["onClick"], fn = { class: "gd-contract-template-designer__workspace-header" }, pn = { class: "gd-contract-template-designer__workspace-meta" }, mn = { class: "gd-contract-template-designer__workspace-actions" }, hn = { class: "gd-contract-template-designer__workspace-controls" }, gn = { class: "gd-contract-template-designer__zoom" }, _n = { class: "gd-contract-template-designer__workspace-buttons" }, vn = { class: "gd-contract-template-designer__toolbar" }, yn = { class: "gd-contract-template-designer__toolbar-group" }, bn = { class: "gd-contract-template-designer__toolbar-group gd-contract-template-designer__toolbar-group--style" }, xn = { class: "gd-contract-template-designer__toolbar-group gd-contract-template-designer__toolbar-group--format" }, Sn = { class: "gd-contract-template-designer__toolbar-group gd-contract-template-designer__toolbar-group--insert" }, Cn = { class: "gd-contract-template-designer__popover gd-contract-template-designer__control-insert-popover" }, wn = { class: "gd-contract-template-designer__text-menu-control-options" }, Tn = ["aria-label", "onClick"], En = { class: "gd-contract-template-designer__popover gd-contract-template-designer__image-insert-popover" }, Dn = {
+}, rn = { class: "gd-contract-template-designer__form-row" }, an = { class: "gd-contract-template-designer__page-size-note" }, on = { class: "gd-contract-template-designer__panel gd-contract-template-designer__panel--navigation" }, sn = { class: "gd-contract-template-designer__panel-head" }, cn = ["onClick"], ln = {
+	key: 0,
+	class: "gd-contract-template-designer__panel gd-contract-template-designer__panel--navigation"
+}, un = { class: "gd-contract-template-designer__panel-head" }, dn = ["onClick"], fn = { class: "gd-contract-template-designer__workspace-header" }, pn = { class: "gd-contract-template-designer__workspace-meta" }, mn = { class: "gd-contract-template-designer__workspace-actions" }, hn = { class: "gd-contract-template-designer__workspace-controls" }, gn = { class: "gd-contract-template-designer__zoom" }, _n = { class: "gd-contract-template-designer__workspace-buttons" }, vn = { class: "gd-contract-template-designer__toolbar" }, yn = { class: "gd-contract-template-designer__toolbar-group" }, bn = { class: "gd-contract-template-designer__toolbar-group gd-contract-template-designer__toolbar-group--style" }, xn = { class: "gd-contract-template-designer__toolbar-group gd-contract-template-designer__toolbar-group--format" }, Sn = { class: "gd-contract-template-designer__toolbar-group gd-contract-template-designer__toolbar-group--insert" }, Cn = { class: "gd-contract-template-designer__popover gd-contract-template-designer__control-insert-popover" }, wn = { class: "gd-contract-template-designer__text-menu-control-options" }, Tn = ["aria-label", "onClick"], En = { class: "gd-contract-template-designer__popover gd-contract-template-designer__image-insert-popover" }, Dn = {
 	class: "gd-contract-template-designer__image-size-fields",
 	role: "group",
 	"aria-label": "图片尺寸"
@@ -502,6 +505,7 @@ var Yt = ["aria-label", "aria-expanded"], Xt = { class: "gd-contract-template-de
 			return oo([...U.value, i]), P.value = t, Z(i.id), _("signing-placement-add", X(i)), i;
 		}
 		function co(e, t, n, r) {
+			if (!c.showSigningPlacementTools) return;
 			let i = qe(t.type);
 			so(t.type, e, {
 				x: n - i.width / 2,
@@ -1533,7 +1537,7 @@ var Yt = ["aria-label", "aria-expanded"], Xt = { class: "gd-contract-template-de
 							onClick: (t) => Is(e)
 						}, [m("span", null, C(e.label), 1), m("small", null, C(e.type || "text") + " · " + C(e.key), 1)], 10, cn))), 128))
 					]),
-					m("section", ln, [
+					c.showSigningPlacementTools ? (b(), p("section", ln, [
 						m("div", un, [s[84] ||= m("strong", null, "签署位置", -1), g(w(qt), null, {
 							default: T(() => [h(C(oa.value.length), 1)]),
 							_: 1
@@ -1549,7 +1553,7 @@ var Yt = ["aria-label", "aria-expanded"], Xt = { class: "gd-contract-template-de
 							class: y(["gd-contract-template-designer__nav-item", { "is-active": N.value === e.placement.id }]),
 							onClick: (t) => Rs(e.placement.id)
 						}, [m("span", null, C(e.label), 1), m("small", null, C(e.detail) + " · x" + C(e.placement.x) + " y" + C(e.placement.y), 1)], 10, dn))), 128))
-					])
+					])) : f("", !0)
 				])], 2),
 				m("main", {
 					ref_key: "workspaceElement",
@@ -2315,7 +2319,7 @@ var Yt = ["aria-label", "aria-expanded"], Xt = { class: "gd-contract-template-de
 						onDragstart: (t) => uo(t, e),
 						onClick: (t) => lo(e)
 					}, [m("span", Zn, [(b(), d(It(w(jt)(e.type))))]), m("span", Qn, [m("span", $n, C(e.label), 1), m("small", null, C(w(Be)[e.type]) + " · 页面坐标", 1)])], 40, Xn))), 128))])) : f("", !0),
-					aa.value ? (b(), d(kt, {
+					c.showSigningPlacementTools && aa.value ? (b(), d(kt, {
 						key: 1,
 						placement: aa.value,
 						"page-size": sa.value,

package/dist/es/components/pro-contract-template-designer/src/extensions/word-paste.mjs

@@ -1,4 +1,4 @@
-import { detectClipboardHtmlSource as e, hasLocalOfficeImageSource as t, normalizeWordClipboardHtml as n, plainTextToSafeHtml as r, readClipboardImageFiles as i } from "../utils/word-paste.mjs";
+import { detectClipboardHtmlSource as e, extractRtfImageDataUrls as t, normalizeWordClipboardHtml as n, plainTextToSafeHtml as r, readClipboardImageFiles as i } from "../utils/word-paste.mjs";
 import { escapeHtmlAttribute as a } from "../utils/html.mjs";
 import { Extension as o } from "@tiptap/core";
 import { Plugin as s, PluginKey as c } from "@tiptap/pm/state";
@@ -21,7 +21,7 @@ var l = 0, u = "application/x-gd-contract-template", d = `contract-template-${Da
 		return t && (t.source = r.source, t.recoveredRtfImages = r.recoveredImageCount), r.html;
 	},
 	addProseMirrorPlugins() {
-		let o = this.editor, c = this.storage, p = this.options.processImageFile;
+		let t = this.editor, o = this.storage, c = this.options.processImageFile;
 		return [new s({
 			key: f,
 			state: {
@@ -62,40 +62,41 @@ var l = 0, u = "application/x-gd-contract-template", d = `contract-template-${Da
 							recoveredRtfImages: 0,
 							trustedInternal: r.getData(u) === d || i.includes(`data-gd-contract-copy="${d}"`) || i.includes(`data-gd-contract-copy='${d}'`)
 						};
-						return c.pending = a, queueMicrotask(() => {
-							c.pending === a && (c.pending = void 0);
+						return o.pending = a, queueMicrotask(() => {
+							o.pending === a && (o.pending = void 0);
 						}), !1;
 					}
 				},
 				handlePaste: (e, s) => {
-					let u = c.pending;
+					let u = o.pending;
 					if (!u) return !1;
-					let d = u.files.length ? u.files : _(s.clipboardData), m = u.source !== "generic" && u.source !== "internal", v = /<(?:img|v:imagedata)\b/i.test(u.html), y = d.length > 0 && u.recoveredRtfImages === 0 && (!u.html || m && (t(u.html) || !v));
-					if (c.pending = void 0, !y) return !1;
+					let d = u.files.length ? u.files : _(s.clipboardData), p = u.recoveredRtfImages || v(u.rtf), m = d.length > 0 && p === 0 && !u.trustedInternal;
+					if (o.pending = void 0, !m) return !1;
 					s.preventDefault();
-					let b = `word-paste-${++l}`, x = {
-						token: b,
+					let y = `word-paste-${++l}`, b = {
+						token: y,
 						from: e.state.selection.from,
 						to: e.state.selection.to
 					};
 					return e.dispatch(e.state.tr.setMeta(f, {
 						type: "set",
-						...x
-					}).setMeta("addToHistory", !1)), i(d, p).then((e) => {
-						if (o.isDestroyed) return;
-						let t = f.getState(o.state)?.get(b);
-						if (!t) return;
-						let i = e.filter((e) => !!e);
-						g(o, t, (u.html ? n(u.html, {
+						...b
+					}).setMeta("addToHistory", !1)), i(d, c).then((e) => {
+						if (t.isDestroyed) return;
+						let i = f.getState(t.state)?.get(y);
+						if (!i) return;
+						let o = e.filter((e) => !!e);
+						g(t, i, (u.html ? n(u.html, {
 							plainText: u.plainText,
 							rtf: u.rtf,
 							clipboardImages: e,
+							preferClipboardImages: !0,
 							trustedInternal: u.trustedInternal
-						}).html : i.length ? `<p>${i.map((e) => `<img src="${a(e)}" alt="">`).join("")}</p>` : r(u.plainText)) || r(u.plainText));
+						}).html : o.length ? `<p>${o.map((e) => `<img src="${a(e)}" alt="">`).join("")}</p>` : r(u.plainText)) || r(u.plainText));
 					}).catch(() => {
-						if (o.isDestroyed) return;
-						let e = f.getState(o.state)?.get(b);
-						e ? g(o, e, r(u.plainText)) : h(o, b);
+						if (t.isDestroyed) return;
+						let e = f.getState(t.state)?.get(y);
+						e ? g(t, e, r(u.plainText)) : h(t, y);
 					}), !0;
 				}
 			}
@@ -137,5 +138,8 @@ function _(e) {
 	if (!t.length) for (let n of Array.from(e.files)) n.type.toLowerCase().startsWith("image/") && t.push(n);
 	return t;
 }
+function v(e) {
+	return t(e).length;
+}
 //#endregion
 export { p as WordPaste };