@guodun/antdv 1.7.5 → 1.7.6

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 };