@topvisor/ui 1.5.4-groupSelector.2 → 1.5.4-groupSelector.3

package/.chunks/{formsExt-UkSw445A.esm.js → formsExt-Dy7EHtJS.esm.js}

@@ -95,7 +95,7 @@ var G = {
 			key: "0"
 		} : void 0]), 1040, ["isActive"])])) : v("", !0)], 34));
 	}
-}), K = { class: "top-selector2_itemMulti top-ellipsis" }, ne = /* @__PURE__ */ w({
+}), ne = { class: "top-selector2_itemMulti top-ellipsis" }, re = /* @__PURE__ */ w({
 	__name: "itemMulti",
 	props: {
 		id: {},
@@ -103,7 +103,7 @@ var G = {
 	},
 	emits: ["delete"],
 	setup(e) {
-		return (t, n) => (A(), y("div", K, [S(I(e.name) + " ", 1), b("span", {
+		return (t, n) => (A(), y("div", ne, [S(I(e.name) + " ", 1), b("span", {
 			class: "top-selector2_itemMultiDelete",
 			"data-top-icon": "",
 			onClick: n[0] ||= (n) => t.$emit("delete", {
@@ -113,34 +113,49 @@ var G = {
 			onMousedown: n[1] ||= W(() => {}, ["stop"])
 		}, null, 32)]));
 	}
-}), q = /* @__PURE__ */ new Map(), re = (e) => {
-	q.get(e)?.clear();
-}, J = (e, t) => {
-	let n = q.get(e);
-	if (n) for (let e of n.values()) Array.isArray(e?.result) && t(e.result);
-}, Y = (e) => {
+}), K = /* @__PURE__ */ new Map(), q = /* @__PURE__ */ new Map(), J = (e) => (q.has(e) || q.set(e, j(0)), q.get(e)), Y = (e) => {
+	J(e).value++;
+}, ie = (e) => {
+	K.get(e)?.clear(), Y(e);
+}, X = (e, t) => {
+	let n = K.get(e);
+	if (n) for (let e of n.values()) t(e, e.result);
+}, Z = (e) => {
 	let t = window.mo?.user?.id;
 	return JSON.stringify(e.params) + ":" + e.url + ":" + t;
-}, X = (e, t) => q.get(t)?.get(e), ie = (e, t, n) => {
-	q.has(t) || q.set(t, /* @__PURE__ */ new Map()), q.get(t)?.set(e, n);
-}, ae = (e, t, n) => {
-	J(e, (e) => {
-		let r = e.find((e) => e.id === t);
-		r && Object.assign(r, n);
-	});
-}, oe = (e, t) => {
-	J(e, (e) => {
-		let n = e.findIndex((e) => e.id === t);
-		n !== -1 && e.splice(n, 1);
-	});
-}, se = (e, t, n, i) => {
+}, Q = (e, t) => K.get(t)?.get(e), ae = (e, t, n) => {
+	K.has(t) || K.set(t, /* @__PURE__ */ new Map()), K.get(t)?.set(e, n);
+}, oe = (e, t, n) => {
+	X(e, (e, r) => {
+		let i = r.find((e) => e.id === t);
+		i && Object.assign(i, n);
+	}), Y(e);
+}, se = (e, t) => {
+	X(e, (e, n) => {
+		let r = n.findIndex((e) => e.id === t);
+		r !== -1 && (n[r].name = "--", n.splice(r, 1), e.nextOffset && e.nextOffset--);
+	}), Y(e);
+}, ce = (e, t, n, i) => {
 	let a = j([]), o = j(!1), s = j(0), c = "", l;
 	e && !e.params.limit && (e.params.limit = 100);
-	let u = async () => {
+	let u = () => {
+		if (!e) return;
+		e.params.offset = 0;
+		let t = Q(Z(e), e.path);
+		if (!t) {
+			a.value = [], l = void 0;
+			return;
+		}
+		a.value = t.result, l = t.nextOffset;
+	};
+	e && i && B(J(e.path), () => {
+		u();
+	});
+	let d = async () => {
 		if (!e) return;
-		let t = i ? Y(e) : void 0;
+		let t = i ? Z(e) : void 0;
 		if (t) {
-			let n = X(t, e.path);
+			let n = Q(t, e.path);
 			if (n) return e.abortByFingerprint(), n;
 		}
 		let n = await e.call();
@@ -154,119 +169,119 @@ var G = {
 			console.warn(`В result[${r}] нет id или name`);
 			return;
 		}
-		return t && ie(t, e.path, n), n;
-	}, d = async (n) => {
+		return t && ae(t, e.path, n), n;
+	}, f = async (n) => {
 		if (!e) return;
 		if (n) {
 			if (!l || o.value) return;
 			e.params.offset = l;
 		} else e.params.offset = 0;
 		t?.(e, c), o.value = !0;
-		let r = await u();
+		let r = await d();
 		o.value = !1, s.value++, r && (l = r.nextOffset, n ? a.value = a.value.concat(r.result) : a.value = r.result);
-	}, f = r(() => d(!1), 200);
+	}, p = r(() => f(!1), 200);
 	return {
 		apiRequest: e,
 		items: a,
 		isLoading: o,
 		countLoading: s,
-		load: d,
+		load: f,
 		setSearchTextAndLoad: (t, r = !0) => {
 			if (e) {
 				if (t.length < n) {
 					e.abortByFingerprint(), a.value = [];
 					return;
 				}
-				t === c && a.value.length || (c = t, r ? f() : d(!1));
+				t === c && a.value.length || (c = t, r ? p() : f(!1));
 			}
 		}
 	};
-}, ce = 0, le = null, Z = (e, t, n = !0) => n && t.id === null ? Array.isArray(e) ? e.some((e) => e.id === t.id && e.name === t.name) : t.name === e.name : Array.isArray(e) ? e.some((e) => e.id === t.id) : t.id === e.id, ue = (e, t, n) => {
+}, le = 0, ue = null, $ = (e, t, n = !0) => n && t.id === null ? Array.isArray(e) ? e.some((e) => e.id === t.id && e.name === t.name) : t.name === e.name : Array.isArray(e) ? e.some((e) => e.id === t.id) : t.id === e.id, de = (e, t, n) => {
 	let r = e.params.filters ?? [];
 	r = r.filter((e) => e.name !== n), t && r.push(u(n, "CONTAINS", [t])), e.changeParams({ filters: r });
-}, de = (t, n, r, i, a, o, s, c, l, u, f, p, m) => {
-	let h = j(""), _ = {
+}, fe = (t, n, r, i, a, o, s, c, l, u, f, p, m, h) => {
+	let _ = j(""), v = {
 		id: 0,
 		name: e().Common.All
-	}, v = () => {
-		h.value = "";
-	}, y = () => !(!m.apiRequest || h.value.length >= p), b = g(() => {
+	}, y = () => {
+		_.value = "";
+	}, b = () => !(!h.apiRequest || _.value.length >= m), x = g(() => {
 		let e = [];
-		return !i && a.value && (typeof a.value == "string" && (_.name = a.value), e.push(_)), r.value?.forEach((t) => e.push({ ...t })), e;
-	}), x = j([]), S = () => {
-		x.value = C();
-	}, C = () => {
-		let e = h.value.toLowerCase(), n = d(e), r = [], a, f = [], p = () => {
-			f.at(-1)?.listItemProps?.type === "delimiter" && f.pop(), f.length &&= (a && r.push(a), r.push(...f), 0);
+		return !a && o.value && (typeof o.value == "string" && (v.name = o.value), e.push(v)), r.value?.forEach((t) => e.push({ ...t })), e;
+	}), S = j([]), C = () => {
+		S.value = w();
+	}, w = () => {
+		let e = _.value.toLowerCase(), n = d(e), r = [], o, p = [], m = () => {
+			p.at(-1)?.listItemProps?.type === "delimiter" && p.pop(), p.length &&= (o && r.push(o), r.push(...p), 0);
 		}, g = (t) => {
-			let r = u.value?.includes("id"), i = t.name.toLowerCase(), a = u.value?.filter((e) => e !== "id").map((e) => typeof t[e] == "string" || typeof t[e] == "number" ? t[e] : "").join("☼").toLowerCase();
-			(r && t.id === Number(e) || a?.includes(e) || a?.includes(n)) && (i === e || i === n ? f.unshift(t) : f.push(t));
+			let r = f.value?.includes("id"), i = t.name.toLowerCase(), a = f.value?.filter((e) => e !== "id").map((e) => typeof t[e] == "string" || typeof t[e] == "number" ? t[e] : "").join("☼").toLowerCase();
+			(r && t.id === Number(e) || a?.includes(e) || a?.includes(n)) && (i === e || i === n ? p.unshift(t) : p.push(t));
 		};
-		for (let e of b.value) switch (e.listItemProps?.type) {
+		for (let e of x.value) switch (e.listItemProps?.type) {
 			case "title":
-				p(), a = e;
+				m(), o = e;
 				break;
 			case "delimiter":
-				if (f.length) {
-					let t = f.length;
-					f.at(-1)?.listItemProps?.type === "delimiter" && t--, f[t] = e;
+				if (p.length) {
+					let t = p.length;
+					p.at(-1)?.listItemProps?.type === "delimiter" && t--, p[t] = e;
 				}
 				break;
 			default: g(e);
 		}
-		if (p(), r.push(...m.items.value), o.value && h.value && (!c.value || c.value(e)) && (s.value || !r.find((t) => t.name.toLowerCase() === e))) {
+		if (m(), r.push(...h.items.value), s.value && _.value && (!l.value || l.value(e)) && (c.value || !r.find((t) => t.name.toLowerCase() === e))) {
 			let e = {
 				id: null,
-				name: h.value
+				name: _.value
 			};
-			l.value && (e.listItemProps = { closeByClick: !1 }), r.push(e);
+			u.value && (e.listItemProps = { closeByClick: !1 }), r.push(e);
 		}
-		return i && (r = r.filter((e) => !Z(t.value, e))), r;
-	}, w = (e) => {
-		e.listItemProps?.type === "title" || e.listItemProps?.type === "delimiter" || e.id === null && (n("appendItem", e), l.value) || (i && Array.isArray(t.value) ? Z(t.value, e) || (t.value = [...t.value, e]) : t.value = e, setTimeout(() => {
-			v();
+		return a && (r = r.filter((e) => !$(t.value, e))), i && (r = i(r)), r;
+	}, T = (e) => {
+		e.listItemProps?.type === "title" || e.listItemProps?.type === "delimiter" || e.id === null && (n("appendItem", e), u.value) || (a && Array.isArray(t.value) ? $(t.value, e) || (t.value = [...t.value, e]) : t.value = e, setTimeout(() => {
+			y();
 		}));
 	};
-	if (m.apiRequest) {
-		let e = [r, m.items];
-		i && e.push(t), B(e, () => {
-			S();
+	if (h.apiRequest) {
+		let e = [r, h.items];
+		a && e.push(t), B(e, () => {
+			C();
 		}, { deep: 2 });
 	} else B([
 		t,
 		r,
-		h
+		_
 	], () => {
-		S();
+		C();
 	}, {
 		immediate: !0,
 		deep: 2
 	});
 	return {
-		searchText: h,
-		resetSearch: v,
-		genIsShort: y,
-		itemsForShow: x,
-		selectItem: w,
+		searchText: _,
+		resetSearch: y,
+		genIsShort: b,
+		itemsForShow: S,
+		selectItem: T,
 		selectNextItem: () => {
 			if (Array.isArray(t.value)) return;
-			let e = x.value.filter((e) => !["title", "delimiter"].includes(e.listItemProps?.type ?? ""));
+			let e = S.value.filter((e) => !["title", "delimiter"].includes(e.listItemProps?.type ?? ""));
 			t.value = { ...e[(e.findIndex((e) => e.id === t.value.id) + 1) % e.length] };
 		},
 		deleteItemByItem: async (e) => {
 			Array.isArray(t.value) && (t.value = t.value.filter((t) => t.id !== e.id || t.name !== e.name));
 		}
 	};
-}, fe = {
+}, pe = {
 	key: 0,
 	class: "top-selector2_activeItems"
-}, pe = {
+}, me = {
 	key: 1,
 	class: "top-selector2_activeName top-ellipsis"
-}, me = {
+}, he = {
 	key: 2,
 	class: "top-selector2_placeholder top-ellipsis"
-}, he = { class: "top-selector2_searchWidget" }, ge = /* @__PURE__ */ w({
+}, ge = { class: "top-selector2_searchWidget" }, _e = /* @__PURE__ */ w({
 	__name: "selector2",
 	props: /*@__PURE__*/ T({
 		modelValue: {},
@@ -285,6 +300,7 @@ var G = {
 		searchFields: { default: () => ["id", "name"] },
 		placeholder: {},
 		hasCloserBtn: { type: Boolean },
+		prepareItemsBeforeRender: {},
 		api: {},
 		apiSetSearchParams: {},
 		minLength: { default: 0 },
@@ -308,20 +324,18 @@ var G = {
 		let i = e, a = z(e, "modelValue"), o = r;
 		t({
 			resetCache: (e = !1) => {
-				c.apiRequest && (e && re(c.apiRequest.path), c.items.value = [], c.countLoading.value = 0, c.apiRequest.params.offset = 0, requestAnimationFrame(() => {
+				c.apiRequest && (e && ie(c.apiRequest.path), c.items.value = [], c.countLoading.value = 0, c.apiRequest.params.offset = 0, requestAnimationFrame(() => {
 					u.itemsForShow.value = [];
 				}), T()?.elPopup && c.setSearchTextAndLoad(u.searchText.value));
 			},
-			updateItemById: (e, t) => {
-				let n = c.items.value.find((t) => t.id === e);
-				n && Object.assign(n, t), c.apiRequest && ae(c.apiRequest.path, e, t);
+			updateCacheItemById: (e, t) => {
+				c.apiRequest && c.apiRequest && oe(c.apiRequest.path, e, t);
 			},
-			deleteItemById: (e) => {
-				let t = c.items.value.findIndex((t) => t.id === e);
-				t !== -1 && c.items.value.splice(t, 1), c.apiRequest && oe(c.apiRequest.path, e);
+			deleteCacheItemById: (e) => {
+				c.apiRequest && c.apiRequest && se(c.apiRequest.path, e);
 			}
 		});
-		let s = g(() => i.searchType === "inline" && i.multiselect || i.searchType === "inline" && n.state.isMobile ? "popup" : i.searchType), c = se(i.api, i.apiSetSearchParams, i.minLength, i.useCache), u = de(a, o, L(i, "items"), i.multiselect, L(i, "useAllItem"), L(i, "appendSearchToResult"), L(i, "appendSearchAllowDuplicate"), L(i, "appendSearchToResultCond"), L(i, "appendWithoutSelect"), L(i, "searchFields"), s, i.minLength, c), d = g(() => i.buttonProps ? "TopButton" : s.value === "inline" ? "TopInput" : "div"), w = j(null), T = () => w.value?.popup;
+		let s = g(() => i.searchType === "inline" && i.multiselect || i.searchType === "inline" && n.state.isMobile ? "popup" : i.searchType), c = ce(i.api, i.apiSetSearchParams, i.minLength, i.useCache), u = fe(a, o, L(i, "items"), i.prepareItemsBeforeRender, i.multiselect, L(i, "useAllItem"), L(i, "appendSearchToResult"), L(i, "appendSearchAllowDuplicate"), L(i, "appendSearchToResultCond"), L(i, "appendWithoutSelect"), L(i, "searchFields"), s, i.minLength, c), d = g(() => i.buttonProps ? "TopButton" : s.value === "inline" ? "TopInput" : "div"), w = j(null), T = () => w.value?.popup;
 		c.apiRequest && B(u.searchText, () => {
 			c.setSearchTextAndLoad(u.searchText.value);
 		});
@@ -392,7 +406,7 @@ var G = {
 					"onUpdate:modelValue": r[1] ||= (e) => R(u).searchText.value = e
 				}), {
 					default: V(() => [
-						e.multiselect ? (A(), y("div", fe, [(A(!0), y(h, null, M(a.value, (e) => (A(), _(ne, {
+						e.multiselect ? (A(), y("div", pe, [(A(!0), y(h, null, M(a.value, (e) => (A(), _(re, {
 							key: e.id ?? void 0,
 							id: e.id,
 							name: e.name,
@@ -402,8 +416,8 @@ var G = {
 							"name",
 							"onDelete"
 						]))), 128))])) : v("", !0),
-						s.value !== "inline" && !e.multiselect ? (A(), y("span", pe, I(Array.isArray(a.value) ? "" : a.value.name), 1)) : v("", !0),
-						e.multiselect && !a.value.length ? (A(), y("span", me, I(D.value), 1)) : v("", !0),
+						s.value !== "inline" && !e.multiselect ? (A(), y("span", me, I(Array.isArray(a.value) ? "" : a.value.name), 1)) : v("", !0),
+						e.multiselect && !a.value.length ? (A(), y("span", he, I(D.value), 1)) : v("", !0),
 						e.addChanger && !e.buttonProps && !e.multiselect && R(u).itemsForShow.value.length > 1 && !e.disabled ? (A(), y("span", {
 							key: 3,
 							class: "top-changer top-changer-selector",
@@ -464,7 +478,7 @@ var G = {
 				_: 2
 			}, [s.value === "popup" ? {
 				name: "widget",
-				fn: V(() => [b("div", he, [H(C(R(f), {
+				fn: V(() => [b("div", ge, [H(C(R(f), {
 					title: "Поиск",
 					icon: "",
 					modelValue: R(u).searchText.value,
@@ -492,7 +506,7 @@ var G = {
 			} : void 0]), 1032, ["openByFocusInput", "disabled"]);
 		};
 	}
-}), _e = { class: "top-editArea_footer" }, ve = /* @__PURE__ */ w({
+}), ve = { class: "top-editArea_footer" }, ye = /* @__PURE__ */ w({
 	__name: "editArea",
 	props: {
 		defaultValue: { default: "" },
@@ -576,7 +590,7 @@ var G = {
 			"readonly",
 			"isError",
 			"hint"
-		]), b("div", _e, [o.value || e.forceShowCloseBtn ? (A(), _(s, {
+		]), b("div", ve, [o.value || e.forceShowCloseBtn ? (A(), _(s, {
 			key: 0,
 			icon: t.$core.state.isMobile ? "" : "",
 			class: "top-editArea_button",
@@ -598,7 +612,7 @@ var G = {
 			key: "0"
 		}]), 1032, ["icon"])) : v("", !0)])], 2)], 2));
 	}
-}), ye = { class: "top-editInput" }, be = /* @__PURE__ */ w({
+}), be = { class: "top-editInput" }, xe = /* @__PURE__ */ w({
 	__name: "editInput",
 	props: {
 		modelValue: {},
@@ -615,7 +629,7 @@ var G = {
 		let i = t, o = () => {
 			i("update:modelValue", r.value);
 		};
-		return (t, n) => (A(), y("div", ye, [C(a, E(e.input, {
+		return (t, n) => (A(), y("div", be, [C(a, E(e.input, {
 			onKeydownCapture: n[0] ||= U(W((t) => r.value = e.modelValue, ["stop"]), ["esc"]),
 			onKeydown: U(W(o, ["stop"]), ["enter"]),
 			modelValue: r.value,
@@ -630,7 +644,7 @@ var G = {
 			styling: "soft"
 		}, e.button, { onClick: o }), null, 16)) : v("", !0)]));
 	}
-}), Q = /* @__PURE__ */ w({
+}), Se = /* @__PURE__ */ w({
 	__name: "optionGroup",
 	props: /*@__PURE__*/ T({
 		modelValue: {},
@@ -711,7 +725,7 @@ var G = {
 			"data-top-icon"
 		]))), 256))], 2));
 	}
-}), xe = /* @__PURE__ */ w({
+}), Ce = /* @__PURE__ */ w({
 	__name: "radioGroup",
 	props: /*@__PURE__*/ T({
 		modelValue: {},
@@ -726,7 +740,7 @@ var G = {
 	emits: ["update:modelValue"],
 	setup(e) {
 		let t = z(e, "modelValue");
-		return (e, n) => (A(), _(Q, {
+		return (e, n) => (A(), _(Se, {
 			class: "top-radioGroup",
 			modelValue: t.value,
 			"onUpdate:modelValue": n[0] ||= (e) => t.value = e,
@@ -745,7 +759,7 @@ var G = {
 			"isError"
 		]));
 	}
-}), Se = /* @__PURE__ */ w({
+}), we = /* @__PURE__ */ w({
 	__name: "checkboxGroup",
 	props: /*@__PURE__*/ T({
 		modelValue: {},
@@ -760,7 +774,7 @@ var G = {
 	emits: ["update:modelValue"],
 	setup(e) {
 		let t = z(e, "modelValue");
-		return (e, n) => (A(), _(Q, {
+		return (e, n) => (A(), _(Se, {
 			class: "top-checkboxGroup",
 			modelValue: t.value,
 			"onUpdate:modelValue": n[0] ||= (e) => t.value = e,
@@ -779,10 +793,10 @@ var G = {
 			"isError"
 		]));
 	}
-}), Ce = ["data-top-icon"], $ = { class: "top-info_text" }, we = {
+}), Te = ["data-top-icon"], Ee = { class: "top-info_text" }, De = {
 	key: 0,
 	class: "top-info_value"
-}, Te = /* @__PURE__ */ w({
+}, Oe = /* @__PURE__ */ w({
 	__name: "info",
 	props: {
 		icon: {},
@@ -797,12 +811,12 @@ var G = {
 				["top-info-styling_" + e.styling]: !0
 			}),
 			"data-top-icon": e.icon
-		}, [b("div", $, [N(t.$slots, "default")]), t.$slots.additional ? (A(), y("span", we, [N(t.$slots, "additional")])) : v("", !0)], 10, Ce));
+		}, [b("div", Ee, [N(t.$slots, "default")]), t.$slots.additional ? (A(), y("span", De, [N(t.$slots, "additional")])) : v("", !0)], 10, Te));
 	}
-}), Ee = {
+}), ke = {
 	key: 0,
 	class: "top-policy"
-}, De = { class: "top-policy_title" }, Oe = ["innerHTML"], ke = /* @__PURE__ */ w({
+}, Ae = { class: "top-policy_title" }, je = ["innerHTML"], Me = /* @__PURE__ */ w({
 	__name: "policy",
 	props: {
 		title: {},
@@ -814,12 +828,12 @@ var G = {
 		let n = t, r = j(!0), i = () => {
 			r.value = !1, n("accept");
 		};
-		return (t, n) => r.value ? (A(), y("div", Ee, [
-			b("div", De, I(e.title), 1),
+		return (t, n) => r.value ? (A(), y("div", ke, [
+			b("div", Ae, I(e.title), 1),
 			b("div", {
 				class: "top-policy_description",
 				innerHTML: e.description
-			}, null, 8, Oe),
+			}, null, 8, je),
 			C(R(s), {
 				size: "m",
 				onClick: i
@@ -831,6 +845,6 @@ var G = {
 	}
 });
 //#endregion
-export { be as a, ce as c, te as d, xe as i, le as l, Te as n, ve as o, Se as r, ge as s, ke as t, ue as u };
+export { xe as a, le as c, te as d, Ce as i, ue as l, Oe as n, ye as o, we as r, _e as s, Me as t, de as u };
 
-//# sourceMappingURL=formsExt-UkSw445A.esm.js.map
+//# sourceMappingURL=formsExt-Dy7EHtJS.esm.js.map