@guodun/antdv 1.3.1 → 1.4.0

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

@@ -1,9 +1,10 @@
-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, 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";
+import { CONTRACT_SIGNING_FLOW_ZOOM_STEP as e, normalizeContractSigningFlowZoom as t, resolveContractSigningFlowZoomShortcutForTarget as n } from "./constants.mjs";
+import r from "./ContractSigningFlowCanvas.mjs";
+import i from "./ContractSigningFlowInspector.mjs";
+import { normalizeContractSigningFlow as a, useContractSigningFlow as o } from "./composables/use-contract-signing-flow.mjs";
+import { computed as s, createElementBlock as c, createElementVNode as l, createVNode as u, defineComponent as d, guardReactiveProps as f, normalizeClass as p, normalizeProps as m, normalizeStyle as h, openBlock as g, renderSlot as _, shallowRef as v, unref as y, watch as b, withCtx as x } from "vue";
 //#region src/components/pro-contract-signing-flow/src/ProContractSigningFlow.vue?vue&type=script&setup=true&lang.ts
-var v = { class: "gd-contract-signing-flow__layout" }, y = /* @__PURE__ */ c({
+var S = { class: "gd-contract-signing-flow__layout" }, C = /* @__PURE__ */ d({
 	name: "ProContractSigningFlow",
 	__name: "ProContractSigningFlow",
 	props: {
@@ -20,7 +21,8 @@ var v = { class: "gd-contract-signing-flow__layout" }, y = /* @__PURE__ */ c({
 		requireSigningLocation: {
 			type: Boolean,
 			default: !0
-		}
+		},
+		zoom: { default: 1 }
 	},
 	emits: [
 		"update:modelValue",
@@ -31,122 +33,164 @@ var v = { class: "gd-contract-signing-flow__layout" }, y = /* @__PURE__ */ c({
 		"node-remove",
 		"node-move",
 		"node-select",
-		"placement-request"
+		"placement-request",
+		"update:zoom"
 	],
-	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) {
+	setup(d, { expose: C, emit: w }) {
+		let T = d, E = w, D = o(T.modelValue), O = v(), k = v(), A = v(t(T.zoom)), j = s(() => ({ height: typeof T.height == "number" ? `${T.height}px` : T.height }));
+		function M(e) {
 			return JSON.parse(JSON.stringify(e));
 		}
-		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);
+		function N() {
+			D.value.value.nodeList.some((e) => e.key === D.selectedKey.value) || (D.selectedKey.value = D.value.value.nodeList.find((e) => e.type === "sign")?.key || D.value.value.nodeList[0]?.key);
 		}
-		g(() => x.modelValue, (e) => {
-			C.replace(e), E();
-		}, { deep: !0 });
-		function D() {
-			return n(C.value.value);
+		b(() => T.modelValue, (e) => {
+			D.replace(e), N();
+		}, { deep: !0 }), b(() => T.zoom, (e) => {
+			A.value = t(e);
+		});
+		function P() {
+			return a(D.value.value);
 		}
-		function O() {
-			let e = D();
-			S("update:modelValue", e), S("change", e);
+		function F() {
+			let e = P();
+			E("update:modelValue", e), E("change", e);
 		}
-		function k(e) {
-			x.disabled || (C.selectedKey.value = e?.key, S("node-select", e ? T(e) : void 0));
+		function I(e) {
+			T.disabled || (D.selectedKey.value = e?.key, E("node-select", e ? M(e) : void 0));
 		}
-		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 L() {
+			if (T.readonly || T.disabled) return M(D.value.value.nodeList.find((e) => e.type === "sign"));
+			let e = D.addSignNode();
+			return F(), E("node-add", M(e)), E("node-select", M(e)), M(e);
 		}
-		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 R(e) {
+			T.readonly || T.disabled || (D.removeSignNode(e), F(), E("node-remove", e), E("node-select", D.selectedNode.value ? M(D.selectedNode.value) : void 0));
 		}
-		function M(e, t) {
-			x.readonly || x.disabled || (C.moveSignNode(e, t), O(), S("node-move", e, t));
+		function z(e, t) {
+			T.readonly || T.disabled || (D.moveSignNode(e, t), F(), E("node-move", e, t));
 		}
-		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({
+		function B(e) {
+			if (T.readonly || T.disabled) return;
+			let t = D.value.value.nodeList.findIndex((t) => t.key === e.key);
+			t < 0 || (D.value.value.nodeList[t] = a({
 				key: null,
 				name: null,
 				description: null,
 				nodeList: [e],
 				connectList: []
-			}).nodeList[0], O(), S("node-change", T(C.value.value.nodeList[t])));
+			}).nodeList[0], F(), E("node-change", M(D.value.value.nodeList[t])));
 		}
-		function P(e, t) {
-			M(e.key, t);
+		function V(e, t) {
+			z(e.key, t);
 		}
-		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 H() {
+			let e = D.selectedNode.value;
+			!e || e.type !== "sign" || T.disabled || E("placement-request", {
+				node: M(e),
+				locationRules: M(e.config.locationRules || [])
 			});
 		}
-		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 L() {
-			return D();
-		}
-		function R(e) {
-			C.replace(e), E(), O();
-		}
-		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
+		function U(e, t) {
+			if (T.readonly || T.disabled) return;
+			D.setNodeLocationRules(e, t), F();
+			let n = D.value.value.nodeList.find((t) => t.key === e);
+			n && E("node-change", M(n));
+		}
+		function W() {
+			return P();
+		}
+		function G(e) {
+			D.replace(e), N(), F();
+		}
+		function K() {
+			let e = D.validate({ requireLocation: T.requireSigningLocation });
+			return E("validate", e), e;
+		}
+		function q(e) {
+			let n = t(e);
+			return n !== A.value && (A.value = n, E("update:zoom", n)), n;
+		}
+		function J() {
+			return q(1);
+		}
+		function Y() {
+			return A.value;
+		}
+		function X() {
+			return q(k.value?.fitWidth() ?? A.value);
+		}
+		function Z(t) {
+			let r = n(t);
+			r && (t.preventDefault(), t.stopPropagation(), r === "reset" ? J() : q(A.value + (r === "in" ? e : -e)));
+		}
+		function Q(t) {
+			(t.ctrlKey || t.metaKey) && (t.preventDefault(), q(A.value + (t.deltaY > 0 ? -e : e)));
+		}
+		function $(e) {
+			(e.target instanceof HTMLElement ? e.target : void 0)?.closest("button, input, textarea, select, [contenteditable=\"true\"], [tabindex]") || O.value?.focus({ preventScroll: !0 });
+		}
+		return C({
+			getValue: W,
+			setValue: G,
+			validate: K,
+			addSignNode: L,
+			removeSignNode: R,
+			moveSignNode: z,
+			setNodeLocationRules: U,
+			setZoom: q,
+			resetZoom: J,
+			getZoom: Y,
+			fitWidth: X
+		}), (e, t) => (g(), c("div", {
+			ref_key: "rootRef",
+			ref: O,
+			class: p(["gd-contract-signing-flow", {
+				"is-readonly": d.readonly,
+				"is-disabled": d.disabled
 			}]),
-			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: k,
-			onAdd: A,
-			onRemove: r[0] ||= (e) => j(e.key),
-			onMove: P
+			style: h(j.value),
+			tabindex: "0",
+			onKeydown: Z,
+			onPointerdown: $,
+			onWheel: Q
+		}, [l("div", S, [u(r, {
+			ref_key: "canvasRef",
+			ref: k,
+			nodes: y(D).value.value.nodeList,
+			"selected-key": y(D).selectedKey.value,
+			readonly: d.readonly,
+			disabled: d.disabled,
+			zoom: A.value,
+			onSelect: I,
+			onAdd: L,
+			onRemove: t[0] ||= (e) => R(e.key),
+			onMove: V,
+			onZoomChange: q,
+			onFitWidth: X
 		}, {
-			headerExtra: _((e) => [m(n.$slots, "headerExtra", d(l(e)))]),
+			headerExtra: x((t) => [_(e.$slots, "headerExtra", m(f(t)))]),
 			_: 3
 		}, 8, [
 			"nodes",
 			"selected-key",
 			"readonly",
-			"disabled"
-		]), s(t, {
-			node: h(C).selectedNode.value,
-			readonly: c.readonly,
-			disabled: c.disabled,
-			"show-placement": c.requireSigningLocation,
-			onChange: N,
-			onPlacementRequest: F
+			"disabled",
+			"zoom"
+		]), u(i, {
+			node: y(D).selectedNode.value,
+			readonly: d.readonly,
+			disabled: d.disabled,
+			"show-placement": d.requireSigningLocation,
+			onChange: B,
+			onPlacementRequest: H
 		}, null, 8, [
 			"node",
 			"readonly",
 			"disabled",
 			"show-placement"
-		])])], 6));
+		])])], 38));
 	}
 });
 //#endregion
-export { y as default };
+export { C as default };

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

@@ -1,5 +1,25 @@
 //#region src/components/pro-contract-signing-flow/src/constants.ts
-var e = [
+var e = .5, t = 1.5, n = .1;
+function r(e) {
+	return typeof Element > "u" || !(e instanceof Element) ? !1 : !!e.closest("button, input, textarea, select, [contenteditable]:not([contenteditable=\"false\"]), [role=\"textbox\"]");
+}
+function i(e) {
+	if (!r(e.target)) return o(e);
+}
+function a(r) {
+	let i = Number(r);
+	if (!Number.isFinite(i)) return 1;
+	let a = Math.round(i / n) * n;
+	return Math.min(t, Math.max(e, Number(a.toFixed(1))));
+}
+function o(e) {
+	if (!(!(e.ctrlKey || e.metaKey) || e.altKey)) {
+		if (e.key === "+" || e.key === "=" || e.code === "NumpadAdd") return "in";
+		if (e.key === "-" || e.key === "_" || e.code === "NumpadSubtract") return "out";
+		if (e.key === "0" || e.code === "Numpad0") return "reset";
+	}
+}
+var s = [
 	{
 		value: "signature",
 		label: "签名"
@@ -16,7 +36,7 @@ var e = [
 		value: "time",
 		label: "签署时间"
 	}
-], t = [
+], c = [
 	{
 		value: "01",
 		label: "单位专用章"
@@ -37,12 +57,12 @@ var e = [
 		value: "05",
 		label: "法定代表人名章"
 	}
-], n = [{
+], l = [{
 	value: "person",
 	label: "个人"
 }, {
 	value: "company",
 	label: "企业"
-}], r = Object.fromEntries(e.map((e) => [e.value, e.label]));
+}], u = Object.fromEntries(s.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 };
+export { u as CONTRACT_SIGNING_FLOW_ACTION_LABELS, l as CONTRACT_SIGNING_FLOW_IDENTITY_OPTIONS, t as CONTRACT_SIGNING_FLOW_MAX_ZOOM, e as CONTRACT_SIGNING_FLOW_MIN_ZOOM, c as CONTRACT_SIGNING_FLOW_SEAL_TYPES, s as CONTRACT_SIGNING_FLOW_SIGN_ACTIONS, n as CONTRACT_SIGNING_FLOW_ZOOM_STEP, r as isContractSigningFlowInteractiveTarget, a as normalizeContractSigningFlowZoom, o as resolveContractSigningFlowZoomShortcut, i as resolveContractSigningFlowZoomShortcutForTarget };

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-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}}
+: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);outline:none;font-size:14px;overflow:hidden;container-type:inline-size}.gd-contract-signing-flow:focus-visible{box-shadow:0 0 0 2px color-mix(in srgb, var(--gdant-primary-500) 20%, transparent)}.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{justify-content:space-between;align-items:center;gap:var(--gdant-spacing-md);min-height:64px;padding:var(--gdant-spacing-md) var(--gdant-spacing-base);border-bottom:1px solid var(--gdant-neutral-200);background:var(--gdant-neutral-0);display:flex}.gd-contract-signing-flow__canvas-actions{align-items:center;gap:var(--gdant-spacing-sm);flex-shrink:0;display:flex}.gd-contract-signing-flow__zoom-tools{align-items:center;gap:var(--gdant-spacing-xs);padding:var(--gdant-spacing-xs);border:1px solid var(--gdant-neutral-200);border-radius:var(--gdant-radius-md);background:var(--gdant-neutral-50);flex:none;display:inline-flex}.gd-contract-signing-flow__zoom-tools .ant-btn{width:calc(var(--gdant-spacing-base) + var(--gdant-spacing-md));height:calc(var(--gdant-spacing-base) + var(--gdant-spacing-md));padding:0}.gd-contract-signing-flow__zoom-value{appearance:none;min-width:calc(var(--gdant-spacing-xl) * 2);height:calc(var(--gdant-spacing-base) + var(--gdant-spacing-md));padding:0 var(--gdant-spacing-xs);border-radius:var(--gdant-radius-sm);color:var(--gdant-neutral-700);font:inherit;font-size:var(--gdant-text-body-sm);font-variant-numeric:tabular-nums;cursor:pointer;background:0 0;border:0}.gd-contract-signing-flow__zoom-value:hover,.gd-contract-signing-flow__zoom-value:focus-visible{background:var(--gdant-primary-50);color:var(--gdant-primary-700);outline:none}.gd-contract-signing-flow__canvas-header p,.gd-contract-signing-flow__inspector-header p{margin:var(--gdant-spacing-xs) 0 0;color:var(--gdant-neutral-500);font-size:var(--gdant-text-body-sm)}.gd-contract-signing-flow__inspector-type{padding:0 var(--gdant-spacing-xs);border:1px solid var(--gdant-neutral-200);border-radius:var(--gdant-radius-sm);background:var(--gdant-neutral-50);color:var(--gdant-neutral-600);font-size:var(--gdant-text-body-sm);flex:none;align-items:center;line-height:1.5;display:inline-flex}.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-scale{min-width:300px;min-height:100%;position:relative}.gd-contract-signing-flow__canvas{box-sizing:border-box;will-change:transform;min-width:300px;transition:transform var(--gdant-duration-normal);flex-direction:column;align-items:center;padding:28px 20px 36px;display:flex;position:absolute;top:0;left:50%}.gd-contract-signing-flow__step{flex-direction:column;align-items:center;width:100%;display:flex}.gd-contract-signing-flow__node{box-sizing:border-box;cursor:pointer;min-width:0;max-width:100%;transition:border-color var(--gdant-duration-normal), box-shadow var(--gdant-duration-normal);outline:none;flex-direction:column;align-items:center;display:flex;position:relative;overflow:visible}.gd-contract-signing-flow__node.is-disabled{cursor:not-allowed}.gd-contract-signing-flow__node.is-terminal{width:auto;box-shadow:none;gap:var(--gdant-spacing-xs);background:0 0;border:0;padding:0}.gd-contract-signing-flow__node.is-sign,.gd-contract-signing-flow__node.is-unknown{align-items:start;gap:var(--gdant-spacing-sm);width:288px;padding:var(--gdant-spacing-sm) var(--gdant-spacing-md);border:1px solid var(--gdant-neutral-200);border-radius:var(--gdant-radius-md);background:var(--gdant-neutral-0);box-shadow:var(--gdant-shadow-raised);grid-template-rows:auto;grid-template-columns:36px minmax(0,1fr);display:grid}.gd-contract-signing-flow__node.is-sign{padding-left:calc(var(--gdant-spacing-md) + var(--gdant-spacing-xs))}.gd-contract-signing-flow__node.is-sign:before{content:"";width:var(--gdant-spacing-xs);border-radius:var(--gdant-radius-md) 0 0 var(--gdant-radius-md);background:var(--gdant-primary-500);position:absolute;top:0;bottom:0;left:0}.gd-contract-signing-flow__node.is-sign.is-person:before{background:var(--gdant-warning-500)}.gd-contract-signing-flow__node.is-sign.is-company:before{background:var(--gdant-primary-500)}.gd-contract-signing-flow__node.is-sign:hover{border-color:var(--gdant-primary-300)}.gd-contract-signing-flow__node.is-sign.is-selected,.gd-contract-signing-flow__node.is-sign:focus-visible{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-500)}.gd-contract-signing-flow__node.is-unknown:hover,.gd-contract-signing-flow__node.is-unknown.is-selected,.gd-contract-signing-flow__node.is-unknown:focus-visible{border-color:var(--gdant-warning-600);box-shadow:0 0 0 2px color-mix(in srgb, var(--gdant-warning-500) 12%, transparent), var(--gdant-shadow-raised)}.gd-contract-signing-flow__node-icon{border-radius:var(--gdant-radius-pill);background:var(--gdant-primary-50);width:36px;height:36px;color:var(--gdant-primary-600);font-size:var(--gdant-text-body);flex:none;justify-content:center;align-items:center;display:flex}.gd-contract-signing-flow__node.is-terminal .gd-contract-signing-flow__node-icon{width:40px;height:40px}.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.is-unknown .gd-contract-signing-flow__node-icon{background:var(--gdant-warning-50);color:var(--gdant-warning-600)}.gd-contract-signing-flow__node.is-terminal.is-selected .gd-contract-signing-flow__node-icon,.gd-contract-signing-flow__node.is-terminal:focus-visible .gd-contract-signing-flow__node-icon{box-shadow:0 0 0 2px var(--gdant-primary-500), 0 0 0 4px color-mix(in srgb, var(--gdant-primary-500) 12%, transparent)}.gd-contract-signing-flow__node-caption{color:var(--gdant-neutral-600);font-size:var(--gdant-text-body-sm);line-height:1.5}.gd-contract-signing-flow__node.is-sign .gd-contract-signing-flow__node-icon,.gd-contract-signing-flow__node.is-unknown .gd-contract-signing-flow__node-icon{grid-area:1/1}.gd-contract-signing-flow__node-body{grid-area:1/2;min-width:0}.gd-contract-signing-flow__node-title-row{align-items:center;gap:var(--gdant-spacing-xs);min-width:0;display:flex}.gd-contract-signing-flow__node-name{min-width:0;color:var(--gdant-neutral-800);font-size:var(--gdant-text-body);font-weight:var(--gdant-font-semibold);overflow-wrap:anywhere;line-height:1.4}.gd-contract-signing-flow__node-chips{gap:var(--gdant-spacing-xs);margin-top:var(--gdant-spacing-xs);flex-wrap:wrap;display:flex}.gd-contract-signing-flow__node-chip{max-width:100%;padding:0 var(--gdant-spacing-xs);border:1px solid var(--gdant-neutral-200);border-radius:var(--gdant-radius-sm);background:var(--gdant-neutral-50);color:var(--gdant-neutral-600);font-size:var(--gdant-text-body-sm);align-items:center;line-height:1.5;display:inline-flex}.gd-contract-signing-flow__node-description{margin:var(--gdant-spacing-xs) 0 0;color:var(--gdant-neutral-500);font-size:var(--gdant-text-body-sm);overflow-wrap:anywhere;line-height:1.5}.gd-contract-signing-flow__node-actions{top:calc(var(--gdant-spacing-md) * -1);right:var(--gdant-spacing-sm);z-index:1;padding:var(--gdant-spacing-xs);border:1px solid var(--gdant-neutral-200);border-radius:var(--gdant-radius-sm);background:var(--gdant-neutral-0);box-shadow:var(--gdant-shadow-overlay);align-items:center;display:flex;position:absolute}.gd-contract-signing-flow__node-actions .ant-btn{width:26px;height:26px;padding:0}.gd-contract-signing-flow__connector{flex:none;width:24px;height:48px;position:relative}.gd-contract-signing-flow__connector span{background:var(--gdant-neutral-400);width:1px;height:38px;position:absolute;top:0;left:50%}.gd-contract-signing-flow__connector i{left:calc(50% - 4px);bottom:var(--gdant-spacing-xs);border-right:1px solid var(--gdant-neutral-500);border-bottom:1px solid var(--gdant-neutral-500);width:8px;height:8px;position:absolute;transform:rotate(45deg)}.gd-contract-signing-flow__add-on-timeline{appearance:none;align-items:center;gap:var(--gdant-spacing-xs);margin:var(--gdant-spacing-sm) 0 0;color:inherit;font:inherit;cursor:pointer;background:0 0;border:0;flex-direction:column;padding:0;display:flex}.gd-contract-signing-flow__add-on-timeline:disabled{cursor:not-allowed;opacity:.45}.gd-contract-signing-flow__add-on-timeline-icon{border:1px dashed var(--gdant-neutral-300);border-radius:var(--gdant-radius-pill);background:var(--gdant-neutral-0);width:40px;height:40px;color:var(--gdant-primary-600);place-items:center;display:grid}.gd-contract-signing-flow__add-on-timeline:hover:not(:disabled) .gd-contract-signing-flow__add-on-timeline-icon{border-color:var(--gdant-primary-300)}.gd-contract-signing-flow__add-on-timeline:focus-visible{outline:none}.gd-contract-signing-flow__add-on-timeline:focus-visible .gd-contract-signing-flow__add-on-timeline-icon{box-shadow:0 0 0 2px var(--gdant-primary-500), 0 0 0 4px color-mix(in srgb, var(--gdant-primary-500) 12%, transparent)}.gd-contract-signing-flow__add-on-timeline-caption{color:var(--gdant-neutral-600);font-size:var(--gdant-text-body-sm);line-height:1.5}.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-scroll{min-height:0;overflow:auto}.gd-contract-signing-flow__form-section{padding:14px var(--gdant-spacing-base);border-bottom:1px solid var(--gdant-neutral-200)}.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:var(--gdant-spacing-sm);min-height:24px;margin-bottom:11px;display:flex}.gd-contract-signing-flow__section-heading.is-toggle{appearance:none;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{align-items:center;gap:var(--gdant-spacing-sm);color:var(--gdant-neutral-500);font-size:var(--gdant-text-body-sm);display:inline-flex}.gd-contract-signing-flow__section-heading-meta .anticon{color:var(--gdant-neutral-500);font-size:var(--gdant-text-body-sm);transition:transform var(--gdant-duration-normal)}.gd-contract-signing-flow__section-heading h3{align-items:center;margin:0;font-size:13px;display:flex}.gd-contract-signing-flow__section-heading h3:before{content:"";width:var(--gdant-spacing-xs);height:var(--gdant-spacing-md);border-radius:var(--gdant-radius-xs);background:var(--gdant-primary-500);margin-inline-end:var(--gdant-spacing-sm);display:inline-block}.gd-contract-signing-flow__section-heading p{margin:var(--gdant-spacing-xs) 0 0;color:var(--gdant-neutral-500);font-size:11px}.gd-contract-signing-flow__section-heading .ant-tag{margin-inline-end:0}.gd-contract-signing-flow__rule-summary{padding:0 var(--gdant-spacing-xs);border:1px solid var(--gdant-neutral-200);border-radius:var(--gdant-radius-sm);background:var(--gdant-neutral-50);color:var(--gdant-neutral-600);font-size:var(--gdant-text-body-sm);flex:none;align-items:center;line-height:1.5;display:inline-flex}.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:var(--gdant-spacing-xs)}.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:var(--gdant-font-semibold)}.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{gap:var(--gdant-spacing-sm);grid-template-columns:1fr;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);font-size:var(--gdant-text-body-sm);margin:13px 0 7px;display:block}.gd-contract-signing-flow__segmented{width:100%;padding:var(--gdant-spacing-xs);border-radius:var(--gdant-radius-md);background:var(--gdant-neutral-100)}.gd-contract-signing-flow__segmented .ant-radio-group{width:100%;display:grid}.gd-contract-signing-flow__segmented.is-two .ant-radio-group{grid-template-columns:repeat(2,minmax(0,1fr))}.gd-contract-signing-flow__segmented.is-three .ant-radio-group{grid-template-columns:repeat(3,minmax(0,1fr))}.gd-contract-signing-flow__segmented .ant-radio-button-wrapper{min-width:0;height:28px;padding:0 var(--gdant-spacing-xs);border-radius:var(--gdant-radius-sm);color:var(--gdant-neutral-700);text-align:center;box-shadow:none;background:0 0;border:0;justify-content:center;align-items:center;display:flex}.gd-contract-signing-flow__segmented .ant-radio-button-wrapper:before{display:none}.gd-contract-signing-flow__segmented .ant-radio-button-wrapper:not(:first-child){margin-inline-start:0}.gd-contract-signing-flow__segmented .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled){background:var(--gdant-primary-500);color:var(--gdant-neutral-0)}.gd-contract-signing-flow__segmented .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):hover,.gd-contract-signing-flow__segmented .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):focus-within{background:var(--gdant-primary-600);color:var(--gdant-neutral-0)}.gd-contract-signing-flow__segmented .ant-radio-button-wrapper-checked>span{color:inherit}.gd-contract-signing-flow__segmented .ant-radio-button-wrapper:not(.ant-radio-button-wrapper-checked):not(.ant-radio-button-wrapper-disabled):hover{color:var(--gdant-primary-600)}.gd-contract-signing-flow__segmented .ant-radio-button-wrapper-disabled{color:var(--gdant-neutral-400)}.gd-contract-signing-flow__segmented .ant-radio-button-wrapper-checked.ant-radio-button-wrapper-disabled{background:var(--gdant-neutral-200);color:var(--gdant-neutral-500)}.gd-contract-signing-flow__identity-note{margin:var(--gdant-spacing-sm) 0 0;padding:var(--gdant-spacing-sm);border-left:var(--gdant-spacing-xs) solid var(--gdant-primary-300);background:var(--gdant-neutral-50);color:var(--gdant-neutral-600);font-size:var(--gdant-text-body-sm);line-height:1.5}.gd-contract-signing-flow__seal-list{gap:var(--gdant-spacing-sm);grid-template-columns:1fr 1fr;display:grid}.gd-contract-signing-flow__seal-tile{min-height:32px;padding:var(--gdant-spacing-xs) var(--gdant-spacing-sm);border:1px solid var(--gdant-neutral-200);border-radius:var(--gdant-radius-sm);background:var(--gdant-neutral-50);color:var(--gdant-neutral-600);align-items:center;font-size:11px;display:flex}.gd-contract-signing-flow__seal-tile.ant-checkbox-wrapper-checked{border-color:var(--gdant-primary-300);background:var(--gdant-primary-50);color:var(--gdant-primary-700)}.gd-contract-signing-flow__placement-summary{align-items:center;gap:var(--gdant-spacing-sm);margin-bottom:var(--gdant-spacing-sm);padding:var(--gdant-spacing-sm) var(--gdant-spacing-md);border:1px solid var(--gdant-neutral-200);border-radius:var(--gdant-radius-md);background:var(--gdant-neutral-0);display:flex}.gd-contract-signing-flow__placement-summary strong{color:var(--gdant-neutral-800);font-size:var(--gdant-text-body-sm);font-weight:var(--gdant-font-semibold);display:block}.gd-contract-signing-flow__placement-summary p{color:var(--gdant-neutral-500);font-size:var(--gdant-text-body-sm);margin:0;line-height:1.5}.gd-contract-signing-flow__placement-count{border-radius:var(--gdant-radius-sm);background:var(--gdant-success-50);width:32px;height:32px;color:var(--gdant-success-600);font-weight:var(--gdant-font-semibold);flex:none;place-items:center;display:grid}.gd-contract-signing-flow__node-overview{place-items:center;gap:var(--gdant-spacing-sm);text-align:center;min-height:260px;padding:28px;display:grid}.gd-contract-signing-flow__node-overview-icon{border-radius:var(--gdant-radius-pill);background:var(--gdant-warning-50);width:40px;height:40px;color:var(--gdant-warning-600);font-size:var(--gdant-text-body);place-items:center;display:grid}.gd-contract-signing-flow__node-overview.is-start .gd-contract-signing-flow__node-overview-icon{background:var(--gdant-success-50);color:var(--gdant-success-600)}.gd-contract-signing-flow__node-overview.is-end .gd-contract-signing-flow__node-overview-icon{background:var(--gdant-neutral-100);color:var(--gdant-neutral-600)}.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);font-size:var(--gdant-text-body-sm);margin:0;line-height:1.6}.gd-contract-signing-flow__node-overview-hint{padding:0 var(--gdant-spacing-xs);border:1px solid var(--gdant-neutral-200);border-radius:var(--gdant-radius-sm);background:var(--gdant-neutral-50);color:var(--gdant-neutral-600);font-size:var(--gdant-text-body-sm);align-items:center;line-height:1.5;display:inline-flex}.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__canvas-header{align-items:flex-start}.gd-contract-signing-flow__canvas-actions{flex-wrap:wrap;justify-content:flex-end}.gd-contract-signing-flow__node.is-sign,.gd-contract-signing-flow__node.is-unknown{width:100%;min-width:0}}@container (width<=460px){.gd-contract-signing-flow__canvas-header,.gd-contract-signing-flow__inspector-header{padding:var(--gdant-spacing-sm) var(--gdant-spacing-md)}.gd-contract-signing-flow__canvas-header{flex-direction:column}.gd-contract-signing-flow__canvas-header .ant-btn{padding-inline:var(--gdant-spacing-sm)}.gd-contract-signing-flow__canvas-actions{justify-content:space-between;width:100%}.gd-contract-signing-flow__zoom-tools{margin-inline-start:auto}.gd-contract-signing-flow__canvas{min-width:0;padding-inline:12px}.gd-contract-signing-flow__canvas-scale{min-width:0}.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-agent/src/ContractTemplateAgentPanel.vue.mjs

@@ -1,14 +1,13 @@
-import e from "../../../node_modules/@ant-design/icons-vue/es/icons/DeleteOutlined.mjs";
-import t from "../../../node_modules/@ant-design/icons-vue/es/icons/RedoOutlined.mjs";
-import { useContractTemplateAgent as n } from "./composables/use-contract-template-agent.mjs";
-import { computed as r, createBlock as i, createCommentVNode as a, createElementBlock as o, createElementVNode as s, createTextVNode as c, createVNode as l, defineComponent as u, onBeforeUnmount as d, onMounted as f, openBlock as p, shallowRef as m, toDisplayString as h, unref as g, watch as _, withCtx as v } from "vue";
-import { Alert as y, Button as b, Select as x, Tag as S } from "ant-design-vue";
+import { useContractTemplateAgent as e } from "./composables/use-contract-template-agent.mjs";
+import { computed as t, createBlock as n, createCommentVNode as r, createElementBlock as i, createElementVNode as a, createTextVNode as o, createVNode as s, defineComponent as c, onBeforeUnmount as l, onMounted as u, openBlock as d, shallowRef as f, toDisplayString as p, unref as m, watch as h, withCtx as g } from "vue";
+import { Alert as _, Button as v, Select as y, Tag as b } from "ant-design-vue";
+import { DeleteOutlined as x, RedoOutlined as S } from "@ant-design/icons-vue";
 import { BubbleList as C, Sender as w, Welcome as T, XProvider as E } from "ant-design-x-vue";
 //#region src/components/pro-contract-template-agent/src/ContractTemplateAgentPanel.vue?vue&type=script&setup=true&lang.ts
-var D = { class: "gd-contract-template-agent-panel" }, ee = { class: "gd-contract-template-agent-panel__header" }, te = { class: "gd-contract-template-agent-panel__heading" }, O = { class: "gd-contract-template-agent-panel__model" }, k = { class: "gd-contract-template-agent-panel__context" }, A = { key: 0 }, j = {
+var ee = { class: "gd-contract-template-agent-panel" }, te = { class: "gd-contract-template-agent-panel__header" }, D = { class: "gd-contract-template-agent-panel__heading" }, O = { class: "gd-contract-template-agent-panel__model" }, k = { class: "gd-contract-template-agent-panel__context" }, A = { key: 0 }, j = {
 	class: "gd-contract-template-agent-panel__messages",
 	"aria-live": "polite"
-}, M = { class: "gd-contract-template-agent-panel__composer" }, N = { class: "gd-contract-template-agent-panel__composer-footer" }, P = "enter", F = /* @__PURE__ */ u({
+}, M = { class: "gd-contract-template-agent-panel__composer" }, N = { class: "gd-contract-template-agent-panel__composer-footer" }, P = "enter", F = /* @__PURE__ */ c({
 	name: "ProContractTemplateAgentPanel",
 	__name: "ContractTemplateAgentPanel",
 	props: {
@@ -32,26 +31,26 @@ var D = { class: "gd-contract-template-agent-panel" }, ee = { class: "gd-contrac
 		"artifact",
 		"error"
 	],
-	setup(u, { emit: F }) {
-		let I = u, L = F, R = m(I.defaultPrompt), z = m(I.modelProfileId), B = m(0), V, H = r({
+	setup(c, { emit: F }) {
+		let I = c, L = F, R = f(I.defaultPrompt), z = f(I.modelProfileId), B = f(0), V, H = t({
 			get: () => z.value,
 			set: (e) => {
 				z.value = e, L("update:modelProfileId", e);
 			}
-		}), U = n({
+		}), U = e({
 			transport: () => I.transport,
 			sessionId: () => I.sessionId,
 			modelProfileId: () => z.value,
 			knowledgeBaseIds: () => I.knowledgeBaseIds,
 			templateIds: () => I.templateIds,
 			currentSpec: () => I.currentSpec
-		}), W = r(() => U.enabledModelProfiles.value.map((e) => ({
+		}), W = t(() => U.enabledModelProfiles.value.map((e) => ({
 			value: e.id,
 			label: `${e.name} · ${e.model}`
-		}))), G = r(() => U.messages.value.filter((e) => e.role !== "system")), K = r(() => !I.disabled && !U.loading.value && R.value.trim().length > 0), q = r(() => I.disabled || U.loading.value || R.value.trim().length === 0), J = r(() => {
+		}))), G = t(() => U.messages.value.filter((e) => e.role !== "system")), K = t(() => !I.disabled && !U.loading.value && R.value.trim().length > 0), q = t(() => I.disabled || U.loading.value || R.value.trim().length === 0), J = t(() => {
 			let e = U.progressSteps.value.map((e) => `${e.status === "completed" ? "✓" : e.status === "failed" ? "×" : e.status === "cancelled" ? "—" : "●"} ${e.title}${e.detail ? `：${e.detail}` : ""}`);
 			return U.loading.value && e.push(`持续运行中 · 已用时 ${re(B.value)}`), e.join("\n");
-		}), Y = r(() => {
+		}), Y = t(() => {
 			let e = G.value.map((e) => {
 				let t = ie(e.role);
 				return {
@@ -92,23 +91,23 @@ var D = { class: "gd-contract-template-agent-panel" }, ee = { class: "gd-contrac
 			tool: { rootClassName: "gd-contract-template-agent-panel__bubble is-tool" },
 			progress: { rootClassName: "gd-contract-template-agent-panel__bubble is-progress" }
 		};
-		_(U.enabledModelProfiles, (e) => {
+		h(U.enabledModelProfiles, (e) => {
 			!z.value && e[0] && (H.value = e[0].id);
-		}), _(() => I.modelProfileId, (e) => z.value = e), _(() => I.defaultPrompt, (e, t) => {
+		}), h(() => I.modelProfileId, (e) => z.value = e), h(() => I.defaultPrompt, (e, t) => {
 			(!R.value || R.value === t) && (R.value = e);
-		}), _(U.session, (e) => {
+		}), h(U.session, (e) => {
 			e && L("session-change", e);
-		}), _(U.artifact, (e) => {
+		}), h(U.artifact, (e) => {
 			e && L("artifact", e);
-		}), _(U.error, (e) => {
+		}), h(U.error, (e) => {
 			e && L("error", e);
-		}), _(() => I.sessionId, (e, t) => {
+		}), h(() => I.sessionId, (e, t) => {
 			e && e !== t && U.openSession(e);
-		}), _(U.loading, (e) => {
+		}), h(U.loading, (e) => {
 			$(), Q(), e && (V = setInterval(Q, 1e3));
-		}), f(() => {
+		}), u(() => {
 			U.initialize();
-		}), d(() => {
+		}), l(() => {
 			$(), U.cancel();
 		});
 		async function Z() {
@@ -136,17 +135,17 @@ var D = { class: "gd-contract-template-agent-panel" }, ee = { class: "gd-contrac
 		function ie(e) {
 			if (e !== "user") return e === "assistant" ? "Agent" : "工具";
 		}
-		return (n, r) => (p(), i(g(E), null, {
-			default: v(() => [s("section", D, [
-				s("header", ee, [s("div", te, [r[2] ||= s("strong", null, "合同模板 Agent", -1), s("span", null, h(g(U).session.value?.title || "新会话"), 1)]), l(g(S), { color: g(U).loading.value ? "processing" : "default" }, {
-					default: v(() => [c(h(g(U).loading.value ? "生成中" : "待命"), 1)]),
+		return (e, t) => (d(), n(m(E), null, {
+			default: g(() => [a("section", ee, [
+				a("header", te, [a("div", D, [t[2] ||= a("strong", null, "合同模板 Agent", -1), a("span", null, p(m(U).session.value?.title || "新会话"), 1)]), s(m(b), { color: m(U).loading.value ? "processing" : "default" }, {
+					default: g(() => [o(p(m(U).loading.value ? "生成中" : "待命"), 1)]),
 					_: 1
 				}, 8, ["color"])]),
-				s("div", O, [r[3] ||= s("span", null, "生成模型", -1), l(g(x), {
+				a("div", O, [t[3] ||= a("span", null, "生成模型", -1), s(m(y), {
 					value: H.value,
-					"onUpdate:value": r[0] ||= (e) => H.value = e,
-					disabled: u.disabled || g(U).loading.value,
-					loading: g(U).modelProfiles.value.length === 0,
+					"onUpdate:value": t[0] ||= (e) => H.value = e,
+					disabled: c.disabled || m(U).loading.value,
+					loading: m(U).modelProfiles.value.length === 0,
 					options: W.value,
 					"allow-clear": "",
 					placeholder: "由服务端选择默认模型"
@@ -156,69 +155,69 @@ var D = { class: "gd-contract-template-agent-panel" }, ee = { class: "gd-contrac
 					"loading",
 					"options"
 				])]),
-				s("div", k, [
-					r[4] ||= s("span", null, "生成上下文", -1),
-					s("div", null, [l(g(S), { color: u.knowledgeBaseIds?.length ? "blue" : "default" }, {
-						default: v(() => [c(" 知识库 " + h(u.knowledgeBaseIds?.length || 0) + " 个 ", 1)]),
+				a("div", k, [
+					t[4] ||= a("span", null, "生成上下文", -1),
+					a("div", null, [s(m(b), { color: c.knowledgeBaseIds?.length ? "blue" : "default" }, {
+						default: g(() => [o(" 知识库 " + p(c.knowledgeBaseIds?.length || 0) + " 个 ", 1)]),
 						_: 1
-					}, 8, ["color"]), l(g(S), { color: u.templateIds?.length ? "purple" : "default" }, {
-						default: v(() => [c(" 模板 " + h(u.templateIds?.length || 0) + " 个 ", 1)]),
+					}, 8, ["color"]), s(m(b), { color: c.templateIds?.length ? "purple" : "default" }, {
+						default: g(() => [o(" 模板 " + p(c.templateIds?.length || 0) + " 个 ", 1)]),
 						_: 1
 					}, 8, ["color"])]),
-					!u.knowledgeBaseIds?.length && !u.templateIds?.length ? (p(), o("small", A, "宿主尚未选择引用范围")) : a("", !0)
+					!c.knowledgeBaseIds?.length && !c.templateIds?.length ? (d(), i("small", A, "宿主尚未选择引用范围")) : r("", !0)
 				]),
-				g(U).error.value ? (p(), i(g(y), {
+				m(U).error.value ? (d(), n(m(_), {
 					key: 0,
 					type: "error",
 					"show-icon": "",
 					closable: "",
-					message: g(U).error.value.message,
+					message: m(U).error.value.message,
 					class: "gd-contract-template-agent-panel__alert",
-					onClose: g(U).clear
-				}, null, 8, ["message", "onClose"])) : a("", !0),
-				s("div", j, [Y.value.length === 0 ? (p(), i(g(T), {
+					onClose: m(U).clear
+				}, null, 8, ["message", "onClose"])) : r("", !0),
+				a("div", j, [Y.value.length === 0 ? (d(), n(m(T), {
 					key: 0,
 					title: "准备生成合同模板",
-					description: u.welcomeText,
+					description: c.welcomeText,
 					variant: "borderless",
 					class: "gd-contract-template-agent-panel__welcome"
-				}, null, 8, ["description"])) : (p(), i(g(C), {
+				}, null, 8, ["description"])) : (d(), n(m(C), {
 					key: 1,
 					items: Y.value,
 					roles: X,
 					class: "gd-contract-template-agent-panel__bubble-list"
 				}, null, 8, ["items"]))]),
-				s("footer", M, [l(g(w), {
+				a("footer", M, [s(m(w), {
 					value: R.value,
-					"onUpdate:value": r[1] ||= (e) => R.value = e,
+					"onUpdate:value": t[1] ||= (e) => R.value = e,
 					"auto-size": {
 						minRows: 3,
 						maxRows: 8
 					},
-					disabled: u.disabled,
-					loading: g(U).loading.value,
+					disabled: c.disabled,
+					loading: m(U).loading.value,
 					"send-disabled": q.value,
 					maxlength: 12e3,
-					placeholder: u.placeholder,
+					placeholder: c.placeholder,
 					"submit-type": P,
-					onCancel: g(U).cancel,
+					onCancel: m(U).cancel,
 					onSubmit: ne
 				}, {
-					footer: v(() => [s("div", N, [s("div", null, [l(g(b), {
-						disabled: u.disabled || g(U).loading.value,
-						onClick: g(U).clear
+					footer: g(() => [a("div", N, [a("div", null, [s(m(v), {
+						disabled: c.disabled || m(U).loading.value,
+						onClick: m(U).clear
 					}, {
-						icon: v(() => [l(g(e))]),
-						default: v(() => [r[5] ||= c(" 清空 ", -1)]),
+						icon: g(() => [s(m(x))]),
+						default: g(() => [t[5] ||= o(" 清空 ", -1)]),
 						_: 1
-					}, 8, ["disabled", "onClick"]), l(g(b), {
-						disabled: u.disabled || !g(U).canRetry.value,
-						onClick: g(U).retry
+					}, 8, ["disabled", "onClick"]), s(m(v), {
+						disabled: c.disabled || !m(U).canRetry.value,
+						onClick: m(U).retry
 					}, {
-						icon: v(() => [l(g(t))]),
-						default: v(() => [r[6] ||= c(" 重试 ", -1)]),
+						icon: g(() => [s(m(S))]),
+						default: g(() => [t[6] ||= o(" 重试 ", -1)]),
 						_: 1
-					}, 8, ["disabled", "onClick"])]), r[7] ||= s("small", null, "Enter 发送，Shift + Enter 换行。Agent 结果不会自动覆盖当前模板。", -1)])]),
+					}, 8, ["disabled", "onClick"])]), t[7] ||= a("small", null, "Enter 发送，Shift + Enter 换行。Agent 结果不会自动覆盖当前模板。", -1)])]),
 					_: 1
 				}, 8, [
 					"value",