@blueking/bkflow-canvas-editor 1.2.0-beta.1 → 1.2.0-beta.2

package/dist/index.es.min-DYp0DL9J.js

@@ -0,0 +1,3543 @@
+import { defineComponent as hn, h as jn, openBlock as W, createElementBlock as oe, normalizeStyle as dn, normalizeClass as vt, createCommentVNode as ie, createVNode as gt, withCtx as Qe, withDirectives as Gt, createElementVNode as Ce, withModifiers as Pe, vModelText as In, Fragment as zt, renderList as Kt, mergeProps as ar, vShow as ir, createBlock as Tt, createTextVNode as Nr, toDisplayString as xt, ref as te, computed as V, watch as Xe, nextTick as Ae, onBeforeMount as cr, onMounted as Fr, onUnmounted as fr, provide as Lr, toValue as ne, renderSlot as qr, unref as Gr } from "vue";
+import { provideGlobalConfig as jr, Tag as hr, Popover as pr, PopConfirm as zr, Message as or, Loading as Kr } from "bkui-vue";
+var Hr = Object.create, gr = Object.defineProperty, Vr = Object.getOwnPropertyDescriptor, Wr = Object.getOwnPropertyNames, Yr = Object.getPrototypeOf, Xr = Object.prototype.hasOwnProperty, Qr = (s, c) => () => (c || s((c = { exports: {} }).exports, c), c.exports), Zr = (s, c, u, a) => {
+  if (c && typeof c == "object" || typeof c == "function") for (var o = Wr(c), g = 0, p = o.length, b; g < p; g++)
+    b = o[g], !Xr.call(s, b) && b !== u && gr(s, b, {
+      get: ((C) => c[C]).bind(null, b),
+      enumerable: !(a = Vr(c, b)) || a.enumerable
+    });
+  return s;
+}, Jr = (s, c, u) => (u = s != null ? Hr(Yr(s)) : {}, Zr(!s || !s.__esModule ? gr(u, "default", {
+  value: s,
+  enumerable: !0
+}) : u, s)), $r = /* @__PURE__ */ Jr((/* @__PURE__ */ Qr(((s, c) => {
+  (function(u, a) {
+    typeof s == "object" && typeof c < "u" ? c.exports = a() : typeof define == "function" && define.amd ? define(a) : (u = u || self, u.Sortable = a());
+  })(s, (function() {
+    function u(r, e) {
+      var t = Object.keys(r);
+      if (Object.getOwnPropertySymbols) {
+        var n = Object.getOwnPropertySymbols(r);
+        e && (n = n.filter(function(i) {
+          return Object.getOwnPropertyDescriptor(r, i).enumerable;
+        })), t.push.apply(t, n);
+      }
+      return t;
+    }
+    function a(r) {
+      for (var e = 1; e < arguments.length; e++) {
+        var t = arguments[e] != null ? arguments[e] : {};
+        e % 2 ? u(Object(t), !0).forEach(function(n) {
+          g(r, n, t[n]);
+        }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(r, Object.getOwnPropertyDescriptors(t)) : u(Object(t)).forEach(function(n) {
+          Object.defineProperty(r, n, Object.getOwnPropertyDescriptor(t, n));
+        });
+      }
+      return r;
+    }
+    function o(r) {
+      "@babel/helpers - typeof";
+      return typeof Symbol == "function" && typeof Symbol.iterator == "symbol" ? o = function(e) {
+        return typeof e;
+      } : o = function(e) {
+        return e && typeof Symbol == "function" && e.constructor === Symbol && e !== Symbol.prototype ? "symbol" : typeof e;
+      }, o(r);
+    }
+    function g(r, e, t) {
+      return e in r ? Object.defineProperty(r, e, {
+        value: t,
+        enumerable: !0,
+        configurable: !0,
+        writable: !0
+      }) : r[e] = t, r;
+    }
+    function p() {
+      return p = Object.assign || function(r) {
+        for (var e = 1; e < arguments.length; e++) {
+          var t = arguments[e];
+          for (var n in t) Object.prototype.hasOwnProperty.call(t, n) && (r[n] = t[n]);
+        }
+        return r;
+      }, p.apply(this, arguments);
+    }
+    function b(r, e) {
+      if (r == null) return {};
+      var t = {}, n = Object.keys(r), i, l;
+      for (l = 0; l < n.length; l++)
+        i = n[l], !(e.indexOf(i) >= 0) && (t[i] = r[i]);
+      return t;
+    }
+    function C(r, e) {
+      if (r == null) return {};
+      var t = b(r, e), n, i;
+      if (Object.getOwnPropertySymbols) {
+        var l = Object.getOwnPropertySymbols(r);
+        for (i = 0; i < l.length; i++)
+          n = l[i], !(e.indexOf(n) >= 0) && Object.prototype.propertyIsEnumerable.call(r, n) && (t[n] = r[n]);
+      }
+      return t;
+    }
+    function B(r) {
+      return j(r) || A(r) || F(r) || le();
+    }
+    function j(r) {
+      if (Array.isArray(r)) return L(r);
+    }
+    function A(r) {
+      if (typeof Symbol < "u" && r[Symbol.iterator] != null || r["@@iterator"] != null) return Array.from(r);
+    }
+    function F(r, e) {
+      if (r) {
+        if (typeof r == "string") return L(r, e);
+        var t = Object.prototype.toString.call(r).slice(8, -1);
+        if (t === "Object" && r.constructor && (t = r.constructor.name), t === "Map" || t === "Set") return Array.from(r);
+        if (t === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)) return L(r, e);
+      }
+    }
+    function L(r, e) {
+      (e == null || e > r.length) && (e = r.length);
+      for (var t = 0, n = new Array(e); t < e; t++) n[t] = r[t];
+      return n;
+    }
+    function le() {
+      throw new TypeError(`Invalid attempt to spread non-iterable instance.
+In order to be iterable, non-array objects must have a [Symbol.iterator]() method.`);
+    }
+    var Be = "1.15.6";
+    function se(r) {
+      if (typeof window < "u" && window.navigator) return !!/* @__PURE__ */ navigator.userAgent.match(r);
+    }
+    var P = se(/(?:Trident.*rv[ :]?11\.|msie|iemobile|Windows Phone)/i), X = se(/Edge/i), Se = se(/firefox/i), Ue = se(/safari/i) && !se(/chrome/i) && !se(/android/i), ye = se(/iP(ad|od|hone)/i), R = se(/chrome/i) && se(/android/i), Ke = {
+      capture: !1,
+      passive: !1
+    };
+    function O(r, e, t) {
+      r.addEventListener(e, t, !P && Ke);
+    }
+    function T(r, e, t) {
+      r.removeEventListener(e, t, !P && Ke);
+    }
+    function ae(r, e) {
+      if (e) {
+        if (e[0] === ">" && (e = e.substring(1)), r) try {
+          if (r.matches) return r.matches(e);
+          if (r.msMatchesSelector) return r.msMatchesSelector(e);
+          if (r.webkitMatchesSelector) return r.webkitMatchesSelector(e);
+        } catch {
+          return !1;
+        }
+        return !1;
+      }
+    }
+    function he(r) {
+      return r.host && r !== document && r.host.nodeType ? r.host : r.parentNode;
+    }
+    function Q(r, e, t, n) {
+      if (r) {
+        t = t || document;
+        do {
+          if (e != null && (e[0] === ">" ? r.parentNode === t && ae(r, e) : ae(r, e)) || n && r === t) return r;
+          if (r === t) break;
+        } while (r = he(r));
+      }
+      return null;
+    }
+    var Fe = /\s+/g;
+    function S(r, e, t) {
+      r && e && (r.classList ? r.classList[t ? "add" : "remove"](e) : r.className = ((" " + r.className + " ").replace(Fe, " ").replace(" " + e + " ", " ") + (t ? " " + e : "")).replace(Fe, " "));
+    }
+    function U(r, e, t) {
+      var n = r && r.style;
+      if (n) {
+        if (t === void 0)
+          return document.defaultView && document.defaultView.getComputedStyle ? t = document.defaultView.getComputedStyle(r, "") : r.currentStyle && (t = r.currentStyle), e === void 0 ? t : t[e];
+        !(e in n) && e.indexOf("webkit") === -1 && (e = "-webkit-" + e), n[e] = t + (typeof t == "string" ? "" : "px");
+      }
+    }
+    function Ze(r, e) {
+      var t = "";
+      if (typeof r == "string") t = r;
+      else do {
+        var n = U(r, "transform");
+        n && n !== "none" && (t = n + " " + t);
+      } while (!e && (r = r.parentNode));
+      var i = window.DOMMatrix || window.WebKitCSSMatrix || window.CSSMatrix || window.MSCSSMatrix;
+      return i && new i(t);
+    }
+    function Ot(r, e, t) {
+      if (r) {
+        var n = r.getElementsByTagName(e), i = 0, l = n.length;
+        if (t) for (; i < l; i++) t(n[i], i);
+        return n;
+      }
+      return [];
+    }
+    function we() {
+      var r = document.scrollingElement;
+      return r || document.documentElement;
+    }
+    function Y(r, e, t, n, i) {
+      if (!(!r.getBoundingClientRect && r !== window)) {
+        var l, d, h, v, m, E, _;
+        if (r !== window && r.parentNode && r !== we() ? (l = r.getBoundingClientRect(), d = l.top, h = l.left, v = l.bottom, m = l.right, E = l.height, _ = l.width) : (d = 0, h = 0, v = window.innerHeight, m = window.innerWidth, E = window.innerHeight, _ = window.innerWidth), (e || t) && r !== window && (i = i || r.parentNode, !P))
+          do
+            if (i && i.getBoundingClientRect && (U(i, "transform") !== "none" || t && U(i, "position") !== "static")) {
+              var D = i.getBoundingClientRect();
+              d -= D.top + parseInt(U(i, "border-top-width")), h -= D.left + parseInt(U(i, "border-left-width")), v = d + l.height, m = h + l.width;
+              break;
+            }
+          while (i = i.parentNode);
+        if (n && r !== window) {
+          var G = Ze(i || r), N = G && G.a, z = G && G.d;
+          G && (d /= z, h /= N, _ /= N, E /= z, v = d + E, m = h + _);
+        }
+        return {
+          top: d,
+          left: h,
+          bottom: v,
+          right: m,
+          width: _,
+          height: E
+        };
+      }
+    }
+    function Je(r, e, t) {
+      for (var n = He(r, !0), i = Y(r)[e]; n; ) {
+        var l = Y(n)[t], d = void 0;
+        if (d = i >= l, !d) return n;
+        if (n === we()) break;
+        n = He(n, !1);
+      }
+      return !1;
+    }
+    function ot(r, e, t, n) {
+      for (var i = 0, l = 0, d = r.children; l < d.length; ) {
+        if (d[l].style.display !== "none" && d[l] !== x.ghost && (n || d[l] !== x.dragged) && Q(d[l], t.draggable, r, !1)) {
+          if (i === e) return d[l];
+          i++;
+        }
+        l++;
+      }
+      return null;
+    }
+    function Ht(r, e) {
+      for (var t = r.lastElementChild; t && (t === x.ghost || U(t, "display") === "none" || e && !ae(t, e)); ) t = t.previousElementSibling;
+      return t || null;
+    }
+    function Z(r, e) {
+      var t = 0;
+      if (!r || !r.parentNode) return -1;
+      for (; r = r.previousElementSibling; ) r.nodeName.toUpperCase() !== "TEMPLATE" && r !== x.clone && (!e || ae(r, e)) && t++;
+      return t;
+    }
+    function kt(r) {
+      var e = 0, t = 0, n = we();
+      if (r) do {
+        var i = Ze(r), l = i.a, d = i.d;
+        e += r.scrollLeft * l, t += r.scrollTop * d;
+      } while (r !== n && (r = r.parentNode));
+      return [e, t];
+    }
+    function lt(r, e) {
+      for (var t in r)
+        if (r.hasOwnProperty(t)) {
+          for (var n in e) if (e.hasOwnProperty(n) && e[n] === r[t][n]) return Number(t);
+        }
+      return -1;
+    }
+    function He(r, e) {
+      if (!r || !r.getBoundingClientRect) return we();
+      var t = r, n = !1;
+      do
+        if (t.clientWidth < t.scrollWidth || t.clientHeight < t.scrollHeight) {
+          var i = U(t);
+          if (t.clientWidth < t.scrollWidth && (i.overflowX == "auto" || i.overflowX == "scroll") || t.clientHeight < t.scrollHeight && (i.overflowY == "auto" || i.overflowY == "scroll")) {
+            if (!t.getBoundingClientRect || t === document.body) return we();
+            if (n || e) return t;
+            n = !0;
+          }
+        }
+      while (t = t.parentNode);
+      return we();
+    }
+    function kn(r, e) {
+      if (r && e)
+        for (var t in e) e.hasOwnProperty(t) && (r[t] = e[t]);
+      return r;
+    }
+    function Vt(r, e) {
+      return Math.round(r.top) === Math.round(e.top) && Math.round(r.left) === Math.round(e.left) && Math.round(r.height) === Math.round(e.height) && Math.round(r.width) === Math.round(e.width);
+    }
+    var mt;
+    function st(r, e) {
+      return function() {
+        if (!mt) {
+          var t = arguments, n = this;
+          t.length === 1 ? r.call(n, t[0]) : r.apply(n, t), mt = setTimeout(function() {
+            mt = void 0;
+          }, e);
+        }
+      };
+    }
+    function bt() {
+      clearTimeout(mt), mt = void 0;
+    }
+    function Mt(r, e, t) {
+      r.scrollLeft += e, r.scrollTop += t;
+    }
+    function Wt(r) {
+      var e = window.Polymer, t = window.jQuery || window.Zepto;
+      return e && e.dom ? e.dom(r).cloneNode(!0) : t ? t(r).clone(!0)[0] : r.cloneNode(!0);
+    }
+    function pn(r, e) {
+      U(r, "position", "absolute"), U(r, "top", e.top), U(r, "left", e.left), U(r, "width", e.width), U(r, "height", e.height);
+    }
+    function Pt(r) {
+      U(r, "position", ""), U(r, "top", ""), U(r, "left", ""), U(r, "width", ""), U(r, "height", "");
+    }
+    function ut(r, e, t) {
+      var n = {};
+      return Array.from(r.children).forEach(function(i) {
+        var l, d, h, v;
+        if (!(!Q(i, e.draggable, r, !1) || i.animated || i === t)) {
+          var m = Y(i);
+          n.left = Math.min((l = n.left) !== null && l !== void 0 ? l : 1 / 0, m.left), n.top = Math.min((d = n.top) !== null && d !== void 0 ? d : 1 / 0, m.top), n.right = Math.max((h = n.right) !== null && h !== void 0 ? h : -1 / 0, m.right), n.bottom = Math.max((v = n.bottom) !== null && v !== void 0 ? v : -1 / 0, m.bottom);
+        }
+      }), n.width = n.right - n.left, n.height = n.bottom - n.top, n.x = n.left, n.y = n.top, n;
+    }
+    var ue = "Sortable" + (/* @__PURE__ */ new Date()).getTime();
+    function Bt() {
+      var r = [], e;
+      return {
+        captureAnimationState: function() {
+          r = [], this.options.animation && [].slice.call(this.el.children).forEach(function(n) {
+            if (!(U(n, "display") === "none" || n === x.ghost)) {
+              r.push({
+                target: n,
+                rect: Y(n)
+              });
+              var i = a({}, r[r.length - 1].rect);
+              if (n.thisAnimationDuration) {
+                var l = Ze(n, !0);
+                l && (i.top -= l.f, i.left -= l.e);
+              }
+              n.fromRect = i;
+            }
+          });
+        },
+        addAnimationState: function(n) {
+          r.push(n);
+        },
+        removeAnimationState: function(n) {
+          r.splice(lt(r, { target: n }), 1);
+        },
+        animateAll: function(n) {
+          var i = this;
+          if (!this.options.animation) {
+            clearTimeout(e), typeof n == "function" && n();
+            return;
+          }
+          var l = !1, d = 0;
+          r.forEach(function(h) {
+            var v = 0, m = h.target, E = m.fromRect, _ = Y(m), D = m.prevFromRect, G = m.prevToRect, N = h.rect, z = Ze(m, !0);
+            z && (_.top -= z.f, _.left -= z.e), m.toRect = _, m.thisAnimationDuration && Vt(D, _) && !Vt(E, _) && (N.top - _.top) / (N.left - _.left) === (E.top - _.top) / (E.left - _.left) && (v = Yt(N, D, G, i.options)), Vt(_, E) || (m.prevFromRect = E, m.prevToRect = _, v || (v = i.options.animation), i.animate(m, N, _, v)), v && (l = !0, d = Math.max(d, v), clearTimeout(m.animationResetTimer), m.animationResetTimer = setTimeout(function() {
+              m.animationTime = 0, m.prevFromRect = null, m.fromRect = null, m.prevToRect = null, m.thisAnimationDuration = null;
+            }, v), m.thisAnimationDuration = v);
+          }), clearTimeout(e), l ? e = setTimeout(function() {
+            typeof n == "function" && n();
+          }, d) : typeof n == "function" && n(), r = [];
+        },
+        animate: function(n, i, l, d) {
+          if (d) {
+            U(n, "transition", ""), U(n, "transform", "");
+            var h = Ze(this.el), v = h && h.a, m = h && h.d, E = (i.left - l.left) / (v || 1), _ = (i.top - l.top) / (m || 1);
+            n.animatingX = !!E, n.animatingY = !!_, U(n, "transform", "translate3d(" + E + "px," + _ + "px,0)"), this.forRepaintDummy = Rt(n), U(n, "transition", "transform " + d + "ms" + (this.options.easing ? " " + this.options.easing : "")), U(n, "transform", "translate3d(0,0,0)"), typeof n.animated == "number" && clearTimeout(n.animated), n.animated = setTimeout(function() {
+              U(n, "transition", ""), U(n, "transform", ""), n.animated = !1, n.animatingX = !1, n.animatingY = !1;
+            }, d);
+          }
+        }
+      };
+    }
+    function Rt(r) {
+      return r.offsetWidth;
+    }
+    function Yt(r, e, t, n) {
+      return Math.sqrt(Math.pow(e.top - r.top, 2) + Math.pow(e.left - r.left, 2)) / Math.sqrt(Math.pow(e.top - t.top, 2) + Math.pow(e.left - t.left, 2)) * n.animation;
+    }
+    var Le = [], Xt = { initializeByDefault: !0 }, yt = {
+      mount: function(e) {
+        for (var t in Xt) Xt.hasOwnProperty(t) && !(t in e) && (e[t] = Xt[t]);
+        Le.forEach(function(n) {
+          if (n.pluginName === e.pluginName) throw "Sortable: Cannot mount plugin ".concat(e.pluginName, " more than once");
+        }), Le.push(e);
+      },
+      pluginEvent: function(e, t, n) {
+        var i = this;
+        this.eventCanceled = !1, n.cancel = function() {
+          i.eventCanceled = !0;
+        };
+        var l = e + "Global";
+        Le.forEach(function(d) {
+          t[d.pluginName] && (t[d.pluginName][l] && t[d.pluginName][l](a({ sortable: t }, n)), t.options[d.pluginName] && t[d.pluginName][e] && t[d.pluginName][e](a({ sortable: t }, n)));
+        });
+      },
+      initializePlugins: function(e, t, n, i) {
+        Le.forEach(function(h) {
+          var v = h.pluginName;
+          if (!(!e.options[v] && !h.initializeByDefault)) {
+            var m = new h(e, t, e.options);
+            m.sortable = e, m.options = e.options, e[v] = m, p(n, m.defaults);
+          }
+        });
+        for (var l in e.options)
+          if (e.options.hasOwnProperty(l)) {
+            var d = this.modifyOption(e, l, e.options[l]);
+            typeof d < "u" && (e.options[l] = d);
+          }
+      },
+      getEventProperties: function(e, t) {
+        var n = {};
+        return Le.forEach(function(i) {
+          typeof i.eventProperties == "function" && p(n, i.eventProperties.call(t[i.pluginName], e));
+        }), n;
+      },
+      modifyOption: function(e, t, n) {
+        var i;
+        return Le.forEach(function(l) {
+          e[l.pluginName] && l.optionListeners && typeof l.optionListeners[t] == "function" && (i = l.optionListeners[t].call(e[l.pluginName], n));
+        }), i;
+      }
+    };
+    function $e(r) {
+      var e = r.sortable, t = r.rootEl, n = r.name, i = r.targetEl, l = r.cloneEl, d = r.toEl, h = r.fromEl, v = r.oldIndex, m = r.newIndex, E = r.oldDraggableIndex, _ = r.newDraggableIndex, D = r.originalEvent, G = r.putSortable, N = r.extraEventProperties;
+      if (e = e || t && t[ue], !!e) {
+        var z, De = e.options, Ne = "on" + n.charAt(0).toUpperCase() + n.substr(1);
+        window.CustomEvent && !P && !X ? z = new CustomEvent(n, {
+          bubbles: !0,
+          cancelable: !0
+        }) : (z = document.createEvent("Event"), z.initEvent(n, !0, !0)), z.to = d || t, z.from = h || t, z.item = i || t, z.clone = l, z.oldIndex = v, z.newIndex = m, z.oldDraggableIndex = E, z.newDraggableIndex = _, z.originalEvent = D, z.pullMode = G ? G.lastPutMode : void 0;
+        var q = a(a({}, N), yt.getEventProperties(n, e));
+        for (var ee in q) z[ee] = q[ee];
+        t && t.dispatchEvent(z), De[Ne] && De[Ne].call(e, z);
+      }
+    }
+    var gn = ["evt"], pe = function(e, t) {
+      var n = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : {}, i = n.evt, l = C(n, gn);
+      yt.pluginEvent.bind(x)(e, t, a({
+        dragEl: y,
+        parentEl: re,
+        ghostEl: k,
+        rootEl: J,
+        nextEl: qe,
+        lastDownEl: et,
+        cloneEl: K,
+        cloneHidden: Ve,
+        dragStarted: wt,
+        putSortable: de,
+        activeSortable: x.active,
+        originalEvent: i,
+        oldIndex: Ge,
+        oldDraggableIndex: _e,
+        newIndex: be,
+        newDraggableIndex: xe,
+        hideGhostForTarget: mn,
+        unhideGhostForTarget: $n,
+        cloneNowHidden: function() {
+          Ve = !0;
+        },
+        cloneNowShown: function() {
+          Ve = !1;
+        },
+        dispatchSortableEvent: function(h) {
+          ge({
+            sortable: t,
+            name: h,
+            originalEvent: i
+          });
+        }
+      }, l));
+    };
+    function ge(r) {
+      $e(a({
+        putSortable: de,
+        cloneEl: K,
+        targetEl: y,
+        rootEl: J,
+        oldIndex: Ge,
+        oldDraggableIndex: _e,
+        newIndex: be,
+        newDraggableIndex: xe
+      }, r));
+    }
+    var y, re, k, J, qe, et, K, Ve, Ge, be, _e, xe, dt, de, We = !1, tt = !1, ct = [], Ie, Ee, Qt, Zt, Oe, vn, wt, ft, _t, Ct = !1, Nt = !1, nt, ve, Jt = [], Ft = !1, Lt = [], rt = typeof document < "u", St = ye, f = X || P ? "cssFloat" : "float", w = rt && !R && !ye && "draggable" in document.createElement("div"), I = (function() {
+      if (rt) {
+        if (P) return !1;
+        var r = document.createElement("x");
+        return r.style.cssText = "pointer-events:auto", r.style.pointerEvents === "auto";
+      }
+    })(), H = function(e, t) {
+      var n = U(e), i = parseInt(n.width) - parseInt(n.paddingLeft) - parseInt(n.paddingRight) - parseInt(n.borderLeftWidth) - parseInt(n.borderRightWidth), l = ot(e, 0, t), d = ot(e, 1, t), h = l && U(l), v = d && U(d), m = h && parseInt(h.marginLeft) + parseInt(h.marginRight) + Y(l).width, E = v && parseInt(v.marginLeft) + parseInt(v.marginRight) + Y(d).width;
+      if (n.display === "flex") return n.flexDirection === "column" || n.flexDirection === "column-reverse" ? "vertical" : "horizontal";
+      if (n.display === "grid") return n.gridTemplateColumns.split(" ").length <= 1 ? "vertical" : "horizontal";
+      if (l && h.float && h.float !== "none") {
+        var _ = h.float === "left" ? "left" : "right";
+        return d && (v.clear === "both" || v.clear === _) ? "vertical" : "horizontal";
+      }
+      return l && (h.display === "block" || h.display === "flex" || h.display === "table" || h.display === "grid" || m >= i && n[f] === "none" || d && n[f] === "none" && m + E > i) ? "vertical" : "horizontal";
+    }, ce = function(e, t, n) {
+      var i = n ? e.left : e.top, l = n ? e.right : e.bottom, d = n ? e.width : e.height, h = n ? t.left : t.top, v = n ? t.right : t.bottom, m = n ? t.width : t.height;
+      return i === h || l === v || i + d / 2 === h + m / 2;
+    }, Ut = function(e, t) {
+      var n;
+      return ct.some(function(i) {
+        var l = i[ue].options.emptyInsertThreshold;
+        if (!(!l || Ht(i))) {
+          var d = Y(i), h = e >= d.left - l && e <= d.right + l, v = t >= d.top - l && t <= d.bottom + l;
+          if (h && v) return n = i;
+        }
+      }), n;
+    }, It = function(e) {
+      function t(l, d) {
+        return function(h, v, m, E) {
+          var _ = h.options.group.name && v.options.group.name && h.options.group.name === v.options.group.name;
+          if (l == null && (d || _)) return !0;
+          if (l == null || l === !1) return !1;
+          if (d && l === "clone") return l;
+          if (typeof l == "function") return t(l(h, v, m, E), d)(h, v, m, E);
+          var D = (d ? h : v).options.group.name;
+          return l === !0 || typeof l == "string" && l === D || l.join && l.indexOf(D) > -1;
+        };
+      }
+      var n = {}, i = e.group;
+      (!i || o(i) != "object") && (i = { name: i }), n.name = i.name, n.checkPull = t(i.pull, !0), n.checkPut = t(i.put), n.revertClone = i.revertClone, e.group = n;
+    }, mn = function() {
+      !I && k && U(k, "display", "none");
+    }, $n = function() {
+      !I && k && U(k, "display", "");
+    };
+    rt && !R && document.addEventListener("click", function(r) {
+      if (tt)
+        return r.preventDefault(), r.stopPropagation && r.stopPropagation(), r.stopImmediatePropagation && r.stopImmediatePropagation(), tt = !1, !1;
+    }, !0);
+    var Et = function(e) {
+      if (y) {
+        e = e.touches ? e.touches[0] : e;
+        var t = Ut(e.clientX, e.clientY);
+        if (t) {
+          var n = {};
+          for (var i in e) e.hasOwnProperty(i) && (n[i] = e[i]);
+          n.target = n.rootEl = t, n.preventDefault = void 0, n.stopPropagation = void 0, t[ue]._onDragOver(n);
+        }
+      }
+    }, _r = function(e) {
+      y && y.parentNode[ue]._isOutsideThisEl(e.target);
+    };
+    function x(r, e) {
+      if (!(r && r.nodeType && r.nodeType === 1)) throw "Sortable: `el` must be an HTMLElement, not ".concat({}.toString.call(r));
+      this.el = r, this.options = e = p({}, e), r[ue] = this;
+      var t = {
+        group: null,
+        sort: !0,
+        disabled: !1,
+        store: null,
+        handle: null,
+        draggable: /^[uo]l$/i.test(r.nodeName) ? ">li" : ">*",
+        swapThreshold: 1,
+        invertSwap: !1,
+        invertedSwapThreshold: null,
+        removeCloneOnHide: !0,
+        direction: function() {
+          return H(r, this.options);
+        },
+        ghostClass: "sortable-ghost",
+        chosenClass: "sortable-chosen",
+        dragClass: "sortable-drag",
+        ignore: "a, img",
+        filter: null,
+        preventOnFilter: !0,
+        animation: 0,
+        easing: null,
+        setData: function(d, h) {
+          d.setData("Text", h.textContent);
+        },
+        dropBubble: !1,
+        dragoverBubble: !1,
+        dataIdAttr: "data-id",
+        delay: 0,
+        delayOnTouchOnly: !1,
+        touchStartThreshold: (Number.parseInt ? Number : window).parseInt(window.devicePixelRatio, 10) || 1,
+        forceFallback: !1,
+        fallbackClass: "sortable-fallback",
+        fallbackOnBody: !1,
+        fallbackTolerance: 0,
+        fallbackOffset: {
+          x: 0,
+          y: 0
+        },
+        supportPointer: x.supportPointer !== !1 && "PointerEvent" in window && (!Ue || ye),
+        emptyInsertThreshold: 5
+      };
+      yt.initializePlugins(this, r, t);
+      for (var n in t) !(n in e) && (e[n] = t[n]);
+      It(e);
+      for (var i in this) i.charAt(0) === "_" && typeof this[i] == "function" && (this[i] = this[i].bind(this));
+      this.nativeDraggable = e.forceFallback ? !1 : w, this.nativeDraggable && (this.options.touchStartThreshold = 1), e.supportPointer ? O(r, "pointerdown", this._onTapStart) : (O(r, "mousedown", this._onTapStart), O(r, "touchstart", this._onTapStart)), this.nativeDraggable && (O(r, "dragover", this), O(r, "dragenter", this)), ct.push(this.el), e.store && e.store.get && this.sort(e.store.get(this) || []), p(this, Bt());
+    }
+    x.prototype = /** @lends Sortable.prototype */
+    {
+      constructor: x,
+      _isOutsideThisEl: function(e) {
+        !this.el.contains(e) && e !== this.el && (ft = null);
+      },
+      _getDirection: function(e, t) {
+        return typeof this.options.direction == "function" ? this.options.direction.call(this, e, t, y) : this.options.direction;
+      },
+      _onTapStart: function(e) {
+        if (e.cancelable) {
+          var t = this, n = this.el, i = this.options, l = i.preventOnFilter, d = e.type, h = e.touches && e.touches[0] || e.pointerType && e.pointerType === "touch" && e, v = (h || e).target, m = e.target.shadowRoot && (e.path && e.path[0] || e.composedPath && e.composedPath()[0]) || v, E = i.filter;
+          if (Tr(n), !y && !(/mousedown|pointerdown/.test(d) && e.button !== 0 || i.disabled) && !m.isContentEditable && !(!this.nativeDraggable && Ue && v && v.tagName.toUpperCase() === "SELECT") && (v = Q(v, i.draggable, n, !1), !(v && v.animated) && et !== v)) {
+            if (Ge = Z(v), _e = Z(v, i.draggable), typeof E == "function") {
+              if (E.call(this, e, v, this)) {
+                ge({
+                  sortable: t,
+                  rootEl: m,
+                  name: "filter",
+                  targetEl: v,
+                  toEl: n,
+                  fromEl: n
+                }), pe("filter", t, { evt: e }), l && e.preventDefault();
+                return;
+              }
+            } else if (E && (E = E.split(",").some(function(_) {
+              if (_ = Q(m, _.trim(), n, !1), _)
+                return ge({
+                  sortable: t,
+                  rootEl: _,
+                  name: "filter",
+                  targetEl: v,
+                  fromEl: n,
+                  toEl: n
+                }), pe("filter", t, { evt: e }), !0;
+            }), E)) {
+              l && e.preventDefault();
+              return;
+            }
+            i.handle && !Q(m, i.handle, n, !1) || this._prepareDragStart(e, h, v);
+          }
+        }
+      },
+      _prepareDragStart: function(e, t, n) {
+        var i = this, l = i.el, d = i.options, h = l.ownerDocument, v;
+        if (n && !y && n.parentNode === l) {
+          var m = Y(n);
+          if (J = l, y = n, re = y.parentNode, qe = y.nextSibling, et = n, dt = d.group, x.dragged = y, Ie = {
+            target: y,
+            clientX: (t || e).clientX,
+            clientY: (t || e).clientY
+          }, Oe = Ie.clientX - m.left, vn = Ie.clientY - m.top, this._lastX = (t || e).clientX, this._lastY = (t || e).clientY, y.style["will-change"] = "all", v = function() {
+            if (pe("delayEnded", i, { evt: e }), x.eventCanceled) {
+              i._onDrop();
+              return;
+            }
+            i._disableDelayedDragEvents(), !Se && i.nativeDraggable && (y.draggable = !0), i._triggerDragStart(e, t), ge({
+              sortable: i,
+              name: "choose",
+              originalEvent: e
+            }), S(y, d.chosenClass, !0);
+          }, d.ignore.split(",").forEach(function(E) {
+            Ot(y, E.trim(), Mn);
+          }), O(h, "dragover", Et), O(h, "mousemove", Et), O(h, "touchmove", Et), d.supportPointer ? (O(h, "pointerup", i._onDrop), !this.nativeDraggable && O(h, "pointercancel", i._onDrop)) : (O(h, "mouseup", i._onDrop), O(h, "touchend", i._onDrop), O(h, "touchcancel", i._onDrop)), Se && this.nativeDraggable && (this.options.touchStartThreshold = 4, y.draggable = !0), pe("delayStart", this, { evt: e }), d.delay && (!d.delayOnTouchOnly || t) && (!this.nativeDraggable || !(X || P))) {
+            if (x.eventCanceled) {
+              this._onDrop();
+              return;
+            }
+            d.supportPointer ? (O(h, "pointerup", i._disableDelayedDrag), O(h, "pointercancel", i._disableDelayedDrag)) : (O(h, "mouseup", i._disableDelayedDrag), O(h, "touchend", i._disableDelayedDrag), O(h, "touchcancel", i._disableDelayedDrag)), O(h, "mousemove", i._delayedDragTouchMoveHandler), O(h, "touchmove", i._delayedDragTouchMoveHandler), d.supportPointer && O(h, "pointermove", i._delayedDragTouchMoveHandler), i._dragStartTimer = setTimeout(v, d.delay);
+          } else v();
+        }
+      },
+      _delayedDragTouchMoveHandler: function(e) {
+        var t = e.touches ? e.touches[0] : e;
+        Math.max(Math.abs(t.clientX - this._lastX), Math.abs(t.clientY - this._lastY)) >= Math.floor(this.options.touchStartThreshold / (this.nativeDraggable && window.devicePixelRatio || 1)) && this._disableDelayedDrag();
+      },
+      _disableDelayedDrag: function() {
+        y && Mn(y), clearTimeout(this._dragStartTimer), this._disableDelayedDragEvents();
+      },
+      _disableDelayedDragEvents: function() {
+        var e = this.el.ownerDocument;
+        T(e, "mouseup", this._disableDelayedDrag), T(e, "touchend", this._disableDelayedDrag), T(e, "touchcancel", this._disableDelayedDrag), T(e, "pointerup", this._disableDelayedDrag), T(e, "pointercancel", this._disableDelayedDrag), T(e, "mousemove", this._delayedDragTouchMoveHandler), T(e, "touchmove", this._delayedDragTouchMoveHandler), T(e, "pointermove", this._delayedDragTouchMoveHandler);
+      },
+      _triggerDragStart: function(e, t) {
+        t = t || e.pointerType == "touch" && e, !this.nativeDraggable || t ? this.options.supportPointer ? O(document, "pointermove", this._onTouchMove) : t ? O(document, "touchmove", this._onTouchMove) : O(document, "mousemove", this._onTouchMove) : (O(y, "dragend", this), O(J, "dragstart", this._onDragStart));
+        try {
+          document.selection ? yn(function() {
+            document.selection.empty();
+          }) : window.getSelection().removeAllRanges();
+        } catch {
+        }
+      },
+      _dragStarted: function(e, t) {
+        if (We = !1, J && y) {
+          pe("dragStarted", this, { evt: t }), this.nativeDraggable && O(document, "dragover", _r);
+          var n = this.options;
+          !e && S(y, n.dragClass, !1), S(y, n.ghostClass, !0), x.active = this, e && this._appendGhost(), ge({
+            sortable: this,
+            name: "start",
+            originalEvent: t
+          });
+        } else this._nulling();
+      },
+      _emulateDragOver: function() {
+        if (Ee) {
+          this._lastX = Ee.clientX, this._lastY = Ee.clientY, mn();
+          for (var e = document.elementFromPoint(Ee.clientX, Ee.clientY), t = e; e && e.shadowRoot && (e = e.shadowRoot.elementFromPoint(Ee.clientX, Ee.clientY), e !== t); )
+            t = e;
+          if (y.parentNode[ue]._isOutsideThisEl(e), t) do {
+            if (t[ue]) {
+              var n = void 0;
+              if (n = t[ue]._onDragOver({
+                clientX: Ee.clientX,
+                clientY: Ee.clientY,
+                target: e,
+                rootEl: t
+              }), n && !this.options.dragoverBubble) break;
+            }
+            e = t;
+          } while (t = he(t));
+          $n();
+        }
+      },
+      _onTouchMove: function(e) {
+        if (Ie) {
+          var t = this.options, n = t.fallbackTolerance, i = t.fallbackOffset, l = e.touches ? e.touches[0] : e, d = k && Ze(k, !0), h = k && d && d.a, v = k && d && d.d, m = St && ve && kt(ve), E = (l.clientX - Ie.clientX + i.x) / (h || 1) + (m ? m[0] - Jt[0] : 0) / (h || 1), _ = (l.clientY - Ie.clientY + i.y) / (v || 1) + (m ? m[1] - Jt[1] : 0) / (v || 1);
+          if (!x.active && !We) {
+            if (n && Math.max(Math.abs(l.clientX - this._lastX), Math.abs(l.clientY - this._lastY)) < n) return;
+            this._onDragStart(e, !0);
+          }
+          if (k) {
+            d ? (d.e += E - (Qt || 0), d.f += _ - (Zt || 0)) : d = {
+              a: 1,
+              b: 0,
+              c: 0,
+              d: 1,
+              e: E,
+              f: _
+            };
+            var D = "matrix(".concat(d.a, ",").concat(d.b, ",").concat(d.c, ",").concat(d.d, ",").concat(d.e, ",").concat(d.f, ")");
+            U(k, "webkitTransform", D), U(k, "mozTransform", D), U(k, "msTransform", D), U(k, "transform", D), Qt = E, Zt = _, Ee = l;
+          }
+          e.cancelable && e.preventDefault();
+        }
+      },
+      _appendGhost: function() {
+        if (!k) {
+          var e = this.options.fallbackOnBody ? document.body : J, t = Y(y, !0, St, !0, e), n = this.options;
+          if (St) {
+            for (ve = e; U(ve, "position") === "static" && U(ve, "transform") === "none" && ve !== document; ) ve = ve.parentNode;
+            ve !== document.body && ve !== document.documentElement ? (ve === document && (ve = we()), t.top += ve.scrollTop, t.left += ve.scrollLeft) : ve = we(), Jt = kt(ve);
+          }
+          k = y.cloneNode(!0), S(k, n.ghostClass, !1), S(k, n.fallbackClass, !0), S(k, n.dragClass, !0), U(k, "transition", ""), U(k, "transform", ""), U(k, "box-sizing", "border-box"), U(k, "margin", 0), U(k, "top", t.top), U(k, "left", t.left), U(k, "width", t.width), U(k, "height", t.height), U(k, "opacity", "0.8"), U(k, "position", St ? "absolute" : "fixed"), U(k, "zIndex", "100000"), U(k, "pointerEvents", "none"), x.ghost = k, e.appendChild(k), U(k, "transform-origin", Oe / parseInt(k.style.width) * 100 + "% " + vn / parseInt(k.style.height) * 100 + "%");
+        }
+      },
+      _onDragStart: function(e, t) {
+        var n = this, i = e.dataTransfer, l = n.options;
+        if (pe("dragStart", this, { evt: e }), x.eventCanceled) {
+          this._onDrop();
+          return;
+        }
+        pe("setupClone", this), x.eventCanceled || (K = Wt(y), K.removeAttribute("id"), K.draggable = !1, K.style["will-change"] = "", this._hideClone(), S(K, this.options.chosenClass, !1), x.clone = K), n.cloneId = yn(function() {
+          pe("clone", n), !x.eventCanceled && (n.options.removeCloneOnHide || J.insertBefore(K, y), n._hideClone(), ge({
+            sortable: n,
+            name: "clone"
+          }));
+        }), !t && S(y, l.dragClass, !0), t ? (tt = !0, n._loopId = setInterval(n._emulateDragOver, 50)) : (T(document, "mouseup", n._onDrop), T(document, "touchend", n._onDrop), T(document, "touchcancel", n._onDrop), i && (i.effectAllowed = "move", l.setData && l.setData.call(n, i, y)), O(document, "drop", n), U(y, "transform", "translateZ(0)")), We = !0, n._dragStartId = yn(n._dragStarted.bind(n, t, e)), O(document, "selectstart", n), wt = !0, window.getSelection().removeAllRanges(), Ue && U(document.body, "user-select", "none");
+      },
+      _onDragOver: function(e) {
+        var t = this.el, n = e.target, i, l, d, h = this.options, v = h.group, m = x.active, E = dt === v, _ = h.sort, D = de || m, G, N = this, z = !1;
+        if (Ft) return;
+        function De(un, Br) {
+          pe(un, N, a({
+            evt: e,
+            isOwner: E,
+            axis: G ? "vertical" : "horizontal",
+            revert: d,
+            dragRect: i,
+            targetRect: l,
+            canSort: _,
+            fromSortable: D,
+            target: n,
+            completed: q,
+            onMove: function(rr, Rr) {
+              return bn(J, t, y, i, rr, Y(rr), e, Rr);
+            },
+            changed: ee
+          }, Br));
+        }
+        function Ne() {
+          De("dragOverAnimationCapture"), N.captureAnimationState(), N !== D && D.captureAnimationState();
+        }
+        function q(un) {
+          return De("dragOverCompleted", { insertion: un }), un && (E ? m._hideClone() : m._showClone(N), N !== D && (S(y, de ? de.options.ghostClass : m.options.ghostClass, !1), S(y, h.ghostClass, !0)), de !== N && N !== x.active ? de = N : N === x.active && de && (de = null), D === N && (N._ignoreWhileAnimating = n), N.animateAll(function() {
+            De("dragOverAnimationComplete"), N._ignoreWhileAnimating = null;
+          }), N !== D && (D.animateAll(), D._ignoreWhileAnimating = null)), (n === y && !y.animated || n === t && !n.animated) && (ft = null), !h.dragoverBubble && !e.rootEl && n !== document && (y.parentNode[ue]._isOutsideThisEl(e.target), !un && Et(e)), !h.dragoverBubble && e.stopPropagation && e.stopPropagation(), z = !0;
+        }
+        function ee() {
+          be = Z(y), xe = Z(y, h.draggable), ge({
+            sortable: N,
+            name: "change",
+            toEl: t,
+            newIndex: be,
+            newDraggableIndex: xe,
+            originalEvent: e
+          });
+        }
+        if (e.preventDefault !== void 0 && e.cancelable && e.preventDefault(), n = Q(n, h.draggable, t, !0), De("dragOver"), x.eventCanceled) return z;
+        if (y.contains(e.target) || n.animated && n.animatingX && n.animatingY || N._ignoreWhileAnimating === n) return q(!1);
+        if (tt = !1, m && !h.disabled && (E ? _ || (d = re !== J) : de === this || (this.lastPutMode = dt.checkPull(this, m, y, e)) && v.checkPut(this, m, y, e))) {
+          if (G = this._getDirection(e, n) === "vertical", i = Y(y), De("dragOverValid"), x.eventCanceled) return z;
+          if (d)
+            return re = J, Ne(), this._hideClone(), De("revert"), x.eventCanceled || (qe ? J.insertBefore(y, qe) : J.appendChild(y)), q(!0);
+          var me = Ht(t, h.draggable);
+          if (!me || Ir(e, G, this) && !me.animated) {
+            if (me === y) return q(!1);
+            if (me && t === e.target && (n = me), n && (l = Y(n)), bn(J, t, y, i, n, l, e, !!n) !== !1)
+              return Ne(), me && me.nextSibling ? t.insertBefore(y, me.nextSibling) : t.appendChild(y), re = t, ee(), q(!0);
+          } else if (me && Ur(e, G, this)) {
+            var at = ot(t, 0, h, !0);
+            if (at === y) return q(!1);
+            if (n = at, l = Y(n), bn(J, t, y, i, n, l, e, !1) !== !1)
+              return Ne(), t.insertBefore(y, at), re = t, ee(), q(!0);
+          } else if (n.parentNode === t) {
+            l = Y(n);
+            var Ye = 0, Dt, an = y.parentNode !== t, Me = !ce(y.animated && y.toRect || i, n.animated && n.toRect || l, G), on = G ? "top" : "left", ht = Je(n, "top", "top") || Je(y, "top", "top"), ln = ht ? ht.scrollTop : void 0;
+            ft !== n && (Dt = l[on], Ct = !1, Nt = !Me && h.invertSwap || an), Ye = Er(e, n, l, G, Me ? 1 : h.swapThreshold, h.invertedSwapThreshold == null ? h.swapThreshold : h.invertedSwapThreshold, Nt, ft === n);
+            var it;
+            if (Ye !== 0) {
+              var At = Z(y);
+              do
+                At -= Ye, it = re.children[At];
+              while (it && (U(it, "display") === "none" || it === k));
+            }
+            if (Ye === 0 || it === n) return q(!1);
+            ft = n, _t = Ye;
+            var sn = n.nextElementSibling, pt = !1;
+            pt = Ye === 1;
+            var Un = bn(J, t, y, i, n, l, e, pt);
+            if (Un !== !1)
+              return (Un === 1 || Un === -1) && (pt = Un === 1), Ft = !0, setTimeout(Sr, 30), Ne(), pt && !sn ? t.appendChild(y) : n.parentNode.insertBefore(y, pt ? sn : n), ht && Mt(ht, 0, ln - ht.scrollTop), re = y.parentNode, Dt !== void 0 && !Nt && (nt = Math.abs(Dt - Y(n)[on])), ee(), q(!0);
+          }
+          if (t.contains(y)) return q(!1);
+        }
+        return !1;
+      },
+      _ignoreWhileAnimating: null,
+      _offMoveEvents: function() {
+        T(document, "mousemove", this._onTouchMove), T(document, "touchmove", this._onTouchMove), T(document, "pointermove", this._onTouchMove), T(document, "dragover", Et), T(document, "mousemove", Et), T(document, "touchmove", Et);
+      },
+      _offUpEvents: function() {
+        var e = this.el.ownerDocument;
+        T(e, "mouseup", this._onDrop), T(e, "touchend", this._onDrop), T(e, "pointerup", this._onDrop), T(e, "pointercancel", this._onDrop), T(e, "touchcancel", this._onDrop), T(document, "selectstart", this);
+      },
+      _onDrop: function(e) {
+        var t = this.el, n = this.options;
+        if (be = Z(y), xe = Z(y, n.draggable), pe("drop", this, { evt: e }), re = y && y.parentNode, be = Z(y), xe = Z(y, n.draggable), x.eventCanceled) {
+          this._nulling();
+          return;
+        }
+        We = !1, Nt = !1, Ct = !1, clearInterval(this._loopId), clearTimeout(this._dragStartTimer), Pn(this.cloneId), Pn(this._dragStartId), this.nativeDraggable && (T(document, "drop", this), T(t, "dragstart", this._onDragStart)), this._offMoveEvents(), this._offUpEvents(), Ue && U(document.body, "user-select", ""), U(y, "transform", ""), e && (wt && (e.cancelable && e.preventDefault(), !n.dropBubble && e.stopPropagation()), k && k.parentNode && k.parentNode.removeChild(k), (J === re || de && de.lastPutMode !== "clone") && K && K.parentNode && K.parentNode.removeChild(K), y && (this.nativeDraggable && T(y, "dragend", this), Mn(y), y.style["will-change"] = "", wt && !We && S(y, de ? de.options.ghostClass : this.options.ghostClass, !1), S(y, this.options.chosenClass, !1), ge({
+          sortable: this,
+          name: "unchoose",
+          toEl: re,
+          newIndex: null,
+          newDraggableIndex: null,
+          originalEvent: e
+        }), J !== re ? (be >= 0 && (ge({
+          rootEl: re,
+          name: "add",
+          toEl: re,
+          fromEl: J,
+          originalEvent: e
+        }), ge({
+          sortable: this,
+          name: "remove",
+          toEl: re,
+          originalEvent: e
+        }), ge({
+          rootEl: re,
+          name: "sort",
+          toEl: re,
+          fromEl: J,
+          originalEvent: e
+        }), ge({
+          sortable: this,
+          name: "sort",
+          toEl: re,
+          originalEvent: e
+        })), de && de.save()) : be !== Ge && be >= 0 && (ge({
+          sortable: this,
+          name: "update",
+          toEl: re,
+          originalEvent: e
+        }), ge({
+          sortable: this,
+          name: "sort",
+          toEl: re,
+          originalEvent: e
+        })), x.active && ((be == null || be === -1) && (be = Ge, xe = _e), ge({
+          sortable: this,
+          name: "end",
+          toEl: re,
+          originalEvent: e
+        }), this.save()))), this._nulling();
+      },
+      _nulling: function() {
+        pe("nulling", this), J = y = re = k = qe = K = et = Ve = Ie = Ee = wt = be = xe = Ge = _e = ft = _t = de = dt = x.dragged = x.ghost = x.clone = x.active = null, Lt.forEach(function(e) {
+          e.checked = !0;
+        }), Lt.length = Qt = Zt = 0;
+      },
+      handleEvent: function(e) {
+        switch (e.type) {
+          case "drop":
+          case "dragend":
+            this._onDrop(e);
+            break;
+          case "dragenter":
+          case "dragover":
+            y && (this._onDragOver(e), Cr(e));
+            break;
+          case "selectstart":
+            e.preventDefault();
+            break;
+        }
+      },
+      toArray: function() {
+        for (var e = [], t, n = this.el.children, i = 0, l = n.length, d = this.options; i < l; i++)
+          t = n[i], Q(t, d.draggable, this.el, !1) && e.push(t.getAttribute(d.dataIdAttr) || Ar(t));
+        return e;
+      },
+      sort: function(e, t) {
+        var n = {}, i = this.el;
+        this.toArray().forEach(function(l, d) {
+          var h = i.children[d];
+          Q(h, this.options.draggable, i, !1) && (n[l] = h);
+        }, this), t && this.captureAnimationState(), e.forEach(function(l) {
+          n[l] && (i.removeChild(n[l]), i.appendChild(n[l]));
+        }), t && this.animateAll();
+      },
+      save: function() {
+        var e = this.options.store;
+        e && e.set && e.set(this);
+      },
+      closest: function(e, t) {
+        return Q(e, t || this.options.draggable, this.el, !1);
+      },
+      option: function(e, t) {
+        var n = this.options;
+        if (t === void 0) return n[e];
+        var i = yt.modifyOption(this, e, t);
+        typeof i < "u" ? n[e] = i : n[e] = t, e === "group" && It(n);
+      },
+      destroy: function() {
+        pe("destroy", this);
+        var e = this.el;
+        e[ue] = null, T(e, "mousedown", this._onTapStart), T(e, "touchstart", this._onTapStart), T(e, "pointerdown", this._onTapStart), this.nativeDraggable && (T(e, "dragover", this), T(e, "dragenter", this)), Array.prototype.forEach.call(e.querySelectorAll("[draggable]"), function(t) {
+          t.removeAttribute("draggable");
+        }), this._onDrop(), this._disableDelayedDragEvents(), ct.splice(ct.indexOf(this.el), 1), this.el = e = null;
+      },
+      _hideClone: function() {
+        if (!Ve) {
+          if (pe("hideClone", this), x.eventCanceled) return;
+          U(K, "display", "none"), this.options.removeCloneOnHide && K.parentNode && K.parentNode.removeChild(K), Ve = !0;
+        }
+      },
+      _showClone: function(e) {
+        if (e.lastPutMode !== "clone") {
+          this._hideClone();
+          return;
+        }
+        if (Ve) {
+          if (pe("showClone", this), x.eventCanceled) return;
+          y.parentNode == J && !this.options.group.revertClone ? J.insertBefore(K, y) : qe ? J.insertBefore(K, qe) : J.appendChild(K), this.options.group.revertClone && this.animate(y, K), U(K, "display", ""), Ve = !1;
+        }
+      }
+    };
+    function Cr(r) {
+      r.dataTransfer && (r.dataTransfer.dropEffect = "move"), r.cancelable && r.preventDefault();
+    }
+    function bn(r, e, t, n, i, l, d, h) {
+      var v, m = r[ue], E = m.options.onMove, _;
+      return window.CustomEvent && !P && !X ? v = new CustomEvent("move", {
+        bubbles: !0,
+        cancelable: !0
+      }) : (v = document.createEvent("Event"), v.initEvent("move", !0, !0)), v.to = e, v.from = r, v.dragged = t, v.draggedRect = n, v.related = i || e, v.relatedRect = l || Y(e), v.willInsertAfter = h, v.originalEvent = d, r.dispatchEvent(v), E && (_ = E.call(m, v, d)), _;
+    }
+    function Mn(r) {
+      r.draggable = !1;
+    }
+    function Sr() {
+      Ft = !1;
+    }
+    function Ur(r, e, t) {
+      var n = Y(ot(t.el, 0, t.options, !0)), i = ut(t.el, t.options, k), l = 10;
+      return e ? r.clientX < i.left - l || r.clientY < n.top && r.clientX < n.right : r.clientY < i.top - l || r.clientY < n.bottom && r.clientX < n.left;
+    }
+    function Ir(r, e, t) {
+      var n = Y(Ht(t.el, t.options.draggable)), i = ut(t.el, t.options, k), l = 10;
+      return e ? r.clientX > i.right + l || r.clientY > n.bottom && r.clientX > n.left : r.clientY > i.bottom + l || r.clientX > n.right && r.clientY > n.top;
+    }
+    function Er(r, e, t, n, i, l, d, h) {
+      var v = n ? r.clientY : r.clientX, m = n ? t.height : t.width, E = n ? t.top : t.left, _ = n ? t.bottom : t.right, D = !1;
+      if (!d) {
+        if (h && nt < m * i) {
+          if (!Ct && (_t === 1 ? v > E + m * l / 2 : v < _ - m * l / 2) && (Ct = !0), Ct)
+            D = !0;
+          else if (_t === 1 ? v < E + nt : v > _ - nt) return -_t;
+        } else if (v > E + m * (1 - i) / 2 && v < _ - m * (1 - i) / 2) return Dr(e);
+      }
+      return D = D || d, D && (v < E + m * l / 2 || v > _ - m * l / 2) ? v > E + m / 2 ? 1 : -1 : 0;
+    }
+    function Dr(r) {
+      return Z(y) < Z(r) ? 1 : -1;
+    }
+    function Ar(r) {
+      for (var e = r.tagName + r.className + r.src + r.href + r.textContent, t = e.length, n = 0; t--; ) n += e.charCodeAt(t);
+      return n.toString(36);
+    }
+    function Tr(r) {
+      Lt.length = 0;
+      for (var e = r.getElementsByTagName("input"), t = e.length; t--; ) {
+        var n = e[t];
+        n.checked && Lt.push(n);
+      }
+    }
+    function yn(r) {
+      return setTimeout(r, 0);
+    }
+    function Pn(r) {
+      return clearTimeout(r);
+    }
+    rt && O(document, "touchmove", function(r) {
+      (x.active || We) && r.cancelable && r.preventDefault();
+    }), x.utils = {
+      on: O,
+      off: T,
+      css: U,
+      find: Ot,
+      is: function(e, t) {
+        return !!Q(e, t, e, !1);
+      },
+      extend: kn,
+      throttle: st,
+      closest: Q,
+      toggleClass: S,
+      clone: Wt,
+      index: Z,
+      nextTick: yn,
+      cancelNextTick: Pn,
+      detectDirection: H,
+      getChild: ot,
+      expando: ue
+    }, x.get = function(r) {
+      return r[ue];
+    }, x.mount = function() {
+      for (var r = arguments.length, e = new Array(r), t = 0; t < r; t++) e[t] = arguments[t];
+      e[0].constructor === Array && (e = e[0]), e.forEach(function(n) {
+        if (!n.prototype || !n.prototype.constructor) throw "Sortable: Mounted plugin must be a constructor function, not ".concat({}.toString.call(n));
+        n.utils && (x.utils = a(a({}, x.utils), n.utils)), yt.mount(n);
+      });
+    }, x.create = function(r, e) {
+      return new x(r, e);
+    }, x.version = Be;
+    var fe = [], $t, Bn, Rn = !1, Nn, Fn, wn, en;
+    function xr() {
+      function r() {
+        this.defaults = {
+          scroll: !0,
+          forceAutoScrollFallback: !1,
+          scrollSensitivity: 30,
+          scrollSpeed: 10,
+          bubbleScroll: !0
+        };
+        for (var e in this) e.charAt(0) === "_" && typeof this[e] == "function" && (this[e] = this[e].bind(this));
+      }
+      return r.prototype = {
+        dragStarted: function(t) {
+          var n = t.originalEvent;
+          this.sortable.nativeDraggable ? O(document, "dragover", this._handleAutoScroll) : this.options.supportPointer ? O(document, "pointermove", this._handleFallbackAutoScroll) : n.touches ? O(document, "touchmove", this._handleFallbackAutoScroll) : O(document, "mousemove", this._handleFallbackAutoScroll);
+        },
+        dragOverCompleted: function(t) {
+          var n = t.originalEvent;
+          !this.options.dragOverBubble && !n.rootEl && this._handleAutoScroll(n);
+        },
+        drop: function() {
+          this.sortable.nativeDraggable ? T(document, "dragover", this._handleAutoScroll) : (T(document, "pointermove", this._handleFallbackAutoScroll), T(document, "touchmove", this._handleFallbackAutoScroll), T(document, "mousemove", this._handleFallbackAutoScroll)), er(), _n(), bt();
+        },
+        nulling: function() {
+          wn = Bn = $t = Rn = en = Nn = Fn = null, fe.length = 0;
+        },
+        _handleFallbackAutoScroll: function(t) {
+          this._handleAutoScroll(t, !0);
+        },
+        _handleAutoScroll: function(t, n) {
+          var i = this, l = (t.touches ? t.touches[0] : t).clientX, d = (t.touches ? t.touches[0] : t).clientY, h = document.elementFromPoint(l, d);
+          if (wn = t, n || this.options.forceAutoScrollFallback || X || P || Ue) {
+            Ln(t, this.options, h, n);
+            var v = He(h, !0);
+            Rn && (!en || l !== Nn || d !== Fn) && (en && er(), en = setInterval(function() {
+              var m = He(document.elementFromPoint(l, d), !0);
+              m !== v && (v = m, _n()), Ln(t, i.options, m, n);
+            }, 10), Nn = l, Fn = d);
+          } else {
+            if (!this.options.bubbleScroll || He(h, !0) === we()) {
+              _n();
+              return;
+            }
+            Ln(t, this.options, He(h, !1), !1);
+          }
+        }
+      }, p(r, {
+        pluginName: "scroll",
+        initializeByDefault: !0
+      });
+    }
+    function _n() {
+      fe.forEach(function(r) {
+        clearInterval(r.pid);
+      }), fe = [];
+    }
+    function er() {
+      clearInterval(en);
+    }
+    var Ln = st(function(r, e, t, n) {
+      if (e.scroll) {
+        var i = (r.touches ? r.touches[0] : r).clientX, l = (r.touches ? r.touches[0] : r).clientY, d = e.scrollSensitivity, h = e.scrollSpeed, v = we(), m = !1, E;
+        Bn !== t && (Bn = t, _n(), $t = e.scroll, E = e.scrollFn, $t === !0 && ($t = He(t, !0)));
+        var _ = 0, D = $t;
+        do {
+          var G = D, N = Y(G), z = N.top, De = N.bottom, Ne = N.left, q = N.right, ee = N.width, me = N.height, at = void 0, Ye = void 0, Dt = G.scrollWidth, an = G.scrollHeight, Me = U(G), on = G.scrollLeft, ht = G.scrollTop;
+          G === v ? (at = ee < Dt && (Me.overflowX === "auto" || Me.overflowX === "scroll" || Me.overflowX === "visible"), Ye = me < an && (Me.overflowY === "auto" || Me.overflowY === "scroll" || Me.overflowY === "visible")) : (at = ee < Dt && (Me.overflowX === "auto" || Me.overflowX === "scroll"), Ye = me < an && (Me.overflowY === "auto" || Me.overflowY === "scroll"));
+          var ln = at && (Math.abs(q - i) <= d && on + ee < Dt) - (Math.abs(Ne - i) <= d && !!on), it = Ye && (Math.abs(De - l) <= d && ht + me < an) - (Math.abs(z - l) <= d && !!ht);
+          if (!fe[_])
+            for (var At = 0; At <= _; At++) fe[At] || (fe[At] = {});
+          (fe[_].vx != ln || fe[_].vy != it || fe[_].el !== G) && (fe[_].el = G, fe[_].vx = ln, fe[_].vy = it, clearInterval(fe[_].pid), (ln != 0 || it != 0) && (m = !0, fe[_].pid = setInterval((function() {
+            n && this.layer === 0 && x.active._onTouchMove(wn);
+            var sn = fe[this.layer].vy ? fe[this.layer].vy * h : 0, pt = fe[this.layer].vx ? fe[this.layer].vx * h : 0;
+            typeof E == "function" && E.call(x.dragged.parentNode[ue], pt, sn, r, wn, fe[this.layer].el) !== "continue" || Mt(fe[this.layer].el, pt, sn);
+          }).bind({ layer: _ }), 24))), _++;
+        } while (e.bubbleScroll && D !== v && (D = He(D, !1)));
+        Rn = m;
+      }
+    }, 30), tr = function(e) {
+      var t = e.originalEvent, n = e.putSortable, i = e.dragEl, l = e.activeSortable, d = e.dispatchSortableEvent, h = e.hideGhostForTarget, v = e.unhideGhostForTarget;
+      if (t) {
+        var m = n || l;
+        h();
+        var E = t.changedTouches && t.changedTouches.length ? t.changedTouches[0] : t, _ = document.elementFromPoint(E.clientX, E.clientY);
+        v(), m && !m.el.contains(_) && (d("spill"), this.onSpill({
+          dragEl: i,
+          putSortable: n
+        }));
+      }
+    };
+    function qn() {
+    }
+    qn.prototype = {
+      startIndex: null,
+      dragStart: function(e) {
+        this.startIndex = e.oldDraggableIndex;
+      },
+      onSpill: function(e) {
+        var t = e.dragEl, n = e.putSortable;
+        this.sortable.captureAnimationState(), n && n.captureAnimationState();
+        var i = ot(this.sortable.el, this.startIndex, this.options);
+        i ? this.sortable.el.insertBefore(t, i) : this.sortable.el.appendChild(t), this.sortable.animateAll(), n && n.animateAll();
+      },
+      drop: tr
+    }, p(qn, { pluginName: "revertOnSpill" });
+    function Gn() {
+    }
+    Gn.prototype = {
+      onSpill: function(e) {
+        var t = e.dragEl, n = e.putSortable || this.sortable;
+        n.captureAnimationState(), t.parentNode && t.parentNode.removeChild(t), n.animateAll();
+      },
+      drop: tr
+    }, p(Gn, { pluginName: "removeOnSpill" });
+    var Re;
+    function Or() {
+      function r() {
+        this.defaults = { swapClass: "sortable-swap-highlight" };
+      }
+      return r.prototype = {
+        dragStart: function(t) {
+          Re = t.dragEl;
+        },
+        dragOverValid: function(t) {
+          var n = t.completed, i = t.target, l = t.onMove, d = t.activeSortable, h = t.changed, v = t.cancel;
+          if (d.options.swap) {
+            var m = this.sortable.el, E = this.options;
+            if (i && i !== m) {
+              var _ = Re;
+              l(i) !== !1 ? (S(i, E.swapClass, !0), Re = i) : Re = null, _ && _ !== Re && S(_, E.swapClass, !1);
+            }
+            h(), n(!0), v();
+          }
+        },
+        drop: function(t) {
+          var n = t.activeSortable, i = t.putSortable, l = t.dragEl, d = i || this.sortable, h = this.options;
+          Re && S(Re, h.swapClass, !1), Re && (h.swap || i && i.options.swap) && l !== Re && (d.captureAnimationState(), d !== n && n.captureAnimationState(), kr(l, Re), d.animateAll(), d !== n && n.animateAll());
+        },
+        nulling: function() {
+          Re = null;
+        }
+      }, p(r, {
+        pluginName: "swap",
+        eventProperties: function() {
+          return { swapItem: Re };
+        }
+      });
+    }
+    function kr(r, e) {
+      var t = r.parentNode, n = e.parentNode, i, l;
+      !t || !n || t.isEqualNode(e) || n.isEqualNode(r) || (i = Z(r), l = Z(e), t.isEqualNode(n) && i < l && l++, t.insertBefore(e, t.children[i]), n.insertBefore(r, n.children[l]));
+    }
+    var M = [], ke = [], tn, je, nn = !1, Te = !1, qt = !1, $, rn, Cn;
+    function Mr() {
+      function r(e) {
+        for (var t in this) t.charAt(0) === "_" && typeof this[t] == "function" && (this[t] = this[t].bind(this));
+        e.options.avoidImplicitDeselect || (e.options.supportPointer ? O(document, "pointerup", this._deselectMultiDrag) : (O(document, "mouseup", this._deselectMultiDrag), O(document, "touchend", this._deselectMultiDrag))), O(document, "keydown", this._checkKeyDown), O(document, "keyup", this._checkKeyUp), this.defaults = {
+          selectedClass: "sortable-selected",
+          multiDragKey: null,
+          avoidImplicitDeselect: !1,
+          setData: function(i, l) {
+            var d = "";
+            M.length && je === e ? M.forEach(function(h, v) {
+              d += (v ? ", " : "") + h.textContent;
+            }) : d = l.textContent, i.setData("Text", d);
+          }
+        };
+      }
+      return r.prototype = {
+        multiDragKeyDown: !1,
+        isMultiDrag: !1,
+        delayStartGlobal: function(t) {
+          $ = t.dragEl;
+        },
+        delayEnded: function() {
+          this.isMultiDrag = ~M.indexOf($);
+        },
+        setupClone: function(t) {
+          var n = t.sortable, i = t.cancel;
+          if (this.isMultiDrag) {
+            for (var l = 0; l < M.length; l++)
+              ke.push(Wt(M[l])), ke[l].sortableIndex = M[l].sortableIndex, ke[l].draggable = !1, ke[l].style["will-change"] = "", S(ke[l], this.options.selectedClass, !1), M[l] === $ && S(ke[l], this.options.chosenClass, !1);
+            n._hideClone(), i();
+          }
+        },
+        clone: function(t) {
+          var n = t.sortable, i = t.rootEl, l = t.dispatchSortableEvent, d = t.cancel;
+          this.isMultiDrag && (this.options.removeCloneOnHide || M.length && je === n && (nr(!0, i), l("clone"), d()));
+        },
+        showClone: function(t) {
+          var n = t.cloneNowShown, i = t.rootEl, l = t.cancel;
+          this.isMultiDrag && (nr(!1, i), ke.forEach(function(d) {
+            U(d, "display", "");
+          }), n(), Cn = !1, l());
+        },
+        hideClone: function(t) {
+          var n = this;
+          t.sortable;
+          var i = t.cloneNowHidden, l = t.cancel;
+          this.isMultiDrag && (ke.forEach(function(d) {
+            U(d, "display", "none"), n.options.removeCloneOnHide && d.parentNode && d.parentNode.removeChild(d);
+          }), i(), Cn = !0, l());
+        },
+        dragStartGlobal: function(t) {
+          t.sortable, !this.isMultiDrag && je && je.multiDrag._deselectMultiDrag(), M.forEach(function(n) {
+            n.sortableIndex = Z(n);
+          }), M = M.sort(function(n, i) {
+            return n.sortableIndex - i.sortableIndex;
+          }), qt = !0;
+        },
+        dragStarted: function(t) {
+          var n = this, i = t.sortable;
+          if (this.isMultiDrag) {
+            if (this.options.sort && (i.captureAnimationState(), this.options.animation)) {
+              M.forEach(function(d) {
+                d !== $ && U(d, "position", "absolute");
+              });
+              var l = Y($, !1, !0, !0);
+              M.forEach(function(d) {
+                d !== $ && pn(d, l);
+              }), Te = !0, nn = !0;
+            }
+            i.animateAll(function() {
+              Te = !1, nn = !1, n.options.animation && M.forEach(function(d) {
+                Pt(d);
+              }), n.options.sort && Sn();
+            });
+          }
+        },
+        dragOver: function(t) {
+          var n = t.target, i = t.completed, l = t.cancel;
+          Te && ~M.indexOf(n) && (i(!1), l());
+        },
+        revert: function(t) {
+          var n = t.fromSortable, i = t.rootEl, l = t.sortable, d = t.dragRect;
+          M.length > 1 && (M.forEach(function(h) {
+            l.addAnimationState({
+              target: h,
+              rect: Te ? Y(h) : d
+            }), Pt(h), h.fromRect = d, n.removeAnimationState(h);
+          }), Te = !1, Pr(!this.options.removeCloneOnHide, i));
+        },
+        dragOverCompleted: function(t) {
+          var n = t.sortable, i = t.isOwner, l = t.insertion, d = t.activeSortable, h = t.parentEl, v = t.putSortable, m = this.options;
+          if (l) {
+            if (i && d._hideClone(), nn = !1, m.animation && M.length > 1 && (Te || !i && !d.options.sort && !v)) {
+              var E = Y($, !1, !0, !0);
+              M.forEach(function(D) {
+                D !== $ && (pn(D, E), h.appendChild(D));
+              }), Te = !0;
+            }
+            if (!i)
+              if (Te || Sn(), M.length > 1) {
+                var _ = Cn;
+                d._showClone(n), d.options.animation && !Cn && _ && ke.forEach(function(D) {
+                  d.addAnimationState({
+                    target: D,
+                    rect: rn
+                  }), D.fromRect = rn, D.thisAnimationDuration = null;
+                });
+              } else d._showClone(n);
+          }
+        },
+        dragOverAnimationCapture: function(t) {
+          var n = t.dragRect, i = t.isOwner, l = t.activeSortable;
+          if (M.forEach(function(h) {
+            h.thisAnimationDuration = null;
+          }), l.options.animation && !i && l.multiDrag.isMultiDrag) {
+            rn = p({}, n);
+            var d = Ze($, !0);
+            rn.top -= d.f, rn.left -= d.e;
+          }
+        },
+        dragOverAnimationComplete: function() {
+          Te && (Te = !1, Sn());
+        },
+        drop: function(t) {
+          var n = t.originalEvent, i = t.rootEl, l = t.parentEl, d = t.sortable, h = t.dispatchSortableEvent, v = t.oldIndex, m = t.putSortable, E = m || this.sortable;
+          if (n) {
+            var _ = this.options, D = l.children;
+            if (!qt)
+              if (_.multiDragKey && !this.multiDragKeyDown && this._deselectMultiDrag(), S($, _.selectedClass, !~M.indexOf($)), ~M.indexOf($))
+                M.splice(M.indexOf($), 1), tn = null, $e({
+                  sortable: d,
+                  rootEl: i,
+                  name: "deselect",
+                  targetEl: $,
+                  originalEvent: n
+                });
+              else {
+                if (M.push($), $e({
+                  sortable: d,
+                  rootEl: i,
+                  name: "select",
+                  targetEl: $,
+                  originalEvent: n
+                }), n.shiftKey && tn && d.el.contains(tn)) {
+                  var G = Z(tn), N = Z($);
+                  ~G && ~N && G !== N && (function() {
+                    var q, ee;
+                    N > G ? (ee = G, q = N) : (ee = N, q = G + 1);
+                    for (var me = _.filter; ee < q; ee++)
+                      ~M.indexOf(D[ee]) || Q(D[ee], _.draggable, l, !1) && (me && (typeof me == "function" ? me.call(d, n, D[ee], d) : me.split(",").some(function(at) {
+                        return Q(D[ee], at.trim(), l, !1);
+                      })) || (S(D[ee], _.selectedClass, !0), M.push(D[ee]), $e({
+                        sortable: d,
+                        rootEl: i,
+                        name: "select",
+                        targetEl: D[ee],
+                        originalEvent: n
+                      })));
+                  })();
+                } else tn = $;
+                je = E;
+              }
+            if (qt && this.isMultiDrag) {
+              if (Te = !1, (l[ue].options.sort || l !== i) && M.length > 1) {
+                var z = Y($), De = Z($, ":not(." + this.options.selectedClass + ")");
+                if (!nn && _.animation && ($.thisAnimationDuration = null), E.captureAnimationState(), !nn && (_.animation && ($.fromRect = z, M.forEach(function(q) {
+                  if (q.thisAnimationDuration = null, q !== $) {
+                    var ee = Te ? Y(q) : z;
+                    q.fromRect = ee, E.addAnimationState({
+                      target: q,
+                      rect: ee
+                    });
+                  }
+                })), Sn(), M.forEach(function(q) {
+                  D[De] ? l.insertBefore(q, D[De]) : l.appendChild(q), De++;
+                }), v === Z($))) {
+                  var Ne = !1;
+                  M.forEach(function(q) {
+                    if (q.sortableIndex !== Z(q)) {
+                      Ne = !0;
+                      return;
+                    }
+                  }), Ne && (h("update"), h("sort"));
+                }
+                M.forEach(function(q) {
+                  Pt(q);
+                }), E.animateAll();
+              }
+              je = E;
+            }
+            (i === l || m && m.lastPutMode !== "clone") && ke.forEach(function(q) {
+              q.parentNode && q.parentNode.removeChild(q);
+            });
+          }
+        },
+        nullingGlobal: function() {
+          this.isMultiDrag = qt = !1, ke.length = 0;
+        },
+        destroyGlobal: function() {
+          this._deselectMultiDrag(), T(document, "pointerup", this._deselectMultiDrag), T(document, "mouseup", this._deselectMultiDrag), T(document, "touchend", this._deselectMultiDrag), T(document, "keydown", this._checkKeyDown), T(document, "keyup", this._checkKeyUp);
+        },
+        _deselectMultiDrag: function(t) {
+          if (!(typeof qt < "u" && qt) && je === this.sortable && !(t && Q(t.target, this.options.draggable, this.sortable.el, !1)) && !(t && t.button !== 0))
+            for (; M.length; ) {
+              var n = M[0];
+              S(n, this.options.selectedClass, !1), M.shift(), $e({
+                sortable: this.sortable,
+                rootEl: this.sortable.el,
+                name: "deselect",
+                targetEl: n,
+                originalEvent: t
+              });
+            }
+        },
+        _checkKeyDown: function(t) {
+          t.key === this.options.multiDragKey && (this.multiDragKeyDown = !0);
+        },
+        _checkKeyUp: function(t) {
+          t.key === this.options.multiDragKey && (this.multiDragKeyDown = !1);
+        }
+      }, p(r, {
+        pluginName: "multiDrag",
+        utils: {
+          select: function(t) {
+            var n = t.parentNode[ue];
+            !n || !n.options.multiDrag || ~M.indexOf(t) || (je && je !== n && (je.multiDrag._deselectMultiDrag(), je = n), S(t, n.options.selectedClass, !0), M.push(t));
+          },
+          deselect: function(t) {
+            var n = t.parentNode[ue], i = M.indexOf(t);
+            !n || !n.options.multiDrag || !~i || (S(t, n.options.selectedClass, !1), M.splice(i, 1));
+          }
+        },
+        eventProperties: function() {
+          var t = this, n = [], i = [];
+          return M.forEach(function(l) {
+            n.push({
+              multiDragElement: l,
+              index: l.sortableIndex
+            });
+            var d;
+            Te && l !== $ ? d = -1 : Te ? d = Z(l, ":not(." + t.options.selectedClass + ")") : d = Z(l), i.push({
+              multiDragElement: l,
+              index: d
+            });
+          }), {
+            items: B(M),
+            clones: [].concat(ke),
+            oldIndicies: n,
+            newIndicies: i
+          };
+        },
+        optionListeners: { multiDragKey: function(t) {
+          return t = t.toLowerCase(), t === "ctrl" ? t = "Control" : t.length > 1 && (t = t.charAt(0).toUpperCase() + t.substr(1)), t;
+        } }
+      });
+    }
+    function Pr(r, e) {
+      M.forEach(function(t, n) {
+        var i = e.children[t.sortableIndex + (r ? Number(n) : 0)];
+        i ? e.insertBefore(t, i) : e.appendChild(t);
+      });
+    }
+    function nr(r, e) {
+      ke.forEach(function(t, n) {
+        var i = e.children[t.sortableIndex + (r ? Number(n) : 0)];
+        i ? e.insertBefore(t, i) : e.appendChild(t);
+      });
+    }
+    function Sn() {
+      M.forEach(function(r) {
+        r !== $ && r.parentNode && r.parentNode.removeChild(r);
+      });
+    }
+    return x.mount(new xr()), x.mount(Gn, qn), x.mount(new Or()), x.mount(new Mr()), x;
+  }));
+})))()), jt = "bk_username", ze = {
+  USER: "user",
+  VIRTUAL: "virtual",
+  CUSTOM: "custom",
+  USER_GROUP: "userGroup"
+}, ea = /* @__PURE__ */ Symbol("bkUserSelectorApiConfig"), ta = /^[A-Za-z0-9_-]{1,64}$/, zn = {
+  apiBaseUrl: "",
+  tenantId: "",
+  allowedApiOrigins: [],
+  allowPrivateApiHost: !1,
+  allowCrossOriginCredentials: !1
+}, vr = () => typeof window > "u" || !window.location?.origin ? "http://localhost" : window.location.origin, na = (s) => {
+  const c = s.split(".").map(Number);
+  if (c.length !== 4 || c.some(Number.isNaN)) return !1;
+  const [u, a] = c;
+  return u === 10 || u === 127 || u === 172 && a >= 16 && a <= 31 || u === 192 && a === 168 || u === 169 && a === 254 || u === 100 && a >= 64 && a <= 127;
+}, ra = (s) => {
+  const c = s.toLowerCase();
+  return !!(c === "localhost" || c === "[::1]" || c === "::1" || na(c) || c.startsWith("fc") || c.startsWith("fd"));
+}, mr = (s = []) => {
+  const c = vr();
+  return Array.from(new Set(s.map((u) => {
+    try {
+      const a = new URL(u, c);
+      return ["http:", "https:"].includes(a.protocol) ? a.origin : "";
+    } catch {
+      return "";
+    }
+  }).filter(Boolean)));
+}, br = (s, c = [], u = !1) => {
+  if (!s) return "";
+  try {
+    const a = new URL(s, vr());
+    if (!["http:", "https:"].includes(a.protocol))
+      return console.warn("[bk-user-selector] apiBaseUrl 仅支持 http/https 协议"), "";
+    if (!u && ra(a.hostname))
+      return console.warn("[bk-user-selector] apiBaseUrl 指向私网或 localhost，已被安全策略拦截"), "";
+    const o = mr(c);
+    if (o.length > 0 && !o.includes(a.origin))
+      return console.warn("[bk-user-selector] apiBaseUrl 未命中 allowedApiOrigins 白名单，已被安全策略拦截"), "";
+    const g = a.pathname.replace(/\/+$/, "");
+    return `${a.origin}${g}`;
+  } catch {
+    return console.warn("[bk-user-selector] apiBaseUrl 格式非法，已被安全策略拦截"), "";
+  }
+}, yr = (s) => {
+  const c = String(s || "").trim();
+  return c ? ta.test(c) ? c : (console.warn("[bk-user-selector] tenantId 格式非法，已被安全策略拦截"), "") : "";
+}, aa = () => zn, ia = (s, c, u = [], a = !1, o = !1, g = {}) => {
+  const p = mr(u);
+  zn = {
+    apiBaseUrl: br(s, p, a),
+    tenantId: yr(c),
+    allowedApiOrigins: p,
+    allowPrivateApiHost: a,
+    allowCrossOriginCredentials: o,
+    onError: g.onError,
+    onUnauthorized: g.onUnauthorized
+  }, Lr(ea, zn);
+}, oa = () => `__jsonp_callback_${Date.now()}_${Math.random().toString(36).slice(2, 9)}`, la = (s, c = {}) => new Promise((u, a) => {
+  const o = Gr(s), { timeout: g = 1e3 * 60 * 2, params: p } = c, b = oa(), C = document.createElement("script");
+  let B = null;
+  C.setAttribute("type", "text/javascript");
+  const j = () => {
+    B && clearTimeout(B), C.parentNode && C.parentNode.removeChild(C), window[b] && delete window[b];
+  };
+  window[b] = (A) => {
+    j(), u(A.data || A);
+  }, B = setTimeout(() => {
+    j(), a(/* @__PURE__ */ new Error(`JSONP request timeout: ${o}`));
+  }, g), C.onerror = () => {
+    j(), a(/* @__PURE__ */ new Error(`JSONP request failed: ${o}`));
+  }, C.src = `${o}${o.includes("?") ? "&" : "?"}callback=${b}${p ? `&${Object.entries(p).map(([A, F]) => F ? `${A}=${F}` : "").filter(Boolean).join("&")}` : ""}`, document.head.appendChild(C);
+}), cn = "[BkUserSelector]", lr = {
+  debug: 0,
+  info: 1,
+  warn: 2,
+  error: 3
+}, sa = {
+  level: "warn"
+}, En = (s) => lr[s] >= lr[sa.level], Kn = {
+  debug: (s, ...c) => {
+    En("debug") && console.debug(`${cn} ${s}`, ...c);
+  },
+  info: (s, ...c) => {
+    En("info") && console.info(`${cn} ${s}`, ...c);
+  },
+  warn: (s, ...c) => {
+    En("warn") && console.warn(`${cn} ${s}`, ...c);
+  },
+  error: (s, c) => {
+    En("error") && console.error(`${cn} ${s}`, c);
+  }
+}, sr = (s, c) => {
+  if (s)
+    try {
+      s(c);
+    } catch (u) {
+      console.error(`${cn} error handler threw:`, u);
+    }
+}, ua = (s, c, u, a = !1) => ({
+  scene: s,
+  cause: c,
+  status: u,
+  isUnauthorized: a
+}), Tn = (s, c, u, a, o = !1) => {
+  o ? Kn.warn(`${s}: 登录态已失效，请重新登录`) : Kn.error(`${s}失败:`, c);
+  const g = ua(s, c, a, o);
+  o && sr(u?.onUnauthorized, g), sr(u?.onError, g);
+}, Vn = (s, c) => {
+  Kn.warn(`${s}需要提供有效的参数: ${c.join(", ")}`);
+}, xn = 401, Wn = (s, c) => {
+  if (typeof window > "u" || !window.location?.origin) return "same-origin";
+  try {
+    return new URL(s, window.location.origin).origin === window.location.origin || c ? "include" : "omit";
+  } catch {
+    return "same-origin";
+  }
+}, Yn = (s, c) => {
+  const u = aa(), a = u.allowPrivateApiHost, o = u.allowedApiOrigins;
+  return {
+    allowCrossOriginCredentials: u.allowCrossOriginCredentials,
+    apiBaseUrl: br(u.apiBaseUrl || s, o, a),
+    tenantId: yr(u.tenantId || c),
+    apiConfig: u
+  };
+}, Xn = (s, c, u) => {
+  if (!s.ok) {
+    if (s.status === xn) {
+      const a = /* @__PURE__ */ new Error(`${c}失败: 登录态已失效`);
+      throw Tn(c, a, u, s.status, !0), a;
+    }
+    throw new Error(`${s.status} ${s.statusText}`);
+  }
+}, Qn = (s) => {
+  if (typeof s == "object" && s !== null && "status" in s) {
+    const c = s.status;
+    return typeof c == "number" ? c : void 0;
+  }
+  if (s instanceof Error) {
+    const c = /^(\d{3})\s/.exec(s.message);
+    if (c) return Number(c[1]);
+  }
+}, da = async (s, c) => {
+  const u = Yn(s, c);
+  if (!u.apiBaseUrl || !u.tenantId)
+    return Vn("获取租户信息", ["apiBaseUrl", "tenantId"]), [];
+  try {
+    const a = `${u.apiBaseUrl}/api/v3/open-web/tenant/data-source-owner-tenants/`, o = Wn(a, u.allowCrossOriginCredentials), g = await fetch(a, {
+      method: "GET",
+      headers: { "x-bk-tenant-id": u.tenantId },
+      credentials: o
+    });
+    return Xn(g, "获取租户信息", u.apiConfig), (await g.json()).data || [];
+  } catch (a) {
+    const o = Qn(a);
+    return o !== xn && Tn("获取租户信息", a, u.apiConfig, o, !1), [];
+  }
+}, ca = async (s) => {
+  const { apiBaseUrl: c, tenantId: u, keyword: a, enableMultiTenantMode: o = !0 } = s;
+  if (!o) try {
+    return await wr(c, {
+      keyword: a,
+      pageSize: 100,
+      page: 1
+    });
+  } catch {
+    return [];
+  }
+  const g = Yn(c, u);
+  if (!a || !g.apiBaseUrl || !g.tenantId)
+    return Vn("搜索用户", [
+      "apiBaseUrl",
+      "tenantId",
+      "keyword"
+    ]), [];
+  try {
+    const p = `${g.apiBaseUrl}/api/v3/open-web/tenant/users/-/search/?keyword=${encodeURIComponent(a)}`, b = Wn(p, g.allowCrossOriginCredentials), C = await fetch(p, {
+      method: "GET",
+      headers: { "x-bk-tenant-id": g.tenantId },
+      credentials: b
+    });
+    return Xn(C, "搜索用户", g.apiConfig), (await C.json()).data || [];
+  } catch (p) {
+    const b = Qn(p);
+    return b !== xn && Tn("搜索用户", p, g.apiConfig, b, !1), [];
+  }
+}, An = async (s) => {
+  const { apiBaseUrl: c, tenantId: u, exactSearchKey: a = "bk_username", usersList: o = [], enableMultiTenantMode: g = !0 } = s, p = o.filter(Boolean).map((C) => typeof C == "string" ? C.trim() : String(C).trim());
+  if (!g) try {
+    const C = await wr(c, { userIds: p });
+    return p.map((B) => C.find((j) => j.username === B)).filter(Boolean);
+  } catch {
+    return [];
+  }
+  const b = Yn(c, u);
+  if (p.length === 0 || !b.apiBaseUrl || !b.tenantId)
+    return Vn("批量查找用户", [
+      "apiBaseUrl",
+      "tenantId",
+      "usersList"
+    ]), [];
+  try {
+    const C = `${b.apiBaseUrl}/api/v3/open-web/tenant/users/-/lookup/?lookups=${p.join(",")}&lookup_fields=${a}`, B = Wn(C, b.allowCrossOriginCredentials), j = await fetch(C, {
+      method: "GET",
+      headers: { "x-bk-tenant-id": b.tenantId },
+      credentials: B
+    });
+    return Xn(j, "批量查找用户", b.apiConfig), (await j.json()).data || [];
+  } catch (C) {
+    const B = Qn(C);
+    return B !== xn && Tn("批量查找用户", C, b.apiConfig, B, !1), [];
+  }
+}, fn = (s, c = !0) => !s || !Array.isArray(s) ? [] : c ? s.map((u) => ({
+  id: u.bk_username,
+  name: u.display_name,
+  type: u.data_source_type,
+  tenantId: u.owner_tenant_id,
+  ...u
+})) : s.map((u) => ({
+  ...u,
+  id: u.username,
+  name: `${u.display_name}(${u.username})`,
+  type: u.data_source_type,
+  tenantId: u.owner_tenant_id
+})), wr = async (s, c) => {
+  const { userIds: u, keyword: a, pageSize: o = 20, page: g = 1, appCode: p = "bk-magicbox" } = c;
+  return (await la(s, { params: {
+    exact_lookups: u?.join(",") || void 0,
+    fuzzy_lookups: a || void 0,
+    page_size: Math.max(u?.length || 0, 20, Number(o)).toString(),
+    page: g.toString(),
+    app_code: p
+  } }))?.results || [];
+}, fa = (s) => {
+  const c = te(!1);
+  return {
+    loading: c,
+    fetchCurrentUser: async () => {
+      const a = ne(s.currentUserId);
+      if (!a) return null;
+      const o = ne(s.enableMultiTenantMode) ?? !0;
+      c.value = !0;
+      try {
+        const g = fn(await An({
+          apiBaseUrl: ne(s.apiBaseUrl),
+          tenantId: ne(s.tenantId),
+          exactSearchKey: ne(s.exactSearchKey) || "bk_username",
+          usersList: [a],
+          enableMultiTenantMode: o
+        }), o);
+        return g.length > 0 ? g[0] : null;
+      } catch (g) {
+        return console.error("获取当前用户信息失败:", g), null;
+      } finally {
+        c.value = !1;
+      }
+    }
+  };
+};
+function Dn(s) {
+  for (var c = 1; c < arguments.length; c++) {
+    var u = arguments[c];
+    for (var a in u) s[a] = u[a];
+  }
+  return s;
+}
+var ha = {
+  read: function(s) {
+    return s[0] === '"' && (s = s.slice(1, -1)), s.replace(/(%[\dA-F]{2})+/gi, decodeURIComponent);
+  },
+  write: function(s) {
+    return encodeURIComponent(s).replace(/%(2[346BF]|3[AC-F]|40|5[BDE]|60|7[BCD])/g, decodeURIComponent);
+  }
+};
+function Hn(s, c) {
+  function u(o, g, p) {
+    if (!(typeof document > "u")) {
+      p = Dn({}, c, p), typeof p.expires == "number" && (p.expires = new Date(Date.now() + p.expires * 864e5)), p.expires && (p.expires = p.expires.toUTCString()), o = encodeURIComponent(o).replace(/%(2[346B]|5E|60|7C)/g, decodeURIComponent).replace(/[()]/g, escape);
+      var b = "";
+      for (var C in p)
+        p[C] && (b += "; " + C, p[C] !== !0 && (b += "=" + p[C].split(";")[0]));
+      return document.cookie = o + "=" + s.write(g, o) + b;
+    }
+  }
+  function a(o) {
+    if (!(typeof document > "u" || arguments.length && !o)) {
+      for (var g = document.cookie ? document.cookie.split("; ") : [], p = {}, b = 0; b < g.length; b++) {
+        var C = g[b].split("="), B = C.slice(1).join("=");
+        try {
+          var j = decodeURIComponent(C[0]);
+          if (p[j] = s.read(B, j), o === j) break;
+        } catch {
+        }
+      }
+      return o ? p[o] : p;
+    }
+  }
+  return Object.create({
+    set: u,
+    get: a,
+    remove: function(o, g) {
+      u(o, "", Dn({}, g, { expires: -1 }));
+    },
+    withAttributes: function(o) {
+      return Hn(this.converter, Dn({}, this.attributes, o));
+    },
+    withConverter: function(o) {
+      return Hn(Dn({}, this.converter, o), this.attributes);
+    }
+  }, {
+    attributes: { value: Object.freeze(c) },
+    converter: { value: Object.freeze(s) }
+  });
+}
+var pa = Hn(ha, { path: "/" }), ga = {
+  我: "Me",
+  请输入人员名称搜索: "Please enter the name of the user to search",
+  最近选择: "Recent selections",
+  用户群组: "User Group",
+  无匹配人员: "No matching users",
+  虚拟账号: "Virtual Account",
+  用户: "User",
+  复制全部: "Copy All",
+  已复制: "Copied",
+  复制失败: "Copy Failed",
+  删除全部: "Delete All",
+  "确认删除全部已选人员？": "Delete all selected users?",
+  "删除全部后无法撤回，请谨慎确认。": "This action cannot be undone. Please confirm carefully.",
+  取消: "Cancel",
+  删除: "Delete"
+}, va = {
+  我: "我",
+  请输入人员名称搜索: "请输入人员名称搜索",
+  最近选择: "最近选择",
+  用户群组: "用户群组",
+  无匹配人员: "无匹配人员",
+  虚拟账号: "虚拟账号",
+  用户: "用户",
+  复制全部: "复制全部",
+  已复制: "已复制",
+  复制失败: "复制失败",
+  删除全部: "删除全部",
+  "确认删除全部已选人员？": "确认删除全部已选人员？",
+  "删除全部后无法撤回，请谨慎确认。": "删除全部后无法撤回，请谨慎确认。",
+  取消: "取消",
+  删除: "删除"
+}, ma = "blueking_language", ba = {
+  "en-US": ga,
+  "zh-CN": va
+}, ya = (s, c, u) => {
+  const a = /^\w/.test(c) ? c.split(".") : [c], { length: o } = a;
+  let g = s, p = 0;
+  for (; p <= o && g; )
+    if (typeof g == "string" || (u ? (g = g[a[p]], typeof g == "string" && Object.keys(u).forEach((b) => {
+      g = g.replace(`{${b}}`, u[b]);
+    })) : g = g[a[p]], p = p + 1, !g)) return g;
+  return g;
+}, Zn = () => {
+  let s = "zh-CN";
+  const c = pa.get(ma);
+  c && c.toLowerCase() === "en" && (s = "en-US");
+  const u = ba[s];
+  return {
+    local: s,
+    t: (o, g) => {
+      const p = ya(u, o, g);
+      return p === void 0 && console.warn(`缺少索引 * ${o} *`), p;
+    }
+  };
+}, wa = (s) => {
+  const c = te(!1), u = () => {
+    const A = s.onBatchAddUsers, F = ne(s.multiple);
+    return {
+      apiBaseUrl: ne(s.apiBaseUrl),
+      tenantId: ne(s.tenantId),
+      searchQuery: s.searchQuery,
+      selectedUsers: s.selectedUsers,
+      allowCreate: ne(s.allowCreate) ?? !1,
+      freePaste: ne(s.freePaste) ?? !1,
+      enableMultiTenantMode: ne(s.enableMultiTenantMode) ?? !0,
+      maxCount: ne(s.maxCount) ?? 0,
+      isUserDisabled: s.isUserDisabled ?? (() => !1),
+      onAddUser: s.onAddUser,
+      onBatchAddUsers: A,
+      shouldBatch: (F ?? !!A) && !!A
+    };
+  }, a = 100, o = 100, g = (A) => ({
+    id: A,
+    name: A,
+    type: ze.CUSTOM,
+    tenantId: "",
+    login_name: A
+  }), p = (A) => {
+    const F = A.split(/[,，;\n\s]+/).filter(Boolean).map((L) => L.trim().replace(/\s*\(.*?\)\s*/, "")).filter(Boolean);
+    return Array.from(new Set(F)).slice(0, a);
+  }, b = (A, F) => {
+    const L = [];
+    for (let le = 0; le < A.length; le += F) L.push(A.slice(le, le + F));
+    return L;
+  }, C = (A, F) => {
+    const L = /* @__PURE__ */ new Map();
+    for (const le of [...A, ...F]) L.has(le.id) || L.set(le.id, le);
+    return Array.from(L.values());
+  };
+  return {
+    isPasting: c,
+    parsePastedText: p,
+    handleEnterCreate: (A) => {
+      const { allowCreate: F, searchQuery: L, selectedUsers: le, isUserDisabled: Be, onAddUser: se } = u();
+      if (A.key !== "Enter" || !F || !L.value.trim()) return;
+      const P = g(L.value.trim());
+      !le.value.some((X) => X.id === P.id) && !Be(P) && se(P);
+    },
+    handlePaste: async (A) => {
+      A.preventDefault();
+      const F = A.clipboardData?.getData("text")?.trim();
+      if (F) {
+        c.value = !0;
+        try {
+          const L = p(F);
+          if (L.length === 0) return;
+          const { apiBaseUrl: le, tenantId: Be, enableMultiTenantMode: se, freePaste: P, maxCount: X, isUserDisabled: Se, onAddUser: Ue, onBatchAddUsers: ye, shouldBatch: R, selectedUsers: Ke } = u(), O = b(L, o), T = [];
+          for (const he of O) {
+            const Q = await An({
+              apiBaseUrl: le,
+              tenantId: Be,
+              exactSearchKey: "login_name",
+              usersList: he,
+              enableMultiTenantMode: se
+            });
+            T.push(...Q);
+          }
+          const ae = fn(T, se).filter((he) => !Se(he));
+          if (R) {
+            let he = C(Ke.value, ae);
+            if (P)
+              for (const Q of L) !he.some((Fe) => Fe.login_name === Q || Fe.id === Q) && !Se(Q) && he.push(g(Q));
+            X > 0 && he.length > X && (he = he.slice(0, X)), ye?.(he);
+          } else ae.length > 0 ? Ue(ae[0]) : P && L.length > 0 && Ue(g(L[0]));
+        } catch (L) {
+          console.error("精准查找用户失败:", L);
+        } finally {
+          c.value = !1;
+        }
+      }
+    }
+  };
+}, _a = (s, c, u = {}) => {
+  const { immediate: a = !0 } = u;
+  let o = null;
+  const g = () => {
+    o && (o.disconnect(), o = null);
+  };
+  return Xe(s, () => {
+    if (g(), !!s.value && (o = new ResizeObserver((b) => {
+      for (const C of b) c(C);
+    }), o.observe(s.value), a && s.value)) {
+      const b = s.value.getBoundingClientRect();
+      c({
+        target: s.value,
+        contentRect: b,
+        borderBoxSize: [{
+          blockSize: b.height,
+          inlineSize: b.width
+        }],
+        contentBoxSize: [{
+          blockSize: b.height,
+          inlineSize: b.width
+        }],
+        devicePixelContentBoxSize: [{
+          blockSize: b.height,
+          inlineSize: b.width
+        }]
+      });
+    }
+  }, { immediate: !0 }), fr(g), g;
+}, Ca = (s, c, u = !0) => {
+  const a = te({}), o = te(!1);
+  let g = 0;
+  const p = async () => {
+    const b = ne(s), C = ne(c);
+    if (!b || !C) {
+      console.warn("获取租户需要提供有效的API基础URL和租户ID");
+      return;
+    }
+    const B = ++g;
+    o.value = !0;
+    try {
+      const j = await da(b, C);
+      if (B !== g) return;
+      const A = {};
+      j.forEach((F) => {
+        F.id && F.name && (A[F.id] = F.name);
+      }), a.value = A;
+    } catch (j) {
+      if (B !== g) return;
+      console.error("获取租户数据失败:", j);
+    } finally {
+      B === g && (o.value = !1);
+    }
+  };
+  return cr(() => {
+    ne(u) && p();
+  }), Xe(() => [
+    ne(s),
+    ne(c),
+    ne(u)
+  ], ([, , b]) => {
+    b && p();
+  }), {
+    tenants: a,
+    loading: o,
+    fetchTenants: p
+  };
+}, Sa = (s, c) => {
+  let u = null;
+  return function(...a) {
+    u && clearTimeout(u), u = window.setTimeout(() => {
+      s(...a), u = null;
+    }, c);
+  };
+}, ur = (s, c, u) => {
+  if (!s || !c.length) return 0;
+  let a = 0, o = 0;
+  for (const g of Array.from(c)) {
+    const p = g;
+    if (!p) continue;
+    const b = window.getComputedStyle(p), C = p.offsetWidth, B = parseInt(b.marginLeft, 10) || 0, j = parseInt(b.marginRight, 10) || 0;
+    if (a += C + B + j, a > u) break;
+    o++;
+  }
+  return Math.max(1, o);
+}, Ua = (s) => {
+  const c = window.getComputedStyle(s), u = parseFloat(c.paddingLeft) || 0, a = parseFloat(c.paddingRight) || 0;
+  return Math.max(0, s.clientWidth - u - a);
+}, Ia = (s, c, u) => {
+  const a = Ua(s);
+  if (ur(s, c, a) >= u) return {
+    hiddenCount: 0,
+    visibleCount: u
+  };
+  const o = ur(s, c, a - 48);
+  return {
+    hiddenCount: Math.max(0, u - o),
+    visibleCount: o
+  };
+}, Ea = (s, c, u = !0) => {
+  const a = te([]), o = te(!1), g = te(""), p = async (j) => {
+    if (!j?.length) {
+      a.value = [], o.value = !1;
+      return;
+    }
+    const A = ne(s), F = ne(c), L = ne(u);
+    if (L && (!A || !F)) {
+      console.warn("执行用户搜索需要提供有效的API基础URL和租户ID"), o.value = !1;
+      return;
+    }
+    o.value = !0;
+    try {
+      a.value = fn(await ca({
+        apiBaseUrl: A,
+        tenantId: F,
+        keyword: j,
+        enableMultiTenantMode: L
+      }), L);
+    } catch (le) {
+      console.error("用户搜索失败:", le), a.value = [];
+    } finally {
+      o.value = !1;
+    }
+  }, b = Sa(p, 300);
+  return {
+    searchResults: a,
+    loading: o,
+    searchQuery: g,
+    performSearch: p,
+    handleSearchInput: (j) => {
+      o.value = !0, g.value = j.trim(), b(g.value);
+    },
+    clearSearch: () => {
+      g.value = "", a.value = [], o.value = !1;
+    }
+  };
+}, Da = (s) => {
+  const { searchQuery: c } = s, u = (b) => ({
+    id: b,
+    name: b,
+    type: ze.CUSTOM,
+    tenantId: "",
+    login_name: b
+  }), a = (b) => ne(s.selectedUserIds).includes(b), o = (b) => {
+    const C = ne(s.disabledUserIds) ?? [];
+    if (typeof b == "string") return C.includes(b);
+    const B = ne(s.disabledUserFields), j = B?.length ? B : ["id"], A = b;
+    return j.some((F) => {
+      const L = F === "id" ? b.id : A[F];
+      return L != null && C.includes(String(L));
+    });
+  }, g = (b) => {
+    const C = ne(s.excludeUserIds) ?? [];
+    return b.filter((B) => !a(B.id)).filter((B) => !C.includes(B.id));
+  };
+  return {
+    createCustomUser: u,
+    filterNavigableOptions: (b) => g(b).filter((C) => !o(C)),
+    isUserSelected: a,
+    isUserDisabled: o,
+    filterOptions: g,
+    filteredUserGroup: V(() => {
+      const b = ne(s.userGroup);
+      return b?.length ? b.filter((C) => {
+        if (!(!a(C.id) && !C.hidden)) return !1;
+        const B = c.value.trim();
+        return B ? C.id?.includes(B) || C.name?.includes(B) : !0;
+      }) : [];
+    })
+  };
+}, Aa = (s) => typeof s.message == "function" ? s.message() : s.message, dr = async (s, c) => {
+  if (!c?.length) return {
+    message: "",
+    valid: !0
+  };
+  for (const u of c) {
+    let a = !1;
+    try {
+      a = await u.validator(s);
+    } catch {
+      a = !1;
+    }
+    if (!a) return {
+      message: Aa(u),
+      valid: !1
+    };
+  }
+  return {
+    message: "",
+    valid: !0
+  };
+}, Ta = /* @__PURE__ */ hn({
+  name: "MeTag",
+  __name: "me-tag",
+  props: {
+    currentUserId: {
+      type: String,
+      required: !1,
+      default: ""
+    },
+    isDisabled: {
+      type: Boolean,
+      required: !1,
+      default: !1
+    }
+  },
+  emits: ["click"],
+  setup(s, { expose: c, emit: u }) {
+    c();
+    const { t: a } = Zn(), o = s, g = u, b = {
+      t: a,
+      props: o,
+      emit: g,
+      handleClick: () => {
+        o.isDisabled || g("click");
+      }
+    };
+    return Object.defineProperty(b, "__isScriptSetup", {
+      enumerable: !1,
+      value: !0
+    }), b;
+  }
+}), On = (s, c) => {
+  const u = s.__vccOpts || s;
+  for (const [a, o] of c) u[a] = o;
+  return u;
+};
+function xa(s, c, u, a, o, g) {
+  return u.currentUserId ? (W(), oe("div", {
+    key: 0,
+    class: vt(["me-tag", { disabled: u.isDisabled }]),
+    onClick: Pe(a.handleClick, ["stop"])
+  }, xt(a.t("我")), 3)) : ie("v-if", !0);
+}
+var Oa = /* @__PURE__ */ On(Ta, [
+  ["render", xa],
+  ["__scopeId", "data-v-a1054364"],
+  ["__file", "/Users/brooklin/project/bkui-monorepo/packages/bk-user-selector/src/components/me-tag.vue"]
+]), ka = "data:image/svg+xml,%3csvg%20viewBox='0%200%201024%201024'%20version='1.1'%20xmlns='http://www.w3.org/2000/svg'%20style='fill:%20%23A3C5FD;'%3e%3cpath%20fill-rule='evenodd'%20d='M405.7858816%20162.66256256C416.4461344%20160.6535248%20439.8986944%20159.44810208%20457.3815104%20160.25171712%20484.2453504%20161.05533248%20494.052784%20163.4661776%20516.226112%20174.7167888%20567.8217376%20200.43247136%20597.670448%20242.22045568%20606.6250624%20301.28616416%20617.711728%20374.415136%20593.4063488%20443.5260352%20535.8409792%20500.180896%20509.8299584%20525.8965792%20505.565856%20537.5489984%20514.0940608%20557.237568%20521.3430336%20572.9080608%20546.0748224%20586.5695168%20629.2248%20620.3213504%20691.054272%20645.2334208%20760.985536%20687.4232096%20767.8080992%20703.8973216%20774.6306624%20720.3714304%20784.8645056%20752.114224%20791.6870688%20777.4280992%20799.7888608%20807.1618592%20793.3927072%20818.8142784%20761.8383584%20832.4757344%20720.4765728%20850.155264%20669.3073536%20857.3878016%20546.9276416%20862.2094912%20392.9935776%20868.2366048%20227.12002944%20858.5932224%20162.30568672%20840.1100768%20134.5890272%20832.4757344%20108.15159776%20815.1980096%20100.47621504%20799.5275136%2093.6536528%20786.2678656%2094.08006304%20784.2588288%20105.59313696%20746.4889184%20116.67980096%20709.924432%20119.23826176%20705.5045504%20141.41158944%20685.4141728%20143.84821888%20683.2001312%20146.05397248%20681.2036448%20148.2232096%20679.3252416L152.13038144%20676.0501632C159.5946992%20670.0236288%20167.98497088%20664.6722176%20184.94031712%20656.0863296L191.29263904%20652.915344C215.97973152%20640.7492736%20256.51622304%20622.3959904%20329.458464%20589.3821696%20359.7335872%20575.3189056%20371.2466592%20563.6664896%20375.084352%20542.772496%20377.2164032%20530.316464%20374.6579424%20526.7001952%20345.2356416%20496.9664352%20295.34565344%20446.338688%20274.02514592%20396.9163584%20273.59873568%20331.0199232%20273.59873568%20291.24097568%20282.12693888%20265.52529312%20307.71154784%20228.15719168%20332.8697472%20191.19089792%20365.703328%20169.49329056%20405.7858816%20162.66256256ZM668.7713728%20226.60405184C756.683056%20211.50282816%20820.4190272%20263.09867616%20827.0124032%20354.9644544%20831.8475456%20416.6277856%20815.1443264%20461.931456%20770.3093664%20510.1714752%20752.287472%20529.4674848%20747.891888%20536.5986176%20748.3314464%20548.344016%20748.7710048%20555.8946272%20751.4083552%20565.123152%20754.485264%20568.8984576%20757.5621728%20572.2542848%20788.331264%20588.1944672%20823.0563776%20604.1346464%20944.3745024%20659.92528%20966.791984%20682.996592%20958.4403712%20744.6599232%20954.923904%20771.9260224%20956.6821376%20771.0870656%20890.308816%20787.0272448%20867.4517792%20792.8999456%20845.0343008%20798.3531648%20841.0782752%20799.6116%20835.3640128%20801.2895136%20833.1662208%20797.9336864%20830.5288704%20781.5740256%20824.3750528%20739.6261824%20812.0674176%20710.6821696%20790.0894976%20687.6108576%20752.287472%20647.3409248%20703.9360448%20619.6553504%20624.3759712%20593.6476864%20597.5629088%20584.4191616%20560.64%20550.8608864%20560.64%20534.920704%20560.64%20527.7895712%20569.8707264%20514.7857408%20589.6508544%20494.6507744%20620.859504%20461.931456%20639.7605152%20429.631616%20648.5516832%20394.8149056%20655.5846208%20366.7098496%20652.0681504%20283.23364096%20642.837424%20254.7091072%20635.3649312%20231.63779328%20634.4858144%20232.47675008%20668.7713728%20226.60405184Z'%3e%3c/path%3e%3c/svg%3e", Ma = "data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'?%3e%3csvg%20width='32px'%20height='32px'%20viewBox='0%200%2032%2032'%20version='1.1'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%3e%3ctitle%3eIcon/用户%3c/title%3e%3cg%20id='Icon/用户'%20stroke='none'%20stroke-width='1'%20fill='none'%20fill-rule='evenodd'%3e%3cg%20id='user-(1)'%20transform='translate(3,%202)'%20fill='%23A3C5FD'%20fill-rule='nonzero'%3e%3cpath%20d='M13.0077612,27.9989067%20C10.3002732,27.9989067%207.59285518,28.0018792%204.88515705,27.997455%20C3.95018807,27.9959342%203.05044678,27.8282323%202.22816433,27.3628696%20C0.998627601,26.6672451%200.29953695,25.6114692%200.0864200465,24.2387462%20C-0.0656962495,23.259079%200.0147040645,22.4675755%200.0874005263,21.4879775%20C0.187970957,20.13461%200.423078914,19.3321844%200.863249688,18.0430358%20C1.22365046,16.9873982%201.73014453,16.0067633%202.49702917,15.175719%20C3.42254341,14.1726178%204.6014447,13.7297906%205.9255989,13.6440041%20C6.33292322,13.6073668%206.66741099,13.712025%206.9979768,13.9263185%20C7.58886318,14.3094892%208.17393665,14.7060014%208.79220674,15.0421658%20C10.1097776,15.758321%2011.5447274,16.1099698%2013.0616182,16.0930337%20C14.6806203,16.0750607%2016.2142496,15.63963%2017.592821,14.8169502%20C18.0555431,14.5407189%2018.5150436,14.256538%2018.9569652,13.9491996%20C19.3610679,13.6681294%2019.7808585,13.5749462%2020.274326,13.6337733%20C21.462472,13.7340074%2022.3872158,14.1103345%2023.2340106,14.8851094%20C23.902636,15.496952%2024.3685096,16.2520257%2024.7518119,17.0611566%20C25.272453,18.1598604%2025.5462904,18.7976948%2025.7441396,19.9861253%20C25.9499728,21.2233595%2026.0256808,22.2792045%2025.9924842,23.5308171%20C25.9627193,24.6543374%2025.6405577,25.6840525%2024.8535729,26.5307194%20C24.1686994,27.2671979%2023.3129402,27.7090574%2022.3211027,27.8808379%20C21.9232331,27.9495501%2021.5154185,27.9922014%2021.1120162,27.9935148%20C18.4104811,28.0036073%2015.7090862,27.9989067%2013.0077612,27.9989067%20L13.0077612,27.9989067%20Z%20M5.91775495,6.98479749%20C5.84814002,3.25685016%209.08684454,-0.00255470186%2013.0162355,1.5025268e-06%20C16.9117994,0.00256071584%2020.1304739,3.23452217%2020.1095656,7.04113598%20C20.0884528,10.8082092%2016.8998935,14.015354%2013.0058002,14.0149393%20C9.10134181,14.0145245%205.83322254,10.7695672%205.91775495,6.98479749%20Z'%20id='形状'%3e%3c/path%3e%3c/g%3e%3c/g%3e%3c/svg%3e", Pa = "data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'?%3e%3csvg%20width='32px'%20height='32px'%20viewBox='0%200%2032%2032'%20version='1.1'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%3e%3ctitle%3eIcon/虚拟icon%3c/title%3e%3cg%20id='Icon/虚拟icon'%20stroke='none'%20stroke-width='1'%20fill='none'%20fill-rule='evenodd'%3e%3cpath%20d='M27.4705882,3%20C28.315259,3%2029,3.68474098%2029,4.52941178%20L29,22.4623054%20C29,23.3069762%2028.315259,23.9917172%2027.4705882,23.9917172%20L20.5882353,23.9917172%20L20.5882353,27.0244081%20L24.0294118,27.0244081%20C24.2405794,27.0244081%2024.4117647,27.1955933%2024.4117647,27.406761%20L24.4117647,28.617647%20C24.4117647,28.8288148%2024.2405795,29%2024.0294118,29%20L7.97058824,29%20C7.75942054,29%207.58823529,28.8288148%207.58823529,28.617647%20L7.58823529,27.406761%20C7.58823531,27.1955933%207.75942055,27.0244081%207.97058824,27.0244081%20L11.4117647,27.0244081%20L11.4117647,23.9917172%20L4.52941178,23.9917172%20C3.68474098,23.9917172%203,23.3069762%203,22.4623054%20L3,4.52941178%20C3,3.68474098%203.68474098,3%204.52941178,3%20L27.4705882,3%20Z%20M19,24%20L13,24%20L13,27%20L19,27%20L19,24%20Z%20M23.4117647,7%20L8.58823529,7%20C8.03595054,7%207.58823529,7.44771525%207.58823529,8%20L7.58823529,19%20C7.58823529,19.5522847%208.03595054,20%208.58823529,20%20L23.4117647,20%20C23.9640495,20%2024.4117647,19.5522847%2024.4117647,19%20L24.4117647,8%20C24.4117647,7.44771525%2023.9640495,7%2023.4117647,7%20Z%20M12,10%20C12.5522847,10%2013,10.4477153%2013,11%20L13,13%20C13,13.5522847%2012.5522847,14%2012,14%20C11.4477153,14%2011,13.5522847%2011,13%20L11,11%20C11,10.4477153%2011.4477153,10%2012,10%20Z%20M20,10%20C20.5522847,10%2021,10.4477153%2021,11%20L21,13%20C21,13.5522847%2020.5522847,14%2020,14%20C19.4477153,14%2019,13.5522847%2019,13%20L19,11%20C19,10.4477153%2019.4477153,10%2020,10%20Z%20M26,5%20C25.4477153,5%2025,5.44771525%2025,6%20C25,6.55228475%2025.4477153,7%2026,7%20C26.5522847,7%2027,6.55228475%2027,6%20C27,5.44771525%2026.5522847,5%2026,5%20Z'%20id='蒙版'%20fill='%23A3C5FD'%20fill-rule='nonzero'%3e%3c/path%3e%3c/g%3e%3c/svg%3e", Jn = hn({
+  name: "UserRender",
+  props: {
+    user: {
+      type: Object,
+      required: !0
+    },
+    tenantId: {
+      type: String,
+      default: "default"
+    },
+    tenants: {
+      type: Object,
+      required: !0
+    },
+    render: {
+      type: Function,
+      required: !1
+    },
+    hasAvatar: {
+      type: Boolean,
+      default: !1
+    },
+    avatarBaseUrl: {
+      type: String,
+      default: ""
+    }
+  },
+  setup(s) {
+    const c = (a) => {
+      if (a.type === "virtual") return Pa;
+      if (a.type === "userGroup") return ka;
+      if (!s.avatarBaseUrl) return Ma;
+      const o = a.login_name || a.bk_username || a.id;
+      return `${s.avatarBaseUrl}${o}.png?default_when_absent=true`;
+    }, u = (a, o) => a("div", { style: {
+      display: "flex",
+      alignItems: "center",
+      maxWidth: "100%",
+      minWidth: 0,
+      overflow: "hidden"
+    } }, [
+      o.hasAvatar ? a("img", {
+        src: c(o.user),
+        style: {
+          width: "20px",
+          height: "20px",
+          borderRadius: "50%",
+          marginRight: "6px",
+          flexShrink: 0
+        }
+      }) : null,
+      a("span", { style: {
+        minWidth: 0,
+        overflow: "hidden",
+        textOverflow: "ellipsis",
+        whiteSpace: "nowrap"
+      } }, o.user.name),
+      o.user.tenantId !== o.tenantId && o.user.tenantId ? a("span", { style: {
+        color: "#f59500",
+        marginLeft: "4px"
+      } }, `@${o.tenants[o.user.tenantId] || o.user.tenantId}`) : null
+    ]);
+    return () => {
+      try {
+        return s.render ? s.render(jn, s.user) : u(jn, s);
+      } catch (a) {
+        return console.error("Error rendering tag:", a), u(jn, s);
+      }
+    };
+  }
+}), Ba = /* @__PURE__ */ hn({
+  name: "SelectionPopover",
+  __name: "selection-popover",
+  props: {
+    avatarBaseUrl: {
+      type: String,
+      required: !1,
+      default: ""
+    },
+    containerWidth: {
+      type: [Number, String],
+      required: !1,
+      default: "auto"
+    },
+    disabledUserFields: {
+      type: Array,
+      required: !1,
+      default: () => ["id"]
+    },
+    disabledUserIds: {
+      type: Array,
+      required: !1,
+      default: () => []
+    },
+    emptyText: {
+      type: String,
+      required: !1,
+      default: ""
+    },
+    flatOptions: {
+      type: Array,
+      required: !1,
+      default: () => []
+    },
+    hasAvatar: {
+      type: Boolean,
+      required: !1,
+      default: !1
+    },
+    highlightedIndex: {
+      type: Number,
+      required: !1,
+      default: -1
+    },
+    isShow: {
+      type: Boolean,
+      required: !1,
+      default: !1
+    },
+    loading: {
+      type: Boolean,
+      required: !1,
+      default: !1
+    },
+    options: {
+      type: Array,
+      required: !1,
+      default: () => []
+    },
+    recentUsers: {
+      type: Array,
+      required: !1,
+      default: () => []
+    },
+    recentUsersName: {
+      type: String,
+      required: !1,
+      default: ""
+    },
+    renderListItem: {
+      type: Function,
+      required: !1
+    },
+    searchQuery: {
+      type: String,
+      required: !1,
+      default: ""
+    },
+    tenantId: {
+      type: String,
+      required: !1,
+      default: "default"
+    },
+    tenants: {
+      type: Object,
+      required: !1,
+      default: () => ({})
+    },
+    userGroup: {
+      type: Array,
+      required: !1,
+      default: () => []
+    },
+    userGroupName: {
+      type: String,
+      required: !1,
+      default: ""
+    }
+  },
+  emits: ["click-outside", "select-user"],
+  setup(s, { expose: c, emit: u }) {
+    c();
+    const { t: a } = Zn(), o = te(null), g = te(null), p = s, b = u, C = V(() => {
+      const P = {};
+      return Array.isArray(p.userGroup) && p.userGroup.length > 0 && (P[p.userGroupName] = p.userGroup.map((X) => ({
+        ...X,
+        tenantId: "",
+        type: ze.USER_GROUP
+      }))), p.options.forEach((X) => {
+        const Se = X.data_source_type === ze.VIRTUAL ? a("虚拟账号") : a("用户");
+        P[Se] || (P[Se] = []), P[Se].push(X);
+      }), P;
+    }), B = V(() => Object.values(C.value).some((P) => P.length > 0)), j = V(() => p.recentUsers.length > 0), A = V(() => B.value || j.value), F = (P) => p.highlightedIndex < 0 || !p.flatOptions.length ? !1 : p.flatOptions[p.highlightedIndex] === P, L = (P) => {
+      const X = P;
+      return p.disabledUserFields.some((Se) => {
+        const Ue = Se === "id" ? P.id : X[Se];
+        return Ue != null && p.disabledUserIds.includes(String(Ue));
+      });
+    }, le = (P) => {
+      L(P) || b("select-user", P);
+    }, Be = ({ event: P }) => {
+      const X = P.target;
+      o.value?.contains(X) || g.value?.contains(X) || b("click-outside", P);
+    };
+    Xe(() => p.highlightedIndex, (P) => {
+      P < 0 || !g.value || Ae(() => {
+        const X = g.value?.querySelector(".user-option.is-highlighted");
+        X && X.scrollIntoView({
+          block: "nearest",
+          inline: "nearest",
+          behavior: "auto"
+        });
+      });
+    });
+    const se = {
+      t: a,
+      slotContainerRef: o,
+      contentContainerRef: g,
+      props: p,
+      emit: b,
+      groupedUsers: C,
+      hasMainOptions: B,
+      hasRecentUsers: j,
+      hasDropdownOptions: A,
+      isHighlighted: F,
+      isUserDisabled: L,
+      selectUser: le,
+      handleClickOutside: Be,
+      get Loading() {
+        return Kr;
+      },
+      get Popover() {
+        return pr;
+      },
+      get UserRender() {
+        return Jn;
+      }
+    };
+    return Object.defineProperty(se, "__isScriptSetup", {
+      enumerable: !1,
+      value: !0
+    }), se;
+  }
+}), Ra = { ref: "contentContainerRef" }, Na = {
+  key: 0,
+  class: "no-data"
+}, Fa = {
+  key: 0,
+  class: "dropdown-panel dropdown-panel-main"
+}, La = { class: "group-name" }, qa = { class: "group-count" }, Ga = ["aria-disabled", "onClick"], ja = {
+  key: 1,
+  class: "dropdown-panel dropdown-panel-recent"
+}, za = { class: "group-name" }, Ka = { class: "group-count" }, Ha = ["aria-disabled", "onClick"], Va = {
+  ref: "slotContainerRef",
+  class: "selection-trigger"
+};
+function Wa(s, c, u, a, o, g) {
+  return W(), Tt(a.Popover, {
+    arrow: !1,
+    "ext-cls": "bk-user-selector-popover",
+    "is-show": u.isShow,
+    offset: { mainAxis: 4 },
+    placement: "bottom-start",
+    theme: "light",
+    trigger: "manual",
+    width: u.containerWidth,
+    onClickoutside: a.handleClickOutside
+  }, {
+    content: Qe(() => [Ce("div", Ra, [gt(a.Loading, {
+      class: "dropdown-content",
+      loading: u.loading,
+      mode: "spin",
+      size: "mini"
+    }, {
+      default: Qe(() => [a.hasDropdownOptions ? (W(), oe("div", {
+        key: 1,
+        class: vt(["dropdown-panels", { "is-two-column": a.hasMainOptions && a.hasRecentUsers }])
+      }, [a.hasMainOptions ? (W(), oe("div", Fa, [(W(!0), oe(zt, null, Kt(a.groupedUsers, (p, b) => (W(), oe("div", {
+        key: b,
+        class: "user-group"
+      }, [Object.keys(a.groupedUsers).length > 1 || p.some((C) => C.type === "userGroup") ? (W(), oe("div", {
+        key: 0,
+        class: "group-header",
+        onClick: c[0] || (c[0] = Pe(() => {
+        }, ["prevent"]))
+      }, [Ce("span", La, xt(b), 1), Ce("span", qa, "(" + xt(p.length) + ")", 1)])) : ie("v-if", !0), (W(!0), oe(zt, null, Kt(p, (C) => (W(), oe("div", {
+        key: C.id,
+        "aria-disabled": a.isUserDisabled(C),
+        class: vt(["user-option", {
+          "is-highlighted": a.isHighlighted(C),
+          "is-disabled": a.isUserDisabled(C)
+        }]),
+        onClick: Pe((B) => a.selectUser(C), ["prevent"]),
+        onMousedown: c[1] || (c[1] = Pe(() => {
+        }, ["prevent"]))
+      }, [gt(a.UserRender, {
+        "avatar-base-url": u.avatarBaseUrl,
+        "has-avatar": u.hasAvatar,
+        render: u.renderListItem,
+        "tenant-id": u.tenantId,
+        tenants: u.tenants,
+        user: C
+      }, null, 8, [
+        "avatar-base-url",
+        "has-avatar",
+        "render",
+        "tenant-id",
+        "tenants",
+        "user"
+      ])], 42, Ga))), 128))]))), 128))])) : ie("v-if", !0), a.hasRecentUsers ? (W(), oe("div", ja, [u.recentUsersName ? (W(), oe("div", {
+        key: 0,
+        class: "group-header",
+        onClick: c[2] || (c[2] = Pe(() => {
+        }, ["prevent"]))
+      }, [Ce("span", za, xt(u.recentUsersName), 1), Ce("span", Ka, "(" + xt(u.recentUsers.length) + ")", 1)])) : ie("v-if", !0), (W(!0), oe(zt, null, Kt(u.recentUsers, (p) => (W(), oe("div", {
+        key: p.id,
+        "aria-disabled": a.isUserDisabled(p),
+        class: vt(["user-option", {
+          "is-highlighted": a.isHighlighted(p),
+          "is-disabled": a.isUserDisabled(p)
+        }]),
+        onClick: Pe((b) => a.selectUser(p), ["prevent"]),
+        onMousedown: c[3] || (c[3] = Pe(() => {
+        }, ["prevent"]))
+      }, [gt(a.UserRender, {
+        "avatar-base-url": u.avatarBaseUrl,
+        "has-avatar": u.hasAvatar,
+        render: u.renderListItem,
+        "tenant-id": u.tenantId,
+        tenants: u.tenants,
+        user: p
+      }, null, 8, [
+        "avatar-base-url",
+        "has-avatar",
+        "render",
+        "tenant-id",
+        "tenants",
+        "user"
+      ])], 42, Ha))), 128))])) : ie("v-if", !0)], 2)) : (W(), oe("div", Na, [Ce("span", null, xt(u.emptyText), 1)]))]),
+      _: 1
+    }, 8, ["loading"])], 512)]),
+    default: Qe(() => [Ce("div", Va, [qr(s.$slots, "default", {}, void 0, !0)], 512)]),
+    _: 3
+  }, 8, ["is-show", "width"]);
+}
+var Ya = /* @__PURE__ */ On(Ba, [
+  ["render", Wa],
+  ["__scopeId", "data-v-9173accf"],
+  ["__file", "/Users/brooklin/project/bkui-monorepo/packages/bk-user-selector/src/components/selection-popover.vue"]
+]), Xa = /* @__PURE__ */ hn({
+  name: "UserTag",
+  __name: "user-tag",
+  props: {
+    active: {
+      type: Boolean,
+      required: !1
+    },
+    avatarBaseUrl: {
+      type: String,
+      required: !1
+    },
+    currentTenantId: {
+      type: String,
+      required: !0
+    },
+    draggable: {
+      type: Boolean,
+      required: !1
+    },
+    hasAvatar: {
+      type: Boolean,
+      required: !1
+    },
+    renderTag: {
+      type: Function,
+      required: !1
+    },
+    showTenant: {
+      type: Boolean,
+      required: !1
+    },
+    tenants: {
+      type: Object,
+      required: !0
+    },
+    user: {
+      type: Object,
+      required: !0
+    }
+  },
+  emits: ["click", "close"],
+  setup(s, { expose: c, emit: u }) {
+    c();
+    const a = u, p = {
+      emit: a,
+      handleClick: () => {
+        a("click");
+      },
+      handleClose: () => {
+        a("close");
+      },
+      get Tag() {
+        return hr;
+      },
+      get UserRender() {
+        return Jn;
+      }
+    };
+    return Object.defineProperty(p, "__isScriptSetup", {
+      enumerable: !1,
+      value: !0
+    }), p;
+  }
+});
+function Qa(s, c, u, a, o, g) {
+  return W(), Tt(a.Tag, {
+    class: vt(["user-tag", {
+      draggable: u.draggable,
+      active: u.active,
+      "is-custom": u.user.type === "custom"
+    }]),
+    closable: "",
+    disabled: "",
+    onClick: Pe(a.handleClick, ["stop"]),
+    onClose: a.handleClose
+  }, {
+    default: Qe(() => [gt(a.UserRender, {
+      "avatar-base-url": u.avatarBaseUrl,
+      "has-avatar": u.hasAvatar,
+      render: u.renderTag,
+      "tenant-id": u.currentTenantId,
+      tenants: u.tenants,
+      user: u.user
+    }, null, 8, [
+      "avatar-base-url",
+      "has-avatar",
+      "render",
+      "tenant-id",
+      "tenants",
+      "user"
+    ])]),
+    _: 1
+  }, 8, ["class"]);
+}
+var Za = /* @__PURE__ */ On(Xa, [
+  ["render", Qa],
+  ["__scopeId", "data-v-d1173d20"],
+  ["__file", "/Users/brooklin/project/bkui-monorepo/packages/bk-user-selector/src/components/user-tag.vue"]
+]), Ja = /* @__PURE__ */ hn({
+  name: "BkUserSelector",
+  __name: "user-selector",
+  props: {
+    autoFocus: {
+      type: Boolean,
+      required: !1,
+      default: !1
+    },
+    autoHeight: {
+      type: Boolean,
+      required: !1,
+      default: !1
+    },
+    draggable: {
+      type: Boolean,
+      required: !1,
+      default: !1
+    },
+    maxCount: {
+      type: Number,
+      required: !1,
+      default: 0
+    },
+    mode: {
+      type: String,
+      required: !1,
+      default: "default"
+    },
+    modelValue: {
+      type: [String, Array],
+      required: !1,
+      default: ""
+    },
+    multiple: {
+      type: Boolean,
+      required: !1,
+      default: !1
+    },
+    resize: {
+      type: Boolean,
+      required: !1,
+      default: !0
+    },
+    rows: {
+      type: Number,
+      required: !1,
+      default: 4
+    },
+    rules: {
+      type: Array,
+      required: !1,
+      default: () => []
+    },
+    showCopyAll: {
+      type: Boolean,
+      required: !1,
+      default: !1
+    },
+    showDeleteAll: {
+      type: Boolean,
+      required: !1,
+      default: !1
+    },
+    type: {
+      type: String,
+      required: !1,
+      default: "input"
+    },
+    allowCreate: {
+      type: Boolean,
+      required: !1,
+      default: !1
+    },
+    allowCrossOriginCredentials: {
+      type: Boolean,
+      required: !1,
+      default: !0
+    },
+    allowedApiOrigins: {
+      type: Array,
+      required: !1,
+      default: () => []
+    },
+    allowPrivateApiHost: {
+      type: Boolean,
+      required: !1,
+      default: !0
+    },
+    apiBaseUrl: {
+      type: String,
+      required: !0,
+      default: ""
+    },
+    avatarBaseUrl: {
+      type: String,
+      required: !1,
+      default: ""
+    },
+    currentUserId: {
+      type: String,
+      required: !1,
+      default: ""
+    },
+    disabled: {
+      type: Boolean,
+      required: !1,
+      default: !1
+    },
+    disabledUserIds: {
+      type: Array,
+      required: !1,
+      default: () => []
+    },
+    emptyText: {
+      type: String,
+      required: !1,
+      default: ""
+    },
+    enableMultiTenantMode: {
+      type: Boolean,
+      required: !1,
+      default: !0
+    },
+    exactSearchKey: {
+      type: String,
+      required: !1,
+      default: jt
+    },
+    excludeUserIds: {
+      type: Array,
+      required: !1,
+      default: () => []
+    },
+    freePaste: {
+      type: Boolean,
+      required: !1,
+      default: !1
+    },
+    hasAvatar: {
+      type: Boolean,
+      required: !1,
+      default: !1
+    },
+    placeholder: {
+      type: String,
+      required: !1,
+      default: ""
+    },
+    recentUserIds: {
+      type: Array,
+      required: !1,
+      default: () => []
+    },
+    renderListItem: {
+      type: Function,
+      required: !1
+    },
+    renderTag: {
+      type: Function,
+      required: !1
+    },
+    tenantId: {
+      type: String,
+      required: !1,
+      default: "default"
+    },
+    userGroup: {
+      type: Array,
+      required: !1,
+      default: () => []
+    },
+    userGroupName: {
+      type: String,
+      required: !1,
+      default: ""
+    }
+  },
+  emits: [
+    "blur",
+    "change",
+    "dragEnd",
+    "dragStart",
+    "error",
+    "focus",
+    "unauthorized",
+    "update:modelValue"
+  ],
+  setup(s, { expose: c, emit: u }) {
+    const { t: a } = Zn();
+    jr({ prefix: "bk" });
+    const o = s, g = u, p = (f) => {
+      g("error", f);
+    }, b = (f) => {
+      g("unauthorized", f);
+    };
+    ia(o.apiBaseUrl, o.tenantId, o.allowedApiOrigins, o.allowPrivateApiHost, o.allowCrossOriginCredentials, {
+      onError: p,
+      onUnauthorized: b
+    });
+    const { tenants: C } = Ca(() => o.apiBaseUrl, () => o.tenantId, () => o.enableMultiTenantMode), { searchResults: B, loading: j, searchQuery: A, clearSearch: F, handleSearchInput: L } = Ea(() => o.apiBaseUrl, () => o.tenantId, () => o.enableMultiTenantMode), { fetchCurrentUser: le } = fa({
+      apiBaseUrl: () => o.apiBaseUrl,
+      tenantId: () => o.tenantId,
+      currentUserId: () => o.currentUserId || "",
+      exactSearchKey: () => o.exactSearchKey,
+      enableMultiTenantMode: () => o.enableMultiTenantMode
+    }), Be = te(null), se = te(null), P = te(null), X = te(null), Se = te(null), Ue = te(null), ye = te(!1), R = te(-1), Ke = te(null), O = te([]), T = te(0), ae = te(-1), he = te([]);
+    let Q = 0, Fe = [];
+    const S = te([]), U = V(() => o.type === "textarea"), Ze = V(() => o.mode === "cell"), Ot = te(o.rows * 32), we = te({
+      message: "",
+      valid: !0
+    }), Y = V(() => !we.value.valid);
+    let Je = 0;
+    const ot = V(() => {
+      if (U.value)
+        return {
+          height: `${Ot.value}px`,
+          resize: o.resize ? "vertical" : "none",
+          overflowY: "auto"
+        };
+    }), Ht = V(() => U.value ? S.value : O.value), Z = V(() => o.multiple ? Array.isArray(o.modelValue) ? o.modelValue : [] : o.modelValue ? [o.modelValue] : []), kt = () => o.multiple ? Z.value : o.modelValue || "", lt = te(kt()), He = V(() => o.placeholder || a("请输入人员名称搜索")), kn = V(() => o.userGroupName || a("用户群组")), Vt = V(() => o.emptyText || a("无匹配人员")), mt = V(() => a("最近选择")), st = V(() => S.value.map((f) => f.id)), bt = V(() => o.multiple && !o.disabled && S.value.length > 0 && (o.showCopyAll || o.showDeleteAll)), Mt = V(() => Number(bt.value && o.showCopyAll) + Number(bt.value && o.showDeleteAll) + +!!o.currentUserId), Wt = V(() => Mt.value > 0), pn = V(() => {
+      const f = Number(bt.value && o.showCopyAll) * 20 + Number(bt.value && o.showDeleteAll) * 20 + +!!o.currentUserId * 24, w = Math.max(0, Mt.value - 1) * 8;
+      return `${18 + f + w}px`;
+    }), Pt = (f, w) => w ? [
+      f.id,
+      f.name,
+      f.bk_username,
+      f.username,
+      f.login_name,
+      f.display_name,
+      f.full_name
+    ].some((I) => String(I || "").includes(w)) : !0, ut = (f) => f.split(",").map((w) => w.trim()).filter(Boolean), ue = V(() => [.../* @__PURE__ */ new Set([
+      "id",
+      ...ut(o.exactSearchKey),
+      jt,
+      "login_name",
+      "username"
+    ])]), Bt = (f, w, I) => f.find((H) => {
+      if (H.id === w) return !0;
+      const ce = H;
+      return I.some((Ut) => String(ce[Ut] || "") === w);
+    }), Rt = (f, w, I) => w.map((H) => Bt(f, H, I)).filter(Boolean), Yt = async (f) => {
+      const w = ut(o.exactSearchKey), I = fn(await An({
+        apiBaseUrl: o.apiBaseUrl,
+        tenantId: o.tenantId,
+        exactSearchKey: o.exactSearchKey,
+        usersList: f,
+        enableMultiTenantMode: o.enableMultiTenantMode
+      }), o.enableMultiTenantMode), H = f.filter((It) => !Bt(I, It, w));
+      if (H.length === 0 || o.exactSearchKey === "bk_username") return Rt(I, f, w);
+      const ce = fn(await An({
+        apiBaseUrl: o.apiBaseUrl,
+        tenantId: o.tenantId,
+        exactSearchKey: jt,
+        usersList: H,
+        enableMultiTenantMode: o.enableMultiTenantMode
+      }), o.enableMultiTenantMode), Ut = [...I];
+      return ce.forEach((It) => {
+        Ut.some((mn) => mn.id === It.id) || Ut.push(It);
+      }), Rt(Ut, f, [.../* @__PURE__ */ new Set([...w, jt])]);
+    }, Le = V(() => !o.maxCount || o.maxCount <= 0 ? !1 : S.value.length >= o.maxCount), Xt = V(() => Le.value || !!o.currentUserId && o.disabledUserIds.includes(o.currentUserId) || !!o.currentUserId && S.value.some((f) => f[o.exactSearchKey] === o.currentUserId)), yt = V(() => ({
+      avatarBaseUrl: o.avatarBaseUrl,
+      currentTenantId: o.tenantId,
+      hasAvatar: o.hasAvatar,
+      renderTag: o.renderTag,
+      tenants: C.value
+    })), { filteredUserGroup: $e, filterOptions: gn, filterNavigableOptions: pe, createCustomUser: ge, isUserDisabled: y } = Da({
+      selectedUserIds: st,
+      disabledUserFields: ue,
+      disabledUserIds: () => o.disabledUserIds,
+      excludeUserIds: () => o.excludeUserIds,
+      userGroup: () => o.userGroup,
+      searchQuery: A
+    }), { handlePaste: re } = wa({
+      apiBaseUrl: () => o.apiBaseUrl,
+      tenantId: () => o.tenantId,
+      searchQuery: A,
+      selectedUsers: S,
+      allowCreate: () => o.allowCreate,
+      freePaste: () => o.freePaste,
+      enableMultiTenantMode: () => o.enableMultiTenantMode,
+      maxCount: () => o.maxCount,
+      multiple: () => o.multiple,
+      isUserDisabled: y,
+      onAddUser: nt,
+      onBatchAddUsers: _e
+    }), k = V(() => gn(B.value)), J = V(() => {
+      const f = pe($e.value.map((ce) => ({
+        ...ce,
+        tenantId: "",
+        type: ze.USER_GROUP
+      }))), w = pe(k.value), I = w.filter((ce) => ce.data_source_type !== ze.VIRTUAL), H = w.filter((ce) => ce.data_source_type === ze.VIRTUAL);
+      return [
+        ...f,
+        ...I,
+        ...H
+      ];
+    }), qe = V(() => {
+      const f = A.value.trim();
+      return he.value.filter((w) => !st.value.includes(w.id)).filter((w) => !o.excludeUserIds.includes(w.id)).filter((w) => Pt(w, f));
+    }), et = V(() => ye.value && ($e.value.length > 0 || qe.value.length > 0 || A.value.trim() !== "")), K = V(() => [...J.value, ...pe(qe.value)]), Ve = V(() => {
+      const f = A.value;
+      if (!f) return "20px";
+      const w = f.split("").reduce((I, H) => I + (/[\u4e00-\u9fa5]/.test(H) ? 12 : 8), 0);
+      return `${Math.max(20, w + 4)}px`;
+    }), Ge = async () => {
+      const f = Z.value;
+      if (f.length === 0) {
+        S.value = [];
+        return;
+      }
+      let w = [];
+      o.userGroup.length > 0 && (w = o.userGroup.filter((I) => f.includes(I.id)).map((I) => ({
+        ...I,
+        tenantId: "",
+        type: ze.USER_GROUP
+      })));
+      try {
+        const I = [...w, ...await Yt(f)];
+        if (o.allowCreate) {
+          const H = [.../* @__PURE__ */ new Set([...ut(o.exactSearchKey), jt])];
+          I.push(...f.filter((ce) => !Bt(I, ce, H)).map((ce) => ({
+            id: ce,
+            name: ce,
+            type: ze.CUSTOM,
+            tenantId: ""
+          })));
+        }
+        S.value = Rt(I, f, [.../* @__PURE__ */ new Set([...ut(o.exactSearchKey), jt])]);
+      } catch (I) {
+        console.error("获取选中用户信息失败:", I), S.value = [];
+      }
+    }, be = async () => {
+      const f = o.recentUserIds.filter(Boolean), w = ++Q;
+      if (Fe = [...f], f.length === 0) {
+        he.value = [];
+        return;
+      }
+      try {
+        const I = (await Yt(f)).filter((H) => H.data_source_type !== ze.VIRTUAL && H.type !== ze.USER_GROUP);
+        if (w !== Q) return;
+        he.value = I;
+      } catch (I) {
+        if (w !== Q) return;
+        console.error("获取最近选择用户信息失败:", I), he.value = [];
+      }
+    };
+    function _e(f) {
+      if (S.value = f, o.multiple) {
+        const w = f.map((I) => I.id);
+        lt.value = w, g("update:modelValue", w), g("change", f), dt(w);
+      } else {
+        const w = f.length > 0 ? f[0] : null, I = w ? w.id : "";
+        lt.value = I, g("update:modelValue", I), g("change", w), dt(I);
+      }
+    }
+    const xe = async () => {
+      const f = ++Je, w = await dr(lt.value, o.rules);
+      return f === Je && (we.value = w), w.valid;
+    }, dt = (f) => {
+      if (!Y.value) return;
+      const w = ++Je;
+      dr(f, o.rules).then((I) => {
+        w === Je && (we.value = I);
+      });
+    }, de = async () => {
+      if (!await xe()) throw new Error(we.value.message);
+      return lt.value;
+    }, We = () => {
+      !o.draggable || !o.multiple || !se.value || (Ke.value && Ke.value.destroy(), Ke.value = new $r.default(se.value, {
+        animation: 150,
+        draggable: ".tag-wrapper",
+        onStart: (f) => {
+          g("dragStart", f);
+        },
+        onEnd: (f) => {
+          const { oldIndex: w, newIndex: I } = f;
+          if (w === I || w === void 0 || I === void 0) return;
+          const H = [...S.value], [ce] = H.splice(w, 1);
+          H.splice(I, 0, ce), _e(H), g("dragEnd", f);
+        }
+      }));
+    }, tt = () => {
+      if (!S.value.length || U.value) {
+        O.value = U.value ? [...S.value] : [], T.value = 0;
+        return;
+      }
+      if (!P.value) {
+        O.value = [...S.value], T.value = 0;
+        return;
+      }
+      const f = P.value.querySelectorAll(".user-tag");
+      if (f.length !== S.value.length) {
+        O.value = [...S.value], T.value = 0, Ae(tt);
+        return;
+      }
+      const { hiddenCount: w, visibleCount: I } = Ia(P.value, f, S.value.length);
+      O.value = S.value.slice(0, I), T.value = w;
+    }, ct = () => {
+      ye.value = !0, R.value = S.value.length - 1, Ae(() => Oe());
+    }, Ie = () => {
+      ye.value || Ae(tt);
+    }, Ee = () => {
+      ye.value && g("blur"), ye.value = !1, R.value = S.value.length - 1, F(), ae.value = -1, Ie();
+    }, Qt = (f) => {
+      const w = f.target, I = Be.value;
+      I?.contains(w) || I === w || Ee();
+    }, Zt = () => {
+      R.value = S.value.length - 1, Ae(() => Oe());
+    }, Oe = () => {
+      R.value === -1 && S.value.length > 0 ? X.value?.focus() : R.value >= S.value.length - 1 ? Ue.value?.focus() : Se.value?.[0]?.focus();
+    }, vn = (f) => {
+      R.value = f, Ae(() => Oe());
+    }, wt = () => {
+      g("focus"), ye.value = !0;
+    }, ft = () => {
+      L(A.value);
+    }, _t = async () => {
+      if (!o.currentUserId || o.disabledUserIds.includes(o.currentUserId) || S.value.some((w) => w[o.exactSearchKey] === o.currentUserId) || o.multiple && Le.value) return;
+      const f = await le();
+      if (f) {
+        if (y(f)) return;
+        o.multiple ? S.value.some((w) => w.id === f.id) || _e([...S.value, f]) : _e([f]), F(), ae.value = -1, ye.value = !0, R.value = S.value.length - 1, Ae(() => Oe());
+      }
+    }, Ct = async (f) => {
+      await re(f), R.value = S.value.length - 1, Ae(() => Oe());
+    }, Nt = (f) => {
+      const w = f.target;
+      if (!(f.isComposing || f.keyCode === 229 || w?.composing)) {
+        if (f.key === "Backspace" && !A.value && S.value.length > 0) {
+          if (R.value >= 0) {
+            const I = S.value[R.value], H = R.value > 0 ? R.value - 1 : -1;
+            _e(S.value.filter((ce) => ce.id !== I.id)), R.value = H, Ie(), Ae(() => Oe());
+          }
+          return;
+        }
+        if (f.key === "ArrowDown" && et.value && K.value.length > 0) {
+          f.preventDefault();
+          const I = K.value.length - 1;
+          ae.value = Math.min(ae.value + 1, I);
+          return;
+        }
+        if (f.key === "ArrowUp" && et.value && K.value.length > 0) {
+          f.preventDefault(), ae.value = Math.max(ae.value - 1, 0);
+          return;
+        }
+        if (f.key === "Enter") {
+          o.allowCreate && A.value ? nt(ge(A.value)) : ae.value >= 0 && K.value[ae.value] && nt(K.value[ae.value]);
+          return;
+        }
+        if (f.key === "ArrowLeft" && !A.value && S.value.length > 0) {
+          f.preventDefault(), R.value === 0 ? R.value = -1 : R.value > 0 && R.value--, Ae(() => Oe());
+          return;
+        }
+        if (f.key === "ArrowRight" && !A.value && S.value.length > 0) {
+          f.preventDefault(), R.value === -1 ? R.value = 0 : R.value < S.value.length - 1 && R.value++, Ae(() => Oe());
+          return;
+        }
+      }
+    };
+    function nt(f) {
+      if (f?.id && !y(f)) {
+        if (o.multiple && Le.value) {
+          F(), ae.value = -1;
+          return;
+        }
+        if (!o.multiple)
+          _e([f]), R.value = 0;
+        else if (!S.value.some((w) => w.id === f.id)) {
+          let w, I;
+          R.value === -1 ? (w = [f, ...S.value], I = 0) : (w = [
+            ...S.value.slice(0, R.value + 1),
+            f,
+            ...S.value.slice(R.value + 1)
+          ], I = R.value + 1), _e(w), R.value = I;
+        }
+        F(), ae.value = -1, ye.value = !0, Ae(() => Oe());
+      }
+    }
+    const ve = (f) => {
+      if (!f?.id) return;
+      const w = S.value.findIndex((H) => H.id === f.id), I = S.value.filter((H) => H.id !== f.id);
+      _e(I), I.length === 0 ? R.value = -1 : R.value > w ? R.value-- : R.value >= I.length && (R.value = I.length - 1), Ie();
+    }, Jt = () => {
+      S.value.length && (R.value = -1, F(), _e([]), Ie());
+    }, Ft = async (f) => {
+      if (navigator.clipboard?.writeText) try {
+        await navigator.clipboard.writeText(f);
+        return;
+      } catch {
+      }
+      const w = document.createElement("textarea");
+      w.value = f, w.setAttribute("readonly", ""), w.style.position = "fixed", w.style.opacity = "0", document.body.appendChild(w), w.select();
+      const I = document.execCommand("copy");
+      if (document.body.removeChild(w), !I) throw new Error("复制失败");
+    }, Lt = async () => {
+      if (st.value.length)
+        try {
+          await Ft(st.value.join(";")), or({
+            message: a("已复制"),
+            theme: "success"
+          });
+        } catch (f) {
+          or({
+            message: a("复制失败"),
+            theme: "error"
+          }), console.error("复制全部用户失败:", f);
+        }
+    };
+    Xe(S, () => {
+      Ie();
+    }, { deep: !0 }), Xe(ye, (f) => {
+      if (U.value) {
+        const w = f ? P.value : Be.value?.querySelector(".tags-container.focused");
+        w && w.offsetHeight > 0 && (Ot.value = w.offsetHeight);
+      }
+      f && Ae(() => We());
+    }), Xe(K, (f) => {
+      f.length > 0 && et.value ? ae.value = 0 : ae.value = -1;
+    }), Xe(() => o.userGroup, () => {
+      Ge();
+    }), Xe(() => o.recentUserIds, () => {
+      const f = o.recentUserIds.filter(Boolean);
+      Fe.length === f.length && Fe.every((w, I) => w === f[I]) || be();
+    }, { deep: !0 }), Xe([() => o.modelValue, () => o.multiple], () => {
+      lt.value = kt();
+      const f = S.value.map((I) => I.id), w = Z.value;
+      (f.length !== w.length || !f.every((I, H) => I === w[H])) && Ge();
+    }, { deep: !0 }), Xe(() => o.rules, () => {
+      !Y.value && (o.rules?.length ?? 0) > 0 || xe();
+    }, { deep: !0 }), _a(Be, () => {
+      Ie();
+    });
+    let rt;
+    cr(() => {
+      rt = Promise.all([Ge(), be()]).then(() => {
+      });
+    }), Fr(async () => {
+      We(), Ae(tt), o.autoFocus && !o.disabled && (await rt, await Ae(), ct());
+    }), fr(() => {
+      Ke.value?.destroy();
+    }), c({
+      focus: ct,
+      blur: Ee,
+      validate: xe,
+      getValue: de
+    });
+    const St = {
+      t: a,
+      props: o,
+      emit: g,
+      handleApiError: p,
+      handleApiUnauthorized: b,
+      tenants: C,
+      searchResults: B,
+      searchLoading: j,
+      searchQuery: A,
+      clearSearch: F,
+      handleSearchInput: L,
+      fetchCurrentUser: le,
+      containerRef: Be,
+      sortableContainerRef: se,
+      collapsedContainerRef: P,
+      frontInputRef: X,
+      inlineInputRef: Se,
+      lastInputRef: Ue,
+      isFocused: ye,
+      activeTagIndex: R,
+      sortableInstance: Ke,
+      visibleUsers: O,
+      hiddenCount: T,
+      highlightedIndex: ae,
+      recentUsers: he,
+      get recentUsersRequestId() {
+        return Q;
+      },
+      set recentUsersRequestId(f) {
+        Q = f;
+      },
+      get recentUserIdsSnapshot() {
+        return Fe;
+      },
+      set recentUserIdsSnapshot(f) {
+        Fe = f;
+      },
+      selectedUsers: S,
+      isTextareaMode: U,
+      isCellMode: Ze,
+      textareaHeight: Ot,
+      validationState: we,
+      isInvalid: Y,
+      get validationRequestId() {
+        return Je;
+      },
+      set validationRequestId(f) {
+        Je = f;
+      },
+      textareaStyle: ot,
+      collapsedDisplayUsers: Ht,
+      modelValueIds: Z,
+      getCurrentPropModelValue: kt,
+      currentModelValue: lt,
+      computedPlaceholder: He,
+      computedUserGroupName: kn,
+      computedEmptyText: Vt,
+      computedRecentUsersName: mt,
+      selectedUserIds: st,
+      showBatchActions: bt,
+      selectorActionCount: Mt,
+      showSelectorActions: Wt,
+      selectorActionsPadding: pn,
+      isUserMatchedByQuery: Pt,
+      getLookupFields: ut,
+      disabledUserFields: ue,
+      findUserByLookupId: Bt,
+      sortUsersByLookupIds: Rt,
+      lookupFormattedUsersByIds: Yt,
+      isMaxCountReached: Le,
+      isMeTagDisabled: Xt,
+      userTagCommonProps: yt,
+      filteredUserGroup: $e,
+      filterOptions: gn,
+      filterNavigableOptions: pe,
+      createCustomUser: ge,
+      isUserDisabled: y,
+      handlePaste: re,
+      displayOptions: k,
+      mainNavigableUsers: J,
+      filteredRecentUsers: qe,
+      showDropdown: et,
+      flatOptions: K,
+      inputWidth: Ve,
+      initSelectedUsers: Ge,
+      initRecentUsers: be,
+      updateSelectedUsers: _e,
+      validate: xe,
+      validateAfterInvalid: dt,
+      getValue: de,
+      initSortable: We,
+      calculateVisibleUsers: tt,
+      handleFocus: ct,
+      scheduleVisibleUsersCalculation: Ie,
+      blur: Ee,
+      handleClickOutside: Qt,
+      handleContainerClick: Zt,
+      focusCurrentInput: Oe,
+      handleTagClick: vn,
+      handleInputFocus: wt,
+      handleInput: ft,
+      addCurrentUser: _t,
+      onPaste: Ct,
+      handleKeyDown: Nt,
+      addUser: nt,
+      removeUser: ve,
+      deleteAllUsers: Jt,
+      writeClipboardText: Ft,
+      copyAllUsers: Lt,
+      get initPromise() {
+        return rt;
+      },
+      set initPromise(f) {
+        rt = f;
+      },
+      get PopConfirm() {
+        return zr;
+      },
+      get Popover() {
+        return pr;
+      },
+      get Tag() {
+        return hr;
+      },
+      get RESERVED_SPACE_FOR_OVERFLOW_TAG() {
+        return 48;
+      },
+      MeTag: Oa,
+      SelectionPopover: Ya,
+      get UserRender() {
+        return Jn;
+      },
+      UserTag: Za
+    };
+    return Object.defineProperty(St, "__isScriptSetup", {
+      enumerable: !1,
+      value: !0
+    }), St;
+  }
+}), $a = {
+  ref: "sortableContainerRef",
+  class: "tag-list"
+}, ei = ["placeholder"], ti = { class: "hidden-users" }, ni = ["placeholder"], ri = ["aria-label", "title"], ai = ["aria-label", "title"];
+function ii(s, c, u, a, o, g) {
+  return W(), oe("div", {
+    ref: "containerRef",
+    class: vt(["bk-user-selector", {
+      "has-selector-actions": a.showSelectorActions,
+      "is-auto-height": u.autoHeight,
+      "is-cell": a.isCellMode,
+      "is-disabled": u.disabled,
+      "is-focused": a.isFocused,
+      "is-invalid": a.isInvalid,
+      "is-textarea": a.isTextareaMode
+    }]),
+    style: dn({
+      "--overflow-tag-reserve": `${a.RESERVED_SPACE_FOR_OVERFLOW_TAG}px`,
+      "--selector-actions-padding": a.selectorActionsPadding
+    })
+  }, [
+    ie(" 下拉选项列表 "),
+    gt(a.SelectionPopover, {
+      "avatar-base-url": u.avatarBaseUrl,
+      "container-width": a.containerRef ? a.containerRef.offsetWidth : "auto",
+      "disabled-user-fields": a.disabledUserFields,
+      "disabled-user-ids": u.disabledUserIds,
+      "empty-text": a.computedEmptyText,
+      "flat-options": a.flatOptions,
+      "has-avatar": u.hasAvatar,
+      "highlighted-index": a.highlightedIndex,
+      "is-show": a.showDropdown,
+      loading: a.searchLoading,
+      options: a.displayOptions,
+      "recent-users": a.filteredRecentUsers,
+      "recent-users-name": a.computedRecentUsersName,
+      "render-list-item": u.renderListItem,
+      "search-query": a.searchQuery,
+      "tenant-id": u.tenantId,
+      tenants: a.tenants,
+      "user-group": a.filteredUserGroup,
+      "user-group-name": a.computedUserGroupName,
+      onClickOutside: a.handleClickOutside,
+      onSelectUser: a.addUser
+    }, {
+      default: Qe(() => [
+        ie(" 聚焦状态 - 可编辑模式 "),
+        Gt(Ce("div", {
+          class: vt(["tags-container focused", { "has-selection": a.selectedUsers.length > 0 }]),
+          style: dn(a.textareaStyle),
+          onClick: Pe(a.handleContainerClick, ["stop"])
+        }, [ie(" 用户标签列表 "), Ce("div", $a, [
+          ie(" 在第一个标签之前的输入框 "),
+          a.activeTagIndex === -1 && a.selectedUsers.length > 0 ? Gt((W(), oe("input", {
+            key: 0,
+            ref: "frontInputRef",
+            "onUpdate:modelValue": c[0] || (c[0] = (p) => a.searchQuery = p),
+            autofocus: "",
+            class: "search-input input-inline",
+            style: dn({ width: a.inputWidth }),
+            onFocus: a.handleInputFocus,
+            onInput: a.handleInput,
+            onKeydown: a.handleKeyDown,
+            onPaste: a.onPaste
+          }, null, 36)), [[In, a.searchQuery]]) : ie("v-if", !0),
+          (W(!0), oe(zt, null, Kt(a.selectedUsers, (p, b) => (W(), oe("div", {
+            key: p.id,
+            class: "tag-wrapper"
+          }, [
+            gt(a.UserTag, ar({ ref_for: !0 }, a.userTagCommonProps, {
+              active: b === a.activeTagIndex,
+              draggable: u.draggable && u.multiple,
+              user: p,
+              onClick: (C) => a.handleTagClick(b),
+              onClose: (C) => a.removeUser(p)
+            }), null, 16, [
+              "active",
+              "draggable",
+              "user",
+              "onClick",
+              "onClose"
+            ]),
+            ie(" 在当前激活标签后插入输入框 "),
+            b === a.activeTagIndex && a.activeTagIndex !== a.selectedUsers.length - 1 ? Gt((W(), oe("input", {
+              key: 0,
+              ref_for: !0,
+              ref: "inlineInputRef",
+              "onUpdate:modelValue": c[1] || (c[1] = (C) => a.searchQuery = C),
+              autofocus: "",
+              class: "search-input input-inline",
+              style: dn({ width: a.inputWidth }),
+              onFocus: a.handleInputFocus,
+              onInput: a.handleInput,
+              onKeydown: a.handleKeyDown,
+              onPaste: a.onPaste
+            }, null, 36)), [[In, a.searchQuery]]) : ie("v-if", !0)
+          ]))), 128)),
+          ie(" 最后一个输入框（末尾位置或无用户时显示） "),
+          a.activeTagIndex >= a.selectedUsers.length - 1 ? Gt((W(), oe("input", {
+            key: 1,
+            ref: "lastInputRef",
+            "onUpdate:modelValue": c[2] || (c[2] = (p) => a.searchQuery = p),
+            autofocus: "",
+            class: "search-input input-last",
+            placeholder: a.selectedUsers.length ? "" : a.computedPlaceholder,
+            onFocus: a.handleInputFocus,
+            onInput: a.handleInput,
+            onKeydown: a.handleKeyDown,
+            onPaste: a.onPaste
+          }, null, 40, ei)), [[In, a.searchQuery]]) : ie("v-if", !0)
+        ], 512)], 6), [[ir, a.isFocused]]),
+        ie(" 未聚焦状态 - 只读展示模式 "),
+        Gt(Ce("div", {
+          ref: "collapsedContainerRef",
+          class: vt(["tags-container tags-container-collapsed", {
+            "has-overflow": a.hiddenCount > 0,
+            "has-selection": a.selectedUsers.length > 0
+          }]),
+          style: dn(a.textareaStyle),
+          onClick: Pe(a.handleFocus, ["stop"])
+        }, [
+          (W(!0), oe(zt, null, Kt(a.collapsedDisplayUsers, (p) => (W(), Tt(a.UserTag, ar({ key: p.id }, { ref_for: !0 }, a.userTagCommonProps, {
+            "show-tenant": !0,
+            user: p,
+            onClick: a.handleFocus,
+            onClose: (b) => a.removeUser(p)
+          }), null, 16, ["user", "onClose"]))), 128)),
+          ie(" 显示折叠标签数量（textarea 模式下不折叠） "),
+          a.hiddenCount > 0 && !a.isTextareaMode ? (W(), Tt(a.Popover, {
+            key: 0,
+            placement: "top"
+          }, {
+            content: Qe(() => [Ce("div", ti, [(W(!0), oe(zt, null, Kt(a.selectedUsers.slice(a.visibleUsers.length), (p) => (W(), Tt(a.UserRender, {
+              key: p.id,
+              "avatar-base-url": u.avatarBaseUrl,
+              "has-avatar": u.hasAvatar,
+              "tenant-id": u.tenantId,
+              tenants: a.tenants,
+              user: p
+            }, null, 8, [
+              "avatar-base-url",
+              "has-avatar",
+              "tenant-id",
+              "tenants",
+              "user"
+            ]))), 128))])]),
+            default: Qe(() => [gt(a.Tag, null, {
+              default: Qe(() => [Nr(" +" + xt(a.hiddenCount), 1)]),
+              _: 1
+            })]),
+            _: 1
+          })) : ie("v-if", !0),
+          ie(" 搜索输入框 "),
+          Gt(Ce("input", {
+            "onUpdate:modelValue": c[3] || (c[3] = (p) => a.searchQuery = p),
+            class: "search-input search-input-collapsed",
+            placeholder: a.selectedUsers.length ? "" : a.computedPlaceholder,
+            onFocus: a.handleFocus
+          }, null, 40, ni), [[In, a.searchQuery]])
+        ], 6), [[ir, !a.isFocused]])
+      ]),
+      _: 1
+    }, 8, [
+      "avatar-base-url",
+      "container-width",
+      "disabled-user-fields",
+      "disabled-user-ids",
+      "empty-text",
+      "flat-options",
+      "has-avatar",
+      "highlighted-index",
+      "is-show",
+      "loading",
+      "options",
+      "recent-users",
+      "recent-users-name",
+      "render-list-item",
+      "search-query",
+      "tenant-id",
+      "tenants",
+      "user-group",
+      "user-group-name"
+    ]),
+    ie(' 右侧操作区："我"、复制全部、删除全部横向并列，避免相互遮挡 '),
+    a.showSelectorActions ? (W(), oe("div", {
+      key: 0,
+      class: "selector-actions",
+      onMousedown: c[4] || (c[4] = Pe(() => {
+      }, ["prevent"]))
+    }, [
+      a.showBatchActions && u.showCopyAll ? (W(), oe("button", {
+        key: 0,
+        class: "batch-action",
+        "aria-label": a.t("复制全部"),
+        title: a.t("复制全部"),
+        type: "button",
+        onClick: Pe(a.copyAllUsers, ["stop"])
+      }, [...c[6] || (c[6] = [Ce("span", { class: "batch-action-icon copy-all-icon" }, null, -1)])], 8, ri)) : ie("v-if", !0),
+      a.showBatchActions && u.showDeleteAll ? (W(), Tt(a.PopConfirm, {
+        key: 1,
+        "cancel-text": a.t("取消"),
+        "confirm-config": { theme: "danger" },
+        "confirm-text": a.t("删除"),
+        content: a.t("删除全部后无法撤回，请谨慎确认。"),
+        "ext-cls": "bk-user-selector-delete-confirm",
+        placement: "bottom-end",
+        title: a.t("确认删除全部已选人员？"),
+        trigger: "click",
+        width: 260,
+        onConfirm: a.deleteAllUsers
+      }, {
+        default: Qe(() => [Ce("button", {
+          class: "batch-action batch-action-danger",
+          "aria-label": a.t("删除全部"),
+          title: a.t("删除全部"),
+          type: "button"
+        }, [...c[7] || (c[7] = [Ce("span", { class: "batch-action-icon delete-all-icon" }, null, -1)])], 8, ai)]),
+        _: 1
+      }, 8, [
+        "cancel-text",
+        "confirm-text",
+        "content",
+        "title"
+      ])) : ie("v-if", !0),
+      gt(a.MeTag, {
+        "current-user-id": u.currentUserId,
+        "is-disabled": a.isMeTagDisabled,
+        onClick: a.addCurrentUser
+      }, null, 8, ["current-user-id", "is-disabled"])
+    ], 32)) : ie("v-if", !0),
+    a.isInvalid ? (W(), Tt(a.Popover, {
+      key: 1,
+      content: a.validationState.message,
+      placement: "top"
+    }, {
+      default: Qe(() => [Ce("span", {
+        class: "validation-error-icon",
+        onClick: c[5] || (c[5] = Pe(() => {
+        }, ["stop"]))
+      }, " ! ")]),
+      _: 1
+    }, 8, ["content"])) : ie("v-if", !0)
+  ], 6);
+}
+var oi = /* @__PURE__ */ On(Ja, [
+  ["render", ii],
+  ["__scopeId", "data-v-089550be"],
+  ["__file", "/Users/brooklin/project/bkui-monorepo/packages/bk-user-selector/src/components/user-selector.vue"]
+]), di = oi;
+export {
+  oi as BkUserSelector,
+  di as default
+};