@guodun/antdv 1.3.2 → 1.4.1

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,9 @@ var v = { class: "gd-contract-signing-flow__layout" }, y = /* @__PURE__ */ c({
 		requireSigningLocation: {
 			type: Boolean,
 			default: !0
-		}
+		},
+		showSigningLocation: { type: Boolean },
+		zoom: { default: 1 }
 	},
 	emits: [
 		"update:modelValue",
@@ -31,122 +34,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(() => T.showSigningLocation || T.requireSigningLocation), M = s(() => ({ height: typeof T.height == "number" ? `${T.height}px` : T.height }));
+		function N(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 P() {
+			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), P();
+		}, { deep: !0 }), b(() => T.zoom, (e) => {
+			A.value = t(e);
+		});
+		function F() {
+			return a(D.value.value);
 		}
-		function O() {
-			let e = D();
-			S("update:modelValue", e), S("change", e);
+		function I() {
+			let e = F();
+			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 L(e) {
+			T.disabled || (D.selectedKey.value = e?.key, E("node-select", e ? N(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 R() {
+			if (T.readonly || T.disabled) return N(D.value.value.nodeList.find((e) => e.type === "sign"));
+			let e = D.addSignNode();
+			return I(), E("node-add", N(e)), E("node-select", N(e)), N(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 z(e) {
+			T.readonly || T.disabled || (D.removeSignNode(e), I(), E("node-remove", e), E("node-select", D.selectedNode.value ? N(D.selectedNode.value) : void 0));
 		}
-		function M(e, t) {
-			x.readonly || x.disabled || (C.moveSignNode(e, t), O(), S("node-move", e, t));
+		function B(e, t) {
+			T.readonly || T.disabled || (D.moveSignNode(e, t), I(), 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 V(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], I(), E("node-change", N(D.value.value.nodeList[t])));
 		}
-		function P(e, t) {
-			M(e.key, t);
+		function H(e, t) {
+			B(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 U() {
+			let e = D.selectedNode.value;
+			!e || e.type !== "sign" || T.disabled || E("placement-request", {
+				node: N(e),
+				locationRules: N(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 W(e, t) {
+			if (T.readonly || T.disabled) return;
+			D.setNodeLocationRules(e, t), I();
+			let n = D.value.value.nodeList.find((t) => t.key === e);
+			n && E("node-change", N(n));
+		}
+		function G() {
+			return F();
+		}
+		function K(e) {
+			D.replace(e), P(), I();
+		}
+		function q() {
+			let e = D.validate({ requireLocation: T.requireSigningLocation });
+			return E("validate", e), e;
+		}
+		function J(e) {
+			let n = t(e);
+			return n !== A.value && (A.value = n, E("update:zoom", n)), n;
+		}
+		function Y() {
+			return J(1);
+		}
+		function X() {
+			return A.value;
+		}
+		function Z() {
+			return J(k.value?.fitWidth() ?? A.value);
+		}
+		function Q(t) {
+			let r = n(t);
+			r && (t.preventDefault(), t.stopPropagation(), r === "reset" ? Y() : J(A.value + (r === "in" ? e : -e)));
+		}
+		function $(t) {
+			(t.ctrlKey || t.metaKey) && (t.preventDefault(), J(A.value + (t.deltaY > 0 ? -e : e)));
+		}
+		function ee(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: G,
+			setValue: K,
+			validate: q,
+			addSignNode: R,
+			removeSignNode: z,
+			moveSignNode: B,
+			setNodeLocationRules: W,
+			setZoom: J,
+			resetZoom: Y,
+			getZoom: X,
+			fitWidth: Z
+		}), (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(M.value),
+			tabindex: "0",
+			onKeydown: Q,
+			onPointerdown: ee,
+			onWheel: $
+		}, [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: L,
+			onAdd: R,
+			onRemove: t[0] ||= (e) => z(e.key),
+			onMove: H,
+			onZoomChange: J,
+			onFitWidth: Z
 		}, {
-			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": j.value,
+			onChange: V,
+			onPlacementRequest: U
 		}, 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-designer/index.mjs

@@ -1,14 +1,15 @@
 import { withInstall as e } from "../utils/install.mjs";
 import "../contract-signing-location/src/constants.mjs";
-import "./src/constants.mjs";
-import "./src/utils/image-url.mjs";
-import "./src/utils/content-image.mjs";
 import "./src/types.mjs";
 import "./src/utils/signing-placement.mjs";
+import "./src/constants.mjs";
 import "./src/composables/use-template-designer.mjs";
+import "./src/utils/image-url.mjs";
+import "./src/utils/template-renderer.mjs";
+import "./src/utils/content-image.mjs";
 import "./src/composables/use-template-draft-cache.mjs";
+import "./src/composables/use-template-files.mjs";
 import t from "./src/ProContractTemplateDesigner.mjs";
-import "./src/utils/template-renderer.mjs";
 import n from "./src/ProContractTemplateRenderer.mjs";
 import "./style/index.mjs";
 //#region src/components/pro-contract-template-designer/index.ts

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

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