@guodun/antdv 1.2.4 → 1.3.0

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

@@ -0,0 +1,134 @@
+import { SIGNING_PLACEMENT_TYPE_LABELS as e, canMutateSigningPlacements as t, moveSigningPlacementByDisplayDelta as n } from "./utils/signing-placement.mjs";
+import { Fragment as r, computed as i, createCommentVNode as a, createElementBlock as o, createElementVNode as s, defineComponent as c, normalizeClass as l, normalizeStyle as u, openBlock as d, renderList as f, shallowRef as p, toDisplayString as m, withModifiers as h } from "vue";
+//#region src/components/pro-contract-template-designer/src/SigningPlacementLayer.vue?vue&type=script&setup=true&lang.ts
+var g = { class: "gd-contract-template-designer__signing-coordinate-guide is-horizontal" }, _ = { class: "gd-contract-template-designer__signing-coordinate-guide is-vertical" }, v = [
+	"data-signing-placement-id",
+	"aria-label",
+	"aria-pressed",
+	"aria-grabbed",
+	"tabindex",
+	"onPointerdown",
+	"onClick",
+	"onKeydown"
+], y = { class: "gd-contract-template-designer__signing-placement-label" }, b = {
+	key: 0,
+	class: "gd-contract-template-designer__signing-placement-required"
+}, x = /* @__PURE__ */ c({
+	name: "SigningPlacementLayer",
+	__name: "SigningPlacementLayer",
+	props: {
+		pageSize: {},
+		placements: {},
+		selectedId: {},
+		zoom: {},
+		readonly: { type: Boolean },
+		disabled: { type: Boolean }
+	},
+	emits: [
+		"select",
+		"move",
+		"remove"
+	],
+	setup(c, { emit: x }) {
+		let S = c, C = x, w = () => !t(S.readonly, S.disabled), T = i(() => S.placements.some((e) => e.id === S.selectedId) ? S.selectedId : S.placements[0]?.id), E = i(() => S.placements.map((t) => ({
+			placement: t,
+			label: e[t.type]
+		}))), D = p(), O = i(() => {
+			let e = D.value?.placementId ?? S.selectedId;
+			return S.placements.find((t) => t.id === e);
+		});
+		function k(e, t) {
+			e.stopPropagation();
+			let n = e.currentTarget;
+			if (n instanceof HTMLElement && n.focus({ preventScroll: !0 }), C("select", t), !(w() || e.button !== 0) && (D.value = {
+				pointerId: e.pointerId,
+				placementId: t.id,
+				startX: e.clientX,
+				startY: e.clientY,
+				origin: {
+					...t,
+					sealTypes: t.sealTypes ? [...t.sealTypes] : void 0
+				}
+			}, n instanceof HTMLElement)) try {
+				n.setPointerCapture(e.pointerId);
+			} catch {}
+		}
+		function A(e) {
+			let t = D.value;
+			!t || t.pointerId !== e.pointerId || !S.placements.find((e) => e.id === t.placementId) || (e.preventDefault(), C("move", n(t.origin, e.clientX - t.startX, e.clientY - t.startY, S.zoom, S.pageSize)));
+		}
+		function j(e) {
+			D.value?.pointerId === e.pointerId && (D.value = void 0);
+		}
+		function M(e, t) {
+			if (C("select", t), w()) return;
+			if (e.key === "Delete" || e.key === "Backspace") {
+				e.preventDefault(), e.stopPropagation(), C("remove", t);
+				return;
+			}
+			let r = e.shiftKey ? 10 : 1, i = 0, a = 0;
+			if (e.key === "ArrowLeft") i = -r;
+			else if (e.key === "ArrowRight") i = r;
+			else if (e.key === "ArrowUp") a = -r;
+			else if (e.key === "ArrowDown") a = r;
+			else return;
+			e.preventDefault(), e.stopPropagation(), C("move", n(t, i, a, 1, S.pageSize));
+		}
+		function N(e) {
+			return {
+				left: `${e.x}px`,
+				top: `${e.y}px`,
+				width: `${e.width}px`,
+				height: `${e.height}px`
+			};
+		}
+		function P(e) {
+			return [
+				"gd-contract-template-designer__signing-placement",
+				`is-${e.type}`,
+				{
+					"is-selected": e.id === S.selectedId,
+					"is-must-sign": e.mustSign
+				}
+			];
+		}
+		function F(e) {
+			return {
+				"--gd-contract-signing-x": `${e.x}px`,
+				"--gd-contract-signing-y": `${e.y}px`
+			};
+		}
+		return (e, t) => (d(), o("div", {
+			class: "gd-contract-template-designer__signing-layer",
+			style: u({
+				width: `${c.pageSize.width}px`,
+				height: `${c.pageSize.height}px`
+			}),
+			"aria-label": "签署位置覆盖层",
+			onPointermove: A,
+			onPointerup: j,
+			onPointercancel: j
+		}, [O.value ? (d(), o("div", {
+			key: 0,
+			class: "gd-contract-template-designer__signing-coordinate-guides",
+			style: u(F(O.value)),
+			"aria-hidden": "true"
+		}, [s("span", g, [s("small", null, "x: " + m(O.value.x), 1)]), s("span", _, [s("small", null, "y: " + m(O.value.y), 1)])], 4)) : a("", !0), (d(!0), o(r, null, f(E.value, (e) => (d(), o("button", {
+			key: e.placement.id,
+			type: "button",
+			class: l(P(e.placement)),
+			style: u(N(e.placement)),
+			"data-signing-placement-id": e.placement.id,
+			"aria-label": e.label,
+			"aria-pressed": e.placement.id === c.selectedId,
+			"aria-grabbed": !w() && e.placement.id === c.selectedId,
+			tabindex: e.placement.id === T.value ? 0 : -1,
+			onPointerdown: (t) => k(t, e.placement),
+			onLostpointercapture: j,
+			onClick: h((t) => C("select", e.placement), ["stop"]),
+			onKeydown: (t) => M(t, e.placement)
+		}, [s("span", y, m(e.label), 1), e.placement.mustSign ? (d(), o("small", b, "必签")) : a("", !0)], 46, v))), 128))], 36));
+	}
+});
+//#endregion
+export { x as default };

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

