marquee-selection 0.0.11 → 0.0.12

package/dist/marquee-selection.es.js

@@ -1,18 +1,18 @@
 function ce(jt) {
   const {
-    container: O,
+    container: B,
     selectable: at = "img",
     exclude: Q,
     selectionMode: ft = "intersects",
     minOverlapRatio: Vt = 0,
     overlapMetric: Wt = "element",
     selectedClass: Z = "selected",
-    onChange: pt,
+    onChange: ut,
     preventAncestorSelection: Kt = !0,
     conflictStrategy: _t,
-    groupMode: B = !1,
+    groupMode: q = !1,
     groupOverlayClass: Mt,
-    groupColor: ut,
+    groupColor: pt,
     groupRandomColor: Jt = !1,
     groupColorPalette: tt,
     multi: kt = !1,
@@ -35,11 +35,11 @@ function ce(jt) {
       }
     return !1;
   };
-  if (!O) throw new Error("container is required");
-  let mt = 0, bt = 0, j = !1, z = null, xt = !1, F = /* @__PURE__ */ new Set(), U = null, vt = "replace", a = [], nt = [], I = [], Y = [];
+  if (!B) throw new Error("container is required");
+  let mt = 0, bt = 0, j = !1, $ = null, xt = !1, P = /* @__PURE__ */ new Set(), U = null, vt = "replace", a = [], nt = [], I = [], Y = [];
   const Qt = () => `hsl(${Math.floor(Math.random() * 360)}, 70%, 55%)`, wt = () => {
-    if (ut && typeof ut == "string")
-      return ut;
+    if (pt && typeof pt == "string")
+      return pt;
     if (Jt) {
       if (Array.isArray(tt) && tt.length > 0) {
         const t = Math.floor(Math.random() * tt.length);
@@ -87,7 +87,7 @@ function ce(jt) {
     const r = Math.max(t.left, e.left), i = Math.min(t.right, e.right), c = Math.max(t.top, e.top), o = Math.min(t.bottom, e.bottom), n = Math.max(0, i - r), s = Math.max(0, o - c), y = n * s, h = Math.max(1, e.width * e.height);
     return y / h;
   }, ne = (t, e) => {
-    const r = Math.max(t.left, e.left), i = Math.min(t.right, e.right), c = Math.max(t.top, e.top), o = Math.min(t.bottom, e.bottom), n = Math.max(0, i - r), s = Math.max(0, o - c), y = n * s, h = Math.max(1, t.width * t.height), p = Math.max(1, e.width * e.height), d = h + p - y;
+    const r = Math.max(t.left, e.left), i = Math.min(t.right, e.right), c = Math.max(t.top, e.top), o = Math.min(t.bottom, e.bottom), n = Math.max(0, i - r), s = Math.max(0, o - c), y = n * s, h = Math.max(1, t.width * t.height), u = Math.max(1, e.width * e.height), d = h + u - y;
     return y / d;
   }, Gt = (t, e) => Wt === "iou" ? ne(t, e) : ee(t, e), Bt = (t, e, r, i) => {
     const c = Math.min(t, r), o = Math.min(e, i), n = Math.abs(r - t), s = Math.abs(i - e);
@@ -99,8 +99,8 @@ function ce(jt) {
     return { left: r, top: i, width: c - r, height: o - i };
   }, K = () => {
     nt.forEach((t) => t.remove()), nt = [];
-  }, L = () => {
-    if (K(), !B) return;
+  }, N = () => {
+    if (K(), !q) return;
     const t = [], e = (r, i) => r.left < i.right && r.right > i.left && r.top < i.bottom && r.bottom > i.top;
     a.forEach((r, i) => {
       const c = Ct(r);
@@ -113,22 +113,22 @@ function ce(jt) {
       y.textContent = `组 ${i + 1}`;
       const h = document.createElement("button");
       h.textContent = I[i] ? "显示" : "隐藏", h.style.background = "rgba(0,0,0,0.15)", h.style.border = "none", h.style.color = "#fff", h.style.padding = "2px 6px", h.style.borderRadius = "3px", h.style.cursor = "pointer", h.onclick = (b) => {
-        b.stopPropagation(), ot(i, !I[i]), L(), N();
+        b.stopPropagation(), ot(i, !I[i]), N(), O();
       };
-      const p = document.createElement("button");
-      p.textContent = "取消组", p.style.background = "rgba(0,0,0,0.15)", p.style.border = "none", p.style.color = "#fff", p.style.padding = "2px 6px", p.style.borderRadius = "3px", p.style.cursor = "pointer", p.onclick = (b) => {
+      const u = document.createElement("button");
+      u.textContent = "取消组", u.style.background = "rgba(0,0,0,0.15)", u.style.border = "none", u.style.color = "#fff", u.style.padding = "2px 6px", u.style.borderRadius = "3px", u.style.cursor = "pointer", u.onclick = (b) => {
         b.stopPropagation(), ot(i, !1), Ft(i);
-      }, s.appendChild(y), s.appendChild(h), s.appendChild(p);
+      }, s.appendChild(y), s.appendChild(h), s.appendChild(u);
       const d = (b) => {
         const l = c ? new DOMRect(c.left, c.top, c.width, c.height) : null;
         if (!l) return [];
         const f = [];
-        return a.forEach((w, u) => {
-          if (u === b) return;
+        return a.forEach((w, p) => {
+          if (p === b) return;
           const v = Ct(w);
           if (!v) return;
           const S = new DOMRect(v.left, v.top, v.width, v.height);
-          lt(l, S) && f.push(u);
+          lt(l, S) && f.push(p);
         }), f;
       };
       if ((() => {
@@ -140,72 +140,91 @@ function ce(jt) {
         const f = () => {
           const w = s.querySelector(".merge-panel");
           w && w.remove();
-          const u = document.createElement("div");
-          u.className = "merge-panel", u.style.position = "absolute", u.style.left = "0", u.style.top = "22px", u.style.minWidth = "160px", u.style.padding = "8px", u.style.background = "#fff", u.style.color = "#333", u.style.border = "1px solid rgba(0,0,0,0.15)", u.style.borderRadius = "6px", u.style.boxShadow = "0 4px 12px rgba(0,0,0,0.15)", u.style.pointerEvents = "auto", u.style.zIndex = "2147483647";
+          const p = document.createElement("div");
+          p.className = "merge-panel", p.style.position = "absolute", p.style.left = "0", p.style.top = "22px", p.style.minWidth = "160px", p.style.padding = "8px", p.style.background = "#fff", p.style.color = "#333", p.style.border = "1px solid rgba(0,0,0,0.15)", p.style.borderRadius = "6px", p.style.boxShadow = "0 4px 12px rgba(0,0,0,0.15)", p.style.pointerEvents = "auto", p.style.zIndex = "2147483647";
           const v = document.createElement("div");
-          v.textContent = "选择要合并的组", v.style.fontSize = "12px", v.style.marginBottom = "6px", u.appendChild(v);
+          v.textContent = "选择要合并的组", v.style.fontSize = "12px", v.style.marginBottom = "6px", p.appendChild(v);
           const S = document.createElement("div");
           S.style.maxHeight = "200px", S.style.overflow = "auto";
-          const q = [];
-          b.forEach(($) => {
+          const L = [];
+          b.forEach((z) => {
             const R = document.createElement("label");
             R.style.display = "flex", R.style.alignItems = "center", R.style.gap = "6px", R.style.fontSize = "12px", R.style.margin = "4px 0";
-            const G = document.createElement("input");
-            G.type = "checkbox", G.checked = !0, G.value = String($);
+            const F = document.createElement("input");
+            F.type = "checkbox", F.checked = !0, F.value = String(z);
             const J = document.createElement("span");
-            J.textContent = `组 ${$ + 1}`, R.appendChild(G), R.appendChild(J), S.appendChild(R), q.push(G);
-          }), u.appendChild(S);
-          const P = document.createElement("div");
-          P.style.display = "flex", P.style.gap = "8px", P.style.marginTop = "8px";
-          const C = document.createElement("button");
-          C.textContent = "确认", C.style.padding = "2px 8px", C.style.cursor = "pointer";
+            J.textContent = `组 ${z + 1}`, R.appendChild(F), R.appendChild(J), S.appendChild(R), L.push(F);
+          }), p.appendChild(S);
+          const G = document.createElement("div");
+          G.style.display = "flex", G.style.gap = "8px", G.style.marginTop = "8px";
+          const E = document.createElement("button");
+          E.textContent = "确认", E.style.padding = "2px 8px", E.style.cursor = "pointer";
           const M = document.createElement("button");
-          M.textContent = "取消", M.style.padding = "2px 8px", M.style.cursor = "pointer", P.appendChild(C), P.appendChild(M), u.appendChild(P), M.onclick = ($) => {
-            $.stopPropagation(), u.remove();
-          }, C.onclick = ($) => {
-            $.stopPropagation();
-            const R = q.filter((E) => E.checked).map((E) => parseInt(E.value, 10)).filter((E) => !Number.isNaN(E));
+          M.textContent = "取消", M.style.padding = "2px 8px", M.style.cursor = "pointer", G.appendChild(E), G.appendChild(M), p.appendChild(G), M.onclick = (z) => {
+            z.stopPropagation(), p.remove();
+          }, E.onclick = (z) => {
+            z.stopPropagation();
+            const R = L.filter((C) => C.checked).map((C) => parseInt(C.value, 10)).filter((C) => !Number.isNaN(C));
             if (R.length === 0) {
-              u.remove();
+              p.remove();
               return;
             }
-            const G = /* @__PURE__ */ new Set();
-            (a[i] || []).forEach((E) => G.add(E)), R.forEach((E) => {
-              (a[E] || []).forEach((ie) => G.add(ie));
-            }), a[i] = Array.from(G);
-            const re = [...R].sort((E, ct) => ct - E);
+            const F = /* @__PURE__ */ new Set();
+            (a[i] || []).forEach((C) => F.add(C)), R.forEach((C) => {
+              (a[C] || []).forEach((ie) => F.add(ie));
+            }), a[i] = Array.from(F);
+            const re = [...R].sort((C, ct) => ct - C);
             let $t = i;
-            re.forEach((E) => {
-              E < 0 || E >= a.length || E === i || (ot(E, !1), a.splice(E, 1), I.splice(E, 1), Y.splice(E, 1), k !== null && (k === E ? k = null : k > E && k--), E < $t && $t--);
+            re.forEach((C) => {
+              C < 0 || C >= a.length || C === i || (ot(C, !1), a.splice(C, 1), I.splice(C, 1), Y.splice(C, 1), k !== null && (k === C ? k = null : k > C && k--), C < $t && $t--);
             }), k = $t;
             const Ut = /* @__PURE__ */ new Set();
-            a.forEach((E) => E.forEach((ct) => Ut.add(ct))), A(Ut), L(), u.remove(), N();
-          }, s.appendChild(u);
+            a.forEach((C) => C.forEach((ct) => Ut.add(ct))), A(Ut), N(), p.remove(), O();
+          }, s.appendChild(p);
         };
         l.onclick = (w) => {
           w.stopPropagation(), f();
         }, s.appendChild(l);
       })(), n.appendChild(s), yt && yt.length) {
         const b = (l) => {
-          const f = document.createElement("button");
-          f.textContent = l.label || "按钮", f.title = l.title || "", f.style.background = "rgba(0,0,0,0.15)", f.style.border = "none", f.style.color = "#fff", f.style.padding = "2px 6px", f.style.borderRadius = "3px", f.style.cursor = "pointer", l.className && (f.className += (f.className ? " " : "") + l.className), f.onclick = (w) => {
-            var u;
-            w.stopPropagation();
-            try {
-              (u = l.onClick) == null || u.call(l, {
-                index: i,
-                group: a[i] || [],
-                controller: Nt,
-                getSnapshot: () => it(),
-                refresh: () => {
-                  L(), N();
-                },
-                mouseX: w.clientX,
-                mouseY: w.clientY,
-                anchorRect: s.getBoundingClientRect(),
-                anchorEl: s,
-                overlayEl: n
+          const f = document.createElement("button"), w = {
+            label: l.label || "按钮",
+            title: l.title || ""
+          }, p = () => {
+            f.textContent = w.label || "", f.title = w.title || "";
+          };
+          p(), f.style.background = "rgba(0,0,0,0.15)", f.style.border = "none", f.style.color = "#fff", f.style.padding = "2px 6px", f.style.borderRadius = "3px", f.style.cursor = "pointer", l.className && (f.className += (f.className ? " " : "") + l.className), f.onclick = (v) => {
+            var G;
+            v.stopPropagation();
+            const S = {
+              index: i,
+              group: a[i] || [],
+              controller: Nt,
+              getSnapshot: () => it(),
+              refresh: () => {
+                N(), O();
+              },
+              mouseX: v.clientX,
+              mouseY: v.clientY,
+              anchorRect: s.getBoundingClientRect(),
+              anchorEl: s,
+              overlayEl: n,
+              label: w.label,
+              title: w.title,
+              buttonEl: f
+            }, L = (E) => {
+              Object.defineProperty(S, E, {
+                configurable: !0,
+                get: () => w[E],
+                set: (M) => {
+                  const z = M ?? "";
+                  w[E] !== z && (w[E] = z, p());
+                }
               });
+            };
+            L("label"), L("title");
+            try {
+              (G = l.onClick) == null || G.call(l, S);
             } catch {
             }
           }, s.appendChild(f);
@@ -221,25 +240,25 @@ function ce(jt) {
         ], l = s.style.visibility;
         s.style.visibility = "hidden";
         const f = 28, w = 6;
-        t: for (let u = 0; u < b.length; u++)
+        t: for (let p = 0; p < b.length; p++)
           for (let v = 0; v < 6; v++) {
             s.style.left = "", s.style.right = "", s.style.top = "", s.style.bottom = "";
             const S = s.offsetHeight || 22;
-            b[u] === "tl" ? (s.style.left = "0", s.style.top = `${-S - w + v * f}px`) : b[u] === "tr" ? (s.style.right = "0", s.style.top = `${-S - w + v * f}px`) : b[u] === "bl" ? (s.style.left = "0", s.style.top = `${c.height + w + v * f}px`) : (s.style.right = "0", s.style.top = `${c.height + w + v * f}px`);
-            const q = s.getBoundingClientRect(), P = {
-              left: q.left,
-              top: q.top,
-              right: q.right,
-              bottom: q.bottom
+            b[p] === "tl" ? (s.style.left = "0", s.style.top = `${-S - w + v * f}px`) : b[p] === "tr" ? (s.style.right = "0", s.style.top = `${-S - w + v * f}px`) : b[p] === "bl" ? (s.style.left = "0", s.style.top = `${c.height + w + v * f}px`) : (s.style.right = "0", s.style.top = `${c.height + w + v * f}px`);
+            const L = s.getBoundingClientRect(), G = {
+              left: L.left,
+              top: L.top,
+              right: L.right,
+              bottom: L.bottom
             };
-            let C = !1;
+            let E = !1;
             for (const M of t)
-              if (e(P, M)) {
-                C = !0;
+              if (e(G, M)) {
+                E = !0;
                 break;
               }
-            if (!C) {
-              t.push(P);
+            if (!E) {
+              t.push(G);
               break t;
             }
           }
@@ -256,7 +275,7 @@ function ce(jt) {
         const f = 8;
         b === "top" ? (l.style.cursor = "ns-resize", l.style.left = "-4px", l.style.right = "-4px", l.style.top = `-${f / 2 | 0}px`, l.style.height = `${f}px`) : b === "bottom" ? (l.style.cursor = "ns-resize", l.style.left = "-4px", l.style.right = "-4px", l.style.bottom = `-${f / 2 | 0}px`, l.style.height = `${f}px`) : b === "left" ? (l.style.cursor = "ew-resize", l.style.top = "-4px", l.style.bottom = "-4px", l.style.left = `-${f / 2 | 0}px`, l.style.width = `${f}px`) : b === "right" ? (l.style.cursor = "ew-resize", l.style.top = "-4px", l.style.bottom = "-4px", l.style.right = `-${f / 2 | 0}px`, l.style.width = `${f}px`) : b === "nw" ? (l.style.cursor = "nwse-resize", l.style.left = `-${f / 2 | 0}px`, l.style.top = `-${f / 2 | 0}px`, l.style.width = `${f}px`, l.style.height = `${f}px`) : b === "ne" ? (l.style.cursor = "nesw-resize", l.style.right = `-${f / 2 | 0}px`, l.style.top = `-${f / 2 | 0}px`, l.style.width = `${f}px`, l.style.height = `${f}px`) : b === "sw" ? (l.style.cursor = "nesw-resize", l.style.left = `-${f / 2 | 0}px`, l.style.bottom = `-${f / 2 | 0}px`, l.style.width = `${f}px`, l.style.height = `${f}px`) : b === "se" && (l.style.cursor = "nwse-resize", l.style.right = `-${f / 2 | 0}px`, l.style.bottom = `-${f / 2 | 0}px`, l.style.width = `${f}px`, l.style.height = `${f}px`), l.onmousedown = (w) => {
           w.preventDefault(), w.stopPropagation();
-          const u = {
+          const p = {
             left: parseFloat(n.style.left || "0"),
             top: parseFloat(n.style.top || "0"),
             width: parseFloat(n.style.width || "0"),
@@ -267,7 +286,7 @@ function ce(jt) {
             side: b,
             startX: w.clientX,
             startY: w.clientY,
-            startRect: u,
+            startRect: p,
             overlay: n
           }, document.addEventListener("mousemove", zt), document.addEventListener("mouseup", oe, { once: !0 });
         }, n.appendChild(l);
@@ -277,58 +296,58 @@ function ce(jt) {
   }, zt = (t) => {
     if (!D) return;
     const { idx: e, side: r, startX: i, startY: c, startRect: o, overlay: n } = D, s = t.clientX - i, y = t.clientY - c;
-    let h = o.left, p = o.top, d = o.width, g = o.height;
+    let h = o.left, u = o.top, d = o.width, g = o.height;
     const m = 4;
-    r === "left" || r === "nw" || r === "sw" ? (h = o.left + s, d = o.width - s, d < m && (h = o.left + (o.width - m), d = m)) : (r === "right" || r === "ne" || r === "se") && (d = o.width + s, d < m && (d = m)), r === "top" || r === "nw" || r === "ne" ? (p = o.top + y, g = o.height - y, g < m && (p = o.top + (o.height - m), g = m)) : (r === "bottom" || r === "sw" || r === "se") && (g = o.height + y, g < m && (g = m)), n.style.left = `${h}px`, n.style.top = `${p}px`, n.style.width = `${d}px`, n.style.height = `${g}px`;
-    const x = _(h, p, d, g), b = new Set(a[e] || []), l = /* @__PURE__ */ new Set();
-    a.forEach((C, M) => {
-      M !== e && C.forEach(($) => l.add($));
+    r === "left" || r === "nw" || r === "sw" ? (h = o.left + s, d = o.width - s, d < m && (h = o.left + (o.width - m), d = m)) : (r === "right" || r === "ne" || r === "se") && (d = o.width + s, d < m && (d = m)), r === "top" || r === "nw" || r === "ne" ? (u = o.top + y, g = o.height - y, g < m && (u = o.top + (o.height - m), g = m)) : (r === "bottom" || r === "sw" || r === "se") && (g = o.height + y, g < m && (g = m)), n.style.left = `${h}px`, n.style.top = `${u}px`, n.style.width = `${d}px`, n.style.height = `${g}px`;
+    const x = _(h, u, d, g), b = new Set(a[e] || []), l = /* @__PURE__ */ new Set();
+    a.forEach((E, M) => {
+      M !== e && E.forEach((z) => l.add(z));
     });
     const f = new Set(x);
-    let w = !1, u = !1;
-    for (let C = 0; C < a.length; C++) {
-      if (C === e) continue;
-      const M = new Set(a[C] || []);
-      let $ = 0;
-      for (const R of f) M.has(R) && $++;
-      if ($ !== 0 && !($ === M.size && $ === f.size))
-        if ($ === M.size)
-          u = !0;
-        else if ($ === f.size)
-          u = !0;
+    let w = !1, p = !1;
+    for (let E = 0; E < a.length; E++) {
+      if (E === e) continue;
+      const M = new Set(a[E] || []);
+      let z = 0;
+      for (const R of f) M.has(R) && z++;
+      if (z !== 0 && !(z === M.size && z === f.size))
+        if (z === M.size)
+          p = !0;
+        else if (z === f.size)
+          p = !0;
         else {
           w = !0;
           break;
         }
     }
-    const v = x.filter((C) => !b.has(C)).length, S = !X && (w || !T && u), q = !H && v > 0;
-    if (S || q) {
+    const v = x.filter((E) => !b.has(E)).length, S = !X && (w || !T && p), L = !H && v > 0;
+    if (S || L) {
       n.style.outline = "1px dashed #ff4d4f", n.style.background = "rgba(255,77,79,0.06)";
-      const C = /* @__PURE__ */ new Set();
-      a.forEach((M, $) => {
-        ($ === e ? a[e] || [] : M).forEach((G) => C.add(G));
-      }), A(C);
+      const E = /* @__PURE__ */ new Set();
+      a.forEach((M, z) => {
+        (z === e ? a[e] || [] : M).forEach((F) => E.add(F));
+      }), A(E);
     } else {
-      const C = Y[e] || "rgba(255, 165, 0, 0.9)";
-      n.style.outline = `1px solid ${C}`, n.style.background = "transparent";
+      const E = Y[e] || "rgba(255, 165, 0, 0.9)";
+      n.style.outline = `1px solid ${E}`, n.style.background = "transparent";
       const M = /* @__PURE__ */ new Set();
-      a.forEach(($, R) => {
-        (R === e ? x : $).forEach((J) => M.add(J));
+      a.forEach((z, R) => {
+        (R === e ? x : z).forEach((J) => M.add(J));
       }), A(M);
     }
   }, oe = (t) => {
     if (!D) return;
-    const { idx: e, overlay: r, startRect: i } = D, c = parseFloat(r.style.left || "0"), o = parseFloat(r.style.top || "0"), n = parseFloat(r.style.width || "0"), s = parseFloat(r.style.height || "0"), y = _(c, o, n, s), h = new Set(a[e] || []), p = /* @__PURE__ */ new Set();
-    a.forEach((u, v) => {
-      v !== e && u.forEach((S) => p.add(S));
+    const { idx: e, overlay: r, startRect: i } = D, c = parseFloat(r.style.left || "0"), o = parseFloat(r.style.top || "0"), n = parseFloat(r.style.width || "0"), s = parseFloat(r.style.height || "0"), y = _(c, o, n, s), h = new Set(a[e] || []), u = /* @__PURE__ */ new Set();
+    a.forEach((p, v) => {
+      v !== e && p.forEach((S) => u.add(S));
     });
     const d = new Set(y);
     let g = !1, m = !1;
-    for (let u = 0; u < a.length; u++) {
-      if (u === e) continue;
-      const v = new Set(a[u] || []);
+    for (let p = 0; p < a.length; p++) {
+      if (p === e) continue;
+      const v = new Set(a[p] || []);
       let S = 0;
-      for (const q of d) v.has(q) && S++;
+      for (const L of d) v.has(L) && S++;
       if (S !== 0 && !(S === v.size && S === d.size))
         if (S === v.size || S === d.size)
           m = !0;
@@ -337,27 +356,27 @@ function ce(jt) {
           break;
         }
     }
-    const x = y.filter((u) => !h.has(u)).length, b = !X && (g || !T && m), l = !H && x > 0;
+    const x = y.filter((p) => !h.has(p)).length, b = !X && (g || !T && m), l = !H && x > 0;
     if (b || l) {
-      const u = /* @__PURE__ */ new Set();
-      a.forEach((v) => v.forEach((S) => u.add(S))), A(u), L(), D = null, document.removeEventListener("mousemove", zt), N();
+      const p = /* @__PURE__ */ new Set();
+      a.forEach((v) => v.forEach((S) => p.add(S))), A(p), N(), D = null, document.removeEventListener("mousemove", zt), O();
       return;
     }
     a[e] = y;
     const w = /* @__PURE__ */ new Set();
-    a.forEach((u) => u.forEach((v) => w.add(v))), A(w), L(), D = null, document.removeEventListener("mousemove", zt), N();
+    a.forEach((p) => p.forEach((v) => w.add(v))), A(w), N(), D = null, document.removeEventListener("mousemove", zt), O();
   }, Ft = (t) => {
     if (t < 0 || t >= a.length) return !1;
     const e = a[t];
-    e && e.forEach((i) => i.style.visibility = ""), a.splice(t, 1), I.splice(t, 1), Y.splice(t, 1), k !== null && (k === t ? k = null : k > t && k--), K(), L();
+    e && e.forEach((i) => i.style.visibility = ""), a.splice(t, 1), I.splice(t, 1), Y.splice(t, 1), k !== null && (k === t ? k = null : k > t && k--), K(), N();
     const r = /* @__PURE__ */ new Set();
-    return a.forEach((i) => i.forEach((c) => r.add(c))), A(r), N(), !0;
+    return a.forEach((i) => i.forEach((c) => r.add(c))), A(r), O(), !0;
   }, se = (t) => {
-    if (!B || !Array.isArray(t) || t.length === 0) return !1;
-    const e = Array.from(new Set(t)).filter((p) => {
+    if (!q || !Array.isArray(t) || t.length === 0) return !1;
+    const e = Array.from(new Set(t)).filter((u) => {
       var d;
       try {
-        return !!p && O.contains(p) && !gt(p) && ((d = p.matches) == null ? void 0 : d.call(p, at));
+        return !!u && B.contains(u) && !gt(u) && ((d = u.matches) == null ? void 0 : d.call(u, at));
       } catch {
         return !1;
       }
@@ -365,8 +384,8 @@ function ce(jt) {
     if (e.length === 0 || St(e) !== null) return !1;
     const i = new Set(e);
     let c = !1, o = !1;
-    for (const p of a) {
-      const d = new Set(p);
+    for (const u of a) {
+      const d = new Set(u);
       let g = 0;
       for (const m of i) d.has(m) && g++;
       if (g !== 0 && !(g === d.size && g === i.size))
@@ -377,25 +396,25 @@ function ce(jt) {
           break;
         }
     }
-    const n = new Set(F), s = !X && (c || !T && o), y = !H && n.size > 0 && e.length > 0;
+    const n = new Set(P), s = !X && (c || !T && o), y = !H && n.size > 0 && e.length > 0;
     if (s || y) return !1;
     a.push(e), I.push(!1), Y.push(wt()), k = a.length - 1;
     const h = /* @__PURE__ */ new Set();
-    return a.forEach((p) => p.forEach((d) => h.add(d))), A(h), L(), N(), !0;
+    return a.forEach((u) => u.forEach((d) => h.add(d))), A(h), N(), O(), !0;
   }, le = (t) => {
-    if (B) return "add";
+    if (q) return "add";
     const e = kt ? ht ?? "add" : "replace";
     return kt ? ht === "auto" ? t.shiftKey ? "add" : t.altKey ? "subtract" : t.metaKey || t.ctrlKey ? "toggle" : "add" : ht ?? e : "replace";
   }, A = (t) => {
-    for (const e of Array.from(F))
+    for (const e of Array.from(P))
       t.has(e) || e.classList.remove(Z);
     for (const e of Array.from(t))
-      F.has(e) || e.classList.add(Z);
-    F = t, pt && pt(B ? {
+      P.has(e) || e.classList.add(Z);
+    P = t, ut && ut(q ? {
       type: "groups",
       groups: a.slice(),
-      flat: Array.from(F)
-    } : { type: "single", selected: Array.from(F) });
+      flat: Array.from(P)
+    } : { type: "single", selected: Array.from(P) });
   }, qt = (t, e, r) => {
     if (r === "replace") return new Set(e);
     const i = new Set(t);
@@ -410,28 +429,28 @@ function ce(jt) {
   }, Pt = (t) => {
     if (t.button !== 0) return;
     const e = t.target;
-    !O.contains(e) && e !== document.body || (mt = t.clientX, bt = t.clientY, j = !0, z = Zt(), vt = le(t), U = new Set(F), t.preventDefault());
+    !B.contains(e) && e !== document.body || (mt = t.clientX, bt = t.clientY, j = !0, $ = Zt(), vt = le(t), U = new Set(P), t.preventDefault());
   }, Yt = (t) => {
     var g;
     if (!j && et) {
       const m = t.target, x = (g = m == null ? void 0 : m.closest) == null ? void 0 : g.call(m, at);
-      x && O.contains(x) && !gt(x) ? st(x) : st(null);
+      x && B.contains(x) && !gt(x) ? st(x) : st(null);
     }
-    if (!j || !z) return;
+    if (!j || !$) return;
     const { left: e, top: r, width: i, height: c } = Bt(
       mt,
       bt,
       t.clientX,
       t.clientY
     );
-    z.style.left = `${e}px`, z.style.top = `${r}px`, z.style.width = `${i}px`, z.style.height = `${c}px`;
+    $.style.left = `${e}px`, $.style.top = `${r}px`, $.style.width = `${i}px`, $.style.height = `${c}px`;
     const o = _(e, r, i, c), n = U ?? /* @__PURE__ */ new Set(), s = new Set(o);
     let y = 0;
     for (const m of s) n.has(m) && y++;
     let h = "disjoint";
     y === 0 ? h = "disjoint" : y === s.size && y === n.size ? h = "equal" : y === s.size || y === n.size ? h = "containment" : h = "partial";
-    const p = !X && (h === "partial" || !T && h === "containment"), d = !H && n.size > 0 && o.length > 0;
-    if (xt = p || d, z && (xt ? (z.style.outline = "1px dashed #ff4d4f", z.style.background = "rgba(255,77,79,0.12)") : (z.style.outline = "1px dashed #268aff", z.style.background = "rgba(38,138,255,0.12)")), xt)
+    const u = !X && (h === "partial" || !T && h === "containment"), d = !H && n.size > 0 && o.length > 0;
+    if (xt = u || d, $ && (xt ? ($.style.outline = "1px dashed #ff4d4f", $.style.background = "rgba(255,77,79,0.12)") : ($.style.outline = "1px dashed #268aff", $.style.background = "rgba(38,138,255,0.12)")), xt)
       A(n);
     else {
       const m = qt(n, o, vt);
@@ -439,7 +458,7 @@ function ce(jt) {
     }
   }, Dt = (t) => {
     if (!j) return;
-    j = !1, z && z.parentNode && z.parentNode.removeChild(z), z = null;
+    j = !1, $ && $.parentNode && $.parentNode.removeChild($), $ = null;
     const { left: e, top: r, width: i, height: c } = Bt(
       mt,
       bt,
@@ -450,42 +469,42 @@ function ce(jt) {
     for (const x of s) n.has(x) && y++;
     let h = "disjoint";
     y === 0 ? h = "disjoint" : y === s.size && y === n.size ? h = "equal" : y === s.size || y === n.size ? h = "containment" : h = "partial";
-    const p = !X && (h === "partial" || !T && h === "containment"), d = !H && n.size > 0 && o.length > 0;
-    if (p || d) {
-      A(n), U = null, N();
+    const u = !X && (h === "partial" || !T && h === "containment"), d = !H && n.size > 0 && o.length > 0;
+    if (u || d) {
+      A(n), U = null, O();
       return;
     }
     const m = qt(n, o, vt);
-    if (A(m), B && o.length > 0) {
+    if (A(m), q && o.length > 0) {
       const x = St(o);
       if (x !== null) {
         try {
           console.warn(`重复编组被阻止：与已存在的第${x + 1}组元素完全一致`);
         } catch {
         }
-        U = null, N();
+        U = null, O();
         return;
       }
       a.push(o), k = a.length - 1, I.push(!1), Y.push(wt());
       const b = /* @__PURE__ */ new Set();
-      a.forEach((l) => l.forEach((f) => b.add(f))), A(b), L();
+      a.forEach((l) => l.forEach((f) => b.add(f))), A(b), N();
     }
-    U = null, N();
+    U = null, O();
   }, Xt = (t) => {
     var m;
-    if (!dt || !B) return;
+    if (!dt || !q) return;
     const e = t.target;
     if (!e) return;
     let r = e;
-    if (At && (r = ((m = e.closest) == null ? void 0 : m.call(e, At)) || null), !r || !O.contains(r)) return;
-    const i = r.getBoundingClientRect(), c = _(i.left, i.top, i.width, i.height), o = new Set(F), n = new Set(c);
+    if (At && (r = ((m = e.closest) == null ? void 0 : m.call(e, At)) || null), !r || !B.contains(r)) return;
+    const i = r.getBoundingClientRect(), c = _(i.left, i.top, i.width, i.height), o = new Set(P), n = new Set(c);
     let s = 0;
     for (const x of n) o.has(x) && s++;
     let y = "disjoint";
     s === 0 ? y = "disjoint" : s === n.size && s === o.size ? y = "equal" : s === n.size || s === o.size ? y = "containment" : y = "partial";
-    const h = !X && (y === "partial" || !T && y === "containment"), p = !H && o.size > 0 && c.length > 0;
-    if (c.length === 0 || h || p) {
-      N();
+    const h = !X && (y === "partial" || !T && y === "containment"), u = !H && o.size > 0 && c.length > 0;
+    if (c.length === 0 || h || u) {
+      O();
       return;
     }
     const d = St(c);
@@ -494,23 +513,23 @@ function ce(jt) {
         console.warn(`重复编组被阻止：与已存在的第${d + 1}组元素完全一致`);
       } catch {
       }
-      N();
+      O();
       return;
     }
     a.push(c), k = a.length - 1, I.push(!1), Y.push(wt());
     const g = /* @__PURE__ */ new Set();
-    a.forEach((x) => x.forEach((b) => g.add(b))), A(g), L(), N();
+    a.forEach((x) => x.forEach((b) => g.add(b))), A(g), N(), O();
   }, Ht = () => st(null);
   function _(t, e, r, i) {
     if (r === 0 || i === 0) return [];
-    const c = O.getBoundingClientRect(), o = new DOMRect(t, e, r, i);
+    const c = B.getBoundingClientRect(), o = new DOMRect(t, e, r, i);
     if (!lt(o, c)) return [];
-    const n = Array.from(O.querySelectorAll(at));
+    const n = Array.from(B.querySelectorAll(at));
     let s = [];
     const y = /* @__PURE__ */ new Map();
-    for (const p of n) {
-      if (gt(p)) continue;
-      const d = p.getBoundingClientRect();
+    for (const u of n) {
+      if (gt(u)) continue;
+      const d = u.getBoundingClientRect();
       if (!lt(d, c)) continue;
       let g = !1;
       if (ft === "contains")
@@ -522,22 +541,22 @@ function ce(jt) {
         lt(o, d) && (g = Gt(o, d) >= Math.max(0, Math.min(1, Vt)));
       if (g) {
         const m = ft === "contains" ? 1 : Gt(o, d);
-        y.set(p, m), s.push(p);
+        y.set(u, m), s.push(u);
       }
     }
     const h = _t ?? (Kt ? "leaf" : "none");
     if (h !== "none" && s.length > 1) {
       if (h === "leaf")
         s = s.filter(
-          (p) => !s.some(
-            (d) => d !== p && p.contains(d)
+          (u) => !s.some(
+            (d) => d !== u && u.contains(d)
           )
         );
       else if (h === "best") {
-        const p = [...s].sort(
+        const u = [...s].sort(
           (g, m) => (y.get(m) || 0) - (y.get(g) || 0)
         ), d = [];
-        for (const g of p)
+        for (const g of u)
           d.find(
             (x) => x.contains(g) || g.contains(x)
           ) || d.push(g);
@@ -546,11 +565,11 @@ function ce(jt) {
     }
     return s;
   }
-  document.addEventListener("mousedown", Pt, !0), document.addEventListener("mousemove", Yt), document.addEventListener("mouseup", Dt), et && O.addEventListener("mouseleave", Ht), B && dt && O.addEventListener("dblclick", Xt);
-  const rt = () => L();
-  B && (window.addEventListener("scroll", rt, !0), window.addEventListener("resize", rt));
+  document.addEventListener("mousedown", Pt, !0), document.addEventListener("mousemove", Yt), document.addEventListener("mouseup", Dt), et && B.addEventListener("mouseleave", Ht), q && dt && B.addEventListener("dblclick", Xt);
+  const rt = () => N();
+  q && (window.addEventListener("scroll", rt, !0), window.addEventListener("resize", rt));
   const it = () => {
-    if (B) {
+    if (q) {
       const t = a.map((o) => Ct(o)), e = Array(a.length).fill(null), r = t.map(
         (o) => o ? Math.max(0, o.width * o.height) : Number.POSITIVE_INFINITY
       );
@@ -560,9 +579,9 @@ function ce(jt) {
         let s = null, y = Number.POSITIVE_INFINITY;
         for (let h = 0; h < a.length; h++) {
           if (o === h) continue;
-          const p = t[h];
-          if (!p) continue;
-          if (p.left <= n.left && p.top <= n.top && p.left + p.width >= n.left + n.width && p.top + p.height >= n.top + n.height) {
+          const u = t[h];
+          if (!u) continue;
+          if (u.left <= n.left && u.top <= n.top && u.left + u.width >= n.left + n.width && u.top + u.height >= n.top + n.height) {
             const g = Number(r[h]);
             g < y && (y = g, s = h);
           }
@@ -583,14 +602,14 @@ function ce(jt) {
       return {
         type: "groups",
         groups: a.map((o) => o.slice()),
-        flat: Array.from(F),
+        flat: Array.from(P),
         hidden: I.slice(),
         groupRects: t,
         groupNesting: { parents: e, children: i, roots: c }
       };
     }
-    return { type: "single", selected: Array.from(F) };
-  }, N = () => {
+    return { type: "single", selected: Array.from(P) };
+  }, O = () => {
     const t = it();
     if (It)
       try {
@@ -610,9 +629,9 @@ function ce(jt) {
       }
   }, Tt = {
     destroy() {
-      document.removeEventListener("mousedown", Pt), document.removeEventListener("mousemove", Yt), document.removeEventListener("mouseup", Dt), z && z.parentNode && z.parentNode.removeChild(z), z = null, O.querySelectorAll(`.${Z}`).forEach((e) => e.classList.remove(Z)), et && (O.removeEventListener("mouseleave", Ht), st(null)), B && (window.removeEventListener("scroll", rt, !0), window.removeEventListener("resize", rt)), B && dt && O.removeEventListener("dblclick", Xt), K(), a.forEach(
+      document.removeEventListener("mousedown", Pt), document.removeEventListener("mousemove", Yt), document.removeEventListener("mouseup", Dt), $ && $.parentNode && $.parentNode.removeChild($), $ = null, B.querySelectorAll(`.${Z}`).forEach((e) => e.classList.remove(Z)), et && (B.removeEventListener("mouseleave", Ht), st(null)), q && (window.removeEventListener("scroll", rt, !0), window.removeEventListener("resize", rt)), q && dt && B.removeEventListener("dblclick", Xt), K(), a.forEach(
         (e) => e.forEach((r) => r.style.visibility = "")
-      ), a = [], I = [], Y = [], k = null, F.clear(), V.splice(0), Et.splice(0);
+      ), a = [], I = [], Y = [], k = null, P.clear(), V.splice(0), Et.splice(0);
     },
     getGroups() {
       return a.slice();
@@ -632,19 +651,19 @@ function ce(jt) {
       return ot(t, e);
     },
     toggleGroupVisibility(t) {
-      return t < 0 || t >= a.length ? !1 : (I[t] = !I[t], Ot(t), L(), !0);
+      return t < 0 || t >= a.length ? !1 : (I[t] = !I[t], Ot(t), N(), !0);
     },
     getSelectionResult() {
       return it();
     },
     refresh() {
-      L();
+      N();
     },
     hideOverlays() {
       K();
     },
     showAndRefreshOverlays() {
-      L();
+      N();
     },
     // 获取当前组级嵌套信息
     getGroupNesting() {