@guodun/antdv 1.7.5 → 1.7.7

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

@@ -1,58 +1,59 @@
 import { getFieldOption as e } from "./composables/use-template-designer.mjs";
 import { resolveFieldTypeIcon as t } from "./utils/template-tool-icons.mjs";
 import n from "./ContractTemplatePanelTabs.mjs";
-import { readContractPageNavigation as r } from "./utils/document-outline.mjs";
+import { createContractPageNavigationCache as r } from "./utils/document-outline.mjs";
 import { matchesContractPanelSearch as i } from "./utils/panel-search.mjs";
-import { Fragment as a, computed as o, createBlock as s, createCommentVNode as c, createElementBlock as l, createElementVNode as u, createTextVNode as d, createVNode as f, defineComponent as p, normalizeClass as m, normalizeStyle as ee, openBlock as h, reactive as te, renderList as g, resolveDynamicComponent as ne, shallowRef as re, toDisplayString as _, unref as v, useId as ie, vShow as y, withCtx as b, withDirectives as x } from "vue";
-import { Button as S, Input as ae, Select as oe, Tooltip as C } from "ant-design-vue";
-import { CopyOutlined as se, DeleteOutlined as ce, LeftOutlined as le, PlusOutlined as ue, RightOutlined as de, SearchOutlined as fe } from "@ant-design/icons-vue";
+import { Fragment as a, computed as o, createBlock as s, createCommentVNode as c, createElementBlock as l, createElementVNode as u, createTextVNode as d, createVNode as f, defineComponent as p, normalizeClass as m, normalizeStyle as ee, onScopeDispose as te, openBlock as h, reactive as ne, renderList as g, resolveDynamicComponent as re, shallowRef as ie, toDisplayString as _, unref as v, useId as ae, vShow as y, watch as b, withCtx as x, withDirectives as S } from "vue";
+import { Button as C, Input as oe, Select as se, Tooltip as w } from "ant-design-vue";
+import { CopyOutlined as ce, DeleteOutlined as le, LeftOutlined as ue, PlusOutlined as de, RightOutlined as fe, SearchOutlined as pe } from "@ant-design/icons-vue";
 //#region src/components/pro-contract-template-designer/src/ContractTemplateDesignerSidebar.vue?vue&type=script&setup=true&lang.ts