@@ -0,0 +1,5 @@
+import e from "./TableContextMenu.vue.mjs";
+//#region src/components/pro-contract-template-designer/src/TableContextMenu.vue
+var t = e;
+//#endregion
+export { t as default };

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

@@ -0,0 +1,189 @@
+import e from "../../../node_modules/@ant-design/icons-vue/es/icons/AlignCenterOutlined.mjs";
+import t from "../../../node_modules/@ant-design/icons-vue/es/icons/AlignLeftOutlined.mjs";
+import n from "../../../node_modules/@ant-design/icons-vue/es/icons/AlignRightOutlined.mjs";
+import r from "../../../node_modules/@ant-design/icons-vue/es/icons/BorderLeftOutlined.mjs";
+import i from "../../../node_modules/@ant-design/icons-vue/es/icons/BorderTopOutlined.mjs";
+import a from "../../../node_modules/@ant-design/icons-vue/es/icons/DeleteOutlined.mjs";
+import o from "../../../node_modules/@ant-design/icons-vue/es/icons/InsertRowAboveOutlined.mjs";
+import s from "../../../node_modules/@ant-design/icons-vue/es/icons/InsertRowBelowOutlined.mjs";
+import c from "../../../node_modules/@ant-design/icons-vue/es/icons/InsertRowLeftOutlined.mjs";
+import l from "../../../node_modules/@ant-design/icons-vue/es/icons/InsertRowRightOutlined.mjs";
+import u from "../../../node_modules/@ant-design/icons-vue/es/icons/MergeCellsOutlined.mjs";
+import d from "../../../node_modules/@ant-design/icons-vue/es/icons/SplitCellsOutlined.mjs";
+import f from "../../../node_modules/@ant-design/icons-vue/es/icons/TableOutlined.mjs";
+import { createElementBlock as p, createElementVNode as m, createVNode as h, defineComponent as g, normalizeClass as _, openBlock as v, ref as y, unref as b } from "vue";
+//#region src/components/pro-contract-template-designer/src/TableContextMenu.vue?vue&type=script&setup=true&lang.ts
+var x = {
+	class: "gd-contract-template-designer__table-menu-group",
+	role: "group",
+	"aria-label": "行操作"
+}, S = ["disabled"], C = ["disabled"], w = ["disabled"], T = {
+	class: "gd-contract-template-designer__table-menu-group",
+	role: "group",
+	"aria-label": "列操作"
+}, E = ["disabled"], D = ["disabled"], O = ["disabled"], k = {
+	class: "gd-contract-template-designer__table-menu-group",
+	role: "group",
+	"aria-label": "单元格操作"
+}, A = ["disabled"], j = ["disabled"], M = { class: "gd-contract-template-designer__table-menu-align" }, N = {
+	class: "gd-contract-template-designer__table-menu-align-options",
+	role: "group",
+	"aria-label": "单元格水平对齐"
+}, P = ["aria-checked", "disabled"], F = ["aria-checked", "disabled"], I = ["aria-checked", "disabled"], L = {
+	class: "gd-contract-template-designer__table-menu-group is-stacked",
+	role: "group",
+	"aria-label": "表头操作"
+}, R = ["disabled"], z = ["disabled"], B = { class: "gd-contract-template-designer__table-menu-danger" }, V = ["disabled"], H = /* @__PURE__ */ g({
+	__name: "TableContextMenu",
+	props: {
+		capabilities: {},
+		activeAlignment: {}
+	},
+	emits: ["execute", "keydown"],
+	setup(g, { expose: H, emit: U }) {
+		let W = U, G = y();
+		function K(e) {
+			W("execute", e);
+		}
+		function q() {
+			G.value?.querySelector("button:not(:disabled)")?.focus();
+		}
+		function J() {
+			return G.value;
+		}
+		return H({
+			focusFirstItem: q,
+			getMenuElement: J
+		}), (y, H) => (v(), p("div", {
+			ref_key: "menuElement",
+			ref: G,
+			class: "gd-contract-template-designer__context-menu gd-contract-template-designer__table-context-menu",
+			role: "menu",
+			"aria-label": "表格操作",
+			onKeydown: H[14] ||= (e) => W("keydown", e)
+		}, [
+			m("div", x, [
+				m("button", {
+					type: "button",
+					role: "menuitem",
+					class: "gd-contract-template-designer__table-menu-item",
+					disabled: !g.capabilities.addRowBefore,
+					onClick: H[0] ||= (e) => K({ type: "add-table-row-before" })
+				}, [h(b(o), { "aria-hidden": "true" }), H[15] ||= m("span", null, "上方插行", -1)], 8, S),
+				m("button", {
+					type: "button",
+					role: "menuitem",
+					class: "gd-contract-template-designer__table-menu-item",
+					disabled: !g.capabilities.addRowAfter,
+					onClick: H[1] ||= (e) => K({ type: "add-table-row-after" })
+				}, [h(b(s), { "aria-hidden": "true" }), H[16] ||= m("span", null, "下方插行", -1)], 8, C),
+				m("button", {
+					type: "button",
+					role: "menuitem",
+					class: "gd-contract-template-designer__table-menu-item is-danger",
+					disabled: !g.capabilities.deleteRow,
+					onClick: H[2] ||= (e) => K({ type: "delete-table-row" })
+				}, [h(b(a), { "aria-hidden": "true" }), H[17] ||= m("span", null, "删除当前行", -1)], 8, w)
+			]),
+			m("div", T, [
+				m("button", {
+					type: "button",
+					role: "menuitem",
+					class: "gd-contract-template-designer__table-menu-item",
+					disabled: !g.capabilities.addColumnBefore,
+					onClick: H[3] ||= (e) => K({ type: "add-table-column-before" })
+				}, [h(b(c), { "aria-hidden": "true" }), H[18] ||= m("span", null, "左侧插列", -1)], 8, E),
+				m("button", {
+					type: "button",
+					role: "menuitem",
+					class: "gd-contract-template-designer__table-menu-item",
+					disabled: !g.capabilities.addColumnAfter,
+					onClick: H[4] ||= (e) => K({ type: "add-table-column-after" })
+				}, [h(b(l), { "aria-hidden": "true" }), H[19] ||= m("span", null, "右侧插列", -1)], 8, D),
+				m("button", {
+					type: "button",
+					role: "menuitem",
+					class: "gd-contract-template-designer__table-menu-item is-danger",
+					disabled: !g.capabilities.deleteColumn,
+					onClick: H[5] ||= (e) => K({ type: "delete-table-column" })
+				}, [h(b(a), { "aria-hidden": "true" }), H[20] ||= m("span", null, "删除当前列", -1)], 8, O)
+			]),
+			m("div", k, [
+				m("button", {
+					type: "button",
+					role: "menuitem",
+					class: "gd-contract-template-designer__table-menu-item",
+					disabled: !g.capabilities.mergeCells,
+					onClick: H[6] ||= (e) => K({ type: "merge-table-cells" })
+				}, [h(b(u), { "aria-hidden": "true" }), H[21] ||= m("span", null, "合并单元格", -1)], 8, A),
+				m("button", {
+					type: "button",
+					role: "menuitem",
+					class: "gd-contract-template-designer__table-menu-item",
+					disabled: !g.capabilities.splitCell,
+					onClick: H[7] ||= (e) => K({ type: "split-table-cell" })
+				}, [h(b(d), { "aria-hidden": "true" }), H[22] ||= m("span", null, "拆分单元格", -1)], 8, j),
+				m("div", M, [H[23] ||= m("span", { class: "gd-contract-template-designer__table-menu-align-label" }, "水平对齐", -1), m("div", N, [
+					m("button", {
+						type: "button",
+						role: "menuitemradio",
+						class: _(["gd-contract-template-designer__table-menu-align-item", { "is-selected": g.activeAlignment === "left" }]),
+						"aria-checked": g.activeAlignment === "left",
+						"aria-label": "左对齐",
+						disabled: !g.capabilities.alignLeft,
+						onClick: H[8] ||= (e) => K({
+							type: "set-table-cell-align",
+							value: "left"
+						})
+					}, [h(b(t), { "aria-hidden": "true" })], 10, P),
+					m("button", {
+						type: "button",
+						role: "menuitemradio",
+						class: _(["gd-contract-template-designer__table-menu-align-item", { "is-selected": g.activeAlignment === "center" }]),
+						"aria-checked": g.activeAlignment === "center",
+						"aria-label": "居中",
+						disabled: !g.capabilities.alignCenter,
+						onClick: H[9] ||= (e) => K({
+							type: "set-table-cell-align",
+							value: "center"
+						})
+					}, [h(b(e), { "aria-hidden": "true" })], 10, F),
+					m("button", {
+						type: "button",
+						role: "menuitemradio",
+						class: _(["gd-contract-template-designer__table-menu-align-item", { "is-selected": g.activeAlignment === "right" }]),
+						"aria-checked": g.activeAlignment === "right",
+						"aria-label": "右对齐",
+						disabled: !g.capabilities.alignRight,
+						onClick: H[10] ||= (e) => K({
+							type: "set-table-cell-align",
+							value: "right"
+						})
+					}, [h(b(n), { "aria-hidden": "true" })], 10, I)
+				])])
+			]),
+			m("div", L, [m("button", {
+				type: "button",
+				role: "menuitem",
+				class: "gd-contract-template-designer__table-menu-item",
+				disabled: !g.capabilities.toggleHeaderRow,
+				onClick: H[11] ||= (e) => K({ type: "toggle-table-header-row" })
+			}, [h(b(i), { "aria-hidden": "true" }), H[24] ||= m("span", null, "切换首行表头", -1)], 8, R), m("button", {
+				type: "button",
+				role: "menuitem",
+				class: "gd-contract-template-designer__table-menu-item",
+				disabled: !g.capabilities.toggleHeaderColumn,
+				onClick: H[12] ||= (e) => K({ type: "toggle-table-header-column" })
+			}, [h(b(r), { "aria-hidden": "true" }), H[25] ||= m("span", null, "切换首列表头", -1)], 8, z)]),
+			m("div", B, [m("button", {
+				type: "button",
+				role: "menuitem",
+				class: "gd-contract-template-designer__table-menu-item is-danger",
+				disabled: !g.capabilities.deleteTable,
+				onClick: H[13] ||= (e) => K({ type: "delete-table" })
+			}, [h(b(f), { "aria-hidden": "true" }), H[26] ||= m("span", null, "删除表格", -1)], 8, V)])
+		], 544));
+	}
+});
+//#endregion
+export { H as default };

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

