@guodun/antdv 1.4.4 → 1.4.6

package/dist/es/components/dept-selector/src/dept.mjs

@@ -3,61 +3,71 @@ import t from "../../pro-modal/index.mjs";
 import n from "../../icon/index.mjs";
 import { GET_DEPT_TREE_URL as r, deptSelectorEmits as i, deptSelectorProps as a } from "./types.mjs";
 import o from "../../pro-dynamic-tags/index.mjs";
-import { Fragment as s, computed as c, createVNode as l, defineComponent as u, ref as d, watch as f } from "vue";
-import { Empty as p, FormItemRest as m, InputSearch as h, Tree as g, message as _ } from "ant-design-vue";
+import { Fragment as s, computed as c, createTextVNode as l, createVNode as u, defineComponent as d, ref as f, watch as p } from "vue";
+import { Alert as m, Button as h, Empty as g, FormItemRest as _, InputSearch as v, Spin as y, Tree as b, message as ee } from "ant-design-vue";
 //#region src/components/dept-selector/src/dept.tsx
-var v = e("dept-selector"), y = /* @__PURE__ */ u({
+var x = e("dept-selector"), S = /* @__PURE__ */ d({
 	name: "KDeptSelector",
 	props: a,
 	emits: i,
-	setup(e, { emit: i, attrs: a, slots: u }) {
-		let y = d(!0), b = d(!0), x = d([]), S = d([]), C = d([]), w = d(!1), T = d(e.isBuiltInRequest ? {
+	setup(e, { emit: i, attrs: a, slots: d }) {
+		let S = f(!0), C = f(!0), w = f([]), T = f([]), E = f([]), D = f(!1), O = f(e.isBuiltInRequest ? {
 			children: "children",
 			title: "deptName",
 			key: "id"
-		} : e.fieldNames), E = d(""), D = d([]), O = d([]), k = d(e.treeData), A = d(!1), j = d("");
-		if (e.isBuiltInRequest) {
-			if (!e.http) throw Error("请传入http实例");
-			e.http.get(`${e.prefix}${r}`).then((e) => {
-				e.status === 0 && (k.value = e.data, e.data && e.data.length > 0 && (x.value = [e.data[0].id]));
-			});
-		}
-		let M = (e) => typeof e == "object" && !!e && T.value.key in e && e[T.value.key] !== void 0 && e[T.value.key] !== null, N = () => {
+		} : e.fieldNames), k = f([]), A = f([]), j = f(e.treeData), M = f(""), N = f(!1), P = f(""), F = async () => {
+			if (e.isBuiltInRequest) {
+				if (!e.http) {
+					P.value = "缺少部门数据请求实例";
+					return;
+				}
+				N.value = !0, P.value = "";
+				try {
+					let t = await e.http.get(`${e.prefix}${r}`);
+					if (t?.status !== 0 || !Array.isArray(t.data)) {
+						P.value = "部门数据加载失败，请重试";
+						return;
+					}
+					j.value = t.data, t.data[0] && (w.value = [t.data[0][O.value.key]]);
+				} catch {
+					P.value = "部门数据加载失败，请重试";
+				} finally {
+					N.value = !1;
+				}
+			}
+		}, I = (e) => typeof e == "object" && !!e && O.value.key in e && e[O.value.key] !== void 0 && e[O.value.key] !== null, L = () => {
 			if (e.type === "checkbox") {
-				if (!Array.isArray(e.modelValue)) return;
-				let t = e.modelValue.map((e) => e[T.value.key]);
-				y.value ? C.value = {
+				let t = Array.isArray(e.modelValue) ? e.modelValue.map((e) => e[O.value.key]) : [];
+				S.value ? E.value = {
 					checked: t,
 					halfChecked: []
-				} : C.value = t, x.value = t;
-			} else {
-				if (Array.isArray(e.modelValue)) return;
-				if (M(e.modelValue)) {
-					let t = e.modelValue[T.value.key];
-					S.value = [t], x.value = [t];
-				} else S.value = [], x.value = [];
-			}
-		}, P = (t) => {
-			if (A.value) return A.value = !1;
-			e.type === "radio" ? D.value.length > 0 && (E.value = D.value[0][T.value.title] || "") : E.value = D.value.map((e) => e[T.value.title]).join(",");
+				} : E.value = t, w.value = t;
+			} else if (!Array.isArray(e.modelValue) && I(e.modelValue)) {
+				let t = e.modelValue[O.value.key];
+				T.value = [t], w.value = [t];
+			} else T.value = [], w.value = [];
+		}, R = (t = e.modelValue) => {
+			Array.isArray(t) ? A.value = t.filter(I).map((e) => ({ ...e })) : I(t) ? A.value = [{ ...t }] : A.value = [];
+		}, z = () => {
+			L(), k.value = A.value.map((e) => ({ ...e }));
 		};
-		f(() => e.visible, () => {
-			e.visible && N();
-		}, { immediate: !0 }), f(() => e.modelValue, (e) => {
-			k.value.length > 0 && N(), A.value || (Array.isArray(e) ? O.value = [...e] : M(e) ? O.value = [e] : O.value = []);
+		p(() => e.visible, (e) => {
+			R(), e && z();
+		}, { immediate: !0 }), p(() => e.modelValue, (t) => {
+			R(t), e.visible && z();
 		}, {
 			immediate: !0,
 			deep: !0
-		}), f(k, () => {
-			k.value.length > 0 && N();
+		}), p(j, () => {
+			e.visible && z();
 		}, {
 			immediate: !0,
 			deep: !0
 		});
-		function F(e) {
+		function B(e) {
 			let t = (e, n) => {
 				for (let r of e) {
-					if (r[T.value.key] === n) return r;
+					if (r[O.value.key] === n) return r;
 					if (r.children && r.children.length) {
 						let e = t(r.children, n);
 						if (e) return e;
@@ -65,70 +75,77 @@ var v = e("dept-selector"), y = /* @__PURE__ */ u({
 				}
 				return null;
 			};
-			return t(k.value, e);
+			return t(j.value, e);
 		}
-		function I(e) {
-			return e ? e.map((e) => F(e)).filter(Boolean) : [];
+		function V(e) {
+			return e ? e.map((e) => B(e)).filter(Boolean) : [];
 		}
-		f(C, () => {
-			e.type === "checkbox" && (y.value ? D.value = I(C.value.checked) : D.value = I(C.value), P("watch checkedKeys..."));
+		p(E, () => {
+			e.type === "checkbox" && (S.value ? k.value = V(E.value?.checked || []) : k.value = V(E.value));
 		}, {
 			immediate: !0,
 			deep: !0
-		}), f(S, () => {
-			e.type === "radio" && (D.value = I(S.value), P("watch selectedKeys..."));
+		}), p(T, () => {
+			e.type === "radio" && (k.value = V(T.value));
 		}, {
 			immediate: !0,
 			deep: !0
-		}), f(() => e.treeData, () => {
-			e.isBuiltInRequest || (k.value = e.treeData);
-		});
-		let L = () => {
-			A.value = !0;
-		}, R = () => {
-			A.value = !0;
-		}, z = () => {
-			i("update:visible", !1), i("cancel");
-		}, B = () => {
-			if (!D.value.length) {
-				_.warn("请选择部门");
+		}), p(() => e.treeData, (t) => {
+			e.isBuiltInRequest || (j.value = t || []);
+		}, { deep: !0 }), e.isBuiltInRequest && F();
+		let H = () => {
+			z(), i("update:visible", !1), i("cancel");
+		}, U = () => {
+			if (!k.value.length) {
+				ee.warn("请选择部门");
+				return;
+			}
+			A.value = [...k.value], e.type === "radio" ? k.value.length > 0 && T.value.length > 0 ? i("update:modelValue", {
+				[O.value.key]: T.value[0],
+				[O.value.title]: k.value[0][O.value.title]
+			}) : i("update:modelValue", null) : i("update:modelValue", k.value.map((e) => ({
+				[O.value.key]: e[O.value.key],
+				[O.value.title]: e[O.value.title]
+			}))), i("update:visible", !1), i("confirm", k.value);
+		}, W = (t) => {
+			if (e.type === "radio") {
+				k.value = [], T.value = [];
 				return;
 			}
-			O.value = [...D.value], e.type === "radio" ? D.value.length > 0 && S.value.length > 0 ? i("update:modelValue", {
-				[T.value.key]: S.value[0],
-				[T.value.title]: D.value[0][T.value.title]
-			}) : i("update:modelValue", null) : i("update:modelValue", D.value.map((e) => ({
-				[T.value.key]: e[T.value.key],
-				[T.value.title]: e[T.value.title]
-			}))), i("update:visible", !1), i("confirm", D.value), P("handleConfirm ...");
-		}, V = (t) => {
-			if (A.value = !0, e.type === "radio") return D.value = [], S.value = [], !1;
-			if (y.value) C.value.checked = C.value.checked.filter((e) => e !== t[T.value.key]);
+			if (S.value) E.value.checked = E.value.checked.filter((e) => e !== t[O.value.key]);
 			else {
-				let e = t.parentId, n = C.value.indexOf(e);
-				n !== -1 && C.value.splice(n, 1), C.value = C.value.filter((e) => e !== t[T.value.key]), H(t.children).forEach((e) => {
-					let t = C.value.indexOf(e);
-					t !== -1 && C.value.splice(t, 1);
+				let e = t.parentId, n = E.value.indexOf(e);
+				n !== -1 && E.value.splice(n, 1), E.value = E.value.filter((e) => e !== t[O.value.key]), G(t.children).forEach((e) => {
+					let t = E.value.indexOf(e);
+					t !== -1 && E.value.splice(t, 1);
 				});
 			}
-		}, H = (e) => {
+		}, G = (e = []) => {
 			let t = [], n = (e) => {
-				for (let r of e) t.push(r[T.value.key]), r.children && r.children.length && n(r.children);
+				for (let r of e) t.push(r[O.value.key]), r.children && r.children.length && n(r.children);
 			};
 			return n(e), t;
-		}, U = c(() => O.value.map((e) => ({
-			label: e[T.value.title],
-			value: e[T.value.key],
+		}, K = c(() => A.value.map((e) => ({
+			label: e[O.value.title],
+			value: e[O.value.key],
 			closable: !0
-		}))), W = (t, n) => {
-			let r = O.value.filter((e, t) => t !== n);
-			O.value = r, e.type === "radio" ? i("update:modelValue", null) : i("update:modelValue", r.map((e) => ({
-				[T.value.key]: e[T.value.key],
-				[T.value.title]: e[T.value.title]
-			})));
-		}, G = () => {
+		}))), q = (t, n) => {
+			let r = A.value.filter((e, t) => t !== n);
+			if (A.value = r, k.value = r.map((e) => ({ ...e })), e.type === "radio") i("update:modelValue", null), T.value = [];
+			else {
+				i("update:modelValue", r.map((e) => ({
+					[O.value.key]: e[O.value.key],
+					[O.value.title]: e[O.value.title]
+				})));
+				let e = r.map((e) => e[O.value.key]);
+				E.value = S.value ? {
+					checked: e,
+					halfChecked: []
+				} : e;
+			}
+		}, J = () => {
 			i("update:visible", !0);
-		}, K = () => l(s, null, [l(t, {
+		}, Y = () => u(s, null, [u(t, {
 			modelValue: e.visible,
 			modalProps: {
 				cancelText: "取消",
@@ -137,77 +154,87 @@ var v = e("dept-selector"), y = /* @__PURE__ */ u({
 				...a
 			},
 			title: "选择部门",
-			onOnCancel: z,
-			onOnConfirm: B
-		}, { default: () => [l("div", { class: v.e("modal-content") }, [X(), Q()], 2)] }, 8, [
+			onOnCancel: H,
+			onOnConfirm: U,
+			"onUpdate:modelValue": (e) => {
+				e || z(), i("update:visible", e);
+			}
+		}, { default: () => [u("div", { class: x.e("modal-content") }, [te(), ne()], 2)] }, 8, [
 			"modelValue",
 			"modalProps",
 			"onOnCancel",
-			"onOnConfirm"
-		])]), q = (e, t) => {
+			"onOnConfirm",
+			"onUpdate:modelValue"
+		])]), X = (e, t) => {
 			let n;
 			for (let r = 0; r < t.length; r++) {
 				let i = t[r];
-				if (i.children) if (i.children.some((t) => t[T.value.key] === e)) {
-					n = i[T.value.key];
+				if (i.children) if (i.children.some((t) => t[O.value.key] === e)) {
+					n = i[O.value.key];
 					break;
-				} else q(e, i.children) && (n = q(e, i.children));
+				} else X(e, i.children) && (n = X(e, i.children));
 			}
 			return n;
-		}, J = (e) => {
+		}, Z = (e) => {
 			if (!e.trim()) {
-				x.value = [], j.value = "", b.value = !0;
+				w.value = [], M.value = "", C.value = !0;
 				return;
 			}
 			let t = /* @__PURE__ */ new Set(), n = (e, r) => {
 				e.forEach((e) => {
-					if (e[T.value.title]?.includes(r)) {
-						let n = q(e[T.value.key], k.value);
-						for (; n;) t.add(n), n = q(n, k.value);
-						t.add(e[T.value.key]);
+					if (e[O.value.title]?.includes(r)) {
+						let n = X(e[O.value.key], j.value);
+						for (; n;) t.add(n), n = X(n, j.value);
+						t.add(e[O.value.key]);
 					}
 					e.children && e.children.length > 0 && n(e.children, r);
 				});
 			};
-			n(k.value, e), x.value = Array.from(t), j.value = e, b.value = !0;
-		}, Y = (e) => {
-			let t = e[T.value.title] || "";
-			if (!j.value) return l("span", null, [t]);
-			let n = t.indexOf(j.value);
-			if (n === -1) return l("span", null, [t]);
-			let r = t.substring(0, n), i = t.substring(n, n + j.value.length), a = t.substring(n + j.value.length);
-			return l("span", null, [
+			n(j.value, e), w.value = Array.from(t), M.value = e, C.value = !0;
+		}, Q = (e) => {
+			let t = e[O.value.title] || "";
+			if (!M.value) return u("span", null, [t]);
+			let n = t.indexOf(M.value);
+			if (n === -1) return u("span", null, [t]);
+			let r = t.substring(0, n), i = t.substring(n, n + M.value.length), a = t.substring(n + M.value.length);
+			return u("span", null, [
 				r,
-				l("span", { style: "color: #f50; font-weight: bold" }, [i]),
+				u("span", { class: x.e("search-highlight") }, [i], 2),
 				a
 			]);
-		}, X = () => l("div", { class: v.e("modal-content-left") }, [l(m, null, { default: () => [l(h, {
-			placeholder: "请输入部门名称",
-			onSearch: J,
+		}, te = () => u("div", { class: x.e("modal-content-left") }, [u(_, null, { default: () => [u(v, {
+			placeholder: "搜索部门",
+			onSearch: Z,
 			style: { marginBottom: "10px" },
 			allowClear: !0
-		}, null, 8, ["onSearch", "allowClear"])] }), k.value.length > 0 ? l(g, {
-			expandedKeys: x.value,
-			"onUpdate:expandedKeys": (e) => x.value = e,
-			selectedKeys: S.value,
-			"onUpdate:selectedKeys": (e) => S.value = e,
-			checkedKeys: C.value,
-			"onUpdate:checkedKeys": (e) => C.value = e,
+		}, null, 8, ["onSearch", "allowClear"])] }), P.value ? u(m, {
+			type: "error",
+			showIcon: !0,
+			message: P.value
+		}, { action: () => u(h, {
+			type: "link",
+			size: "small",
+			onClick: F
+		}, { default: () => [l("重试")] }, 8, ["onClick"]) }, 8, ["showIcon", "message"]) : j.value.length > 0 ? u(y, { spinning: N.value }, { default: () => [u(b, {
+			expandedKeys: w.value,
+			"onUpdate:expandedKeys": (e) => w.value = e,
+			selectedKeys: T.value,
+			"onUpdate:selectedKeys": (e) => T.value = e,
+			checkedKeys: E.value,
+			"onUpdate:checkedKeys": (e) => E.value = e,
 			checkable: e.type === "checkbox",
-			checkStrictly: y.value,
+			checkStrictly: S.value,
 			"show-icon": !0,
-			autoExpandParent: b.value,
+			autoExpandParent: C.value,
 			blockNode: !0,
 			defaultExpandAll: !0,
-			fieldNames: T.value,
-			"show-line": w.value,
-			"tree-data": k.value,
-			onCheck: L,
-			onSelect: R,
-			class: v.e("modal-content-left-tree")
+			fieldNames: O.value,
+			"show-line": D.value,
+			"tree-data": j.value,
+			class: x.e("modal-content-left-tree")
 		}, {
-			icon: (e) => Z(e),
-			title: Y,
+			icon: (e) => $(e),
+			title: Q,
 			_: 1
 		}, 8, [
 			"expandedKeys",
@@ -225,32 +252,33 @@ var v = e("dept-selector"), y = /* @__PURE__ */ u({
 			"fieldNames",
 			"show-line",
 			"tree-data",
-			"onCheck",
-			"onSelect",
 			"class"
-		]) : l(p, {
-			description: "暂无数据",
-			image: p.PRESENTED_IMAGE_SIMPLE
-		}, null, 8, ["image"])], 2), Z = (e) => l(n, {
+		])] }, 8, ["spinning"]) : u(y, { spinning: N.value }, { default: () => [u(g, {
+			description: "暂无部门",
+			image: g.PRESENTED_IMAGE_SIMPLE
+		}, null, 8, ["image"])] }, 8, ["spinning"])], 2), $ = (e) => u(n, {
 			name: e.parentId === "0" ? "qiye" : "bumen",
 			size: 16
-		}, null, 8, ["name"]), Q = () => l("div", { class: v.e("modal-content-right") }, [D.value.length > 0 ? D.value.map((e) => l("div", { class: v.e("modal-content-right-item") }, [l("div", { class: v.e("modal-content-right-item-label") }, [Z(e), l("span", null, [e[T.value.title]])], 2), l("div", {
-			class: v.e("modal-content-right-item-del"),
-			onClick: () => V(e)
-		}, [l(n, {
+		}, null, 8, ["name"]), ne = () => u("div", { class: x.e("modal-content-right") }, [k.value.length > 0 ? k.value.map((e) => u("div", {
+			key: e[O.value.key],
+			class: x.e("modal-content-right-item")
+		}, [u("div", { class: x.e("modal-content-right-item-label") }, [$(e), u("span", null, [e[O.value.title]])], 2), u("div", {
+			class: x.e("modal-content-right-item-del"),
+			onClick: () => W(e)
+		}, [u(n, {
 			name: "shanchu",
 			size: 16
-		}, null)], 10, ["onClick"])], 2)) : l(p, {
+		}, null)], 10, ["onClick"])], 2)) : u(g, {
 			description: "暂无数据",
-			image: p.PRESENTED_IMAGE_SIMPLE
+			image: g.PRESENTED_IMAGE_SIMPLE
 		}, null, 8, ["image"])], 2);
-		return () => l("div", { class: v.b() }, [e.hideSlot ? null : u.default?.() ? u.default() : l("div", null, [l(o, {
-			modelValue: U.value,
+		return () => u("div", { class: x.b() }, [e.hideSlot ? null : d.default?.() ? d.default() : u("div", null, [u(o, {
+			modelValue: K.value,
 			showAdd: !0,
 			addText: "选择部门",
 			closable: !0,
-			onClose: W,
-			onAdd: G,
+			onClose: q,
+			onAdd: J,
 			customStyle: {
 				width: "100%",
 				minHeight: "30px"
@@ -259,8 +287,8 @@ var v = e("dept-selector"), y = /* @__PURE__ */ u({
 			"modelValue",
 			"onClose",
 			"onAdd"
-		])]), K()], 2);
+		])]), Y()], 2);
 	}
 });
 //#endregion
-export { y as default };
+export { S as default };

package/dist/es/components/index.mjs

@@ -58,6 +58,7 @@ import "./contract-signing-location/src/constants.mjs";
 import "./contract-signing-location/src/coordinates.mjs";
 import "./pro-contract-template-designer/src/types.mjs";
 import "./pro-contract-template-designer/src/utils/signing-placement.mjs";
+import "./pro-contract-template-designer/src/utils/advanced-controls.mjs";
 import "./pro-contract-template-designer/src/composables/use-template-designer.mjs";
 import "./pro-contract-template-designer/src/utils/image-url.mjs";
 import "./pro-contract-template-designer/src/utils/template-renderer.mjs";

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

@@ -3,6 +3,7 @@ import "./src/constants.mjs";
 import "../contract-signing-location/src/constants.mjs";
 import "./src/types.mjs";
 import "./src/utils/signing-placement.mjs";
+import "./src/utils/advanced-controls.mjs";
 import "./src/composables/use-template-designer.mjs";
 import "./src/utils/image-url.mjs";
 import "./src/utils/template-renderer.mjs";