@guodun/antdv 1.7.7 → 1.7.9

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

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

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

@@ -0,0 +1,132 @@
+import { Fragment as e, computed 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, ref as u, renderList as d, toDisplayString as f, unref as p, withCtx as m } from "vue";
+import { Button as h, Input as g } from "ant-design-vue";
+import { ArrowDownOutlined as _, ArrowUpOutlined as v, DeleteOutlined as y, PlusOutlined as b } from "@ant-design/icons-vue";
+//#region src/components/pro-contract-template-designer/src/ContractTemplateChoiceOptionsEditor.vue?vue&type=script&setup=true&lang.ts
+var x = { class: "gd-contract-choice-options" }, S = {
+	key: 0,
+	class: "gd-contract-choice-options__error"
+}, C = { class: "gd-contract-choice-options__actions" }, w = /* @__PURE__ */ s({
+	name: "ContractTemplateChoiceOptionsEditor",
+	__name: "ContractTemplateChoiceOptionsEditor",
+	props: {
+		options: {},
+		variableType: {},
+		readonly: { type: Boolean }
+	},
+	emits: ["change"],
+	setup(s, { emit: w }) {
+		let T = s, E = w, D = u((T.options ?? []).map((e) => ({
+			label: e.label ?? "",
+			value: String(e.value ?? "")
+		}))), O = t(() => D.value.map((e, t) => k(D.value, t)));
+		function k(e, t) {
+			let n = e[t]?.label.trim() ?? "", r = e[t]?.value.trim() ?? "";
+			return n ? r ? e.some((e, n) => n !== t && e.value.trim() === r) ? "选项值不能重复" : "" : "选项值不能为空" : "显示文本不能为空";
+		}
+		function A() {
+			T.readonly || O.value.some(Boolean) || E("change", D.value.map((e) => ({
+				value: e.value.trim(),
+				label: e.label.trim(),
+				type: T.variableType || "select"
+			})));
+		}
+		function j(e, t) {
+			T.readonly || (D.value = D.value.map((n, r) => r === e ? {
+				...n,
+				...t
+			} : n), A());
+		}
+		function M(e, t) {
+			if (T.readonly) return;
+			let n = e + t;
+			if (n < 0 || n >= D.value.length) return;
+			let r = D.value.slice(), [i] = r.splice(e, 1);
+			r.splice(n, 0, i), D.value = r, A();
+		}
+		function N(e) {
+			T.readonly || (D.value = D.value.filter((t, n) => n !== e), A());
+		}
+		function P() {
+			if (T.readonly) return;
+			let e = new Set(D.value.flatMap((e) => [e.label.trim(), e.value.trim()])), t = D.value.length + 1;
+			for (; e.has(`选项${t}`) || e.has(`option${t}`);) t += 1;
+			D.value = [...D.value, {
+				label: `选项${t}`,
+				value: `option${t}`
+			}], A();
+		}
+		return (t, u) => (l(), r("div", x, [(l(!0), r(e, null, d(D.value, (e, t) => (l(), r("div", {
+			key: t,
+			class: c(["gd-contract-choice-options__row", { "is-invalid": !!O.value[t] }])
+		}, [
+			o(p(g), {
+				value: e.label,
+				disabled: s.readonly,
+				placeholder: "显示文本",
+				"aria-label": `选项 ${t + 1} 显示文本`,
+				"onUpdate:value": (e) => j(t, { label: String(e ?? "") })
+			}, null, 8, [
+				"value",
+				"disabled",
+				"aria-label",
+				"onUpdate:value"
+			]),
+			o(p(g), {
+				value: e.value,
+				disabled: s.readonly,
+				placeholder: "选项值",
+				"aria-label": `选项 ${t + 1} 选项值`,
+				"onUpdate:value": (e) => j(t, { value: String(e ?? "") })
+			}, null, 8, [
+				"value",
+				"disabled",
+				"aria-label",
+				"onUpdate:value"
+			]),
+			O.value[t] ? (l(), r("p", S, f(O.value[t]), 1)) : n("", !0),
+			i("div", C, [
+				o(p(h), {
+					type: "text",
+					size: "small",
+					disabled: s.readonly || t === 0,
+					"aria-label": "上移选项",
+					onClick: (e) => M(t, -1)
+				}, {
+					default: m(() => [o(p(v), { "aria-hidden": "true" })]),
+					_: 1
+				}, 8, ["disabled", "onClick"]),
+				o(p(h), {
+					type: "text",
+					size: "small",
+					disabled: s.readonly || t === D.value.length - 1,
+					"aria-label": "下移选项",
+					onClick: (e) => M(t, 1)
+				}, {
+					default: m(() => [o(p(_), { "aria-hidden": "true" })]),
+					_: 1
+				}, 8, ["disabled", "onClick"]),
+				o(p(h), {
+					type: "text",
+					size: "small",
+					danger: "",
+					disabled: s.readonly,
+					"aria-label": "删除选项",
+					onClick: (e) => N(t)
+				}, {
+					default: m(() => [o(p(y), { "aria-hidden": "true" })]),
+					_: 1
+				}, 8, ["disabled", "onClick"])
+			])
+		], 2))), 128)), o(p(h), {
+			block: "",
+			disabled: s.readonly,
+			"aria-label": "添加选项",
+			onClick: P
+		}, {
+			default: m(() => [o(p(b), { "aria-hidden": "true" }), u[0] ||= a(" 添加选项 ", -1)]),
+			_: 1
+		}, 8, ["disabled"])]));
+	}
+});
+//#endregion
+export { w as default };