@@ -0,0 +1,5 @@
+import e from "./TableSizePicker.vue.mjs";
+//#region src/components/pro-contract-template-designer/src/TableSizePicker.vue
+var t = e;
+//#endregion
+export { t as default };

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

@@ -0,0 +1,117 @@
+import { Fragment as e, createElementBlock as t, createElementVNode as n, defineComponent as r, nextTick as i, normalizeClass as a, openBlock as o, ref as s, renderList as c, toDisplayString as l, watch as u } from "vue";
+//#region src/components/pro-contract-template-designer/src/TableSizePicker.vue?vue&type=script&setup=true&lang.ts
+var d = {
+	class: "gd-contract-template-designer__table-picker-label",
+	"aria-live": "polite"
+}, f = ["aria-rowcount", "aria-colcount"], p = [
+	"data-table-size",
+	"tabindex",
+	"aria-label",
+	"aria-rowindex",
+	"aria-colindex",
+	"aria-selected",
+	"disabled",
+	"onFocus",
+	"onMouseenter",
+	"onClick"
+], m = /* @__PURE__ */ r({
+	__name: "TableSizePicker",
+	props: {
+		disabled: {
+			type: Boolean,
+			default: !1
+		},
+		maxSize: { default: 10 }
+	},
+	emits: ["select", "close"],
+	setup(r, { emit: m }) {
+		let h = r, g = m, _ = s(), v = s({
+			rows: 1,
+			cols: 1
+		}), y = s({
+			rows: 1,
+			cols: 1
+		});
+		u(() => h.maxSize, () => {
+			v.value = {
+				rows: 1,
+				cols: 1
+			}, y.value = {
+				rows: 1,
+				cols: 1
+			};
+		});
+		function b(e, t) {
+			h.disabled || (y.value = {
+				rows: e,
+				cols: t
+			});
+		}
+		function x(e, t) {
+			v.value = {
+				rows: e,
+				cols: t
+			}, b(e, t), i(() => {
+				_.value?.querySelector(`[data-table-size="${e}-${t}"]`)?.focus();
+			});
+		}
+		function S(e, t) {
+			v.value = {
+				rows: e,
+				cols: t
+			}, b(e, t);
+		}
+		function C(e = y.value.rows, t = y.value.cols) {
+			h.disabled || g("select", {
+				rows: e,
+				cols: t
+			});
+		}
+		function w(e) {
+			let { rows: t, cols: n } = v.value;
+			if (e.key === "Escape") {
+				e.preventDefault(), g("close");
+				return;
+			}
+			if (e.key === "Enter" || e.key === " ") {
+				e.preventDefault(), C(t, n);
+				return;
+			}
+			let r = e.key === "ArrowUp" ? Math.max(1, t - 1) : e.key === "ArrowDown" ? Math.min(h.maxSize, t + 1) : t, i = e.key === "ArrowLeft" ? Math.max(1, n - 1) : e.key === "ArrowRight" ? Math.min(h.maxSize, n + 1) : n;
+			r === t && i === n || (e.preventDefault(), x(r, i));
+		}
+		return (i, s) => (o(), t("div", {
+			class: "gd-contract-template-designer__table-picker",
+			onKeydown: w
+		}, [n("span", d, l(y.value.rows) + " 行 × " + l(y.value.cols) + " 列 ", 1), n("div", {
+			ref_key: "gridElement",
+			ref: _,
+			class: "gd-contract-template-designer__table-picker-grid",
+			role: "grid",
+			"aria-label": "选择表格尺寸",
+			"aria-rowcount": r.maxSize,
+			"aria-colcount": r.maxSize
+		}, [(o(!0), t(e, null, c(r.maxSize, (n) => (o(), t("div", {
+			key: n,
+			role: "row",
+			class: "gd-contract-template-designer__table-picker-row"
+		}, [(o(!0), t(e, null, c(r.maxSize, (e) => (o(), t("button", {
+			key: `${n}-${e}`,
+			type: "button",
+			role: "gridcell",
+			class: a(["gd-contract-template-designer__table-picker-cell", { "is-previewed": n <= y.value.rows && e <= y.value.cols }]),
+			"data-table-size": `${n}-${e}`,
+			tabindex: v.value.rows === n && v.value.cols === e ? 0 : -1,
+			"aria-label": `${n} 行 ${e} 列`,
+			"aria-rowindex": n,
+			"aria-colindex": e,
+			"aria-selected": n === y.value.rows && e === y.value.cols,
+			disabled: r.disabled,
+			onFocus: (t) => S(n, e),
+			onMouseenter: (t) => b(n, e),
+			onClick: (t) => C(n, e)
+		}, null, 42, p))), 128))]))), 128))], 8, f)], 32));
+	}
+});
+//#endregion
+export { m as default };

