@guodun/antdv 1.3.2 → 1.4.0

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

@@ -0,0 +1,166 @@
+import { resolveContractTemplateFileTabTargetIndex as e } from "./utils/file-tabs.mjs";
+import { Fragment as t, createBlock as n, createCommentVNode as r, createElementBlock as i, createElementVNode as a, createTextVNode as o, createVNode as s, defineComponent as c, nextTick as l, normalizeClass as u, openBlock as d, renderList as f, shallowRef as p, toDisplayString as m, unref as h, useTemplateRef as g, withCtx as _ } from "vue";
+import { Button as v, Input as y, Tooltip as b } from "ant-design-vue";
+import { DeleteOutlined as x, EditOutlined as S, LeftOutlined as C, PlusOutlined as w, RightOutlined as T } from "@ant-design/icons-vue";
+//#region src/components/pro-contract-template-designer/src/ContractTemplateFileBar.vue?vue&type=script&setup=true&lang.ts
+var E = {
+	class: "gd-contract-template-designer__file-bar",
+	"aria-label": "合同文件"
+}, D = {
+	class: "gd-contract-template-designer__file-list",
+	role: "tablist",
+	"aria-label": "合同文件列表"
+}, O = [
+	"data-file-id",
+	"aria-selected",
+	"tabindex",
+	"title",
+	"onClick",
+	"onDblclick",
+	"onKeydown"
+], k = { class: "gd-contract-template-designer__file-index" }, A = { class: "gd-contract-template-designer__file-name" }, j = {
+	key: 2,
+	class: "gd-contract-template-designer__file-actions"
+}, M = /* @__PURE__ */ c({
+	name: "ContractTemplateFileBar",
+	__name: "ContractTemplateFileBar",
+	props: {
+		files: {},
+		activeFileId: {},
+		readonly: { type: Boolean }
+	},
+	emits: [
+		"select",
+		"add",
+		"rename",
+		"remove",
+		"move"
+	],
+	setup(c, { emit: M }) {
+		let N = c, P = M, F = p(""), I = p(""), L = g("renameInput");
+		function R(e) {
+			N.readonly || (F.value = e.id, I.value = e.name, l(() => L.value?.$el?.querySelector("input")?.focus()));
+		}
+		function z() {
+			F.value = "", I.value = "";
+		}
+		function B() {
+			let e = F.value;
+			e && (P("rename", e, I.value), z());
+		}
+		function V(e) {
+			e.key === "Escape" && (e.preventDefault(), z());
+		}
+		function H(t, n) {
+			let r = e(n, t.key, N.files.length);
+			if (r === void 0) return;
+			t.preventDefault();
+			let i = t.currentTarget?.closest("[role=\"tablist\"]"), a = N.files[r];
+			a && (P("select", a.id), l(() => {
+				Array.from(i?.querySelectorAll("[role=\"tab\"]") ?? []).find((e) => e.dataset.fileId === a.id)?.focus();
+			}));
+		}
+		return (e, l) => (d(), i("nav", E, [a("div", D, [(d(!0), i(t, null, f(c.files, (e, t) => (d(), i("div", {
+			key: e.id,
+			class: u(["gd-contract-template-designer__file-item", { "is-active": c.activeFileId === e.id }])
+		}, [F.value === e.id ? (d(), n(h(y), {
+			key: 0,
+			ref_for: !0,
+			ref_key: "renameInput",
+			ref: L,
+			value: I.value,
+			"onUpdate:value": l[0] ||= (e) => I.value = e,
+			class: "gd-contract-template-designer__file-rename",
+			size: "small",
+			maxlength: 80,
+			"aria-label": "文件名称",
+			onBlur: B,
+			onPressEnter: B,
+			onKeydown: V
+		}, null, 8, ["value"])) : (d(), i("button", {
+			key: 1,
+			type: "button",
+			class: "gd-contract-template-designer__file-tab",
+			role: "tab",
+			"data-file-id": e.id,
+			"aria-selected": c.activeFileId === e.id,
+			tabindex: c.activeFileId === e.id ? 0 : -1,
+			title: e.name,
+			onClick: (t) => P("select", e.id),
+			onDblclick: (t) => R(e),
+			onKeydown: (e) => H(e, t)
+		}, [
+			a("span", k, m(t + 1), 1),
+			a("span", A, m(e.name), 1),
+			a("small", null, m(e.template.pages.length) + " 页", 1)
+		], 40, O)), c.activeFileId === e.id && F.value !== e.id ? (d(), i("div", j, [
+			s(h(b), { title: "左移文件" }, {
+				default: _(() => [s(h(v), {
+					size: "small",
+					type: "text",
+					disabled: c.readonly || t === 0,
+					"aria-label": "左移文件",
+					onClick: (t) => P("move", e.id, -1)
+				}, {
+					default: _(() => [s(h(C), { "aria-hidden": "true" })]),
+					_: 1
+				}, 8, ["disabled", "onClick"])]),
+				_: 2
+			}, 1024),
+			s(h(b), { title: "右移文件" }, {
+				default: _(() => [s(h(v), {
+					size: "small",
+					type: "text",
+					disabled: c.readonly || t === c.files.length - 1,
+					"aria-label": "右移文件",
+					onClick: (t) => P("move", e.id, 1)
+				}, {
+					default: _(() => [s(h(T), { "aria-hidden": "true" })]),
+					_: 1
+				}, 8, ["disabled", "onClick"])]),
+				_: 2
+			}, 1024),
+			s(h(b), { title: "重命名文件" }, {
+				default: _(() => [s(h(v), {
+					size: "small",
+					type: "text",
+					disabled: c.readonly,
+					"aria-label": "重命名文件",
+					onClick: (t) => R(e)
+				}, {
+					default: _(() => [s(h(S), { "aria-hidden": "true" })]),
+					_: 1
+				}, 8, ["disabled", "onClick"])]),
+				_: 2
+			}, 1024),
+			s(h(b), { title: c.files.length <= 1 ? "至少保留一份文件" : "删除文件" }, {
+				default: _(() => [s(h(v), {
+					size: "small",
+					type: "text",
+					danger: "",
+					disabled: c.readonly || c.files.length <= 1,
+					"aria-label": "删除文件",
+					onClick: (t) => P("remove", e.id)
+				}, {
+					default: _(() => [s(h(x), { "aria-hidden": "true" })]),
+					_: 1
+				}, 8, ["disabled", "onClick"])]),
+				_: 2
+			}, 1032, ["title"])
+		])) : r("", !0)], 2))), 128))]), s(h(b), { title: "新增合同文件" }, {
+			default: _(() => [s(h(v), {
+				size: "small",
+				class: "gd-contract-template-designer__file-add",
+				disabled: c.readonly,
+				"aria-label": "新增合同文件",
+				onClick: l[1] ||= (e) => P("add")
+			}, {
+				default: _(() => [s(h(w), { "aria-hidden": "true" }), l[2] ||= o(" 新增文件 ", -1)]),
+				_: 1
+			}, 8, ["disabled"])]),
+			_: 1
+		})]));
+	}
+});
+//#endregion
+export { M as default };

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

