@guodun/antdv 1.3.1 → 1.4.0

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

@@ -4,6 +4,8 @@ export * from './src/constants';
 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,15 +33,16 @@ 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;
     zoom: number;
+    sealTypeOptions: import('./types').ContractSigningSealTypeOption[];
     minZoom: number;
     maxZoom: number;
-    sealTypeOptions: import('./types').ContractSigningSealTypeOption[];
     sizeProfile: import('./types').ContractSigningSizeProfileName | import('./types').ContractSigningSizeProfile;
     contractId: string;
     dataProvider: import('./types').ContractSigningLocationProvider;
@@ -49,6 +50,7 @@ declare const _default: import('vue').DefineComponent<ContractSigningLocationPro
     sealMinSize: number;
     sealMaxSize: number;
     showSubmitButton: boolean;
+    showInspector: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
     canvasRef: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{
         file?: import('./types').ContractSigningFile;
@@ -64,6 +66,7 @@ declare const _default: import('vue').DefineComponent<ContractSigningLocationPro
         minZoom: number;
         maxZoom: number;
         sealSizeLimit: import('./types').ContractSigningSealSizeLimit;
+        sealTypeOptions?: import('./types').ContractSigningSealTypeOption[];
     }> & Readonly<{
         onAdd?: ((type: ContractSigningPlacementType, signLeft: number, signTop: number, pageIndex: number) => any) | undefined;
         onSelect?: ((placementId: string) => any) | undefined;
@@ -114,6 +117,7 @@ declare const _default: import('vue').DefineComponent<ContractSigningLocationPro
         minZoom: number;
         maxZoom: number;
         sealSizeLimit: import('./types').ContractSigningSealSizeLimit;
+        sealTypeOptions?: import('./types').ContractSigningSealTypeOption[];
     }> & Readonly<{
         onAdd?: ((type: ContractSigningPlacementType, signLeft: number, signTop: number, pageIndex: number) => any) | undefined;
         onSelect?: ((placementId: string) => any) | undefined;

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

@@ -1,4 +1,4 @@
-import { ContractSigningFile, ContractSigningPage, ContractSigningPlacement, ContractSigningPlacementType, ContractSigningSealSizeLimit } from './types';
+import { ContractSigningFile, ContractSigningPage, ContractSigningPlacement, ContractSigningPlacementType, ContractSigningSealSizeLimit, ContractSigningSealTypeOption } from './types';
 type __VLS_Props = {
     file?: ContractSigningFile;
     pages: ContractSigningPage[];
@@ -13,6 +13,7 @@ type __VLS_Props = {
     minZoom: number;
     maxZoom: number;
     sealSizeLimit: ContractSigningSealSizeLimit;
+    sealTypeOptions?: ContractSigningSealTypeOption[];
 };
 declare function scrollToPage(pageIndex: number): void;
 declare function scrollToPlacement(id: string): void;

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

@@ -13,14 +13,14 @@ type __VLS_Props = {
 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/constants.d.ts

@@ -1,4 +1,4 @@
-import { ContractSigningPlacementType, ContractSigningSizeProfile, ContractSigningSizeProfileName } from './types';
+import { ContractSigningPlacementType, ContractSigningSizeProfile, ContractSigningSizeProfileName, ContractSigningSealTypeOption } from './types';
 /** 印章类型字典，取值与签署服务及合同模板设计器保持一致。 */
 export declare const CONTRACT_SIGNING_SEAL_TYPE_OPTIONS: readonly [{
     readonly value: "01";
@@ -18,20 +18,44 @@ export declare const CONTRACT_SIGNING_SEAL_TYPE_OPTIONS: readonly [{
 }];
 export declare const CONTRACT_SIGNING_PLACEMENT_MIME = "application/x-gd-contract-signing-location";
 export declare const CONTRACT_SIGNING_PLACEMENT_LABELS: Record<ContractSigningPlacementType, string>;
-/** 印章正方形边长默认下限 50；不是新建默认尺寸。 */
-export declare const CONTRACT_SIGNING_SEAL_MIN_SIZE = 50;
-/** 印章正方形边长默认上限，宿主可通过 sealMaxSize 覆盖。 */
-export declare const CONTRACT_SIGNING_SEAL_MAX_SIZE = 80;
+/** 印章尺寸按真实章型决定；该值仅作为手动调整的安全下限。 */
+export declare const CONTRACT_SIGNING_SEAL_MIN_SIZE = 8;
+/** 手动调整的安全上限，宿主可通过 sealMaxSize 覆盖。 */
+export declare const CONTRACT_SIGNING_SEAL_MAX_SIZE = 640;
+/** 项目页面坐标采用 72dpi，电子印章标准尺寸从毫米换算为页面像素。 */
+export declare const CONTRACT_SIGNING_PX_PER_MM: number;
+export declare const CONTRACT_SIGNING_SEAL_TYPE_PRESETS: Record<string, Required<Pick<ContractSigningSealTypeOption, 'shape' | 'widthMm' | 'heightMm' | 'centerPattern' | 'fontFamily'>>>;
+export declare function millimetersToContractSigningPixels(value: number): number;
+/** 将印章毫米规格换算成指定 DPI 的 CSS/画布像素。 */
+export declare function millimetersToContractSigningCssPixels(value: number, dpi?: number): number;
+export declare function resolveContractSigningSealTypeOption(value: unknown, options?: readonly ContractSigningSealTypeOption[]): {
+    fontFamily: string;
+    centerPattern: "star" | "none";
+    heightMm: number;
+    widthMm: number;
+    shape: "circle" | "ellipse" | "square";
+    value?: string | undefined;
+    label?: string | undefined;
+    ringText?: string;
+    centerText?: string;
+    serialText?: string;
+} | undefined;
+export declare function resolveContractSigningSealSizeInPixels(values: unknown, options?: readonly ContractSigningSealTypeOption[]): {
+    width: number;
+    height: number;
+};
+export declare function resolveContractSigningSealSizeInCssPixels(values: unknown, options?: readonly ContractSigningSealTypeOption[], dpi?: number): {
+    width: number;
+    height: number;
+};
 /**
  * 默认尺寸按类型分开，禁止三种控件共用一个正方形。
- * - 印章：新建默认 80×80；非只读时始终可调正方形边长，夹在 [sealMinSize, sealMaxSize]，不依赖 resizable。
+ * - 印章：新建按章型标准尺寸；非只读时始终可调，夹在 [sealMinSize, sealMaxSize]，不依赖 resizable。
  * - 签名/日期：H5 使用规则里的 signWidth/signHeight；缺高时 height = width/5*2。
  *   物理尺寸对齐 contract-app 自由添加：签名 50×20mm、日期 60×20mm，按 72dpi 折成页面坐标（mm/10/2.54*72）。
  */
 export declare const CONTRACT_SIGNING_SIZE_PROFILES: Record<ContractSigningSizeProfileName, ContractSigningSizeProfile>;
 export declare const CONTRACT_SIGNING_MIN_PLACEMENT_SIZE = 8;
-/** 框宽不足时只显示图标，名称放进 title，避免默认印章 80×80 被文字和徽标挤没。 */
-export declare const CONTRACT_SIGNING_COMPACT_PLACEMENT_WIDTH = 90;
 /** 指针靠近滚动区上下边缘时开始自动滚动的显示像素范围。 */
 export declare const CONTRACT_SIGNING_AUTO_SCROLL_EDGE_PX = 48;
 /** 可见页预览请求的并发上限。 */

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

@@ -1,7 +1,9 @@
-import { ContractSigningPage, ContractSigningPlacement, ContractSigningPlacementSize, ContractSigningPlacementType, ContractSigningSealSizeLimit, ContractSigningSizeProfile, ContractSigningSizeProfileName } from './types';
+import { ContractSigningPage, ContractSigningPlacement, ContractSigningPlacementSize, ContractSigningPlacementType, ContractSigningSealSizeLimit, ContractSigningSizeProfile, ContractSigningSizeProfileName, ContractSigningSealTypeOption } from './types';
 export interface ContractSigningClampOptions {
     minSize?: number;
     sealSizeLimit?: ContractSigningSealSizeLimit;
+    sealTypeOptions?: readonly ContractSigningSealTypeOption[];
+    sealTypes?: unknown;
 }
 export interface ContractSigningPlacementDistances {
     left: number;
@@ -17,6 +19,14 @@ export interface ContractSigningSnapGuide {
     /** 吸附参考线在页面逻辑坐标中的位置。 */
     position: number;
 }
+export type ContractSigningResizeHandle = 'nw' | 'n' | 'ne' | 'e' | 'se' | 's' | 'sw' | 'w';
+/**
+ * 计算印章缩放后的几何，不触碰位置对象或组件状态。
+ *
+ * 印章可以是圆形、椭圆形或方形，缩放时沿当前位置的宽高比调整；
+ * 可用宽高分别受锚点两侧的页面边界约束，不能用同一个 maxSide 代替。
+ */
+export declare function resizeContractSigningSealGeometry(origin: Pick<ContractSigningPlacement, 'signLeft' | 'signTop' | 'signWidth' | 'signHeight' | 'sealType'>, handle: ContractSigningResizeHandle, pointerX: number, pointerY: number, page: Pick<ContractSigningPage, 'width' | 'height'>, sealSizeLimit: ContractSigningSealSizeLimit): Pick<ContractSigningPlacement, 'signLeft' | 'signTop' | 'signWidth' | 'signHeight'>;
 /** 页面服务返回的尺寸可能是图片渲染尺寸，规则必须使用同一页的 PDF 逻辑尺寸。 */
 export declare function normalizeContractSigningCoordinateScale(value: unknown): number;
 export declare function normalizeContractSigningCoordinateDimension(value: unknown, scale?: number): number;
@@ -39,7 +49,7 @@ export declare function displayPointToContractPoint(input: {
     x: number;
     y: number;
 };
-/** 非有限或非正数回落默认 50/80；min > max 时互换，保证区间可直接用于 clamp。 */
+/** 非有限或非正数回落安全区间；min > max 时互换，保证区间可直接用于 clamp。 */
 export declare function resolveContractSigningSealSizeLimit(min?: unknown, max?: unknown): ContractSigningSealSizeLimit;
 /** 显示位移换回原始坐标位移，X/Y 分别按实际画布比例计算。 */
 export declare function moveContractSigningPlacementByDisplayDelta(placement: ContractSigningPlacement, deltaX: number, deltaY: number, page: ContractSigningPage, canvasSize: {

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

@@ -1,14 +1,15 @@
-import { ContractSigningLocationError, ContractSigningLocationOutput, ContractSigningLocationRule, ContractSigningLocationValue, ContractSigningLocationValidationOptions, ContractSigningPage, ContractSigningPlacement, ContractSigningPlacementType, ContractSigningSealSizeLimit, ContractSigningSizeProfile, ContractSigningSizeProfileName } 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;
 export declare function cloneContractSigningLocationValue(value: ContractSigningLocationValue): ContractSigningLocationValue;
 /**
  * 把宿主页面接口的尺寸/位置统一收敛为 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 {
@@ -16,10 +17,11 @@ export declare function getContractSigningHomePage<T extends {
 }>(pages: readonly T[] | undefined): T | undefined;
 /**
  * 更新位置时锁定 id/fileId，允许跨页改写 pageIndex。
- * 印章类型锁定为 seal；尺寸以 signWidth 优先，否则 signHeight，写成正方形后再 clamp。
+ * 印章类型锁定为 seal；切换 sealType 时按标准章型尺寸重算，手动改尺寸时保留当前宽高比。
  */
 export declare function patchContractSigningPlacement(placement: ContractSigningPlacement, patch: Partial<ContractSigningPlacement>, page?: Pick<ContractSigningPage, 'width' | 'height'>, options?: {
     sealSizeLimit?: ContractSigningSealSizeLimit;
+    sealTypeOptions?: readonly ContractSigningSealTypeOption[];
 }): ContractSigningPlacement;
 /** 缺少原始宽高时只能加载预览，不能创建或移动签署位置。 */
 export declare function isContractSigningPageUsable(page: Pick<ContractSigningPage, 'width' | 'height'> | undefined): boolean;
@@ -39,6 +41,7 @@ export declare function createContractSigningPlacement(type: ContractSigningPlac
     sizeProfile?: ContractSigningSizeProfileName | ContractSigningSizeProfile;
     sealType?: string[];
     sealSizeLimit?: ContractSigningSealSizeLimit;
+    sealTypeOptions?: readonly ContractSigningSealTypeOption[];
 }): ContractSigningPlacement;
 export declare function validateContractSigningLocationValue(value: ContractSigningLocationValue, options?: ContractSigningLocationValidationOptions): ContractSigningLocationError[];
 export declare function buildContractSigningLocationRules(value: ContractSigningLocationValue, options?: ContractSigningLocationValidationOptions): ContractSigningLocationRule[];

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

@@ -0,0 +1,45 @@
+import { ContractSigningPlacement, ContractSigningPlacementType, ContractSigningSealTypeOption } from './types';
+/** 签署位置图片化占位图所需的宿主字典。 */
+export type ContractSigningSealTypeOptions = ReadonlyArray<ContractSigningSealTypeOption>;
+export interface ContractSigningVisualOptions {
+    sealTypeOptions?: ContractSigningSealTypeOptions;
+    /** 渲染当天；省略时取当前日期。 */
+    date?: Date | number | string;
+}
+export interface ContractSigningVisual {
+    type: ContractSigningPlacementType;
+    dataUrl: string;
+    alt: string;
+}
+/**
+ * 将静态 SVG 变成不依赖网络的 URL 编码 data URL。
+ * 动态文案在进入这里之前已经经过 XML 转义，避免把印章选项变成 SVG 标签。
+ */
+export declare function toContractSigningSvgDataUrl(svg: string): string;
+/** 只接受本组件生成的 URL 编码 SVG 或内置签名 PNG，拒绝外部资源。 */
+export declare function isSafeContractSigningVisualDataUrl(value: unknown): value is string;
+/** 兼容更直观的调用名，公共入口同时导出两个名字。 */
+export declare const isContractSigningVisualDataUrl: typeof isSafeContractSigningVisualDataUrl;
+/** 生成中文合同常见的 `YYYY年MM月DD日` 文案。 */
+export declare function formatContractSigningDate(value?: Date | number | string): string;
+/**
+ * 把位置上的印章类型映射成圆章环绕文案。
+ * - 单位章和发票章使用合同产品约定的公司示例文案；
+ * - 多选统一为通用“公司印章”；
+ * - 其它单选保留宿主字典中的相应章名。
+ */
+export declare function resolveContractSigningSealLabel(sealTypes: unknown, sealTypeOptions?: ContractSigningSealTypeOptions): string;
+export declare function getContractSigningSealDataUrl(sealTypes: unknown, sealTypeOptions?: ContractSigningSealTypeOptions): string;
+export declare function getContractSigningSignatureDataUrl(): string;
+/** 语义明确的 PNG 调用名，和通用签名入口返回同一内置资源。 */
+export declare const getContractSigningSignaturePngDataUrl: typeof getContractSigningSignatureDataUrl;
+export declare function getContractSigningDateDataUrl(value?: Date | number | string): string;
+/** 根据位置类型构造画布主体图片；不会修改 placement，也不会写入日期。 */
+export declare function getContractSigningPlacementVisual(placement: Pick<ContractSigningPlacement, 'signType' | 'sealType'>, options?: ContractSigningVisualOptions): ContractSigningVisual;
+/** 便于模板直接取图片地址的别名。 */
+export declare const getContractSigningPlacementDataUrl: (placement: Pick<ContractSigningPlacement, "signType" | "sealType">, options?: ContractSigningVisualOptions) => string;
+export declare const getContractSigningSealSvgDataUrl: typeof getContractSigningSealDataUrl;
+/** @deprecated 签名现在返回 PNG；保留旧名称以兼容早期宿主调用。 */
+export declare const getContractSigningSignatureSvgDataUrl: typeof getContractSigningSignatureDataUrl;
+export declare const getContractSigningDateSvgDataUrl: typeof getContractSigningDateDataUrl;
+export declare const getContractSigningSealLabel: typeof resolveContractSigningSealLabel;

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;
@@ -75,6 +110,22 @@ export interface ContractSigningLocationProvider {
 export interface ContractSigningSealTypeOption {
     value: string;
     label: string;
+    /** 电子印章外形；未配置时按 value/label 使用内置预设。 */
+    shape?: 'circle' | 'ellipse' | 'square';
+    /** 标准印章宽度，单位 mm。 */
+    widthMm?: number;
+    /** 标准印章高度，单位 mm。 */
+    heightMm?: number;
+    /** 中心图案。 */
+    centerPattern?: 'star' | 'none';
+    /** 环绕文字；未配置时使用“某某科技有限公司 + 章名”。 */
+    ringText?: string;
+    /** 中心文字；未配置时根据章名推导。 */
+    centerText?: string;
+    /** 电子印章示例字体。 */
+    fontFamily?: string;
+    /** 可选印章编号示例。 */
+    serialText?: string;
 }
 export interface ContractSigningPlacementSize {
     width: number;
@@ -92,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 ''
@@ -106,7 +162,7 @@ export interface ContractSigningLocationProps {
      */
     sealTypeOptions?: ContractSigningSealTypeOption[];
     /**
-     * 新建位置默认宽高；'default' 或自定义 {seal,signature,date}。印章新建 80×80
+     * 新建位置默认宽高；印章按章型标准毫米规格换算，签名/日期使用 profile。
      * @default 'default'
      */
     sizeProfile?: ContractSigningSizeProfileName | ContractSigningSizeProfile;
@@ -141,18 +197,18 @@ export interface ContractSigningLocationProps {
      */
     zoom?: number;
     /**
-     * 默认 false；为 true 时仅签名/日期可调。印章非只读时始终可调，正方形边长夹在 sealMinSize~sealMaxSize。
+     * 默认 false；为 true 时仅签名/日期可调。印章非只读时始终可按章型比例调整，宽度夹在 sealMinSize~sealMaxSize。
      * @default false
      */
     resizable?: boolean;
     /**
-     * 印章正方形边长最小值；不是新建默认尺寸
-     * @default 50
+     * 印章手动调整的最小宽度；新建章型尺寸不受此值静默改写。
+     * @default 8
      */
     sealMinSize?: number;
     /**
-     * 印章正方形边长最大值
-     * @default 80
+     * 印章手动调整的最大宽度；新建章型尺寸不受此值静默改写。
+     * @default 640
      */
     sealMaxSize?: number;
     /**
@@ -165,6 +221,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 & {