package/dist/es/components/pro-contract-template-designer/src/composables/use-fit-width-zoom.mjs

@@ -0,0 +1,33 @@
+import { computed as e, ref as t, toValue as n, watch as r } from "vue";
+//#region src/components/pro-contract-template-designer/src/composables/use-fit-width-zoom.ts
+function i(e, t, n) {
+	return Number.isFinite(e) ? Math.min(n, Math.max(t, Math.round(e * 100) / 100)) : 1;
+}
+function a(a) {
+	let o = t(!1), s = e(() => {
+		let e = Math.max(n(a.widestPageWidth), 1), t = n(a.padding) ?? 48, r = Math.max(0, n(a.viewportWidth) - t), o = n(a.minZoom), s = n(a.maxZoom);
+		return r <= 0 ? o : i(r / e, o, s);
+	});
+	function c() {
+		o.value = !0;
+	}
+	function l() {
+		return o.value = !1, a.applyZoom(Math.min(1, s.value));
+	}
+	function u() {
+		return o.value = !1, a.applyZoom(s.value);
+	}
+	return r([s, () => n(a.viewportWidth)], () => {
+		if (o.value || n(a.viewportWidth) <= 0) return;
+		let e = Math.min(1, s.value);
+		e < a.getZoom() - .009 && a.applyZoom(e);
+	}, { flush: "post" }), {
+		fitZoom: s,
+		fitWidth: u,
+		applyAutoFit: l,
+		markUserAdjusted: c,
+		userAdjusted: o
+	};
+}
+//#endregion
+export { a as useFitWidthZoom };