@guodun/antdv 1.3.2 → 1.4.0

package/dist/es/components/contract-signing-location/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-ant-contract-signing-location{height:var(--gd-ant-contract-signing-location-height,clamp(720px, 100vh - 180px, 980px));border:1px solid var(--gdant-neutral-300);border-radius:var(--gdant-radius-lg);background:var(--gdant-neutral-0);min-width:0;color:var(--gdant-neutral-800);font-size:var(--gdant-text-body);grid-template-rows:auto auto minmax(0,1fr);grid-template-areas:"header""error""body";display:grid;overflow:hidden;container-type:inline-size}.gd-ant-contract-signing-location__header,.gd-ant-contract-signing-location__header-actions,.gd-ant-contract-signing-location__panel-head,.gd-ant-contract-signing-location__workspace-head,.gd-ant-contract-signing-location__workspace-tools,.gd-ant-contract-signing-location__page-jumper,.gd-ant-contract-signing-location__switch-row,.gd-ant-contract-signing-location__distance-summary,.gd-ant-contract-signing-location__zoom-tools,.gd-ant-contract-signing-location__error{align-items:center;display:flex}.gd-ant-contract-signing-location__header{justify-content:space-between;gap:var(--gdant-spacing-base);min-height:60px;padding:var(--gdant-spacing-sm) var(--gdant-spacing-base);border-bottom:1px solid var(--gdant-neutral-200);grid-area:header}.gd-ant-contract-signing-location__title{align-items:center;gap:var(--gdant-spacing-sm);min-width:0;display:flex}.gd-ant-contract-signing-location__title>div{gap:var(--gdant-spacing-xs);min-width:0;display:grid}.gd-ant-contract-signing-location__title strong{color:var(--gdant-neutral-900);font-size:var(--gdant-text-h3);font-weight:var(--gdant-font-semibold);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.gd-ant-contract-signing-location__title span:last-child{color:var(--gdant-neutral-500);font-size:var(--gdant-text-body-sm)}.gd-ant-contract-signing-location__title-bar{width:var(--gdant-spacing-xs);height:var(--gdant-spacing-base);border-radius:var(--gdant-radius-xs);background:var(--gdant-primary-500);flex:none}.gd-ant-contract-signing-location__header-actions{gap:var(--gdant-spacing-sm);flex:none}.gd-ant-contract-signing-location__placement-count{padding:var(--gdant-spacing-xs) var(--gdant-spacing-sm);border:1px solid var(--gdant-primary-200);border-radius:var(--gdant-radius-pill);background:var(--gdant-primary-50);color:var(--gdant-primary-600);font-size:var(--gdant-text-body-sm);white-space:nowrap}.gd-ant-contract-signing-location__error{justify-content:space-between;gap:var(--gdant-spacing-sm);min-height:40px;padding:var(--gdant-spacing-xs) var(--gdant-spacing-base);border-bottom:1px solid var(--gdant-error-100);background:var(--gdant-error-50);color:var(--gdant-error-700);font-size:var(--gdant-text-body-sm);grid-area:error}.gd-ant-contract-signing-location__body{--gd-navigator-expanded:220px;--gd-inspector-expanded:280px;grid-area:body;grid-template-columns:auto minmax(0,1fr) auto;min-height:0;display:grid;overflow:hidden}.gd-ant-contract-signing-location__body.is-single-file{grid-template-columns:minmax(0,1fr) auto}.gd-ant-contract-signing-location__navigator,.gd-ant-contract-signing-location__inspector{background:var(--gdant-neutral-0);flex-direction:column;min-width:0;min-height:0;display:flex;overflow:auto}.gd-ant-contract-signing-location__inspector{overflow:hidden}.gd-ant-contract-signing-location__navigator-wrap,.gd-ant-contract-signing-location__inspector-wrap{z-index:1;background:var(--gdant-neutral-0);min-width:0;min-height:0;transition:width var(--gdant-duration-slow) var(--gdant-easing-default);flex-direction:column;display:flex;position:relative;overflow:visible}.gd-ant-contract-signing-location__navigator-wrap{width:var(--gd-navigator-expanded);border-right:1px solid var(--gdant-neutral-200)}.gd-ant-contract-signing-location__inspector-wrap{width:var(--gd-inspector-expanded);border-left:1px solid var(--gdant-neutral-200)}.gd-ant-contract-signing-location__navigator-wrap.is-collapsed{border-right-width:0;width:0}.gd-ant-contract-signing-location__inspector-wrap.is-collapsed{border-left-width:0;width:0}.gd-ant-contract-signing-location__navigator-wrap.is-collapsed .gd-ant-contract-signing-location__panel-stack,.gd-ant-contract-signing-location__inspector-wrap.is-collapsed .gd-ant-contract-signing-location__panel-stack{visibility:hidden}.gd-ant-contract-signing-location__panel-stack{flex:auto;width:100%;min-width:0;height:100%;min-height:0;overflow:hidden}.gd-ant-contract-signing-location__panel-stack>.gd-ant-contract-signing-location__navigator,.gd-ant-contract-signing-location__panel-stack>.gd-ant-contract-signing-location__inspector{height:100%}.gd-ant-contract-signing-location__navigator-wrap .gd-ant-contract-signing-location__panel-stack>*{width:var(--gd-navigator-expanded);flex:none}.gd-ant-contract-signing-location__inspector-wrap .gd-ant-contract-signing-location__panel-stack>*{width:var(--gd-inspector-expanded);flex:none}.gd-ant-contract-signing-location__panel-handle{z-index:2;box-sizing:border-box;border:1px solid var(--gdant-neutral-200);background:var(--gdant-neutral-0);width:14px;height:44px;color:var(--gdant-neutral-500);cursor:pointer;pointer-events:auto;transition:color var(--gdant-duration-normal) var(--gdant-easing-default), background var(--gdant-duration-normal) var(--gdant-easing-default);justify-content:center;align-items:center;margin:0;padding:0;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.gd-ant-contract-signing-location__panel-handle .anticon{font-size:10px}.gd-ant-contract-signing-location__navigator-wrap .gd-ant-contract-signing-location__panel-handle{border-radius:0 var(--gdant-radius-md) var(--gdant-radius-md) 0;border-left:0;right:-14px}.gd-ant-contract-signing-location__inspector-wrap .gd-ant-contract-signing-location__panel-handle{border-radius:var(--gdant-radius-md) 0 0 var(--gdant-radius-md);border-right:0;left:-14px}.gd-ant-contract-signing-location__panel-handle:hover{background:var(--gdant-neutral-50);color:var(--gdant-primary-500)}.gd-ant-contract-signing-location__panel-head,.gd-ant-contract-signing-location__property-head{justify-content:space-between;gap:var(--gdant-spacing-sm);padding:var(--gdant-spacing-md) var(--gdant-spacing-base);border-bottom:1px solid var(--gdant-neutral-200);flex:none}.gd-ant-contract-signing-location__panel-head>div,.gd-ant-contract-signing-location__property-head>div{gap:var(--gdant-spacing-xs);display:grid}.gd-ant-contract-signing-location__panel-head strong,.gd-ant-contract-signing-location__property-head strong{color:var(--gdant-neutral-800);font-weight:var(--gdant-font-semibold)}.gd-ant-contract-signing-location__panel-head>div>span,.gd-ant-contract-signing-location__property-head>div>span{color:var(--gdant-neutral-500);font-size:var(--gdant-text-body-sm)}.gd-ant-contract-signing-location__file-list{gap:var(--gdant-spacing-base);padding:var(--gdant-spacing-md);display:grid}.gd-ant-contract-signing-location__file-group,.gd-ant-contract-signing-location__thumbnail-list,.gd-ant-contract-signing-location__tool-list,.gd-ant-contract-signing-location__property-body,.gd-ant-contract-signing-location__inspector-actions{gap:var(--gdant-spacing-sm);display:grid}.gd-ant-contract-signing-location__file-title{align-items:center;gap:var(--gdant-spacing-sm);color:var(--gdant-neutral-700);grid-template-columns:auto minmax(0,1fr) auto;display:grid}.gd-ant-contract-signing-location__file-title>svg{color:var(--gdant-error-600)}.gd-ant-contract-signing-location__file-title>span{font-weight:var(--gdant-font-medium);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.gd-ant-contract-signing-location__file-title>small{color:var(--gdant-neutral-500);white-space:nowrap}.gd-ant-contract-signing-location__thumbnail-list{grid-template-columns:minmax(0,1fr)}.gd-ant-contract-signing-location__thumbnail{gap:var(--gdant-spacing-xs);min-width:0;padding:var(--gdant-spacing-xs);border:1px solid var(--gdant-neutral-300);border-radius:var(--gdant-radius-md);background:var(--gdant-neutral-0);color:var(--gdant-neutral-600);font:inherit;font-size:var(--gdant-text-body-sm);cursor:pointer;transition:border-color var(--gdant-duration-normal) var(--gdant-easing-default), box-shadow var(--gdant-duration-normal) var(--gdant-easing-default);display:grid}.gd-ant-contract-signing-location__thumbnail:hover,.gd-ant-contract-signing-location__thumbnail.is-active{border-color:var(--gdant-primary-500)}.gd-ant-contract-signing-location__thumbnail.is-active{color:var(--gdant-primary-600);box-shadow:0 0 0 2px color-mix(in srgb, var(--gdant-primary-500) 16%, transparent)}.gd-ant-contract-signing-location__thumbnail.is-error:not(.is-active){border-color:var(--gdant-error-500);color:var(--gdant-error-600)}.gd-ant-contract-signing-location__thumbnail:focus-visible{outline:2px solid var(--gdant-primary-500);outline-offset:2px}.gd-ant-contract-signing-location__thumbnail-preview{aspect-ratio:3/4;border-radius:var(--gdant-radius-sm);background:var(--gdant-neutral-100);color:var(--gdant-neutral-400);place-items:center;display:grid;overflow:hidden}.gd-ant-contract-signing-location__thumbnail-preview img{object-fit:cover;object-position:top center;width:100%;height:100%}.gd-ant-contract-signing-location__workspace{background:var(--gdant-neutral-100);grid-template-rows:auto minmax(0,1fr);min-width:0;min-height:0;display:grid;overflow:hidden}.gd-ant-contract-signing-location__workspace-head{z-index:2;justify-content:space-between;gap:var(--gdant-spacing-sm);min-height:54px;padding:var(--gdant-spacing-sm) var(--gdant-spacing-base);border-bottom:1px solid var(--gdant-neutral-200);background:var(--gdant-neutral-0)}.gd-ant-contract-signing-location__workspace-head>div:first-child{gap:var(--gdant-spacing-xs);min-width:0;display:grid}.gd-ant-contract-signing-location__workspace-head strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.gd-ant-contract-signing-location__workspace-head>div:first-child>span{color:var(--gdant-neutral-500);font-size:var(--gdant-text-body-sm);white-space:nowrap}.gd-ant-contract-signing-location__workspace-tools{gap:var(--gdant-spacing-md);flex:none}.gd-ant-contract-signing-location__page-jumper{gap:var(--gdant-spacing-xs);color:var(--gdant-neutral-600);font-size:var(--gdant-text-body-sm)}.gd-ant-contract-signing-location__page-jumper label{align-items:center;gap:var(--gdant-spacing-xs);white-space:nowrap;display:inline-flex}.gd-ant-contract-signing-location__page-jumper input{width:52px;height:28px;padding:0 var(--gdant-spacing-xs);border:1px solid var(--gdant-neutral-300);border-radius:var(--gdant-radius-md);background:var(--gdant-neutral-0);color:var(--gdant-neutral-800);font:inherit;text-align:center}.gd-ant-contract-signing-location__page-jumper input:focus-visible{outline:2px solid color-mix(in srgb, var(--gdant-primary-500) 15%, transparent);border-color:var(--gdant-primary-500)}.gd-ant-contract-signing-location__canvas-scroll{min-height:0;padding:var(--gdant-spacing-xl);position:relative;overflow:auto}.gd-ant-contract-signing-location__canvas-state,.gd-ant-contract-signing-location__panel-empty{place-content:center;gap:var(--gdant-spacing-sm);color:var(--gdant-neutral-500);text-align:center;display:grid}.gd-ant-contract-signing-location__canvas-state{min-height:440px}.gd-ant-contract-signing-location__canvas-state.is-error{color:var(--gdant-error-600)}.gd-ant-contract-signing-location__canvas-state.is-error strong{color:var(--gdant-error-700)}.gd-ant-contract-signing-location__canvas-state.is-error button{padding:var(--gdant-spacing-xs) var(--gdant-spacing-sm);border:1px solid var(--gdant-error-300);border-radius:var(--gdant-radius-md);background:var(--gdant-neutral-0);color:var(--gdant-error-600);font:inherit;cursor:pointer;justify-self:center}.gd-ant-contract-signing-location__page-stack{min-height:100%;margin:0 auto;position:relative}.gd-ant-contract-signing-location__page-shell{position:absolute;overflow:hidden}.gd-ant-contract-signing-location__page-stage{min-height:100%;margin:0 auto;position:relative}.gd-ant-contract-signing-location__page{transform-origin:0 0;border-radius:var(--gdant-radius-xs);background:var(--gdant-neutral-0);box-shadow:var(--gdant-shadow-overlay);-webkit-user-select:none;user-select:none;position:relative;overflow:hidden}.gd-ant-contract-signing-location__page-image{object-fit:fill;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.gd-ant-contract-signing-location__page-placeholder{place-content:center;gap:var(--gdant-spacing-sm);background:var(--gdant-neutral-50);color:var(--gdant-neutral-500);text-align:center;display:grid;position:absolute;inset:0}.gd-ant-contract-signing-location__page-placeholder strong{color:var(--gdant-neutral-700);font-size:var(--gdant-text-h3)}.gd-ant-contract-signing-location__render-region{z-index:2;box-sizing:border-box;border:1px solid #0000;position:absolute;inset:0}.gd-ant-contract-signing-location__render-region-content{width:100%;height:100%;position:relative;overflow:hidden}.gd-ant-contract-signing-location__placement{z-index:3;border-radius:var(--gdant-radius-xs);min-width:0;min-height:0;color:var(--gdant-primary-500);font:inherit;appearance:none;cursor:move;touch-action:none;background:0 0;border:0;justify-content:center;align-items:center;padding:0;display:flex;position:absolute;overflow:visible}.gd-ant-contract-signing-location__placement:hover,.gd-ant-contract-signing-location__placement:focus-visible,.gd-ant-contract-signing-location__placement.is-selected{outline-offset:2px;box-shadow:0 0 0 3px color-mix(in srgb, currentColor 18%, transparent);outline:1px solid}.gd-ant-contract-signing-location__placement:focus-visible{outline-width:2px}.gd-ant-contract-signing-location__placement.is-seal{color:var(--gdant-error-500)}.gd-ant-contract-signing-location__placement.is-date{color:var(--gdant-warning-600)}.gd-ant-contract-signing-location__placement-body{pointer-events:none;justify-content:center;align-items:center;width:100%;min-width:0;height:100%;display:flex;overflow:hidden}.gd-ant-contract-signing-location__placement-visual{object-fit:contain;-webkit-user-select:none;user-select:none;width:100%;min-width:0;height:100%;min-height:0;display:block}.gd-ant-contract-signing-location__placement-badge{z-index:4;padding:0 var(--gdant-spacing-xs);border-radius:var(--gdant-radius-pill);background:var(--gdant-primary-500);color:var(--gdant-neutral-0);font-size:var(--gdant-text-body-sm);pointer-events:none;white-space:nowrap;line-height:1.4;position:absolute;top:0;right:0;transform:translate(30%,-40%)}.gd-ant-contract-signing-location__placement.is-seal .gd-ant-contract-signing-location__placement-badge{background:var(--gdant-error-500)}.gd-ant-contract-signing-location__placement.is-date .gd-ant-contract-signing-location__placement-badge{background:var(--gdant-warning-500)}.gd-ant-contract-signing-location__resize-handle{z-index:5;border:1px solid var(--gdant-primary-500);border-radius:var(--gdant-radius-xs);background:var(--gdant-neutral-0);width:8px;height:8px;position:absolute}.gd-ant-contract-signing-location__resize-handle.is-n,.gd-ant-contract-signing-location__resize-handle.is-s{cursor:ns-resize;left:50%;transform:translate(-50%)}.gd-ant-contract-signing-location__resize-handle.is-e,.gd-ant-contract-signing-location__resize-handle.is-w{cursor:ew-resize;top:50%;transform:translateY(-50%)}.gd-ant-contract-signing-location__resize-handle.is-n{top:-5px}.gd-ant-contract-signing-location__resize-handle.is-s{bottom:-5px}.gd-ant-contract-signing-location__resize-handle.is-e{right:-5px}.gd-ant-contract-signing-location__resize-handle.is-w{left:-5px}.gd-ant-contract-signing-location__resize-handle.is-nw{cursor:nwse-resize;top:-5px;left:-5px}.gd-ant-contract-signing-location__resize-handle.is-ne{cursor:nesw-resize;top:-5px;right:-5px}.gd-ant-contract-signing-location__resize-handle.is-se{cursor:nwse-resize;bottom:-5px;right:-5px}.gd-ant-contract-signing-location__resize-handle.is-sw{cursor:nesw-resize;bottom:-5px;left:-5px}.gd-ant-contract-signing-location__coordinate-guides{z-index:2;pointer-events:none;position:absolute;inset:0}.gd-ant-contract-signing-location__coordinate-guides>span{border-color:var(--gdant-primary-500);border-style:dashed;display:block;position:absolute}.gd-ant-contract-signing-location__coordinate-guides>span small{padding:0 var(--gdant-spacing-xs);border-radius:var(--gdant-radius-sm);background:var(--gdant-primary-600);color:var(--gdant-neutral-0);font-size:var(--gdant-text-body-sm);line-height:var(--gdant-spacing-lg);white-space:nowrap;position:absolute}.gd-ant-contract-signing-location__coordinate-guides .is-horizontal{border-width:1px 0 0;width:100%;left:0}.gd-ant-contract-signing-location__coordinate-guides .is-horizontal small{left:var(--gd-contract-sign-left);transform:translate(-50%)}.gd-ant-contract-signing-location__coordinate-guides .is-vertical{border-width:0 0 0 1px;height:100%;top:0}.gd-ant-contract-signing-location__coordinate-guides .is-vertical small{top:var(--gd-contract-sign-top);transform:translate(-50%,-50%)rotate(-90deg)}.gd-ant-contract-signing-location__coordinate-guides .is-top{top:var(--gd-contract-sign-top)}.gd-ant-contract-signing-location__coordinate-guides .is-top small{bottom:var(--gdant-spacing-xs)}.gd-ant-contract-signing-location__coordinate-guides .is-bottom{top:var(--gd-contract-sign-bottom)}.gd-ant-contract-signing-location__coordinate-guides .is-bottom small{top:var(--gdant-spacing-xs)}.gd-ant-contract-signing-location__coordinate-guides .is-left{left:var(--gd-contract-sign-left)}.gd-ant-contract-signing-location__coordinate-guides .is-left small{right:var(--gdant-spacing-xs)}.gd-ant-contract-signing-location__coordinate-guides .is-right{left:var(--gd-contract-sign-right)}.gd-ant-contract-signing-location__coordinate-guides .is-right small{left:var(--gdant-spacing-lg)}.gd-ant-contract-signing-location__snap-guides{z-index:2;pointer-events:none;position:absolute;inset:0}.gd-ant-contract-signing-location__snap-guides>span{border-color:var(--gdant-primary-400);border-style:solid;display:block;position:absolute}.gd-ant-contract-signing-location__snap-guides .is-horizontal{border-width:1px 0 0;width:100%;left:0}.gd-ant-contract-signing-location__snap-guides .is-vertical{border-width:0 0 0 1px;height:100%;top:0}.gd-ant-contract-signing-location__tool-list{padding:var(--gdant-spacing-sm);flex:none;grid-template-columns:repeat(3,minmax(0,1fr))}.gd-ant-contract-signing-location__tool{place-items:center;gap:var(--gdant-spacing-xs);min-width:0;min-height:74px;padding:var(--gdant-spacing-sm);border:1px solid var(--gdant-neutral-300);border-radius:var(--gdant-radius-md);background:var(--gdant-neutral-0);color:var(--gdant-neutral-700);font:inherit;text-align:center;cursor:grab;transition:border-color var(--gdant-duration-normal) var(--gdant-easing-default), background var(--gdant-duration-normal) var(--gdant-easing-default);grid-template-columns:minmax(0,1fr);display:grid}.gd-ant-contract-signing-location__tool>svg{color:var(--gdant-primary-500);font-size:var(--gdant-spacing-lg)}.gd-ant-contract-signing-location__tool>span{gap:var(--gdant-spacing-xs);min-width:0;display:grid}.gd-ant-contract-signing-location__tool strong,.gd-ant-contract-signing-location__tool small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.gd-ant-contract-signing-location__tool strong{font-size:var(--gdant-text-body-sm)}.gd-ant-contract-signing-location__tool small{color:var(--gdant-neutral-500);font-size:var(--gdant-text-body-sm)}.gd-ant-contract-signing-location__tool:hover:not(:disabled){border-color:var(--gdant-primary-500);background:var(--gdant-primary-50)}.gd-ant-contract-signing-location__tool:disabled{cursor:not-allowed;opacity:.55}.gd-ant-contract-signing-location__inspector-divider{height:var(--gdant-spacing-sm);border-block:1px solid var(--gdant-neutral-200);background:var(--gdant-neutral-50)}.gd-ant-contract-signing-location__placement-list{flex-direction:column;flex:1 1 0;min-height:168px;display:flex;overflow:hidden}.gd-ant-contract-signing-location__list-head{justify-content:space-between;align-items:center;gap:var(--gdant-spacing-sm);padding:var(--gdant-spacing-sm) var(--gdant-spacing-base);color:var(--gdant-neutral-800);flex:none;display:flex}.gd-ant-contract-signing-location__list-head span{color:var(--gdant-neutral-500);font-size:var(--gdant-text-body-sm)}.gd-ant-contract-signing-location__placement-groups{gap:var(--gdant-spacing-md);min-height:0;padding:0 var(--gdant-spacing-md) var(--gdant-spacing-md);display:grid;overflow:auto}.gd-ant-contract-signing-location__placement-group{gap:var(--gdant-spacing-xs);display:grid}.gd-ant-contract-signing-location__placement-group h3{color:var(--gdant-neutral-500);font-size:var(--gdant-text-body-sm);font-weight:var(--gdant-font-medium);margin:0}.gd-ant-contract-signing-location__placement-row{align-items:center;gap:var(--gdant-spacing-sm);min-width:0;padding:var(--gdant-spacing-sm);border:1px solid var(--gdant-neutral-200);border-radius:var(--gdant-radius-md);background:var(--gdant-neutral-0);color:var(--gdant-neutral-700);font:inherit;text-align:left;cursor:pointer;grid-template-columns:auto minmax(0,1fr) auto auto;display:grid}.gd-ant-contract-signing-location__placement-row>svg{color:var(--gdant-primary-500)}.gd-ant-contract-signing-location__placement-row>span{min-width:0;display:grid}.gd-ant-contract-signing-location__placement-row strong,.gd-ant-contract-signing-location__placement-row small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.gd-ant-contract-signing-location__placement-row small{color:var(--gdant-neutral-500);font-size:var(--gdant-text-body-sm)}.gd-ant-contract-signing-location__placement-row em{color:var(--gdant-error-600);font-style:normal;font-size:var(--gdant-text-body-sm);flex:none}.gd-ant-contract-signing-location__placement-row:hover,.gd-ant-contract-signing-location__placement-row.is-active{border-color:var(--gdant-primary-500);background:var(--gdant-primary-50)}.gd-ant-contract-signing-location__placement-row-delete{border-radius:var(--gdant-radius-sm);width:24px;height:24px;color:var(--gdant-neutral-500);place-items:center;display:grid}.gd-ant-contract-signing-location__placement-row-delete:hover{background:var(--gdant-neutral-100);color:var(--gdant-error-600)}.gd-ant-contract-signing-location__property-head{flex:none}.gd-ant-contract-signing-location__property-body{min-height:176px;padding:var(--gdant-spacing-base);flex:1.2 1 0;overflow:auto}.gd-ant-contract-signing-location__switch-row,.gd-ant-contract-signing-location__distance-summary{justify-content:space-between;gap:var(--gdant-spacing-sm)}.gd-ant-contract-signing-location__form-row{gap:var(--gdant-spacing-xs);color:var(--gdant-neutral-600);font-size:var(--gdant-text-body-sm);display:grid}.gd-ant-contract-signing-location__form-row.is-wide .ant-select,.gd-ant-contract-signing-location__form-row .ant-input-number{width:100%}.gd-ant-contract-signing-location__coordinate-grid{gap:var(--gdant-spacing-sm);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.gd-ant-contract-signing-location__distance-summary{padding:var(--gdant-spacing-sm);border-radius:var(--gdant-radius-md);background:var(--gdant-neutral-50);color:var(--gdant-neutral-500);font-size:var(--gdant-text-body-sm)}.gd-ant-contract-signing-location__distance-summary b{color:var(--gdant-neutral-700);font-weight:var(--gdant-font-medium)}.gd-ant-contract-signing-location__panel-empty{min-height:220px;padding:var(--gdant-spacing-xl);flex:1}.gd-ant-contract-signing-location__panel-empty>svg{color:var(--gdant-neutral-400);font-size:var(--gdant-spacing-xl);justify-self:center}.gd-ant-contract-signing-location__panel-empty strong{color:var(--gdant-neutral-700)}.gd-ant-contract-signing-location__panel-empty span{font-size:var(--gdant-text-body-sm);line-height:1.6}.gd-ant-contract-signing-location__panel-empty.is-inspector,.gd-ant-contract-signing-location__panel-empty.is-list{flex:none;min-height:120px}.gd-ant-contract-signing-location__zoom-tools{gap:var(--gdant-spacing-xs)}.gd-ant-contract-signing-location__zoom-tools>button:not(.ant-btn){min-width:52px;color:var(--gdant-neutral-600);font:inherit;font-size:var(--gdant-text-body-sm);cursor:pointer;background:0 0;border:0}.gd-ant-contract-signing-location__muted{color:var(--gdant-neutral-500);font-size:var(--gdant-text-body-sm)}.gd-ant-contract-signing-location.is-readonly .gd-ant-contract-signing-location__placement{cursor:pointer}.gd-ant-contract-signing-location.is-disabled{opacity:.72}@media (width<=1024px){.gd-ant-contract-signing-location__workspace-head,.gd-ant-contract-signing-location__workspace-tools{flex-wrap:wrap}}@media (width<=768px){.gd-ant-contract-signing-location{grid-template-rows:auto auto auto;height:auto}.gd-ant-contract-signing-location__header{flex-direction:column;align-items:stretch}.gd-ant-contract-signing-location__header-actions{justify-content:space-between}.gd-ant-contract-signing-location__body,.gd-ant-contract-signing-location__body.is-single-file{grid-template-columns:1fr;min-height:0;overflow:visible}.gd-ant-contract-signing-location__navigator,.gd-ant-contract-signing-location__inspector,.gd-ant-contract-signing-location__navigator-wrap,.gd-ant-contract-signing-location__inspector-wrap,.gd-ant-contract-signing-location__navigator-wrap.is-collapsed,.gd-ant-contract-signing-location__inspector-wrap.is-collapsed{border:0;width:auto;overflow:visible}.gd-ant-contract-signing-location__navigator-wrap .gd-ant-contract-signing-location__panel-stack,.gd-ant-contract-signing-location__inspector-wrap .gd-ant-contract-signing-location__panel-stack,.gd-ant-contract-signing-location__navigator-wrap.is-collapsed .gd-ant-contract-signing-location__panel-stack,.gd-ant-contract-signing-location__inspector-wrap.is-collapsed .gd-ant-contract-signing-location__panel-stack,.gd-ant-contract-signing-location__navigator-wrap .gd-ant-contract-signing-location__panel-stack>*,.gd-ant-contract-signing-location__inspector-wrap .gd-ant-contract-signing-location__panel-stack>*{visibility:visible;width:100%}.gd-ant-contract-signing-location__navigator-wrap{border-bottom:1px solid var(--gdant-neutral-200)}.gd-ant-contract-signing-location__inspector-wrap{border-top:1px solid var(--gdant-neutral-200)}.gd-ant-contract-signing-location__panel-handle{display:none!important}.gd-ant-contract-signing-location__file-list{max-height:300px;overflow:auto}.gd-ant-contract-signing-location__tool-list{grid-template-columns:minmax(0,1fr)}.gd-ant-contract-signing-location__placement-list,.gd-ant-contract-signing-location__property-body{flex:none;min-height:auto}.gd-ant-contract-signing-location__workspace{min-height:520px}.gd-ant-contract-signing-location__canvas-scroll{max-height:70vh}.gd-ant-contract-signing-location__workspace-head,.gd-ant-contract-signing-location__workspace-tools,.gd-ant-contract-signing-location__page-jumper{justify-content:flex-start}.gd-ant-contract-signing-location__zoom-tools{justify-content:center;margin-right:0}}@media (width<=480px){.gd-ant-contract-signing-location__header-actions,.gd-ant-contract-signing-location__thumbnail-list,.gd-ant-contract-signing-location__coordinate-grid{grid-template-columns:1fr}.gd-ant-contract-signing-location__header-actions{display:grid}.gd-ant-contract-signing-location__placement-count{justify-self:start}.gd-ant-contract-signing-location__canvas-scroll{padding:var(--gdant-spacing-md)}.gd-ant-contract-signing-location__workspace{min-height:440px}}@container (width<=1119px){.gd-ant-contract-signing-location__body{--gd-navigator-expanded:184px;--gd-inspector-expanded:244px}.gd-ant-contract-signing-location__workspace-head,.gd-ant-contract-signing-location__workspace-tools{flex-wrap:wrap}}@container (width<=919px){.gd-ant-contract-signing-location__body{--gd-navigator-expanded:160px;--gd-inspector-expanded:220px}}@media (prefers-reduced-motion:reduce){.gd-ant-contract-signing-location__navigator-wrap,.gd-ant-contract-signing-location__inspector-wrap,.gd-ant-contract-signing-location__panel-handle{transition:none}}
+: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-ant-contract-signing-location{height:var(--gd-ant-contract-signing-location-height,clamp(720px, 100vh - 180px, 980px));border:1px solid var(--gdant-neutral-300);border-radius:var(--gdant-radius-lg);background:var(--gdant-neutral-0);min-width:0;color:var(--gdant-neutral-800);font-size:var(--gdant-text-body);grid-template-rows:auto auto minmax(0,1fr);grid-template-areas:"header""error""body";display:grid;overflow:hidden;container-type:inline-size}.gd-ant-contract-signing-location__header,.gd-ant-contract-signing-location__header-actions,.gd-ant-contract-signing-location__panel-head,.gd-ant-contract-signing-location__workspace-head,.gd-ant-contract-signing-location__workspace-tools,.gd-ant-contract-signing-location__page-jumper,.gd-ant-contract-signing-location__switch-row,.gd-ant-contract-signing-location__distance-summary,.gd-ant-contract-signing-location__zoom-tools,.gd-ant-contract-signing-location__error{align-items:center;display:flex}.gd-ant-contract-signing-location__header{justify-content:space-between;gap:var(--gdant-spacing-base);min-height:60px;padding:var(--gdant-spacing-sm) var(--gdant-spacing-base);border-bottom:1px solid var(--gdant-neutral-200);grid-area:header}.gd-ant-contract-signing-location__title{align-items:center;gap:var(--gdant-spacing-sm);min-width:0;display:flex}.gd-ant-contract-signing-location__title>div{gap:var(--gdant-spacing-xs);min-width:0;display:grid}.gd-ant-contract-signing-location__title strong{color:var(--gdant-neutral-900);font-size:var(--gdant-text-h3);font-weight:var(--gdant-font-semibold);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.gd-ant-contract-signing-location__title span:last-child{color:var(--gdant-neutral-500);font-size:var(--gdant-text-body-sm)}.gd-ant-contract-signing-location__title-bar{width:var(--gdant-spacing-xs);height:var(--gdant-spacing-base);border-radius:var(--gdant-radius-xs);background:var(--gdant-primary-500);flex:none}.gd-ant-contract-signing-location__header-actions{gap:var(--gdant-spacing-sm);flex:none}.gd-ant-contract-signing-location__placement-count{padding:var(--gdant-spacing-xs) var(--gdant-spacing-sm);border:1px solid var(--gdant-primary-200);border-radius:var(--gdant-radius-pill);background:var(--gdant-primary-50);color:var(--gdant-primary-600);font-size:var(--gdant-text-body-sm);white-space:nowrap}.gd-ant-contract-signing-location__error{justify-content:space-between;gap:var(--gdant-spacing-sm);min-height:40px;padding:var(--gdant-spacing-xs) var(--gdant-spacing-base);border-bottom:1px solid var(--gdant-error-100);background:var(--gdant-error-50);color:var(--gdant-error-700);font-size:var(--gdant-text-body-sm);grid-area:error}.gd-ant-contract-signing-location__body{--gd-navigator-expanded:220px;--gd-inspector-expanded:280px;grid-area:body;grid-template-columns:auto minmax(0,1fr) auto;min-height:0;display:grid;overflow:hidden}.gd-ant-contract-signing-location__body.is-single-file{grid-template-columns:minmax(0,1fr) auto}.gd-ant-contract-signing-location__body.is-inspector-hidden{grid-template-columns:auto minmax(0,1fr)}.gd-ant-contract-signing-location__body.is-single-file.is-inspector-hidden{grid-template-columns:minmax(0,1fr)}.gd-ant-contract-signing-location__navigator,.gd-ant-contract-signing-location__inspector{background:var(--gdant-neutral-0);flex-direction:column;min-width:0;min-height:0;display:flex;overflow:auto}.gd-ant-contract-signing-location__inspector{overflow:hidden}.gd-ant-contract-signing-location__navigator-wrap,.gd-ant-contract-signing-location__inspector-wrap{z-index:1;background:var(--gdant-neutral-0);min-width:0;min-height:0;transition:width var(--gdant-duration-slow) var(--gdant-easing-default);flex-direction:column;display:flex;position:relative;overflow:visible}.gd-ant-contract-signing-location__navigator-wrap{width:var(--gd-navigator-expanded);border-right:1px solid var(--gdant-neutral-200)}.gd-ant-contract-signing-location__inspector-wrap{width:var(--gd-inspector-expanded);border-left:1px solid var(--gdant-neutral-200)}.gd-ant-contract-signing-location__navigator-wrap.is-collapsed{border-right-width:0;width:0}.gd-ant-contract-signing-location__inspector-wrap.is-collapsed{border-left-width:0;width:0}.gd-ant-contract-signing-location__navigator-wrap.is-collapsed .gd-ant-contract-signing-location__panel-stack,.gd-ant-contract-signing-location__inspector-wrap.is-collapsed .gd-ant-contract-signing-location__panel-stack{visibility:hidden}.gd-ant-contract-signing-location__panel-stack{flex:auto;width:100%;min-width:0;height:100%;min-height:0;overflow:hidden}.gd-ant-contract-signing-location__panel-stack>.gd-ant-contract-signing-location__navigator,.gd-ant-contract-signing-location__panel-stack>.gd-ant-contract-signing-location__inspector{height:100%}.gd-ant-contract-signing-location__navigator-wrap .gd-ant-contract-signing-location__panel-stack>*{width:var(--gd-navigator-expanded);flex:none}.gd-ant-contract-signing-location__inspector-wrap .gd-ant-contract-signing-location__panel-stack>*{width:var(--gd-inspector-expanded);flex:none}.gd-ant-contract-signing-location__panel-handle{z-index:2;box-sizing:border-box;border:1px solid var(--gdant-neutral-200);background:var(--gdant-neutral-0);width:14px;height:44px;color:var(--gdant-neutral-500);cursor:pointer;pointer-events:auto;transition:color var(--gdant-duration-normal) var(--gdant-easing-default), background var(--gdant-duration-normal) var(--gdant-easing-default);justify-content:center;align-items:center;margin:0;padding:0;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.gd-ant-contract-signing-location__panel-handle .anticon{font-size:10px}.gd-ant-contract-signing-location__navigator-wrap .gd-ant-contract-signing-location__panel-handle{border-radius:0 var(--gdant-radius-md) var(--gdant-radius-md) 0;border-left:0;right:-14px}.gd-ant-contract-signing-location__inspector-wrap .gd-ant-contract-signing-location__panel-handle{border-radius:var(--gdant-radius-md) 0 0 var(--gdant-radius-md);border-right:0;left:-14px}.gd-ant-contract-signing-location__panel-handle:hover{background:var(--gdant-neutral-50);color:var(--gdant-primary-500)}.gd-ant-contract-signing-location__panel-head,.gd-ant-contract-signing-location__property-head{justify-content:space-between;gap:var(--gdant-spacing-sm);padding:var(--gdant-spacing-md) var(--gdant-spacing-base);border-bottom:1px solid var(--gdant-neutral-200);flex:none}.gd-ant-contract-signing-location__panel-head>div,.gd-ant-contract-signing-location__property-head>div{gap:var(--gdant-spacing-xs);display:grid}.gd-ant-contract-signing-location__panel-head strong,.gd-ant-contract-signing-location__property-head strong{color:var(--gdant-neutral-800);font-weight:var(--gdant-font-semibold)}.gd-ant-contract-signing-location__panel-head>div>span,.gd-ant-contract-signing-location__property-head>div>span{color:var(--gdant-neutral-500);font-size:var(--gdant-text-body-sm)}.gd-ant-contract-signing-location__file-list{gap:var(--gdant-spacing-base);padding:var(--gdant-spacing-md);display:grid}.gd-ant-contract-signing-location__file-group,.gd-ant-contract-signing-location__thumbnail-list,.gd-ant-contract-signing-location__tool-list,.gd-ant-contract-signing-location__property-body,.gd-ant-contract-signing-location__inspector-actions{gap:var(--gdant-spacing-sm);display:grid}.gd-ant-contract-signing-location__file-title{align-items:center;gap:var(--gdant-spacing-sm);color:var(--gdant-neutral-700);grid-template-columns:auto minmax(0,1fr) auto;display:grid}.gd-ant-contract-signing-location__file-title>svg{color:var(--gdant-error-600)}.gd-ant-contract-signing-location__file-title>span{font-weight:var(--gdant-font-medium);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.gd-ant-contract-signing-location__file-title>small{color:var(--gdant-neutral-500);white-space:nowrap}.gd-ant-contract-signing-location__thumbnail-list{grid-template-columns:minmax(0,1fr)}.gd-ant-contract-signing-location__thumbnail{gap:var(--gdant-spacing-xs);min-width:0;padding:var(--gdant-spacing-xs);border:1px solid var(--gdant-neutral-300);border-radius:var(--gdant-radius-md);background:var(--gdant-neutral-0);color:var(--gdant-neutral-600);font:inherit;font-size:var(--gdant-text-body-sm);cursor:pointer;transition:border-color var(--gdant-duration-normal) var(--gdant-easing-default), box-shadow var(--gdant-duration-normal) var(--gdant-easing-default);display:grid}.gd-ant-contract-signing-location__thumbnail:hover,.gd-ant-contract-signing-location__thumbnail.is-active{border-color:var(--gdant-primary-500)}.gd-ant-contract-signing-location__thumbnail.is-active{color:var(--gdant-primary-600);box-shadow:0 0 0 2px color-mix(in srgb, var(--gdant-primary-500) 16%, transparent)}.gd-ant-contract-signing-location__thumbnail.is-error:not(.is-active){border-color:var(--gdant-error-500);color:var(--gdant-error-600)}.gd-ant-contract-signing-location__thumbnail:focus-visible{outline:2px solid var(--gdant-primary-500);outline-offset:2px}.gd-ant-contract-signing-location__thumbnail-preview{aspect-ratio:3/4;border-radius:var(--gdant-radius-sm);background:var(--gdant-neutral-100);color:var(--gdant-neutral-400);place-items:center;display:grid;overflow:hidden}.gd-ant-contract-signing-location__thumbnail-preview img{object-fit:cover;object-position:top center;width:100%;height:100%}.gd-ant-contract-signing-location__workspace{background:var(--gdant-neutral-100);grid-template-rows:auto minmax(0,1fr);min-width:0;min-height:0;display:grid;overflow:hidden}.gd-ant-contract-signing-location__workspace-head{z-index:2;justify-content:space-between;gap:var(--gdant-spacing-sm);min-height:54px;padding:var(--gdant-spacing-sm) var(--gdant-spacing-base);border-bottom:1px solid var(--gdant-neutral-200);background:var(--gdant-neutral-0)}.gd-ant-contract-signing-location__workspace-head>div:first-child{gap:var(--gdant-spacing-xs);min-width:0;display:grid}.gd-ant-contract-signing-location__workspace-head strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.gd-ant-contract-signing-location__workspace-head>div:first-child>span{color:var(--gdant-neutral-500);font-size:var(--gdant-text-body-sm);white-space:nowrap}.gd-ant-contract-signing-location__workspace-tools{gap:var(--gdant-spacing-md);flex:none}.gd-ant-contract-signing-location__page-jumper{gap:var(--gdant-spacing-xs);color:var(--gdant-neutral-600);font-size:var(--gdant-text-body-sm)}.gd-ant-contract-signing-location__page-jumper label{align-items:center;gap:var(--gdant-spacing-xs);white-space:nowrap;display:inline-flex}.gd-ant-contract-signing-location__page-jumper input{width:52px;height:28px;padding:0 var(--gdant-spacing-xs);border:1px solid var(--gdant-neutral-300);border-radius:var(--gdant-radius-md);background:var(--gdant-neutral-0);color:var(--gdant-neutral-800);font:inherit;text-align:center}.gd-ant-contract-signing-location__page-jumper input:focus-visible{outline:2px solid color-mix(in srgb, var(--gdant-primary-500) 15%, transparent);border-color:var(--gdant-primary-500)}.gd-ant-contract-signing-location__canvas-scroll{min-height:0;padding:var(--gdant-spacing-xl);position:relative;overflow:auto}.gd-ant-contract-signing-location__canvas-state,.gd-ant-contract-signing-location__panel-empty{place-content:center;gap:var(--gdant-spacing-sm);color:var(--gdant-neutral-500);text-align:center;display:grid}.gd-ant-contract-signing-location__canvas-state{min-height:440px}.gd-ant-contract-signing-location__canvas-state.is-error{color:var(--gdant-error-600)}.gd-ant-contract-signing-location__canvas-state.is-error strong{color:var(--gdant-error-700)}.gd-ant-contract-signing-location__canvas-state.is-error button{padding:var(--gdant-spacing-xs) var(--gdant-spacing-sm);border:1px solid var(--gdant-error-300);border-radius:var(--gdant-radius-md);background:var(--gdant-neutral-0);color:var(--gdant-error-600);font:inherit;cursor:pointer;justify-self:center}.gd-ant-contract-signing-location__page-stack{min-height:100%;margin:0 auto;position:relative}.gd-ant-contract-signing-location__page-shell{position:absolute;overflow:hidden}.gd-ant-contract-signing-location__page-stage{min-height:100%;margin:0 auto;position:relative}.gd-ant-contract-signing-location__page{transform-origin:0 0;border-radius:var(--gdant-radius-xs);background:var(--gdant-neutral-0);box-shadow:var(--gdant-shadow-overlay);-webkit-user-select:none;user-select:none;position:relative;overflow:hidden}.gd-ant-contract-signing-location__page-image{object-fit:fill;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.gd-ant-contract-signing-location__page-placeholder{place-content:center;gap:var(--gdant-spacing-sm);background:var(--gdant-neutral-50);color:var(--gdant-neutral-500);text-align:center;display:grid;position:absolute;inset:0}.gd-ant-contract-signing-location__page-placeholder strong{color:var(--gdant-neutral-700);font-size:var(--gdant-text-h3)}.gd-ant-contract-signing-location__page-placeholder.is-error{color:var(--gdant-error-600)}.gd-ant-contract-signing-location__page-placeholder.is-error strong{color:var(--gdant-error-700)}.gd-ant-contract-signing-location__template-page{box-sizing:border-box;background:var(--gdant-neutral-0);width:100%;height:100%;color:var(--gdant-neutral-800);pointer-events:none;padding:54px 64px;line-height:1.75;position:relative;overflow:hidden}.gd-ant-contract-signing-location__template-page-content{z-index:0;min-height:100%;position:relative}.gd-ant-contract-signing-location__template-page-content p{margin:0 0 10px}.gd-ant-contract-signing-location__template-page-content table{border-collapse:collapse;width:100%}.gd-ant-contract-signing-location__template-page-content th,.gd-ant-contract-signing-location__template-page-content td{border:1px solid var(--gdant-neutral-300);min-width:80px;padding:6px 8px}.gd-ant-contract-signing-location__template-page-content img{object-fit:contain;vertical-align:middle;max-width:100%;display:inline-block}.gd-ant-contract-signing-location__template-page-content img[width],.gd-ant-contract-signing-location__template-page-content img[height]{max-width:none}.gd-ant-contract-signing-location__template-page-content ul,.gd-ant-contract-signing-location__template-page-content ol{margin:0 0 10px;padding-left:2em;list-style-position:outside}.gd-ant-contract-signing-location__template-page-content ul{list-style-type:disc}.gd-ant-contract-signing-location__template-page-content ul ul{list-style-type:circle}.gd-ant-contract-signing-location__template-page-content ul ul ul{list-style-type:square}.gd-ant-contract-signing-location__template-page-content ol{list-style-type:decimal}.gd-ant-contract-signing-location__template-page-content ol ol{list-style-type:lower-alpha}.gd-ant-contract-signing-location__template-page-content ol ol ol{list-style-type:lower-roman}.gd-ant-contract-signing-location__template-page-content .gd-contract-template-renderer__control{box-sizing:border-box;align-items:center;justify-content:var(--gd-contract-variable-justify-content,flex-start);width:var(--gd-contract-variable-width,160px);min-width:var(--gd-contract-variable-width,160px);min-height:var(--gd-contract-variable-height,32px);color:var(--gd-contract-variable-color,var(--gdant-neutral-800));background:var(--gd-contract-variable-background,transparent);font-family:var(--gd-contract-variable-font-family,inherit);font-size:var(--gd-contract-variable-font-size,14px);text-align:var(--gd-contract-variable-text-align,left);vertical-align:baseline;border:0;border-radius:0;padding:0 4px;display:inline-flex}.gd-ant-contract-signing-location__template-page-content .gd-contract-template-renderer__control.has-border{border:1px var(--gd-contract-variable-border-style,solid) var(--gd-contract-variable-line-color,var(--gdant-neutral-600))}.gd-ant-contract-signing-location__template-page-content .gd-contract-template-renderer__control.has-underline{border-bottom:1px solid var(--gd-contract-variable-line-color,var(--gdant-neutral-600))}.gd-ant-contract-signing-location__template-page-content .gd-contract-template-renderer__control.is-multiline{min-height:var(--gd-contract-variable-multiline-height,84px);line-height:var(--gd-contract-variable-line-height,28px)}.gd-ant-contract-signing-location__template-page-content .gd-contract-template-renderer__preview-control.is-image{background-image:var(--gd-contract-variable-image);background-position:50%;background-repeat:no-repeat;background-size:var(--gd-contract-variable-object-fit,contain)}.gd-ant-contract-signing-location__template-page-content .gd-contract-template-renderer__preview-control.is-empty{color:var(--gd-contract-variable-placeholder-color,var(--gdant-neutral-500))}.gd-ant-contract-signing-location__template-page-content .gd-contract-template-renderer__checkbox-mark{border:1px solid var(--gd-contract-variable-line-color,var(--gdant-neutral-600));justify-content:center;align-items:center;width:14px;height:14px;font-size:12px;line-height:1;display:inline-flex}.gd-ant-contract-signing-location__template-warning{right:var(--gdant-spacing-md);bottom:var(--gdant-spacing-md);left:var(--gdant-spacing-md);z-index:1;gap:var(--gdant-spacing-xs);padding:var(--gdant-spacing-sm) var(--gdant-spacing-md);border:1px solid var(--gdant-warning-200);border-radius:var(--gdant-radius-md);background:color-mix(in srgb, var(--gdant-warning-50) 94%, transparent);color:var(--gdant-warning-700);font-size:var(--gdant-text-body-sm);display:grid;position:absolute}.gd-ant-contract-signing-location__render-region{z-index:2;box-sizing:border-box;border:1px solid #0000;position:absolute;inset:0}.gd-ant-contract-signing-location__render-region-content{width:100%;height:100%;position:relative;overflow:hidden}.gd-ant-contract-signing-location__placement{z-index:3;border-radius:var(--gdant-radius-xs);min-width:0;min-height:0;color:var(--gdant-primary-500);font:inherit;appearance:none;cursor:move;touch-action:none;background:0 0;border:0;justify-content:center;align-items:center;padding:0;display:flex;position:absolute;overflow:visible}.gd-ant-contract-signing-location__placement:hover,.gd-ant-contract-signing-location__placement:focus-visible,.gd-ant-contract-signing-location__placement.is-selected{outline-offset:2px;box-shadow:0 0 0 3px color-mix(in srgb, currentColor 18%, transparent);outline:1px solid}.gd-ant-contract-signing-location__placement:focus-visible{outline-width:2px}.gd-ant-contract-signing-location__placement.is-seal{color:var(--gdant-error-500)}.gd-ant-contract-signing-location__placement.is-date{color:var(--gdant-warning-600)}.gd-ant-contract-signing-location__placement-body{pointer-events:none;justify-content:center;align-items:center;width:100%;min-width:0;height:100%;display:flex;overflow:hidden}.gd-ant-contract-signing-location__placement-visual{object-fit:contain;-webkit-user-select:none;user-select:none;width:100%;min-width:0;height:100%;min-height:0;display:block}.gd-ant-contract-signing-location__placement-badge{z-index:4;padding:0 var(--gdant-spacing-xs);border-radius:var(--gdant-radius-pill);background:var(--gdant-primary-500);color:var(--gdant-neutral-0);font-size:var(--gdant-text-body-sm);pointer-events:none;white-space:nowrap;line-height:1.4;position:absolute;top:0;right:0;transform:translate(30%,-40%)}.gd-ant-contract-signing-location__placement.is-seal .gd-ant-contract-signing-location__placement-badge{background:var(--gdant-error-500)}.gd-ant-contract-signing-location__placement.is-date .gd-ant-contract-signing-location__placement-badge{background:var(--gdant-warning-500)}.gd-ant-contract-signing-location__resize-handle{z-index:5;border:1px solid var(--gdant-primary-500);border-radius:var(--gdant-radius-xs);background:var(--gdant-neutral-0);width:8px;height:8px;position:absolute}.gd-ant-contract-signing-location__resize-handle.is-n,.gd-ant-contract-signing-location__resize-handle.is-s{cursor:ns-resize;left:50%;transform:translate(-50%)}.gd-ant-contract-signing-location__resize-handle.is-e,.gd-ant-contract-signing-location__resize-handle.is-w{cursor:ew-resize;top:50%;transform:translateY(-50%)}.gd-ant-contract-signing-location__resize-handle.is-n{top:-5px}.gd-ant-contract-signing-location__resize-handle.is-s{bottom:-5px}.gd-ant-contract-signing-location__resize-handle.is-e{right:-5px}.gd-ant-contract-signing-location__resize-handle.is-w{left:-5px}.gd-ant-contract-signing-location__resize-handle.is-nw{cursor:nwse-resize;top:-5px;left:-5px}.gd-ant-contract-signing-location__resize-handle.is-ne{cursor:nesw-resize;top:-5px;right:-5px}.gd-ant-contract-signing-location__resize-handle.is-se{cursor:nwse-resize;bottom:-5px;right:-5px}.gd-ant-contract-signing-location__resize-handle.is-sw{cursor:nesw-resize;bottom:-5px;left:-5px}.gd-ant-contract-signing-location__coordinate-guides{z-index:2;pointer-events:none;position:absolute;inset:0}.gd-ant-contract-signing-location__coordinate-guides>span{border-color:var(--gdant-primary-500);border-style:dashed;display:block;position:absolute}.gd-ant-contract-signing-location__coordinate-guides>span small{padding:0 var(--gdant-spacing-xs);border-radius:var(--gdant-radius-sm);background:var(--gdant-primary-600);color:var(--gdant-neutral-0);font-size:var(--gdant-text-body-sm);line-height:var(--gdant-spacing-lg);white-space:nowrap;position:absolute}.gd-ant-contract-signing-location__coordinate-guides .is-horizontal{border-width:1px 0 0;width:100%;left:0}.gd-ant-contract-signing-location__coordinate-guides .is-horizontal small{left:var(--gd-contract-sign-left);transform:translate(-50%)}.gd-ant-contract-signing-location__coordinate-guides .is-vertical{border-width:0 0 0 1px;height:100%;top:0}.gd-ant-contract-signing-location__coordinate-guides .is-vertical small{top:var(--gd-contract-sign-top);transform:translate(-50%,-50%)rotate(-90deg)}.gd-ant-contract-signing-location__coordinate-guides .is-top{top:var(--gd-contract-sign-top)}.gd-ant-contract-signing-location__coordinate-guides .is-top small{bottom:var(--gdant-spacing-xs)}.gd-ant-contract-signing-location__coordinate-guides .is-bottom{top:var(--gd-contract-sign-bottom)}.gd-ant-contract-signing-location__coordinate-guides .is-bottom small{top:var(--gdant-spacing-xs)}.gd-ant-contract-signing-location__coordinate-guides .is-left{left:var(--gd-contract-sign-left)}.gd-ant-contract-signing-location__coordinate-guides .is-left small{right:var(--gdant-spacing-xs)}.gd-ant-contract-signing-location__coordinate-guides .is-right{left:var(--gd-contract-sign-right)}.gd-ant-contract-signing-location__coordinate-guides .is-right small{left:var(--gdant-spacing-lg)}.gd-ant-contract-signing-location__snap-guides{z-index:2;pointer-events:none;position:absolute;inset:0}.gd-ant-contract-signing-location__snap-guides>span{border-color:var(--gdant-primary-400);border-style:solid;display:block;position:absolute}.gd-ant-contract-signing-location__snap-guides .is-horizontal{border-width:1px 0 0;width:100%;left:0}.gd-ant-contract-signing-location__snap-guides .is-vertical{border-width:0 0 0 1px;height:100%;top:0}.gd-ant-contract-signing-location__tool-list{padding:var(--gdant-spacing-sm);flex:none;grid-template-columns:repeat(3,minmax(0,1fr))}.gd-ant-contract-signing-location__tool{place-items:center;gap:var(--gdant-spacing-xs);min-width:0;min-height:74px;padding:var(--gdant-spacing-sm);border:1px solid var(--gdant-neutral-300);border-radius:var(--gdant-radius-md);background:var(--gdant-neutral-0);color:var(--gdant-neutral-700);font:inherit;text-align:center;cursor:grab;transition:border-color var(--gdant-duration-normal) var(--gdant-easing-default), background var(--gdant-duration-normal) var(--gdant-easing-default);grid-template-columns:minmax(0,1fr);display:grid}.gd-ant-contract-signing-location__tool>svg{color:var(--gdant-primary-500);font-size:var(--gdant-spacing-lg)}.gd-ant-contract-signing-location__tool>span{gap:var(--gdant-spacing-xs);min-width:0;display:grid}.gd-ant-contract-signing-location__tool strong,.gd-ant-contract-signing-location__tool small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.gd-ant-contract-signing-location__tool strong{font-size:var(--gdant-text-body-sm)}.gd-ant-contract-signing-location__tool small{color:var(--gdant-neutral-500);font-size:var(--gdant-text-body-sm)}.gd-ant-contract-signing-location__tool:hover:not(:disabled){border-color:var(--gdant-primary-500);background:var(--gdant-primary-50)}.gd-ant-contract-signing-location__tool:disabled{cursor:not-allowed;opacity:.55}.gd-ant-contract-signing-location__inspector-divider{height:var(--gdant-spacing-sm);border-block:1px solid var(--gdant-neutral-200);background:var(--gdant-neutral-50)}.gd-ant-contract-signing-location__placement-list{flex-direction:column;flex:1 1 0;min-height:168px;display:flex;overflow:hidden}.gd-ant-contract-signing-location__list-head{justify-content:space-between;align-items:center;gap:var(--gdant-spacing-sm);padding:var(--gdant-spacing-sm) var(--gdant-spacing-base);color:var(--gdant-neutral-800);flex:none;display:flex}.gd-ant-contract-signing-location__list-head span{color:var(--gdant-neutral-500);font-size:var(--gdant-text-body-sm)}.gd-ant-contract-signing-location__placement-groups{gap:var(--gdant-spacing-md);min-height:0;padding:0 var(--gdant-spacing-md) var(--gdant-spacing-md);display:grid;overflow:auto}.gd-ant-contract-signing-location__placement-group{gap:var(--gdant-spacing-xs);display:grid}.gd-ant-contract-signing-location__placement-group h3{color:var(--gdant-neutral-500);font-size:var(--gdant-text-body-sm);font-weight:var(--gdant-font-medium);margin:0}.gd-ant-contract-signing-location__placement-row{align-items:center;gap:var(--gdant-spacing-sm);min-width:0;padding:var(--gdant-spacing-sm);border:1px solid var(--gdant-neutral-200);border-radius:var(--gdant-radius-md);background:var(--gdant-neutral-0);color:var(--gdant-neutral-700);font:inherit;text-align:left;cursor:pointer;grid-template-columns:auto minmax(0,1fr) auto auto;display:grid}.gd-ant-contract-signing-location__placement-row>svg{color:var(--gdant-primary-500)}.gd-ant-contract-signing-location__placement-row>span{min-width:0;display:grid}.gd-ant-contract-signing-location__placement-row strong,.gd-ant-contract-signing-location__placement-row small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.gd-ant-contract-signing-location__placement-row small{color:var(--gdant-neutral-500);font-size:var(--gdant-text-body-sm)}.gd-ant-contract-signing-location__placement-row em{color:var(--gdant-error-600);font-style:normal;font-size:var(--gdant-text-body-sm);flex:none}.gd-ant-contract-signing-location__placement-row:hover,.gd-ant-contract-signing-location__placement-row.is-active{border-color:var(--gdant-primary-500);background:var(--gdant-primary-50)}.gd-ant-contract-signing-location__placement-row-delete{border-radius:var(--gdant-radius-sm);width:24px;height:24px;color:var(--gdant-neutral-500);place-items:center;display:grid}.gd-ant-contract-signing-location__placement-row-delete:hover{background:var(--gdant-neutral-100);color:var(--gdant-error-600)}.gd-ant-contract-signing-location__property-head{flex:none}.gd-ant-contract-signing-location__property-body{min-height:176px;padding:var(--gdant-spacing-base);flex:1.2 1 0;overflow:auto}.gd-ant-contract-signing-location__switch-row,.gd-ant-contract-signing-location__distance-summary{justify-content:space-between;gap:var(--gdant-spacing-sm)}.gd-ant-contract-signing-location__form-row{gap:var(--gdant-spacing-xs);color:var(--gdant-neutral-600);font-size:var(--gdant-text-body-sm);display:grid}.gd-ant-contract-signing-location__form-row.is-wide .ant-select,.gd-ant-contract-signing-location__form-row .ant-input-number{width:100%}.gd-ant-contract-signing-location__coordinate-grid{gap:var(--gdant-spacing-sm);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.gd-ant-contract-signing-location__distance-summary{padding:var(--gdant-spacing-sm);border-radius:var(--gdant-radius-md);background:var(--gdant-neutral-50);color:var(--gdant-neutral-500);font-size:var(--gdant-text-body-sm)}.gd-ant-contract-signing-location__distance-summary b{color:var(--gdant-neutral-700);font-weight:var(--gdant-font-medium)}.gd-ant-contract-signing-location__panel-empty{min-height:220px;padding:var(--gdant-spacing-xl);flex:1}.gd-ant-contract-signing-location__panel-empty>svg{color:var(--gdant-neutral-400);font-size:var(--gdant-spacing-xl);justify-self:center}.gd-ant-contract-signing-location__panel-empty strong{color:var(--gdant-neutral-700)}.gd-ant-contract-signing-location__panel-empty span{font-size:var(--gdant-text-body-sm);line-height:1.6}.gd-ant-contract-signing-location__panel-empty.is-inspector,.gd-ant-contract-signing-location__panel-empty.is-list{flex:none;min-height:120px}.gd-ant-contract-signing-location__zoom-tools{gap:var(--gdant-spacing-xs)}.gd-ant-contract-signing-location__zoom-tools>button:not(.ant-btn){min-width:52px;color:var(--gdant-neutral-600);font:inherit;font-size:var(--gdant-text-body-sm);cursor:pointer;background:0 0;border:0}.gd-ant-contract-signing-location__muted{color:var(--gdant-neutral-500);font-size:var(--gdant-text-body-sm)}.gd-ant-contract-signing-location.is-readonly .gd-ant-contract-signing-location__placement{cursor:pointer}.gd-ant-contract-signing-location.is-disabled{opacity:.72}@media (width<=1024px){.gd-ant-contract-signing-location__workspace-head,.gd-ant-contract-signing-location__workspace-tools{flex-wrap:wrap}}@media (width<=768px){.gd-ant-contract-signing-location{grid-template-rows:auto auto auto;height:auto}.gd-ant-contract-signing-location__header{flex-direction:column;align-items:stretch}.gd-ant-contract-signing-location__header-actions{justify-content:space-between}.gd-ant-contract-signing-location__body,.gd-ant-contract-signing-location__body.is-single-file{grid-template-columns:1fr;min-height:0;overflow:visible}.gd-ant-contract-signing-location__navigator,.gd-ant-contract-signing-location__inspector,.gd-ant-contract-signing-location__navigator-wrap,.gd-ant-contract-signing-location__inspector-wrap,.gd-ant-contract-signing-location__navigator-wrap.is-collapsed,.gd-ant-contract-signing-location__inspector-wrap.is-collapsed{border:0;width:auto;overflow:visible}.gd-ant-contract-signing-location__navigator-wrap .gd-ant-contract-signing-location__panel-stack,.gd-ant-contract-signing-location__inspector-wrap .gd-ant-contract-signing-location__panel-stack,.gd-ant-contract-signing-location__navigator-wrap.is-collapsed .gd-ant-contract-signing-location__panel-stack,.gd-ant-contract-signing-location__inspector-wrap.is-collapsed .gd-ant-contract-signing-location__panel-stack,.gd-ant-contract-signing-location__navigator-wrap .gd-ant-contract-signing-location__panel-stack>*,.gd-ant-contract-signing-location__inspector-wrap .gd-ant-contract-signing-location__panel-stack>*{visibility:visible;width:100%}.gd-ant-contract-signing-location__navigator-wrap{border-bottom:1px solid var(--gdant-neutral-200)}.gd-ant-contract-signing-location__inspector-wrap{border-top:1px solid var(--gdant-neutral-200)}.gd-ant-contract-signing-location__panel-handle{display:none!important}.gd-ant-contract-signing-location__file-list{max-height:300px;overflow:auto}.gd-ant-contract-signing-location__tool-list{grid-template-columns:minmax(0,1fr)}.gd-ant-contract-signing-location__placement-list,.gd-ant-contract-signing-location__property-body{flex:none;min-height:auto}.gd-ant-contract-signing-location__workspace{min-height:520px}.gd-ant-contract-signing-location__canvas-scroll{max-height:70vh}.gd-ant-contract-signing-location__workspace-head,.gd-ant-contract-signing-location__workspace-tools,.gd-ant-contract-signing-location__page-jumper{justify-content:flex-start}.gd-ant-contract-signing-location__zoom-tools{justify-content:center;margin-right:0}}@media (width<=480px){.gd-ant-contract-signing-location__header-actions,.gd-ant-contract-signing-location__thumbnail-list,.gd-ant-contract-signing-location__coordinate-grid{grid-template-columns:1fr}.gd-ant-contract-signing-location__header-actions{display:grid}.gd-ant-contract-signing-location__placement-count{justify-self:start}.gd-ant-contract-signing-location__canvas-scroll{padding:var(--gdant-spacing-md)}.gd-ant-contract-signing-location__workspace{min-height:440px}}@container (width<=1119px){.gd-ant-contract-signing-location__body{--gd-navigator-expanded:184px;--gd-inspector-expanded:244px}.gd-ant-contract-signing-location__workspace-head,.gd-ant-contract-signing-location__workspace-tools{flex-wrap:wrap}}@container (width<=919px){.gd-ant-contract-signing-location__body{--gd-navigator-expanded:160px;--gd-inspector-expanded:220px}}@media (prefers-reduced-motion:reduce){.gd-ant-contract-signing-location__navigator-wrap,.gd-ant-contract-signing-location__inspector-wrap,.gd-ant-contract-signing-location__panel-handle{transition:none}}

package/dist/es/components/index.mjs

@@ -55,18 +55,20 @@ import "./pro-drawer/src/types.mjs";
 import "./pro-drawer/index.mjs";
 import "./contract-signing-location/src/constants.mjs";
 import "./contract-signing-location/src/coordinates.mjs";
+import "./pro-contract-template-designer/src/types.mjs";
+import "./pro-contract-template-designer/src/utils/signing-placement.mjs";
+import "./pro-contract-template-designer/src/constants.mjs";
+import "./pro-contract-template-designer/src/composables/use-template-designer.mjs";
+import "./pro-contract-template-designer/src/utils/image-url.mjs";
+import "./pro-contract-template-designer/src/utils/template-renderer.mjs";
+import "./contract-signing-location/src/template-source.mjs";
 import "./contract-signing-location/src/location-rules.mjs";
 import "./contract-signing-location/src/page-layout.mjs";
 import "./contract-signing-location/src/signing-visuals.mjs";
 import "./contract-signing-location/index.mjs";
-import "./pro-contract-template-designer/src/constants.mjs";
-import "./pro-contract-template-designer/src/utils/image-url.mjs";
 import "./pro-contract-template-designer/src/utils/content-image.mjs";
-import "./pro-contract-template-designer/src/types.mjs";
-import "./pro-contract-template-designer/src/utils/signing-placement.mjs";
-import "./pro-contract-template-designer/src/composables/use-template-designer.mjs";
 import "./pro-contract-template-designer/src/composables/use-template-draft-cache.mjs";
-import "./pro-contract-template-designer/src/utils/template-renderer.mjs";
+import "./pro-contract-template-designer/src/composables/use-template-files.mjs";
 import "./pro-contract-template-designer/index.mjs";
 import "./pro-contract-signing-flow/src/constants.mjs";
 import "./pro-contract-signing-flow/src/composables/use-contract-signing-flow.mjs";

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

@@ -1,74 +1,181 @@
-import e from "./ContractSigningFlowNodeCard.mjs";
-import { Fragment as t, createBlock as n, createCommentVNode as r, createElementBlock as i, createElementVNode as a, createTextVNode as o, createVNode as s, defineComponent as c, openBlock as l, renderList as u, renderSlot as d, unref as f, withCtx as p } from "vue";
-import { Button as m } from "ant-design-vue";
-import { PlusOutlined as h } from "@ant-design/icons-vue";
+import e from "../../pro-title/index.mjs";
+import { CONTRACT_SIGNING_FLOW_MAX_ZOOM as t, CONTRACT_SIGNING_FLOW_MIN_ZOOM as n, normalizeContractSigningFlowZoom as r } from "./constants.mjs";
+import i from "./ContractSigningFlowNodeCard.mjs";
+import { Fragment as a, computed as o, createBlock as s, createCommentVNode as c, createElementBlock as l, createElementVNode as u, createTextVNode as d, createVNode as f, defineComponent as p, nextTick as m, normalizeStyle as h, onBeforeUnmount as g, onMounted as _, openBlock as v, renderList as y, renderSlot as b, shallowRef as x, toDisplayString as S, unref as C, watch as w, withCtx as T } from "vue";
+import { Button as E } from "ant-design-vue";
+import { ColumnWidthOutlined as D, PlusOutlined as O, ZoomInOutlined as k, ZoomOutOutlined as A } from "@ant-design/icons-vue";
 //#region src/components/pro-contract-signing-flow/src/ContractSigningFlowCanvas.vue?vue&type=script&setup=true&lang.ts
-var g = { class: "gd-contract-signing-flow__canvas-panel" }, _ = { class: "gd-contract-signing-flow__canvas-header" }, v = { class: "gd-contract-signing-flow__canvas-actions" }, y = { class: "gd-contract-signing-flow__canvas-scroll" }, b = { class: "gd-contract-signing-flow__canvas" }, x = {
-	key: 0,
+var j = { class: "gd-contract-signing-flow__canvas-panel" }, M = { class: "gd-contract-signing-flow__canvas-header" }, N = { class: "gd-contract-signing-flow__canvas-actions" }, P = {
+	class: "gd-contract-signing-flow__zoom-tools",
+	"aria-label": "流程画布缩放"
+}, F = ["disabled"], I = { class: "gd-contract-signing-flow__add-on-timeline-icon" }, L = {
+	key: 1,
 	class: "gd-contract-signing-flow__connector"
-}, S = /* @__PURE__ */ c({
+}, R = /* @__PURE__ */ p({
 	__name: "ContractSigningFlowCanvas",
 	props: {
 		nodes: {},
 		selectedKey: {},
 		readonly: { type: Boolean },
-		disabled: { type: Boolean }
+		disabled: { type: Boolean },
+		zoom: { default: 1 }
 	},
 	emits: [
 		"select",
 		"add",
 		"remove",
-		"move"
+		"move",
+		"zoom-change",
+		"fit-width"
 	],
-	setup(c, { emit: S }) {
-		let C = S;
-		return (S, w) => (l(), i("section", g, [a("header", _, [w[3] ||= a("div", null, [a("h2", null, "签署流程"), a("p", null, "节点按从上到下的顺序依次执行")], -1), a("div", v, [d(S.$slots, "headerExtra", {
-			readonly: c.readonly,
-			disabled: c.disabled
-		}), c.readonly ? r("", !0) : (l(), n(f(m), {
-			key: 0,
-			type: "primary",
-			disabled: c.disabled,
-			onClick: w[0] ||= (e) => C("add")
-		}, {
-			icon: p(() => [s(f(h))]),
-			default: p(() => [w[2] ||= o("添加签署节点", -1)]),
-			_: 1
-		}, 8, ["disabled"]))])]), a("div", y, [a("div", b, [(l(!0), i(t, null, u(c.nodes, (t, n) => (l(), i("div", {
-			key: t.key,
+	setup(p, { expose: R, emit: z }) {
+		let B = p, V = z, H = x(), U = x(), W = x({
+			height: 0,
+			width: 0
+		}), G = x({
+			height: 0,
+			width: 0
+		}), K = o(() => Math.max(W.value.width, 320)), q = o(() => ({
+			height: Math.max(W.value.height, G.value.height * B.zoom, 1),
+			width: Math.max(W.value.width, K.value * B.zoom)
+		})), J = o(() => W.value.width > 0 && G.value.height > 0 ? {
+			height: `${q.value.height}px`,
+			width: `${q.value.width}px`
+		} : {
+			height: "100%",
+			width: "100%"
+		}), Y = o(() => ({
+			marginLeft: `${K.value / -2}px`,
+			width: `${K.value}px`,
+			transform: `scale(${B.zoom})`,
+			transformOrigin: "top center"
+		}));
+		function X() {
+			let e = H.value, t = U.value;
+			!e || !t || (W.value = {
+				height: e.clientHeight,
+				width: e.clientWidth
+			}, G.value = {
+				height: t.scrollHeight,
+				width: K.value
+			});
+		}
+		function Z(e) {
+			V("zoom-change", r(e));
+		}
+		function Q() {
+			X();
+			let e = W.value.width, t = G.value.width;
+			return r(e > 0 && t > 0 ? e / t : B.zoom);
+		}
+		let $;
+		return _(() => {
+			m(X), typeof ResizeObserver < "u" ? ($ = new ResizeObserver(X), H.value && $.observe(H.value), U.value && $.observe(U.value)) : typeof window < "u" && window.addEventListener("resize", X);
+		}), w(() => B.nodes, () => void m(X), {
+			deep: !0,
+			flush: "post"
+		}), g(() => {
+			$?.disconnect(), typeof window < "u" && window.removeEventListener("resize", X);
+		}), R({ fitWidth: Q }), (r, o) => (v(), l("section", j, [u("header", M, [u("div", null, [f(C(e), {
+			title: "签署流程",
+			size: 16
+		}), o[6] ||= u("p", null, "节点按从上到下的顺序依次执行", -1)]), u("div", N, [
+			b(r.$slots, "headerExtra", {
+				readonly: p.readonly,
+				disabled: p.disabled
+			}),
+			p.readonly ? c("", !0) : (v(), s(C(E), {
+				key: 0,
+				type: "default",
+				disabled: p.disabled,
+				onClick: o[0] ||= (e) => V("add")
+			}, {
+				icon: T(() => [f(C(O))]),
+				default: T(() => [o[7] ||= d("添加签署节点", -1)]),
+				_: 1
+			}, 8, ["disabled"])),
+			u("div", P, [
+				f(C(E), {
+					size: "small",
+					disabled: p.zoom <= C(n),
+					"aria-label": "缩小流程画布",
+					onClick: o[1] ||= (e) => Z(p.zoom - C(.1))
+				}, {
+					default: T(() => [f(C(A), { "aria-hidden": "true" })]),
+					_: 1
+				}, 8, ["disabled"]),
+				u("button", {
+					type: "button",
+					class: "gd-contract-signing-flow__zoom-value",
+					"aria-label": "重置流程画布缩放",
+					onClick: o[2] ||= (e) => Z(1)
+				}, S(Math.round(p.zoom * 100)) + "%", 1),
+				f(C(E), {
+					size: "small",
+					disabled: p.zoom >= C(t),
+					"aria-label": "放大流程画布",
+					onClick: o[3] ||= (e) => Z(p.zoom + C(.1))
+				}, {
+					default: T(() => [f(C(k), { "aria-hidden": "true" })]),
+					_: 1
+				}, 8, ["disabled"]),
+				f(C(E), {
+					size: "small",
+					"aria-label": "适应流程画布宽度",
+					title: "适应宽度",
+					onClick: o[4] ||= (e) => V("fit-width")
+				}, {
+					default: T(() => [f(C(D), { "aria-hidden": "true" })]),
+					_: 1
+				})
+			])
+		])]), u("div", {
+			ref_key: "canvasScrollRef",
+			ref: H,
+			class: "gd-contract-signing-flow__canvas-scroll"
+		}, [u("div", {
+			class: "gd-contract-signing-flow__canvas-scale",
+			style: h(J.value)
+		}, [u("div", {
+			ref_key: "canvasElementRef",
+			ref: U,
+			class: "gd-contract-signing-flow__canvas",
+			style: h(Y.value)
+		}, [(v(!0), l(a, null, y(p.nodes, (e, t) => (v(), l("div", {
+			key: e.key,
 			class: "gd-contract-signing-flow__step"
-		}, [s(e, {
-			node: t,
-			selected: c.selectedKey === t.key,
-			readonly: c.readonly,
-			disabled: c.disabled,
-			"can-move-up": n > 1,
-			"can-move-down": n < c.nodes.length - 2,
-			onSelect: (e) => C("select", t),
-			onRemove: (e) => C("remove", t),
-			onMove: (e) => C("move", t, e)
-		}, null, 8, [
-			"node",
-			"selected",
-			"readonly",
-			"disabled",
-			"can-move-up",
-			"can-move-down",
-			"onSelect",
-			"onRemove",
-			"onMove"
-		]), n < c.nodes.length - 1 ? (l(), i("div", x, [...w[4] ||= [a("span", null, null, -1), a("i", null, null, -1)]])) : r("", !0)]))), 128)), c.readonly ? r("", !0) : (l(), n(f(m), {
-			key: 0,
-			class: "gd-contract-signing-flow__add-node",
-			type: "dashed",
-			disabled: c.disabled,
-			onClick: w[1] ||= (e) => C("add")
-		}, {
-			icon: p(() => [s(f(h))]),
-			default: p(() => [w[5] ||= o("添加签署节点", -1)]),
-			_: 1
-		}, 8, ["disabled"]))])])]));
+		}, [
+			f(i, {
+				node: e,
+				selected: p.selectedKey === e.key,
+				readonly: p.readonly,
+				disabled: p.disabled,
+				"can-move-up": t > 1,
+				"can-move-down": t < p.nodes.length - 2,
+				onSelect: (t) => V("select", e),
+				onRemove: (t) => V("remove", e),
+				onMove: (t) => V("move", e, t)
+			}, null, 8, [
+				"node",
+				"selected",
+				"readonly",
+				"disabled",
+				"can-move-up",
+				"can-move-down",
+				"onSelect",
+				"onRemove",
+				"onMove"
+			]),
+			!p.readonly && p.nodes[t + 1]?.type === "end" ? (v(), l("button", {
+				key: 0,
+				type: "button",
+				class: "gd-contract-signing-flow__add-on-timeline",
+				disabled: p.disabled,
+				onClick: o[5] ||= (e) => V("add")
+			}, [u("span", I, [f(C(O))]), o[8] ||= u("span", { class: "gd-contract-signing-flow__add-on-timeline-caption" }, "添加签署节点", -1)], 8, F)) : c("", !0),
+			t < p.nodes.length - 1 ? (v(), l("div", L, [...o[9] ||= [u("span", null, null, -1), u("i", null, null, -1)]])) : c("", !0)
+		]))), 128))], 4)], 4)], 512)]));
 	}
 });
 //#endregion
-export { S as default };
+export { R as default };