@guodun/antdv 1.3.2 → 1.4.1

package/dist/theme/pro-contract-signing-flow.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/types/components/contract-signing-location/index.d.ts

@@ -5,6 +5,7 @@ export * from './src/coordinates';
 export * from './src/location-rules';
 export * from './src/page-layout';
 export * from './src/signing-visuals';
+export * from './src/template-source';
 export * from './src/types';
 export declare const GdAntContractSigningLocation: SFCWithInstall<typeof ContractSigningLocation>;
 export default GdAntContractSigningLocation;

package/dist/types/components/contract-signing-location/src/ContractSigningLocation.vue.d.ts

@@ -33,8 +33,9 @@ declare const _default: import('vue').DefineComponent<ContractSigningLocationPro
     "onUpdate:zoom"?: ((value: number) => any) | undefined;
     "onFile-change"?: ((fileId: string) => any) | undefined;
 }>, {
+    mode: import('./types').ContractSigningLocationMode;
     disabled: boolean;
-    modelValue: ContractSigningLocationValue;
+    modelValue: import('./types').ContractSigningLocationInput;
     height: string | number;
     resizable: boolean;
     readonly: boolean;
@@ -43,12 +44,14 @@ declare const _default: import('vue').DefineComponent<ContractSigningLocationPro
     minZoom: number;
     maxZoom: number;
     sizeProfile: import('./types').ContractSigningSizeProfileName | import('./types').ContractSigningSizeProfile;
+    allowedPlacementTypes: ContractSigningPlacementType[];
     contractId: string;
     dataProvider: import('./types').ContractSigningLocationProvider;
     autoLoad: boolean;
     sealMinSize: number;
     sealMaxSize: number;
     showSubmitButton: boolean;
+    showInspector: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
     canvasRef: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{
         file?: import('./types').ContractSigningFile;

package/dist/types/components/contract-signing-location/src/ContractSigningLocationInspector.vue.d.ts

@@ -9,18 +9,19 @@ type __VLS_Props = {
     sealSizeLimit: ContractSigningSealSizeLimit;
     sealTypeOptions: ContractSigningSealTypeOption[];
     sizeProfile?: ContractSigningSizeProfileName | ContractSigningSizeProfile;
+    allowedPlacementTypes: ContractSigningPlacementType[];
 };
 declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     add: (type: ContractSigningPlacementType) => any;
     remove: (id: string) => any;
-    update: (value: Partial<ContractSigningPlacement>) => any;
     duplicate: () => any;
+    update: (value: Partial<ContractSigningPlacement>) => any;
     locate: (id: string) => any;
 }, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
     onAdd?: ((type: ContractSigningPlacementType) => any) | undefined;
     onRemove?: ((id: string) => any) | undefined;
-    onUpdate?: ((value: Partial<ContractSigningPlacement>) => any) | undefined;
     onDuplicate?: (() => any) | undefined;
+    onUpdate?: ((value: Partial<ContractSigningPlacement>) => any) | undefined;
     onLocate?: ((id: string) => any) | undefined;
 }>, {
     placement: ContractSigningPlacement;

package/dist/types/components/contract-signing-location/src/ContractSigningTemplatePage.vue.d.ts

@@ -0,0 +1,6 @@
+import { ContractSigningTemplateRenderPage } from './template-source';
+type __VLS_Props = {
+    page: ContractSigningTemplateRenderPage;
+};
+declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+export default _default;

package/dist/types/components/contract-signing-location/src/location-rules.d.ts

@@ -1,6 +1,6 @@
-import { ContractSigningLocationError, ContractSigningLocationOutput, ContractSigningLocationRule, ContractSigningLocationValue, ContractSigningLocationValidationOptions, ContractSigningPage, ContractSigningPlacement, ContractSigningPlacementType, ContractSigningSealSizeLimit, ContractSigningSizeProfile, ContractSigningSizeProfileName, ContractSigningSealTypeOption } from './types';
+import { ContractSigningLocationError, ContractSigningLocationOutput, ContractSigningLocationInput, ContractSigningLocationRule, ContractSigningLocationValue, ContractSigningLocationValidationOptions, ContractSigningPage, ContractSigningPlacement, ContractSigningPlacementType, ContractSigningSealSizeLimit, ContractSigningSizeProfile, ContractSigningSizeProfileName, ContractSigningSealTypeOption } from './types';
 export declare function createContractSigningLocationValue(contractId?: string): ContractSigningLocationValue;
-export declare function normalizeContractSigningLocationValue(value: ContractSigningLocationValue | undefined, options?: {
+export declare function normalizeContractSigningLocationValue(value: ContractSigningLocationInput | ContractSigningLocationValue | undefined, options?: {
     sealSizeLimit?: ContractSigningSealSizeLimit;
     sealTypeOptions?: readonly ContractSigningSealTypeOption[];
 }): ContractSigningLocationValue;
@@ -9,7 +9,7 @@ export declare function cloneContractSigningLocationValue(value: ContractSigning
  * 把宿主页面接口的尺寸/位置统一收敛为 locationRules 使用的 PDF 逻辑坐标。
  * 该转换只对 dataProvider 返回值执行，不能对已经受控的 modelValue 重复执行。
  */
-export declare function normalizeContractSigningProviderValue(value: ContractSigningLocationValue, coordinateScale?: number): ContractSigningLocationValue;
+export declare function normalizeContractSigningProviderValue(value: ContractSigningLocationInput | ContractSigningLocationValue, coordinateScale?: number): ContractSigningLocationValue;
 export declare function findContractSigningPage(value: ContractSigningLocationValue, fileId: string, pageIndex: number): ContractSigningPage | undefined;
 /** 首页按最小零基 pageIndex 取，不假设 pages[0] 已排序。 */
 export declare function getContractSigningHomePage<T extends {

package/dist/types/components/contract-signing-location/src/template-source.d.ts

@@ -0,0 +1,20 @@
+import { ContractSigningFile, ContractSigningLocationError, ContractSigningTemplateFileSource } from './types';
+export interface ContractSigningTemplateRenderPage {
+    pageIndex: number;
+    pageId: string;
+    title: string;
+    width: number;
+    height: number;
+    contentHtml: string;
+    errors: string[];
+}
+export declare function isContractSigningTemplateSource(source: ContractSigningFile['source'] | unknown): source is ContractSigningTemplateFileSource;
+export declare function isContractSigningTemplateFile(file: Pick<ContractSigningFile, 'source'> | undefined): boolean;
+/**
+ * 把模板设计器 DTO 转成 B 画布可消费的安全逐页快照。
+ * 每页单独构建以保留原数组下标；非法页会被跳过并由 errors 显式反馈，而不是让渲染异常逃逸。
+ */
+export declare function buildContractSigningTemplateRenderPages(source: ContractSigningFile['source'] | unknown): ContractSigningTemplateRenderPage[];
+/** 模板校验错误转换成 B 的公共错误结构，供 validate/submit 与画布错误态共用。 */
+export declare function validateContractSigningTemplateFile(file: Pick<ContractSigningFile, 'fileId' | 'fileName' | 'source'>): ContractSigningLocationError[];
+export declare function getContractSigningTemplateDisplayError(file: Pick<ContractSigningFile, 'fileId' | 'fileName' | 'source'> | undefined): string;

package/dist/types/components/contract-signing-location/src/types.d.ts

@@ -1,4 +1,6 @@
+import { ContractTemplateData, ContractTemplateRenderValues } from '../../pro-contract-template-designer/src/types';
 export type ContractSigningPlacementType = 'seal' | 'signature' | 'date';
+export type ContractSigningLocationMode = 'preview' | 'placement';
 export interface ContractSigningPage {
     /** 规则层使用的零基页序。 */
     pageIndex: number;
@@ -7,14 +9,41 @@ export interface ContractSigningPage {
     /** locationRules 使用的 PDF 逻辑坐标宽高。 */
     width: number;
     height: number;
+    /** 模板文件页的稳定页面 ID；预览文件可不传。 */
+    pageId?: string;
     previewUrl?: string;
     thumbnailUrl?: string;
 }
+/** 未声明 source 的历史文件继续按页面预览图渲染。 */
+export interface ContractSigningPreviewFileSource {
+    type: 'preview';
+}
+/** 直接消费模板设计器数据，不再要求宿主先把 HTML 转成 PDF。 */
+export interface ContractSigningTemplateFileSource {
+    type: 'template';
+    template: ContractTemplateData;
+    /** 可选填写值；缺省时使用模板变量的默认值/占位文案。 */
+    values?: ContractTemplateRenderValues;
+}
+export type ContractSigningFileSource = ContractSigningPreviewFileSource | ContractSigningTemplateFileSource;
 export interface ContractSigningFile {
     fileId: string;
     fileName: string;
     pages: ContractSigningPage[];
+    /** 缺省等同于 `{ type: 'preview' }`，保证旧 files[] 输入无须迁移。 */
+    source?: ContractSigningFileSource;
+}
+/**
+ * 模板文件输入不必重复拼 pages；组件会按模板页序与逐页原始尺寸生成页面元数据。
+ * 归一化、change、getValue 与 submit 输出仍统一为 pages 必填的 ContractSigningFile。
+ */
+export interface ContractSigningTemplateFileInput {
+    fileId: string;
+    fileName: string;
+    pages?: ContractSigningPage[];
+    source: ContractSigningTemplateFileSource;
 }
+export type ContractSigningFileInput = ContractSigningFile | ContractSigningTemplateFileInput;
 export interface ContractSigningPlacement {
     id: string;
     fileId: string;
@@ -32,6 +61,12 @@ export interface ContractSigningLocationValue {
     files: ContractSigningFile[];
     placements: ContractSigningPlacement[];
 }
+/** modelValue / dataProvider 的宽松输入；模板文件可省略可推导的 pages。 */
+export interface ContractSigningLocationInput {
+    contractId?: string;
+    files: ContractSigningFileInput[];
+    placements: ContractSigningPlacement[];
+}
 export interface ContractSigningLocationRule {
     mustSign: boolean;
     location: {
@@ -57,7 +92,7 @@ export interface ContractSigningLocationProvider {
     /** 根据 PaaS 合同 ID 加载真实文件和页面元数据。 */
     loadContract: (input: {
         contractId: string;
-    }) => Promise<ContractSigningLocationValue>;
+    }) => Promise<ContractSigningLocationInput>;
     /** 页面预览可按需加载；缩略图与中间大图允许由宿主走不同尺寸接口。 */
     loadPagePreview?: (input: {
         contractId?: string;
@@ -108,7 +143,12 @@ export interface ContractSigningSealSizeLimit {
 }
 export interface ContractSigningLocationProps {
     /** 当前标注数据（files + placements），与 v-model 双向绑定 */
-    modelValue?: ContractSigningLocationValue;
+    modelValue?: ContractSigningLocationInput;
+    /**
+     * preview 用作只读合同预览，默认隐藏右侧属性面板和提交入口；placement 用于配置签署位置。
+     * @default 'placement'
+     */
+    mode?: ContractSigningLocationMode;
     /**
      * PaaS 合同 ID；autoLoad 时传给 dataProvider.loadContract
      * @default ''
@@ -121,6 +161,8 @@ export interface ContractSigningLocationProps {
      * @default 内置 01~05
      */
     sealTypeOptions?: ContractSigningSealTypeOption[];
+    /** 宿主允许添加的位置类型；未传时允许印章、签名和日期。 */
+    allowedPlacementTypes?: ContractSigningPlacementType[];
     /**
      * 新建位置默认宽高；印章按章型标准毫米规格换算，签名/日期使用 profile。
      * @default 'default'
@@ -181,6 +223,11 @@ export interface ContractSigningLocationProps {
      * @default true
      */
     showSubmitButton?: boolean;
+    /**
+     * 是否展示右侧签署工具与属性面板；不传时由 mode 决定，显式传入可覆盖模式默认值。
+     * @default mode === 'placement'
+     */
+    showInspector?: boolean;
 }
 export interface ContractSigningLocationError {
     code: string;

package/dist/types/components/pro-contract-signing-flow/src/ContractSigningFlowCanvas.vue.d.ts

@@ -4,7 +4,9 @@ type __VLS_Props = {
     selectedKey?: string;
     readonly?: boolean;
     disabled?: boolean;
+    zoom?: number;
 };
+declare function fitWidth(): number;
 declare function __VLS_template(): {
     attrs: Partial<{}>;
     slots: Readonly<{
@@ -18,21 +20,35 @@ declare function __VLS_template(): {
             disabled?: boolean;
         }) => any;
     };
-    refs: {};
+    refs: {
+        canvasScrollRef: HTMLDivElement;
+        canvasElementRef: HTMLDivElement;
+    };
     rootEl: HTMLElement;
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
-declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {
+    fitWidth: typeof fitWidth;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     add: () => any;
     select: (node: ContractSigningFlowNode) => any;
     remove: (node: ContractSigningFlowNode) => any;
     move: (node: ContractSigningFlowNode, direction: 1 | -1) => any;
+    "zoom-change": (zoom: number) => any;
+    "fit-width": () => any;
 }, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
     onAdd?: (() => any) | undefined;
     onSelect?: ((node: ContractSigningFlowNode) => any) | undefined;
     onRemove?: ((node: ContractSigningFlowNode) => any) | undefined;
     onMove?: ((node: ContractSigningFlowNode, direction: 1 | -1) => any) | undefined;
-}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLElement>;
+    "onZoom-change"?: ((zoom: number) => any) | undefined;
+    "onFit-width"?: (() => any) | undefined;
+}>, {
+    zoom: number;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    canvasScrollRef: HTMLDivElement;
+    canvasElementRef: HTMLDivElement;
+}, HTMLElement>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;
 type __VLS_WithTemplateSlots<T, S> = T & {

package/dist/types/components/pro-contract-signing-flow/src/ProContractSigningFlow.vue.d.ts

@@ -12,7 +12,114 @@ declare function __VLS_template(): {
             disabled?: boolean;
         }) => any;
     };
-    refs: {};
+    refs: {
+        rootRef: HTMLDivElement;
+        canvasRef: ({
+            $: import('vue').ComponentInternalInstance;
+            $data: {};
+            $props: {
+                readonly nodes: ContractSigningFlowNode[];
+                readonly selectedKey?: string | undefined;
+                readonly readonly?: boolean | undefined;
+                readonly disabled?: boolean | undefined;
+                readonly zoom?: number | undefined;
+                readonly onAdd?: (() => any) | undefined;
+                readonly onSelect?: ((node: ContractSigningFlowNode) => any) | undefined;
+                readonly onRemove?: ((node: ContractSigningFlowNode) => any) | undefined;
+                readonly onMove?: ((node: ContractSigningFlowNode, direction: 1 | -1) => any) | undefined;
+                readonly "onZoom-change"?: ((zoom: number) => any) | undefined;
+                readonly "onFit-width"?: (() => any) | undefined;
+            } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
+            $attrs: import('vue').Attrs;
+            $refs: {
+                [x: string]: unknown;
+            } & {
+                canvasScrollRef: HTMLDivElement;
+                canvasElementRef: HTMLDivElement;
+            };
+            $slots: Readonly<{
+                [name: string]: import('vue').Slot<any> | undefined;
+            }>;
+            $root: import('vue').ComponentPublicInstance | null;
+            $parent: import('vue').ComponentPublicInstance | null;
+            $host: Element | null;
+            $emit: ((event: "add") => void) & ((event: "select", node: ContractSigningFlowNode) => void) & ((event: "remove", node: ContractSigningFlowNode) => void) & ((event: "move", node: ContractSigningFlowNode, direction: 1 | -1) => void) & ((event: "zoom-change", zoom: number) => void) & ((event: "fit-width") => void);
+            $el: HTMLElement;
+            $options: import('vue').ComponentOptionsBase<Readonly<{
+                nodes: ContractSigningFlowNode[];
+                selectedKey?: string;
+                readonly?: boolean;
+                disabled?: boolean;
+                zoom?: number;
+            }> & Readonly<{
+                onAdd?: (() => any) | undefined;
+                onSelect?: ((node: ContractSigningFlowNode) => any) | undefined;
+                onRemove?: ((node: ContractSigningFlowNode) => any) | undefined;
+                onMove?: ((node: ContractSigningFlowNode, direction: 1 | -1) => any) | undefined;
+                "onZoom-change"?: ((zoom: number) => any) | undefined;
+                "onFit-width"?: (() => any) | undefined;
+            }>, {
+                fitWidth: () => number;
+            }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+                add: () => any;
+                select: (node: ContractSigningFlowNode) => any;
+                remove: (node: ContractSigningFlowNode) => any;
+                move: (node: ContractSigningFlowNode, direction: 1 | -1) => any;
+                "zoom-change": (zoom: number) => any;
+                "fit-width": () => any;
+            }, string, {
+                zoom: number;
+            }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
+                beforeCreate?: (() => void) | (() => void)[];
+                created?: (() => void) | (() => void)[];
+                beforeMount?: (() => void) | (() => void)[];
+                mounted?: (() => void) | (() => void)[];
+                beforeUpdate?: (() => void) | (() => void)[];
+                updated?: (() => void) | (() => void)[];
+                activated?: (() => void) | (() => void)[];
+                deactivated?: (() => void) | (() => void)[];
+                beforeDestroy?: (() => void) | (() => void)[];
+                beforeUnmount?: (() => void) | (() => void)[];
+                destroyed?: (() => void) | (() => void)[];
+                unmounted?: (() => void) | (() => void)[];
+                renderTracked?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
+                renderTriggered?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
+                errorCaptured?: ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void)[];
+            };
+            $forceUpdate: () => void;
+            $nextTick: typeof import('vue').nextTick;
+            $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
+        } & Readonly<{
+            zoom: number;
+        }> & Omit<Readonly<{
+            nodes: ContractSigningFlowNode[];
+            selectedKey?: string;
+            readonly?: boolean;
+            disabled?: boolean;
+            zoom?: number;
+        }> & Readonly<{
+            onAdd?: (() => any) | undefined;
+            onSelect?: ((node: ContractSigningFlowNode) => any) | undefined;
+            onRemove?: ((node: ContractSigningFlowNode) => any) | undefined;
+            onMove?: ((node: ContractSigningFlowNode, direction: 1 | -1) => any) | undefined;
+            "onZoom-change"?: ((zoom: number) => any) | undefined;
+            "onFit-width"?: (() => any) | undefined;
+        }>, "zoom" | "fitWidth"> & {
+            fitWidth: () => number;
+        } & {} & import('vue').ComponentCustomProperties & {} & {
+            $slots: Readonly<{
+                headerExtra?: (props: {
+                    readonly?: boolean;
+                    disabled?: boolean;
+                }) => any;
+            }> & {
+                headerExtra?: (props: {
+                    readonly?: boolean;
+                    disabled?: boolean;
+                }) => any;
+            };
+        }) | null;
+    };
     rootEl: HTMLDivElement;
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
@@ -24,10 +131,15 @@ declare const __VLS_component: import('vue').DefineComponent<ContractSigningFlow
     removeSignNode: (nodeKey: string) => void;
     moveSignNode: (nodeKey: string, direction: -1 | 1) => void;
     setNodeLocationRules: (nodeKey: string, locationRules: ContractSigningFlowLocationRule[]) => void;
+    setZoom: (value: number) => number;
+    resetZoom: () => number;
+    getZoom: () => number;
+    fitWidth: () => number;
 }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     validate: (errors: import('./types').ContractSigningFlowValidationError[]) => any;
     "update:modelValue": (value: ContractSigningFlowDefinition) => any;
     change: (value: ContractSigningFlowDefinition) => any;
+    "update:zoom": (value: number) => any;
     "node-add": (node: ContractSigningFlowNode) => any;
     "node-change": (node: ContractSigningFlowNode) => any;
     "node-remove": (nodeKey: string) => any;
@@ -38,6 +150,7 @@ declare const __VLS_component: import('vue').DefineComponent<ContractSigningFlow
     onValidate?: ((errors: import('./types').ContractSigningFlowValidationError[]) => any) | undefined;
     "onUpdate:modelValue"?: ((value: ContractSigningFlowDefinition) => any) | undefined;
     onChange?: ((value: ContractSigningFlowDefinition) => any) | undefined;
+    "onUpdate:zoom"?: ((value: number) => any) | undefined;
     "onNode-add"?: ((node: ContractSigningFlowNode) => any) | undefined;
     "onNode-change"?: ((node: ContractSigningFlowNode) => any) | undefined;
     "onNode-remove"?: ((nodeKey: string) => any) | undefined;
@@ -48,8 +161,116 @@ declare const __VLS_component: import('vue').DefineComponent<ContractSigningFlow
     disabled: boolean;
     height: string | number;
     readonly: boolean;
+    zoom: number;
     requireSigningLocation: boolean;
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    rootRef: HTMLDivElement;
+    canvasRef: ({
+        $: import('vue').ComponentInternalInstance;
+        $data: {};
+        $props: {
+            readonly nodes: ContractSigningFlowNode[];
+            readonly selectedKey?: string | undefined;
+            readonly readonly?: boolean | undefined;
+            readonly disabled?: boolean | undefined;
+            readonly zoom?: number | undefined;
+            readonly onAdd?: (() => any) | undefined;
+            readonly onSelect?: ((node: ContractSigningFlowNode) => any) | undefined;
+            readonly onRemove?: ((node: ContractSigningFlowNode) => any) | undefined;
+            readonly onMove?: ((node: ContractSigningFlowNode, direction: 1 | -1) => any) | undefined;
+            readonly "onZoom-change"?: ((zoom: number) => any) | undefined;
+            readonly "onFit-width"?: (() => any) | undefined;
+        } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
+        $attrs: import('vue').Attrs;
+        $refs: {
+            [x: string]: unknown;
+        } & {
+            canvasScrollRef: HTMLDivElement;
+            canvasElementRef: HTMLDivElement;
+        };
+        $slots: Readonly<{
+            [name: string]: import('vue').Slot<any> | undefined;
+        }>;
+        $root: import('vue').ComponentPublicInstance | null;
+        $parent: import('vue').ComponentPublicInstance | null;
+        $host: Element | null;
+        $emit: ((event: "add") => void) & ((event: "select", node: ContractSigningFlowNode) => void) & ((event: "remove", node: ContractSigningFlowNode) => void) & ((event: "move", node: ContractSigningFlowNode, direction: 1 | -1) => void) & ((event: "zoom-change", zoom: number) => void) & ((event: "fit-width") => void);
+        $el: HTMLElement;
+        $options: import('vue').ComponentOptionsBase<Readonly<{
+            nodes: ContractSigningFlowNode[];
+            selectedKey?: string;
+            readonly?: boolean;
+            disabled?: boolean;
+            zoom?: number;
+        }> & Readonly<{
+            onAdd?: (() => any) | undefined;
+            onSelect?: ((node: ContractSigningFlowNode) => any) | undefined;
+            onRemove?: ((node: ContractSigningFlowNode) => any) | undefined;
+            onMove?: ((node: ContractSigningFlowNode, direction: 1 | -1) => any) | undefined;
+            "onZoom-change"?: ((zoom: number) => any) | undefined;
+            "onFit-width"?: (() => any) | undefined;
+        }>, {
+            fitWidth: () => number;
+        }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+            add: () => any;
+            select: (node: ContractSigningFlowNode) => any;
+            remove: (node: ContractSigningFlowNode) => any;
+            move: (node: ContractSigningFlowNode, direction: 1 | -1) => any;
+            "zoom-change": (zoom: number) => any;
+            "fit-width": () => any;
+        }, string, {
+            zoom: number;
+        }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
+            beforeCreate?: (() => void) | (() => void)[];
+            created?: (() => void) | (() => void)[];
+            beforeMount?: (() => void) | (() => void)[];
+            mounted?: (() => void) | (() => void)[];
+            beforeUpdate?: (() => void) | (() => void)[];
+            updated?: (() => void) | (() => void)[];
+            activated?: (() => void) | (() => void)[];
+            deactivated?: (() => void) | (() => void)[];
+            beforeDestroy?: (() => void) | (() => void)[];
+            beforeUnmount?: (() => void) | (() => void)[];
+            destroyed?: (() => void) | (() => void)[];
+            unmounted?: (() => void) | (() => void)[];
+            renderTracked?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
+            renderTriggered?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
+            errorCaptured?: ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void)[];
+        };
+        $forceUpdate: () => void;
+        $nextTick: typeof import('vue').nextTick;
+        $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
+    } & Readonly<{
+        zoom: number;
+    }> & Omit<Readonly<{
+        nodes: ContractSigningFlowNode[];
+        selectedKey?: string;
+        readonly?: boolean;
+        disabled?: boolean;
+        zoom?: number;
+    }> & Readonly<{
+        onAdd?: (() => any) | undefined;
+        onSelect?: ((node: ContractSigningFlowNode) => any) | undefined;
+        onRemove?: ((node: ContractSigningFlowNode) => any) | undefined;
+        onMove?: ((node: ContractSigningFlowNode, direction: 1 | -1) => any) | undefined;
+        "onZoom-change"?: ((zoom: number) => any) | undefined;
+        "onFit-width"?: (() => any) | undefined;
+    }>, "zoom" | "fitWidth"> & {
+        fitWidth: () => number;
+    } & {} & import('vue').ComponentCustomProperties & {} & {
+        $slots: Readonly<{
+            headerExtra?: (props: {
+                readonly?: boolean;
+                disabled?: boolean;
+            }) => any;
+        }> & {
+            headerExtra?: (props: {
+                readonly?: boolean;
+                disabled?: boolean;
+            }) => any;
+        };
+    }) | null;
+}, HTMLDivElement>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;
 type __VLS_WithTemplateSlots<T, S> = T & {

package/dist/types/components/pro-contract-signing-flow/src/constants.d.ts

@@ -1,4 +1,19 @@
 import { ContractSigningFlowIdentity, ContractSigningFlowSignAction } from './types';
+/** 签署流程画布缩放边界与步进；缩放只影响画布视觉，不进入流程 DTO。 */
+export declare const CONTRACT_SIGNING_FLOW_MIN_ZOOM = 0.5;
+export declare const CONTRACT_SIGNING_FLOW_MAX_ZOOM = 1.5;
+export declare const CONTRACT_SIGNING_FLOW_ZOOM_STEP = 0.1;
+export type ContractSigningFlowZoomShortcut = 'in' | 'out' | 'reset';
+/** 根快捷键只响应画布自身，不能截获 Inspector 等表单控件的输入。 */
+export declare function isContractSigningFlowInteractiveTarget(target: EventTarget | null): boolean;
+export declare function resolveContractSigningFlowZoomShortcutForTarget(event: Pick<KeyboardEvent, 'altKey' | 'code' | 'ctrlKey' | 'key' | 'metaKey' | 'target'>): ContractSigningFlowZoomShortcut | undefined;
+/**
+ * 统一缩放归一化，避免按钮/滚轮连续运算产生 0.799999 等浮点长尾。
+ * 非法值回落 100%，公共 API 与受控 prop 共用同一规则。
+ */
+export declare function normalizeContractSigningFlowZoom(value: unknown): number;
+/** 只识别组件内 Ctrl/⌘ 缩放组合键，普通按键继续交给输入框和浏览器。 */
+export declare function resolveContractSigningFlowZoomShortcut(event: Pick<KeyboardEvent, 'altKey' | 'code' | 'ctrlKey' | 'key' | 'metaKey'>): ContractSigningFlowZoomShortcut | undefined;
 export declare const CONTRACT_SIGNING_FLOW_SIGN_ACTIONS: Array<{
     value: ContractSigningFlowSignAction;
     label: string;