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

package/chunks/{VueTreeSelect.9Ywl-I8e.mjs → VueTreeSelect.C6Ycu28Z.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
@@ -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;
@@ -885,18 +885,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);
 				}
@@ -1069,15 +1071,13 @@ function xe(e) {
 //#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));
@@ -1603,7 +1603,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 +1614,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 +1718,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 +1762,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 +1806,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 +1828,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() {

package/chunks/{checkbox.emIuFmnt.mjs → checkbox.C_9WZ8gc.mjs}

@@ -1,9 +1,9 @@
 import { _ as e, d as t, m as n, o as r, r as i, t as a } from "./install.yLcn5MLL.mjs";
 import { r as o, t as s } from "./event.B4iwtUNO.mjs";
-import { r as c } from "./use-size.DxrwTUwf.mjs";
+import { i as c } from "./typescript.CLl-2siQ.mjs";
 import { B as l, F as u, M as d, O as f, R as p, j as m, z as h } from "./style.BmlGmjpO.mjs";
 import { t as g } from "./use-deprecated.BfDSbZS9.mjs";
-import { a as _, i as v, n as y, r as b, t as x } from "./use-form-item.wsRjehHp.mjs";
+import { a as _, i as v, n as y, r as b, t as x } from "./use-form-item.BlWa7ZKe.mjs";
 import { t as ee } from "./use-aria.BW7nWOl1.mjs";
 import { Fragment as te, computed as S, createBlock as C, createCommentVNode as w, createElementBlock as T, createElementVNode as E, createTextVNode as D, defineComponent as O, getCurrentInstance as k, inject as A, isRef as j, mergeProps as M, nextTick as N, normalizeClass as P, normalizeStyle as ne, openBlock as F, provide as re, ref as I, renderList as ie, renderSlot as L, resolveDynamicComponent as R, toDisplayString as z, toRaw as B, toRefs as ae, unref as V, useSlots as H, vModelCheckbox as U, watch as W, withCtx as G, withDirectives as K, withModifiers as q } from "vue";
 import { isEqual as J, omit as oe, pick as se } from "lodash-unified";