@web-utils/component 5.0.0-beta01 → 5.0.0-beta03

package/chunks/{VueTreeSelect.9Ywl-I8e.mjs → VueTreeSelect.GHx4Z2lG.mjs}

@@ -1,5 +1,5 @@
 import { t as e } from "./_plugin-vue_export-helper.7vrlOII_.mjs";
-import t, { createElementBlock as n, createElementVNode as r, createTextVNode as i, createVNode as a, isVNode as o, mergeProps as s, openBlock as c, resolveComponent as l } from "vue";
+import { createApp as t, createElementBlock as n, createElementVNode as r, createTextVNode as i, createVNode as a, isVNode as o, mergeProps as s, openBlock as c, resolveComponent as l } from "vue";
 import { isPromise as u } from "@web-utils/core";
 import { debounce as d, identity as f, last as p, noop as m, once as h } from "lodash-es";
 //#region src/components/tree-select/utils/warning.js
@@ -166,7 +166,7 @@ var M = "ALL_CHILDREN", N = "ALL_DESCENDANTS", P = "LEAF_CHILDREN", F = "LEAF_DE
 	ARROW_RIGHT: 39,
 	ARROW_DOWN: 40,
 	DELETE: 46
-}, ge = process.env.NODE_ENV === "testing" ? 10 : 200;
+}, ge = process.env.NODE_ENV === "testing" ? 10 : /* istanbul ignore next */ 200;
 //#endregion
 //#region src/components/tree-select/mixins/tree-select-mixin.js
 function z(e, t) {
@@ -637,7 +637,7 @@ var ye = 0, be = {
 				level: 0,
 				raw: t
 			};
-			return this.$set(this.forest.nodeMap, e, n);
+			return this.forest.nodeMap[e] = n, this.forest.nodeMap[e];
 		},
 		extractCheckedNodeIdsFromValue() {
 			return this.value == null ? [] : this.valueFormat === "id" ? this.multiple ? this.value.slice() : [this.value] : (this.multiple ? this.value : [this.value]).map((e) => this.enhancedNormalizer(e)).map((e) => e.id);
@@ -682,7 +682,7 @@ var ye = 0, be = {
 					...e[t],
 					isFallbackNode: !0
 				};
-				this.$set(this.forest.nodeMap, t, n);
+				this.forest.nodeMap[t] = n;
 			});
 		},
 		isSelected(e) {
@@ -741,12 +741,12 @@ var ye = 0, be = {
 			let { searchQuery: e } = this.trigger, t = () => this.resetHighlightedOptionWhenNecessary(!0);
 			if (!e) return this.localSearch.active = !1, t();
 			this.localSearch.active = !0, this.localSearch.noResults = !0, this.traverseAllNodesDFS((e) => {
-				e.isBranch && (e.isExpandedOnSearch = !1, e.showAllChildrenOnSearch = !1, e.isMatched = !1, e.hasMatchedDescendants = !1, this.$set(this.localSearch.countMap, e.id, {
+				e.isBranch && (e.isExpandedOnSearch = !1, e.showAllChildrenOnSearch = !1, e.isMatched = !1, e.hasMatchedDescendants = !1, this.localSearch.countMap[e.id] = {
 					[M]: 0,
 					[N]: 0,
 					[P]: 0,
 					[F]: 0
-				}));
+				});
 			});
 			let n = e.trim().toLocaleLowerCase(), r = n.replace(/\s+/g, " ").split(" ");
 			this.traverseAllNodesDFS((e) => {
@@ -789,7 +789,7 @@ var ye = 0, be = {
 				if (Array.isArray(this.defaultOptions)) return t.options = this.defaultOptions, t.isLoaded = !0, t;
 				if (this.defaultOptions !== !0) return t.isLoaded = !0, t;
 			}
-			return this.remoteSearch[e] || this.$set(this.remoteSearch, e, t), t;
+			return this.remoteSearch[e] || (this.remoteSearch[e] = t), t;
 		},
 		shouldExpand(e) {
 			return this.localSearch.active ? e.isExpandedOnSearch : e.isExpanded;
@@ -814,7 +814,9 @@ var ye = 0, be = {
 					let t = this.getMenu(), n = t.querySelector(`.vue-treeselect__option[data-id="${e.id}"]`);
 					n && v(t, n);
 				};
-				this.getMenu() ? t() : this.$nextTick(t);
+				this.getMenu() ? t() : 
+				// istanbul ignore next
+this.$nextTick(t);
 			}
 		},
 		resetHighlightedOptionWhenNecessary(e = !1) {
@@ -885,18 +887,20 @@ var ye = 0, be = {
 				let { id: a, label: o, children: s, isDefaultExpanded: c } = t, l = e === null, u = l ? 0 : e.level + 1, d = Array.isArray(s) || s === null, f = !d, p = !!t.isDisabled || !this.flat && !l && e.isDisabled, m = !!t.isNew, h = this.matchKeys.reduce((e, n) => ({
 					...e,
 					[n]: ve(t[n]).toLocaleLowerCase()
-				}), {}), _ = l ? h.label : `${e.nestedSearchLabel} ${h.label}`, v = this.$set(this.forest.nodeMap, a, E());
-				if (this.$set(v, "id", a), this.$set(v, "label", o), this.$set(v, "level", u), this.$set(v, "ancestors", l ? [] : [e].concat(e.ancestors)), this.$set(v, "index", (l ? [] : e.index).concat(i)), this.$set(v, "parentNode", e), this.$set(v, "lowerCased", h), this.$set(v, "nestedSearchLabel", _), this.$set(v, "isDisabled", p), this.$set(v, "isNew", m), this.$set(v, "isMatched", !1), this.$set(v, "isHighlighted", !1), this.$set(v, "isBranch", d), this.$set(v, "isLeaf", f), this.$set(v, "isRootNode", l), this.$set(v, "raw", r), d) {
+				}), {}), _ = l ? h.label : `${e.nestedSearchLabel} ${h.label}`;
+				this.forest.nodeMap[a] = E;
+				let v = this.forest.nodeMap[a];
+				if (v.id = a, v.label = o, v.level = u, v.ancestors = l ? [] : [e].concat(e.ancestors), v.index = (l ? [] : e.index).concat(i), v.parentNode = e, v.lowerCased = h, v.nestedSearchLabel = _, v.isDisabled = p, v.isNew = m, v.isMatched = !1, v.isHighlighted = !1, v.isBranch = d, v.isLeaf = f, v.isRootNode = l, v.raw = r, d) {
 					let e = Array.isArray(s);
-					this.$set(v, "childrenStates", {
+					v.childrenStates = {
 						...B(),
 						isLoaded: e
-					}), this.$set(v, "isExpanded", typeof c == "boolean" ? c : u < this.defaultExpandLevel), this.$set(v, "hasMatchedDescendants", !1), this.$set(v, "hasDisabledDescendants", !1), this.$set(v, "isExpandedOnSearch", !1), this.$set(v, "showAllChildrenOnSearch", !1), this.$set(v, "count", {
+					}, v.isExpanded = typeof c == "boolean" ? c : u < this.defaultExpandLevel, v.hasMatchedDescendants = !1, v.hasDisabledDescendants = !1, v.isExpandedOnSearch = !1, v.showAllChildrenOnSearch = !1, v.count = {
 						[M]: 0,
 						[N]: 0,
 						[P]: 0,
 						[F]: 0
-					}), this.$set(v, "children", e ? this.normalize(v, s, n) : []), c === !0 && v.ancestors.forEach((e) => {
+					}, v.children = e ? this.normalize(v, s, n) : [], c === !0 && v.ancestors.forEach((e) => {
 						e.isExpanded = !0;
 					}), !e && typeof this.loadOptions != "function" ? g(() => !1, () => "Unloaded branch node detected. \"loadOptions\" prop is required to load its children.") : !e && v.isExpanded && this.loadChildrenOptions(v);
 				}
@@ -1063,21 +1067,21 @@ var ye = 0, be = {
 //#region src/components/tree-select/components/VueTreeSelectHiddenFields.vue?vue&type=script&lang.jsx
 function xe(e) {
 	// istanbul ignore next
-	return typeof e == "string" ? e : e != null && !T(e) ? JSON.stringify(e) : "";
+	return typeof e == "string" ? e : 
+	// istanbul ignore else
+e != null && !T(e) ? JSON.stringify(e) : "";
 }
 //#endregion
 //#region src/components/tree-select/components/VueTreeSelectHiddenFields.vue
 var Se = {
 	name: "VueTreeSelectHiddenFields",
-	functional: !0,
 	inject: ["instance"],
-	render(e, t) {
-		let { instance: n } = t.injections;
-		if (!n.name || n.disabled || !n.hasValue) return null;
-		let r = n.internalValue.map(xe);
-		return n.multiple && n.joinValues && (r = [r.join(n.delimiter)]), r.map((e, t) => a("input", {
+	render() {
+		if (!this.instance.name || this.instance.disabled || !this.instance.hasValue) return null;
+		let e = this.instance.internalValue.map(xe);
+		return this.instance.multiple && this.instance.joinValues && (e = [e.join(this.instance.delimiter)]), e.map((e, t) => a("input", {
 			type: "hidden",
-			name: n.name,
+			name: this.instance.name,
 			value: e,
 			key: `hidden-field-${t}`
 		}, null));
@@ -1152,7 +1156,7 @@ var Se = {
 			this.value = t, t ? this.debouncedCallback() : (this.debouncedCallback.cancel(), this.updateSearchQuery());
 		},
 		onKeyDown(e) {
-			let { instance: t } = this, n = "which" in e ? e.which : e.keyCode;
+			let { instance: t } = this, n = "which" in e ? e.which : 			/* istanbul ignore next */ e.keyCode;
 			if (!(e.ctrlKey || e.shiftKey || e.altKey || e.metaKey)) {
 				if (!t.menu.isOpen && k(Ce, n)) return e.preventDefault(), t.openMenu();
 				switch (n) {
@@ -1576,10 +1580,10 @@ var J, Y, X, Z = {
 		})
 	},
 	render() {
-		let e, { node: t } = this, n = this.instance.shouldFlattenOptions ? 0 : t.level;
+		let e, { node: t } = this;
 		return a("div", { class: {
 			"vue-treeselect__list-item": !0,
-			[`vue-treeselect__indent-level-${n}`]: !0
+			[`vue-treeselect__indent-level-${this.instance.shouldFlattenOptions ? 0 : t.level}`]: !0
 		} }, [this.renderOption(), t.isBranch && a(l("transition"), { props: { name: "vue-treeselect__list--transition" } }, Pe(e = this.renderSubOptionsList()) ? e : { default: () => [e] })]);
 	}
 }, Fe = Z;
@@ -1603,7 +1607,7 @@ var Le = {
 		},
 		menuContainerStyle() {
 			let { instance: e } = this;
-			return { zIndex: e.appendToBody ? null : e.zIndex };
+			return { zIndex: e != null && e.appendToBody ? null : e == null ? void 0 : e.zIndex };
 		}
 	},
 	watch: { "instance.menu.isOpen"(e) {
@@ -1614,22 +1618,23 @@ var Le = {
 	},
 	mounted() {
 		let { instance: e } = this;
-		e.menu.isOpen && this.$nextTick(this.onMenuOpen);
+		e != null && e.menu.isOpen && this.$nextTick(this.onMenuOpen);
 	},
 	unmounted() {
 		this.onMenuClose();
 	},
 	methods: {
 		renderMenu() {
-			let { instance: e } = this;
-			return e.menu.isOpen ? a("div", {
+			var e;
+			let { instance: t } = this;
+			return !(t == null || (e = t.menu) == null) && e.isOpen ? a("div", {
 				ref: "menu",
 				class: "vue-treeselect__menu",
-				onMousedown: e.handleMouseDown,
+				onMousedown: t.handleMouseDown,
 				style: this.menuStyle
 			}, [
 				this.renderBeforeList(),
-				e.async ? this.renderAsyncSearchMenuInner() : e.localSearch.active ? this.renderLocalSearchMenuInner() : this.renderNormalMenuInner(),
+				t.async ? this.renderAsyncSearchMenuInner() : t.localSearch.active ? this.renderLocalSearchMenuInner() : this.renderNormalMenuInner(),
 				this.renderAfterList()
 			]) : null;
 		},
@@ -1717,10 +1722,11 @@ var Le = {
 			this.removeMenuSizeWatcher(), this.removeMenuResizeAndScrollEventListeners();
 		},
 		adjustMenuOpenDirection() {
-			let { instance: e } = this;
-			if (!e.menu.isOpen) return;
-			let t = e.getMenu(), n = e.getControl(), r = t.getBoundingClientRect(), i = n.getBoundingClientRect(), a = r.height, o = window.innerHeight, s = i.top, c = window.innerHeight - i.bottom, l = i.top >= 0 && i.top <= o || i.top < 0 && i.bottom > 0, u = c > a + 40, d = s > a + 40;
-			l ? e.openDirection === "auto" ? u || !d ? e.menu.placement = "bottom" : e.menu.placement = "top" : e.menu.placement = Le[e.openDirection] : e.closeMenu();
+			var e;
+			let { instance: t } = this;
+			if (!(!(t == null || (e = t.menu) == null) && e.isOpen)) return;
+			let n = t == null ? void 0 : t.getMenu(), r = t == null ? void 0 : t.getControl(), i = n.getBoundingClientRect(), a = r.getBoundingClientRect(), o = i.height, s = window.innerHeight, c = a.top, l = window.innerHeight - a.bottom, u = a.top >= 0 && a.top <= s || a.top < 0 && a.bottom > 0, d = l > o + 40, f = c > o + 40;
+			u ? t.openDirection === "auto" ? d || !f ? t.menu.placement = "bottom" : t.menu.placement = "top" : t.menu.placement = Le[t.openDirection] : t.closeMenu();
 		},
 		setupMenuSizeWatcher() {
 			let { instance: e } = this, t = e.getMenu();
@@ -1760,8 +1766,9 @@ var Le = {
 		this.controlResizeAndScrollEventListeners = null, this.controlSizeWatcher = null;
 	},
 	mounted() {
-		let { instance: e } = this;
-		e.menu.isOpen && this.setupHandlers();
+		var e;
+		let { instance: t } = this;
+		!(t == null || (e = t.menu) == null) && e.isOpen && this.setupHandlers();
 	},
 	methods: {
 		setupHandlers() {
@@ -1803,9 +1810,9 @@ var Le = {
 	render() {
 		let { instance: e } = this;
 		return a("div", {
-			class: ["vue-treeselect__portal-target", e.wrapperClass],
-			style: { zIndex: e.zIndex },
-			"data-instance-id": e.getInstanceId()
+			class: ["vue-treeselect__portal-target", e == null ? void 0 : e.wrapperClass],
+			style: { zIndex: e == null ? void 0 : e.zIndex },
+			"data-instance-id": e == null ? void 0 : e.getInstanceId()
 		}, [a(Q, { ref: "menu" }, null)]);
 	},
 	destroyed() {
@@ -1825,10 +1832,8 @@ var Le = {
 	methods: {
 		setup() {
 			let e = document.createElement("div");
-			document.body.appendChild(e), this.portalTarget = new t({
-				el: e,
-				parent: this,
-				...Re
+			document.body.appendChild(e), this.portalTarget = t(Re), this.portalTarget.mount(e), this.portalTarget.onUnmount(() => {
+				document.body.removeChild(e);
 			});
 		},
 		teardown() {