-var pe = ["aria-label", "aria-expanded"], w = { class: "gd-contract-template-designer__panel-stack" }, T = { class: "gd-contract-authoring-panel__body" }, E = { class: "gd-contract-authoring-panel__search" }, D = { class: "gd-contract-authoring-panel__results" }, O = {
+var me = ["aria-label", "aria-expanded"], T = { class: "gd-contract-template-designer__panel-stack" }, E = { class: "gd-contract-authoring-panel__body" }, D = { class: "gd-contract-authoring-panel__search" }, O = { class: "gd-contract-authoring-panel__results" }, k = {
 	role: "status",
 	"aria-live": "polite"
-}, k = ["id", "aria-labelledby"], A = {
+}, A = ["id", "aria-labelledby"], j = {
 	key: 0,
 	class: "gd-contract-authoring-panel__empty"
-}, j = [
+}, M = [
 	"aria-current",
 	"aria-label",
 	"onClick"
-], M = {
+], N = {
 	class: "gd-contract-authoring-panel__page-number",
 	"aria-hidden": "true"
-}, N = { class: "gd-contract-authoring-panel__page-copy" }, P = { class: "gd-contract-authoring-panel__item-title" }, F = { class: "gd-contract-authoring-panel__summary" }, I = { class: "gd-contract-authoring-panel__meta" }, L = {
+}, P = { class: "gd-contract-authoring-panel__page-copy" }, F = { class: "gd-contract-authoring-panel__item-title" }, I = { class: "gd-contract-authoring-panel__summary" }, L = { class: "gd-contract-authoring-panel__meta" }, R = {
 	key: 1,
 	class: "gd-contract-authoring-panel__page-config"
-}, R = { class: "gd-contract-authoring-panel__section-heading" }, z = ["aria-label"], B = {
+}, z = { class: "gd-contract-authoring-panel__section-heading" }, he = ["aria-label"], ge = {
 	key: 0,
 	class: "gd-contract-authoring-panel__field"
-}, me = { class: "gd-contract-authoring-panel__meta" }, he = { class: "gd-contract-authoring-panel__page-actions" }, ge = ["id", "aria-labelledby"], _e = {
+}, _e = { class: "gd-contract-authoring-panel__meta" }, ve = { class: "gd-contract-authoring-panel__page-actions" }, B = ["id", "aria-labelledby"], ye = {
 	key: 0,
 	class: "gd-contract-authoring-panel__empty"
-}, ve = {
+}, be = {
 	key: 0,
 	class: "gd-contract-authoring-panel__meta"
-}, V = { class: "gd-contract-authoring-panel__outline-page" }, ye = { class: "gd-contract-authoring-panel__outline-list" }, be = ["aria-label", "onClick"], xe = {
+}, xe = { class: "gd-contract-authoring-panel__outline-page" }, Se = { class: "gd-contract-authoring-panel__outline-list" }, Ce = ["aria-label", "onClick"], we = {
 	class: "gd-contract-authoring-panel__heading-level",
 	"aria-hidden": "true"
-}, Se = ["id", "aria-labelledby"], Ce = {
+}, Te = ["id", "aria-labelledby"], Ee = {
 	key: 0,
 	class: "gd-contract-authoring-panel__empty"
-}, we = {
+}, De = {
 	key: 0,
 	class: "gd-contract-authoring-panel__meta"
-}, Te = [
+}, Oe = [
 	"aria-pressed",
 	"aria-label",
 	"onClick"
-], Ee = {
+], ke = {
 	class: "gd-contract-authoring-panel__variable-icon",
 	"aria-hidden": "true"
-}, De = { class: "gd-contract-authoring-panel__variable-copy" }, Oe = { class: "gd-contract-authoring-panel__item-title" }, ke = { class: "gd-contract-authoring-panel__meta" }, H = /* @__PURE__ */ p({
+}, Ae = { class: "gd-contract-authoring-panel__variable-copy" }, je = { class: "gd-contract-authoring-panel__item-title" }, Me = { class: "gd-contract-authoring-panel__meta" }, V = /* @__PURE__ */ p({
 	name: "ContractTemplateDesignerSidebar",
 	__name: "ContractTemplateDesignerSidebar",
 	props: {
 		collapsed: { type: Boolean },
+		fileId: {},
 		pages: {},
 		variables: {},
 		decorationVariableKeys: {},
@@ -78,12 +79,12 @@ var pe = ["aria-label", "aria-expanded"], w = { class: "gd-contract-template-des
 		"scrollToVariable",
 		"navigateOutline"
 	],
-	setup(p, { emit: H }) {
-		let U = p, W = H, G = `gd-contract-navigation-${ie()}`, K = re("pages"), q = te({
+	setup(p, { emit: V }) {
+		let H = p, U = V, W = `gd-contract-navigation-${ae()}`, G = ie("pages"), K = ne({
 			pages: "",
 			outline: "",
 			variables: ""
-		}), Ae = [
+		}), Ne = [
 			{
 				value: "pages",
 				label: "页面"
@@ -96,233 +97,238 @@ var pe = ["aria-label", "aria-expanded"], w = { class: "gd-contract-template-des
 				value: "variables",
 				label: "变量"
 			}
-		], je = {
+		], Pe = {
 			pages: "搜索页面",
 			outline: "搜索大纲",
 			variables: "搜索变量"
-		}, Me = {
+		}, Fe = {
 			pages: "页名、页码或正文",
 			outline: "标题文字或所在页",
 			variables: "名称、类型或变量标识"
-		}, J = o({
-			get: () => q[K.value],
+		}, q = o({
+			get: () => K[G.value],
 			set: (e) => {
-				q[K.value] = e;
+				K[G.value] = e;
 			}
-		}), Y = o(() => U.pages.map((e, t) => ({
-			page: e,
-			number: t + 1,
-			title: e.title || `第 ${t + 1} 页`,
-			format: U.getPageSize(e).label || U.getPageSize(e).format || "自定义",
-			...r(e)
-		}))), X = o(() => Y.value.filter((e) => i(q.pages, e.title, `第 ${e.number} 页`, e.format, e.text))), Z = o(() => Y.value.map((e) => ({
+		}), J = r();
+		b(() => H.fileId, () => J.clear(), { flush: "sync" }), b(() => JSON.stringify(H.pages.map((e) => e.id)), () => J.retainPages(H.pages)), te(() => J.clear());
+		let Y = o(() => {
+			let e = J.readPages(H.pages);
+			return H.pages.map((t, n) => {
+				let r = H.getPageSize(t);
+				return {
+					page: t,
+					number: n + 1,
+					title: t.title || `第 ${n + 1} 页`,
+					format: r.label || r.format || "自定义",
+					...e[n]
+				};
+			});
+		}), X = o(() => Y.value.filter((e) => i(K.pages, e.title, `第 ${e.number} 页`, e.format, e.text))), Z = o(() => Y.value.map((e) => ({
 			...e,
-			headings: e.headings.filter((t) => i(q.outline, t.text, e.title, `第 ${e.number} 页`))
-		})).filter((e) => e.headings.length > 0)), Ne = o(() => Y.value.reduce((e, t) => e + t.headings.length, 0)), Q = o(() => Z.value.reduce((e, t) => e + t.headings.length, 0)), Pe = o(() => U.variables.map((t) => ({
+			headings: e.headings.filter((t) => i(K.outline, t.text, e.title, `第 ${e.number} 页`))
+		})).filter((e) => e.headings.length > 0)), Ie = o(() => Y.value.reduce((e, t) => e + t.headings.length, 0)), Q = o(() => Z.value.reduce((e, t) => e + t.headings.length, 0)), Le = o(() => H.variables.map((t) => ({
 			variable: t,
 			typeLabel: e(t.type || "text").label,
-			decoration: U.decorationVariableKeys.includes(t.key)
-		}))), $ = o(() => Pe.value.filter((e) => i(q.variables, e.variable.label, e.variable.key, e.variable.type || "text", e.typeLabel, e.decoration ? "页面装饰" : "正文"))), Fe = o(() => {
-			let [e, t, n] = {
-				pages: [
-					X.value.length,
-					U.pages.length,
-					"页"
-				],
-				outline: [
-					Q.value,
-					Ne.value,
-					"个标题"
-				],
-				variables: [
-					$.value.length,
-					U.variables.length,
-					"个变量"
-				]
-			}[K.value];
-			return J.value.trim() ? `找到 ${e} / ${t} ${n}` : `共 ${t} ${n}`;
+			decoration: H.decorationVariableKeys.includes(t.key)
+		}))), $ = o(() => Le.value.filter((e) => i(K.variables, e.variable.label, e.variable.key, e.variable.type || "text", e.typeLabel, e.decoration ? "页面装饰" : "正文"))), Re = o(() => {
+			if (H.collapsed) return "";
+			let [e, t, n] = G.value === "pages" ? [
+				X.value.length,
+				H.pages.length,
+				"页"
+			] : G.value === "outline" ? [
+				Q.value,
+				Ie.value,
+				"个标题"
+			] : [
+				$.value.length,
+				H.variables.length,
+				"个变量"
+			];
+			return q.value.trim() ? `找到 ${e} / ${t} ${n}` : `共 ${t} ${n}`;
 		});
-		function Ie(e) {
-			(e === "pages" || e === "outline" || e === "variables") && (K.value = e);
+		function ze(e) {
+			(e === "pages" || e === "outline" || e === "variables") && (G.value = e);
 		}
 		return (e, r) => (h(), l("aside", {
-			class: m(["gd-contract-template-designer__sidebar gd-contract-authoring-panel", { "is-collapsed": U.collapsed }]),
+			class: m(["gd-contract-template-designer__sidebar gd-contract-authoring-panel", { "is-collapsed": H.collapsed }]),
 			"aria-label": "合同内容导航"
-		}, [f(v(C), { title: U.collapsed ? "展开页面栏" : "收起页面栏" }, {
-			default: b(() => [u("button", {
+		}, [f(v(w), { title: H.collapsed ? "展开页面栏" : "收起页面栏" }, {
+			default: x(() => [u("button", {
 				type: "button",
 				class: "gd-contract-template-designer__panel-handle gd-contract-authoring-panel__handle",
-				"aria-label": U.collapsed ? "展开页面栏" : "收起页面栏",
-				"aria-expanded": !U.collapsed,
-				onClick: r[0] ||= (e) => W("toggle")
-			}, [U.collapsed ? (h(), s(v(de), {
+				"aria-label": H.collapsed ? "展开页面栏" : "收起页面栏",
+				"aria-expanded": !H.collapsed,
+				onClick: r[0] ||= (e) => U("toggle")
+			}, [H.collapsed ? (h(), s(v(fe), {
 				key: 0,
 				"aria-hidden": "true"
-			})) : (h(), s(v(le), {
+			})) : (h(), s(v(ue), {
 				key: 1,
 				"aria-hidden": "true"
-			}))], 8, pe)]),
+			}))], 8, me)]),
 			_: 1
-		}, 8, ["title"]), u("div", w, [u("div", T, [
+		}, 8, ["title"]), u("div", T, [u("div", E, [
 			f(n, {
-				id: G,
-				"model-value": K.value,
-				items: Ae,
+				id: W,
+				"model-value": G.value,
+				items: Ne,
 				label: "导航视图",
-				"onUpdate:modelValue": Ie
+				"onUpdate:modelValue": ze
 			}, null, 8, ["model-value"]),
-			u("div", E, [f(v(ae), {
-				value: J.value,
-				"onUpdate:value": r[1] ||= (e) => J.value = e,
+			u("div", D, [f(v(oe), {
+				value: q.value,
+				"onUpdate:value": r[1] ||= (e) => q.value = e,
 				"allow-clear": "",
 				type: "search",
-				"aria-label": je[K.value],
-				placeholder: Me[K.value]
+				"aria-label": Pe[G.value],
+				placeholder: Fe[G.value]
 			}, {
-				prefix: b(() => [f(v(fe), { "aria-hidden": "true" })]),
+				prefix: x(() => [f(v(pe), { "aria-hidden": "true" })]),
 				_: 1
 			}, 8, [
 				"value",
 				"aria-label",
 				"placeholder"
 			])]),
-			u("div", D, [u("span", O, _(Fe.value), 1), K.value === "pages" ? (h(), s(v(C), {
+			u("div", O, [u("span", k, _(Re.value), 1), G.value === "pages" ? (h(), s(v(w), {
 				key: 0,
-				title: U.pageLimitReached ? `已达 ${U.normalizedMaxPages} 页上限` : "新增页面"
+				title: H.pageLimitReached ? `已达 ${H.normalizedMaxPages} 页上限` : "新增页面"
 			}, {
-				default: b(() => [f(v(S), {
+				default: x(() => [f(v(C), {
 					type: "text",
 					size: "small",
 					class: "gd-contract-authoring-panel__action",
-					disabled: U.readonly || U.pageLimitReached,
+					disabled: H.readonly || H.pageLimitReached,
 					"aria-label": "新增页面",
-					onClick: r[2] ||= (e) => W("addPage")
+					onClick: r[2] ||= (e) => U("addPage")
 				}, {
-					default: b(() => [f(v(ue), { "aria-hidden": "true" }), r[10] ||= d("新增", -1)]),
+					default: x(() => [f(v(de), { "aria-hidden": "true" }), r[10] ||= d("新增", -1)]),
 					_: 1
 				}, 8, ["disabled"])]),
 				_: 1
 			}, 8, ["title"])) : c("", !0)]),
-			x(u("section", {
-				id: `${G}-panel-pages`,
+			S(u("section", {
+				id: `${W}-panel-pages`,
 				role: "tabpanel",
-				"aria-labelledby": `${G}-tab-pages`,
+				"aria-labelledby": `${W}-tab-pages`,
 				class: "gd-contract-authoring-panel__view"
-			}, [
-				X.value.length ? c("", !0) : (h(), l("div", A, [u("span", null, _(q.pages.trim() ? "没有匹配的页面" : "暂无页面"), 1), q.pages.trim() ? (h(), s(v(S), {
+			}, [!H.collapsed && G.value === "pages" ? (h(), l(a, { key: 0 }, [
+				X.value.length ? c("", !0) : (h(), l("div", j, [u("span", null, _(K.pages.trim() ? "没有匹配的页面" : "暂无页面"), 1), K.pages.trim() ? (h(), s(v(C), {
 					key: 0,
 					type: "link",
-					onClick: r[3] ||= (e) => q.pages = ""
+					onClick: r[3] ||= (e) => K.pages = ""
 				}, {
-					default: b(() => [...r[11] ||= [d("清空搜索", -1)]]),
+					default: x(() => [...r[11] ||= [d("清空搜索", -1)]]),
 					_: 1
-				})) : (h(), s(v(S), {
+				})) : (h(), s(v(C), {
 					key: 1,
-					disabled: U.readonly || U.pageLimitReached,
-					onClick: r[4] ||= (e) => W("addPage")
+					disabled: H.readonly || H.pageLimitReached,
+					onClick: r[4] ||= (e) => U("addPage")
 				}, {
-					default: b(() => [...r[12] ||= [d("新增页面", -1)]]),
+					default: x(() => [...r[12] ||= [d("新增页面", -1)]]),
 					_: 1
 				}, 8, ["disabled"]))])),
 				(h(!0), l(a, null, g(X.value, (e) => (h(), l("button", {
 					key: e.page.id,
 					type: "button",
-					class: m(["gd-contract-authoring-panel__page", { "is-active": U.activePageId === e.page.id }]),
-					"aria-current": U.activePageId === e.page.id ? "page" : void 0,
+					class: m(["gd-contract-authoring-panel__page", { "is-active": H.activePageId === e.page.id }]),
+					"aria-current": H.activePageId === e.page.id ? "page" : void 0,
 					"aria-label": `第 ${e.number} 页：${e.title}，${e.format}`,
-					onClick: (t) => W("activatePage", e.page.id)
-				}, [u("span", M, _(e.number), 1), u("span", N, [
-					u("span", P, _(e.title), 1),
-					u("span", F, _(e.summary || "暂无正文文字"), 1),
-					u("small", I, "第 " + _(e.number) + " 页 · " + _(e.format), 1)
-				])], 10, j))), 128)),
-				U.selectedPage ? (h(), l("div", L, [
-					u("div", R, [r[13] ||= u("span", null, "页面数量", -1), u("small", {
+					onClick: (t) => U("activatePage", e.page.id)
+				}, [u("span", N, _(e.number), 1), u("span", P, [
+					u("span", F, _(e.title), 1),
+					u("span", I, _(e.summary || "暂无正文文字"), 1),
+					u("small", L, "第 " + _(e.number) + " 页 · " + _(e.format), 1)
+				])], 10, M))), 128)),
+				H.selectedPage ? (h(), l("div", R, [
+					u("div", z, [r[13] ||= u("span", null, "页面数量", -1), u("small", {
 						class: "gd-contract-authoring-panel__meta",
-						"aria-label": `共 ${U.pages.length} 页，上限 ${U.normalizedMaxPages} 页`
-					}, _(U.pages.length) + " / " + _(U.normalizedMaxPages), 9, z)]),
-					U.normalizedPageSizeOptions.length > 1 ? (h(), l("label", B, [r[14] ||= u("span", null, "页面格式", -1), f(v(oe), {
-						value: U.selectedPageSizeOptionValue,
-						options: U.pageSizeOptions,
-						disabled: U.readonly,
+						"aria-label": `共 ${H.pages.length} 页，上限 ${H.normalizedMaxPages} 页`
+					}, _(H.pages.length) + " / " + _(H.normalizedMaxPages), 9, he)]),
+					H.normalizedPageSizeOptions.length > 1 ? (h(), l("label", ge, [r[14] ||= u("span", null, "页面格式", -1), f(v(se), {
+						value: H.selectedPageSizeOptionValue,
+						options: H.pageSizeOptions,
+						disabled: H.readonly,
 						"aria-label": "当前页面格式",
-						onChange: r[5] ||= (e) => W("patchPageFormat", e)
+						onChange: r[5] ||= (e) => U("patchPageFormat", e)
 					}, null, 8, [
 						"value",
 						"options",
 						"disabled"
 					])])) : c("", !0),
-					u("small", me, _(U.selectedPageSize.width) + " × " + _(U.selectedPageSize.height) + " px", 1),
-					u("div", he, [f(v(S), {
-						disabled: U.readonly || U.pageLimitReached,
+					u("small", _e, _(H.selectedPageSize.width) + " × " + _(H.selectedPageSize.height) + " px", 1),
+					u("div", ve, [f(v(C), {
+						disabled: H.readonly || H.pageLimitReached,
 						"aria-label": "复制页面",
-						onClick: r[6] ||= (e) => W("duplicatePage", U.selectedPage)
+						onClick: r[6] ||= (e) => U("duplicatePage", H.selectedPage)
 					}, {
-						default: b(() => [f(v(se), { "aria-hidden": "true" }), r[15] ||= d("复制页 ", -1)]),
+						default: x(() => [f(v(ce), { "aria-hidden": "true" }), r[15] ||= d("复制页 ", -1)]),
 						_: 1
-					}, 8, ["disabled"]), f(v(S), {
+					}, 8, ["disabled"]), f(v(C), {
 						type: "text",
 						danger: "",
-						disabled: U.readonly || U.pages.length <= 1,
+						disabled: H.readonly || H.pages.length <= 1,
 						"aria-label": "删除页面",
-						onClick: r[7] ||= (e) => W("removePage", U.selectedPage)
+						onClick: r[7] ||= (e) => U("removePage", H.selectedPage)
 					}, {
-						default: b(() => [f(v(ce), { "aria-hidden": "true" }), r[16] ||= d("删除页 ", -1)]),
+						default: x(() => [f(v(le), { "aria-hidden": "true" }), r[16] ||= d("删除页 ", -1)]),
 						_: 1
 					}, 8, ["disabled"])])
 				])) : c("", !0)
-			], 8, k), [[y, K.value === "pages"]]),
-			x(u("section", {
-				id: `${G}-panel-outline`,
+			], 64)) : c("", !0)], 8, A), [[y, G.value === "pages"]]),
+			S(u("section", {
+				id: `${W}-panel-outline`,
 				role: "tabpanel",
-				"aria-labelledby": `${G}-tab-outline`,
+				"aria-labelledby": `${W}-tab-outline`,
 				class: "gd-contract-authoring-panel__view"
-			}, [Q.value ? c("", !0) : (h(), l("div", _e, [u("span", null, _(q.outline.trim() ? "没有匹配的标题" : "正文还没有标题"), 1), q.outline.trim() ? (h(), s(v(S), {
+			}, [!H.collapsed && G.value === "outline" ? (h(), l(a, { key: 0 }, [Q.value ? c("", !0) : (h(), l("div", ye, [u("span", null, _(K.outline.trim() ? "没有匹配的标题" : "正文还没有标题"), 1), K.outline.trim() ? (h(), s(v(C), {
 				key: 1,
 				type: "link",
-				onClick: r[8] ||= (e) => q.outline = ""
+				onClick: r[8] ||= (e) => K.outline = ""
 			}, {
-				default: b(() => [...r[17] ||= [d("清空搜索", -1)]]),
+				default: x(() => [...r[17] ||= [d("清空搜索", -1)]]),
 				_: 1
-			})) : (h(), l("small", ve, "在正文使用标题样式后，即可在这里定位条款。"))])), (h(!0), l(a, null, g(Z.value, (e) => (h(), l("div", {
+			})) : (h(), l("small", be, "在正文使用标题样式后，即可在这里定位条款。"))])), (h(!0), l(a, null, g(Z.value, (e) => (h(), l("div", {
 				key: e.page.id,
 				class: "gd-contract-authoring-panel__outline-group"
-			}, [u("div", V, "第 " + _(e.number) + " 页 · " + _(e.title), 1), u("ul", ye, [(h(!0), l(a, null, g(e.headings, (t) => (h(), l("li", { key: t.headingIndex }, [u("button", {
+			}, [u("div", xe, "第 " + _(e.number) + " 页 · " + _(e.title), 1), u("ul", Se, [(h(!0), l(a, null, g(e.headings, (t) => (h(), l("li", { key: t.headingIndex }, [u("button", {
 				type: "button",
-				class: m(["gd-contract-authoring-panel__outline-item", { "is-current-page": U.activePageId === t.pageId }]),
+				class: m(["gd-contract-authoring-panel__outline-item", { "is-current-page": H.activePageId === t.pageId }]),
 				style: ee({ "--gd-authoring-outline-depth": t.depth }),
 				"aria-label": `${t.text}，第 ${e.number} 页，${t.level} 级标题`,
-				onClick: (e) => W("navigateOutline", {
+				onClick: (e) => U("navigateOutline", {
 					pageId: t.pageId,
 					headingIndex: t.headingIndex
 				})
-			}, [u("small", xe, "H" + _(t.level), 1), u("span", null, _(t.text), 1)], 14, be)]))), 128))])]))), 128))], 8, ge), [[y, K.value === "outline"]]),
-			x(u("section", {
-				id: `${G}-panel-variables`,
+			}, [u("small", we, "H" + _(t.level), 1), u("span", null, _(t.text), 1)], 14, Ce)]))), 128))])]))), 128))], 64)) : c("", !0)], 8, B), [[y, G.value === "outline"]]),
+			S(u("section", {
+				id: `${W}-panel-variables`,
 				role: "tabpanel",
-				"aria-labelledby": `${G}-tab-variables`,
+				"aria-labelledby": `${W}-tab-variables`,
 				class: "gd-contract-authoring-panel__view"
-			}, [
+			}, [!H.collapsed && G.value === "variables" ? (h(), l(a, { key: 0 }, [
 				r[19] ||= u("div", { class: "gd-contract-authoring-panel__section-heading" }, [u("strong", null, "控件参数")], -1),
-				$.value.length ? c("", !0) : (h(), l("div", Ce, [u("span", null, _(q.variables.trim() ? "没有匹配的变量" : "暂无正文控件"), 1), q.variables.trim() ? (h(), s(v(S), {
+				$.value.length ? c("", !0) : (h(), l("div", Ee, [u("span", null, _(K.variables.trim() ? "没有匹配的变量" : "暂无正文控件"), 1), K.variables.trim() ? (h(), s(v(C), {
 					key: 1,
 					type: "link",
-					onClick: r[9] ||= (e) => q.variables = ""
+					onClick: r[9] ||= (e) => K.variables = ""
 				}, {
-					default: b(() => [...r[18] ||= [d("清空搜索", -1)]]),
+					default: x(() => [...r[18] ||= [d("清空搜索", -1)]]),
 					_: 1
-				})) : (h(), l("small", we, "从右侧「插入控件」添加，选中后可定位并修改属性。"))])),
+				})) : (h(), l("small", De, "从右侧「插入控件」添加，选中后可定位并修改属性。"))])),
 				(h(!0), l(a, null, g($.value, (e) => (h(), l("button", {
 					key: e.variable.id,
 					type: "button",
-					class: m(["gd-contract-template-designer__nav-item gd-contract-authoring-panel__variable", { "is-active": U.selectedVariableKey === e.variable.key }]),
-					"aria-pressed": U.selectedVariableKey === e.variable.key,
+					class: m(["gd-contract-template-designer__nav-item gd-contract-authoring-panel__variable", { "is-active": H.selectedVariableKey === e.variable.key }]),
+					"aria-pressed": H.selectedVariableKey === e.variable.key,
 					"aria-label": `定位变量：${e.variable.label}（${e.variable.key}）`,
-					onClick: (t) => W("scrollToVariable", e.variable)
-				}, [u("span", Ee, [(h(), s(ne(v(t)(e.variable.type))))]), u("span", De, [u("span", Oe, _(e.variable.label), 1), u("small", ke, _(e.decoration ? "页面装饰" : e.typeLabel) + " · " + _(e.variable.key), 1)])], 10, Te))), 128))
-			], 8, Se), [[y, K.value === "variables"]])
+					onClick: (t) => U("scrollToVariable", e.variable)
+				}, [u("span", ke, [(h(), s(re(v(t)(e.variable.type))))]), u("span", Ae, [u("span", je, _(e.variable.label), 1), u("small", Me, _(e.decoration ? "页面装饰" : e.typeLabel) + " · " + _(e.variable.key), 1)])], 10, Oe))), 128))
+			], 64)) : c("", !0)], 8, Te), [[y, G.value === "variables"]])
 		])])], 2));
 	}
 });
 //#endregion
-export { H as default };
+export { V as default };

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

@@ -1,15 +1,16 @@
 import e from "./ContractTemplateRendererToolbar.mjs";
-import { createBlock as t, createCommentVNode as n, createElementBlock as r, createElementVNode as i, createTextVNode as a, createVNode as o, defineComponent as s, normalizeClass as c, openBlock as l, renderSlot as u, toDisplayString as d, unref as f, withCtx as p } from "vue";
-import { Button as m, Tooltip as h } from "ant-design-vue";
-import { AuditOutlined as g, MenuFoldOutlined as _, MenuUnfoldOutlined as v, SendOutlined as y, UndoOutlined as b } from "@ant-design/icons-vue";
+import { createBlock as t, createCommentVNode as n, createElementBlock as r, createElementVNode as i, createTextVNode as a, createVNode as o, defineComponent as s, normalizeClass as c, normalizeStyle as l, openBlock as u, renderSlot as d, toDisplayString as f, unref as p, withCtx as m } from "vue";
+import { Button as h, Tooltip as g } from "ant-design-vue";
+import { AuditOutlined as _, MenuFoldOutlined as v, MenuUnfoldOutlined as y, SendOutlined as b, UndoOutlined as x } from "@ant-design/icons-vue";
 //#region src/components/pro-contract-template-designer/src/ContractTemplateRendererHeader.vue?vue&type=script&setup=true&lang.ts
-var x = { class: "gd-contract-template-renderer__header" }, S = { class: "gd-contract-template-renderer__title" }, C = { class: "gd-contract-template-renderer__header-meta" }, w = { class: "gd-contract-template-renderer__header-actions" }, T = /* @__PURE__ */ s({
+var S = { class: "gd-contract-template-renderer__header" }, C = { class: "gd-contract-template-renderer__title" }, w = { class: "gd-contract-template-renderer__header-meta" }, T = ["aria-valuenow"], E = { class: "gd-contract-template-renderer__header-actions" }, D = /* @__PURE__ */ s({
 	name: "ContractTemplateRendererHeader",
 	__name: "ContractTemplateRendererHeader",
 	props: {
 		title: {},
 		filledCount: {},
 		totalCount: {},
+		progressPercent: {},
 		requiredMissingCount: {},
 		zoom: {},
 		pages: {},
@@ -60,29 +61,36 @@ var x = { class: "gd-contract-template-renderer__header" }, S = { class: "gd-con
 		"submit",
 		"togglePanel"
 	],
-	setup(s, { emit: T }) {
-		let E = T;
-		return (T, D) => (l(), r("header", x, [
-			i("div", S, [
-				D[9] ||= i("span", {
+	setup(s, { emit: D }) {
+		let O = D;
+		return (D, k) => (u(), r("header", S, [
+			i("div", C, [
+				k[9] ||= i("span", {
 					class: "gd-contract-template-renderer__title-bar",
 					"aria-hidden": "true"
 				}, null, -1),
-				i("div", C, [i("strong", null, d(s.title), 1), i("span", null, d(s.filledCount) + " / " + d(s.totalCount) + " 已填写", 1)]),
-				i("span", { class: c(["gd-contract-template-renderer__progress-pill", { "is-warning": s.requiredMissingCount > 0 }]) }, d(s.requiredMissingCount > 0 ? `${s.requiredMissingCount} 项必填未完成` : "必填项已完成"), 3)
+				i("div", w, [i("strong", null, f(s.title), 1), i("span", null, f(s.filledCount) + " / " + f(s.totalCount) + " 已填写", 1)]),
+				i("div", {
+					class: "gd-contract-template-renderer__header-progress",
+					role: "progressbar",
+					"aria-valuenow": s.progressPercent,
+					"aria-valuemin": "0",
+					"aria-valuemax": "100"
+				}, [i("span", { style: l({ width: `${s.progressPercent}%` }) }, null, 4), i("em", null, f(s.progressPercent) + "%", 1)], 8, T),
+				i("span", { class: c(["gd-contract-template-renderer__progress-pill", { "is-warning": s.requiredMissingCount > 0 }]) }, f(s.requiredMissingCount > 0 ? `${s.requiredMissingCount} 项必填未完成` : "必填项已完成"), 3)
 			]),
-			s.showToolbar ? (l(), t(e, {
+			s.showToolbar ? (u(), t(e, {
 				key: 0,
 				zoom: s.zoom,
 				pages: s.pages,
 				"active-page-id": s.activePageId,
 				"min-zoom": s.minZoom,
 				"max-zoom": s.maxZoom,
-				onZoomIn: D[0] ||= (e) => E("zoomIn"),
-				onZoomOut: D[1] ||= (e) => E("zoomOut"),
-				onResetZoom: D[2] ||= (e) => E("resetZoom"),
-				onFitWidth: D[3] ||= (e) => E("fitWidth"),
-				onSelectPage: D[4] ||= (e) => E("selectPage", e)
+				onZoomIn: k[0] ||= (e) => O("zoomIn"),
+				onZoomOut: k[1] ||= (e) => O("zoomOut"),
+				onResetZoom: k[2] ||= (e) => O("resetZoom"),
+				onFitWidth: k[3] ||= (e) => O("fitWidth"),
+				onSelectPage: k[4] ||= (e) => O("selectPage", e)
 			}, null, 8, [
 				"zoom",
 				"pages",
@@ -90,22 +98,22 @@ var x = { class: "gd-contract-template-renderer__header" }, S = { class: "gd-con
 				"min-zoom",
 				"max-zoom"
 			])) : n("", !0),
-			i("div", w, [
-				s.showPanelToggle ? (l(), t(f(h), {
+			i("div", E, [
+				s.showPanelToggle ? (u(), t(p(g), {
 					key: 0,
 					title: s.panelCollapsed ? "展开填写面板" : "收起填写面板"
 				}, {
-					default: p(() => [o(f(m), {
+					default: m(() => [o(p(h), {
 						size: "small",
 						class: "gd-contract-template-renderer__icon-button gd-contract-template-renderer__panel-toggle",
 						"aria-label": s.panelCollapsed ? "展开填写面板" : "收起填写面板",
 						"aria-expanded": !s.panelCollapsed,
-						onClick: D[5] ||= (e) => E("togglePanel")
+						onClick: k[5] ||= (e) => O("togglePanel")
 					}, {
-						default: p(() => [s.panelCollapsed ? (l(), t(f(v), {
+						default: m(() => [s.panelCollapsed ? (u(), t(p(y), {
 							key: 0,
 							"aria-hidden": "true"
-						})) : (l(), t(f(_), {
+						})) : (u(), t(p(v), {
 							key: 1,
 							"aria-hidden": "true"
 						}))]),
@@ -113,48 +121,48 @@ var x = { class: "gd-contract-template-renderer__header" }, S = { class: "gd-con
 					}, 8, ["aria-label", "aria-expanded"])]),
 					_: 1
 				}, 8, ["title"])) : n("", !0),
-				u(T.$slots, "extra"),
-				s.showValidateButton ? (l(), t(f(h), {
+				d(D.$slots, "extra"),
+				s.showValidateButton ? (u(), t(p(g), {
 					key: 1,
 					title: "校验"
 				}, {
-					default: p(() => [o(f(m), {
+					default: m(() => [o(p(h), {
 						size: "small",
 						class: "gd-contract-template-renderer__icon-button",
 						disabled: s.readonly || s.disabled,
 						"aria-label": "校验",
-						onClick: D[6] ||= (e) => E("validate")
+						onClick: k[6] ||= (e) => O("validate")
 					}, {
-						default: p(() => [o(f(g), { "aria-hidden": "true" })]),
+						default: m(() => [o(p(_), { "aria-hidden": "true" })]),
 						_: 1
 					}, 8, ["disabled"])]),
 					_: 1
 				})) : n("", !0),
-				s.showResetButton ? (l(), t(f(h), {
+				s.showResetButton ? (u(), t(p(g), {
 					key: 2,
 					title: "重置默认值"
 				}, {
-					default: p(() => [o(f(m), {
+					default: m(() => [o(p(h), {
 						size: "small",
 						class: "gd-contract-template-renderer__icon-button",
 						disabled: s.readonly || s.disabled,
 						"aria-label": "重置默认值",
-						onClick: D[7] ||= (e) => E("reset")
+						onClick: k[7] ||= (e) => O("reset")
 					}, {
-						default: p(() => [o(f(b), { "aria-hidden": "true" })]),
+						default: m(() => [o(p(x), { "aria-hidden": "true" })]),
 						_: 1
 					}, 8, ["disabled"])]),
 					_: 1
 				})) : n("", !0),
-				s.showSubmitButton && !s.readonly ? (l(), t(f(m), {
+				s.showSubmitButton && !s.readonly ? (u(), t(p(h), {
 					key: 3,
 					type: "primary",
 					size: "small",
 					disabled: s.disabled,
-					onClick: D[8] ||= (e) => E("submit")
+					onClick: k[8] ||= (e) => O("submit")
 				}, {
-					icon: p(() => [o(f(y), { "aria-hidden": "true" })]),
-					default: p(() => [D[10] ||= a(" 提交填写数据 ", -1)]),
+					icon: m(() => [o(p(b), { "aria-hidden": "true" })]),
+					default: m(() => [k[10] ||= a(" 提交填写数据 ", -1)]),
 					_: 1
 				}, 8, ["disabled"])) : n("", !0)
 			])
@@ -162,4 +170,4 @@ var x = { class: "gd-contract-template-renderer__header" }, S = { class: "gd-con
 	}
 });
 //#endregion
-export { T as default };
+export { D as default };