@@ -1,6 +1,6 @@
-import { isSafeContractImageUrl as e } from "./utils/image-url.mjs";
-import { isContractTemplateFieldType as t } from "./types.mjs";
-import { getFieldOption as n } from "./composables/use-template-designer.mjs";
+import { isContractTemplateFieldType as e } from "./types.mjs";
+import { getFieldOption as t } from "./composables/use-template-designer.mjs";
+import { isSafeContractImageUrl as n } from "./utils/image-url.mjs";
 import { resolveFieldTypeIcon as r } from "./utils/template-tool-icons.mjs";
 import { Fragment as i, computed as a, createBlock as o, createCommentVNode as s, createElementBlock as c, createElementVNode as l, createTextVNode as u, createVNode as d, defineComponent as f, normalizeClass as p, openBlock as m, renderList as h, resolveDynamicComponent as g, toDisplayString as _, unref as v, withCtx as y, withModifiers as b } from "vue";
 import { Button as x, Checkbox as S, DatePicker as C, Image as w, Input as T, InputNumber as E, Tooltip as D } from "ant-design-vue";
@@ -46,7 +46,7 @@ var A = { class: "gd-contract-template-renderer__field-head" }, j = { class: "gd
 			if (B.value === void 0 || B.value === null || B.value === "") return;
 			let e = Number(B.value);
 			return Number.isFinite(e) ? e : void 0;
-		}), G = a(() => B.value === !0 || B.value === "true" || B.value === "1" || B.value === "是" || B.value === "已选"), K = a(() => B.errors.length > 0), q = a(() => U.value && e(U.value) ? U.value : ""), J = a(() => t(B.variable.type) ? B.variable.type : "text"), Y = a(() => r(J.value)), X = a(() => n(J.value).label);
+		}), G = a(() => B.value === !0 || B.value === "true" || B.value === "1" || B.value === "是" || B.value === "已选"), K = a(() => B.errors.length > 0), q = a(() => U.value && n(U.value) ? U.value : ""), J = a(() => e(B.variable.type) ? B.variable.type : "text"), Y = a(() => r(J.value)), X = a(() => t(J.value).label);
 		function Z(e) {
 			V("updateValue", e);
 		}

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

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

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

@@ -0,0 +1,36 @@
+import { Fragment as e, createCommentVNode as t, createElementBlock as n, createElementVNode as r, defineComponent as i, normalizeClass as a, openBlock as o, renderList as s, toDisplayString as c } from "vue";
+//#region src/components/pro-contract-template-designer/src/ContractTemplateRendererValidation.vue?vue&type=script&setup=true&lang.ts
+var l = { class: "gd-contract-template-renderer__validation-bar" }, u = ["aria-expanded"], d = {
+	key: 0,
+	class: "gd-contract-template-renderer__validation-list"
+}, f = ["onClick"], p = /* @__PURE__ */ i({
+	name: "ContractTemplateRendererValidation",
+	__name: "ContractTemplateRendererValidation",
+	props: {
+		passed: { type: Boolean },
+		summary: {},
+		errors: {},
+		expanded: { type: Boolean }
+	},
+	emits: ["toggle", "focusError"],
+	setup(i, { emit: p }) {
+		let m = p;
+		return (p, h) => (o(), n("div", {
+			class: a(["gd-contract-template-renderer__validation", i.passed ? "is-success" : "is-error"]),
+			role: "status"
+		}, [r("div", l, [r("span", null, c(i.summary), 1), i.errors.length ? (o(), n("button", {
+			key: 0,
+			type: "button",
+			class: "gd-contract-template-renderer__validation-toggle",
+			"aria-expanded": i.expanded,
+			onClick: h[0] ||= (e) => m("toggle")
+		}, c(i.expanded ? "收起" : `展开 ${i.errors.length} 个问题`), 9, u)) : t("", !0)]), i.expanded && i.errors.length ? (o(), n("div", d, [(o(!0), n(e, null, s(i.errors, (e) => (o(), n("button", {
+			key: `${e.code}-${e.id}-${e.message}`,
+			type: "button",
+			class: "gd-contract-template-renderer__validation-item",
+			onClick: (t) => m("focusError", e)
+		}, c(e.message), 9, f))), 128))])) : t("", !0)], 2));
+	}
+});
+//#endregion
+export { p as default };