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

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

@@ -0,0 +1,3214 @@
+import { defineComponent as Wt, h as Mn, createElementBlock as oe, openBlock as Z, normalizeClass as It, createCommentVNode as se, createVNode as Qe, withCtx as ot, withDirectives as St, createElementVNode as Ae, withModifiers as je, normalizeStyle as hn, vModelText as pn, Fragment as Ut, renderList as Dt, mergeProps as er, vShow as tr, createBlock as Yt, createTextVNode as Pr, toDisplayString as gt, ref as te, computed as re, toRef as nr, watch as at, nextTick as me, onBeforeMount as or, onMounted as Rr, onUnmounted as ir, provide as Br, renderSlot as Nr, unref as Lr } from "vue";
+import { provideGlobalConfig as Fr, Tag as lr, Popover as sr, Loading as qr } from "bkui-vue";
+var Gr = Object.create, ur = Object.defineProperty, zr = Object.getOwnPropertyDescriptor, jr = Object.getOwnPropertyNames, Kr = Object.getPrototypeOf, Hr = Object.prototype.hasOwnProperty, Yr = (c, d) => () => (d || c((d = { exports: {} }).exports, d), d.exports), Xr = (c, d, u, o) => {
+  if (d && typeof d == "object" || typeof d == "function") for (var l = jr(d), v = 0, f = l.length, w; v < f; v++)
+    w = l[v], !Hr.call(c, w) && w !== u && ur(c, w, {
+      get: ((b) => d[b]).bind(null, w),
+      enumerable: !(o = zr(d, w)) || o.enumerable
+    });
+  return c;
+}, Wr = (c, d, u) => (u = c != null ? Gr(Kr(c)) : {}, Xr(!c || !c.__esModule ? ur(u, "default", {
+  value: c,
+  enumerable: !0
+}) : u, c)), Vr = /* @__PURE__ */ Wr((/* @__PURE__ */ Yr(((c, d) => {
+  (function(u, o) {
+    typeof c == "object" && typeof d < "u" ? d.exports = o() : typeof define == "function" && define.amd ? define(o) : (u = u || self, u.Sortable = o());
+  })(c, (function() {
+    function u(r, e) {
+      var t = Object.keys(r);
+      if (Object.getOwnPropertySymbols) {
+        var n = Object.getOwnPropertySymbols(r);
+        e && (n = n.filter(function(a) {
+          return Object.getOwnPropertyDescriptor(r, a).enumerable;
+        })), t.push.apply(t, n);
+      }
+      return t;
+    }
+    function o(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) {
+          v(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 l(r) {
+      "@babel/helpers - typeof";
+      return typeof Symbol == "function" && typeof Symbol.iterator == "symbol" ? l = function(e) {
+        return typeof e;
+      } : l = function(e) {
+        return e && typeof Symbol == "function" && e.constructor === Symbol && e !== Symbol.prototype ? "symbol" : typeof e;
+      }, l(r);
+    }
+    function v(r, e, t) {
+      return e in r ? Object.defineProperty(r, e, {
+        value: t,
+        enumerable: !0,
+        configurable: !0,
+        writable: !0
+      }) : r[e] = t, r;
+    }
+    function f() {
+      return f = 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;
+      }, f.apply(this, arguments);
+    }
+    function w(r, e) {
+      if (r == null) return {};
+      var t = {}, n = Object.keys(r), a, i;
+      for (i = 0; i < n.length; i++)
+        a = n[i], !(e.indexOf(a) >= 0) && (t[a] = r[a]);
+      return t;
+    }
+    function b(r, e) {
+      if (r == null) return {};
+      var t = w(r, e), n, a;
+      if (Object.getOwnPropertySymbols) {
+        var i = Object.getOwnPropertySymbols(r);
+        for (a = 0; a < i.length; a++)
+          n = i[a], !(e.indexOf(n) >= 0) && Object.prototype.propertyIsEnumerable.call(r, n) && (t[n] = r[n]);
+      }
+      return t;
+    }
+    function B(r) {
+      return G(r) || H(r) || ye(r) || Le();
+    }
+    function G(r) {
+      if (Array.isArray(r)) return Ne(r);
+    }
+    function H(r) {
+      if (typeof Symbol < "u" && r[Symbol.iterator] != null || r["@@iterator"] != null) return Array.from(r);
+    }
+    function ye(r, e) {
+      if (r) {
+        if (typeof r == "string") return Ne(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 Ne(r, e);
+      }
+    }
+    function Ne(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 De = "1.15.6";
+    function F(r) {
+      if (typeof window < "u" && window.navigator) return !!/* @__PURE__ */ navigator.userAgent.match(r);
+    }
+    var z = F(/(?:Trident.*rv[ :]?11\.|msie|iemobile|Windows Phone)/i), Se = F(/Edge/i), vt = F(/firefox/i), $ = F(/safari/i) && !F(/chrome/i) && !F(/android/i), X = F(/iP(ad|od|hone)/i), D = F(/chrome/i) && F(/android/i), ue = {
+      capture: !1,
+      passive: !1
+    };
+    function x(r, e, t) {
+      r.addEventListener(e, t, !z && ue);
+    }
+    function O(r, e, t) {
+      r.removeEventListener(e, t, !z && ue);
+    }
+    function Y(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 be(r) {
+      return r.host && r !== document && r.host.nodeType ? r.host : r.parentNode;
+    }
+    function ne(r, e, t, n) {
+      if (r) {
+        t = t || document;
+        do {
+          if (e != null && (e[0] === ">" ? r.parentNode === t && Y(r, e) : Y(r, e)) || n && r === t) return r;
+          if (r === t) break;
+        } while (r = be(r));
+      }
+      return null;
+    }
+    var Ze = /\s+/g;
+    function U(r, e, t) {
+      r && e && (r.classList ? r.classList[t ? "add" : "remove"](e) : r.className = ((" " + r.className + " ").replace(Ze, " ").replace(" " + e + " ", " ") + (t ? " " + e : "")).replace(Ze, " "));
+    }
+    function S(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 ke(r, e) {
+      var t = "";
+      if (typeof r == "string") t = r;
+      else do {
+        var n = S(r, "transform");
+        n && n !== "none" && (t = n + " " + t);
+      } while (!e && (r = r.parentNode));
+      var a = window.DOMMatrix || window.WebKitCSSMatrix || window.CSSMatrix || window.MSCSSMatrix;
+      return a && new a(t);
+    }
+    function Vt(r, e, t) {
+      if (r) {
+        var n = r.getElementsByTagName(e), a = 0, i = n.length;
+        if (t) for (; a < i; a++) t(n[a], a);
+        return n;
+      }
+      return [];
+    }
+    function Te() {
+      var r = document.scrollingElement;
+      return r || document.documentElement;
+    }
+    function j(r, e, t, n, a) {
+      if (!(!r.getBoundingClientRect && r !== window)) {
+        var i, s, h, g, m, I, C;
+        if (r !== window && r.parentNode && r !== Te() ? (i = r.getBoundingClientRect(), s = i.top, h = i.left, g = i.bottom, m = i.right, I = i.height, C = i.width) : (s = 0, h = 0, g = window.innerHeight, m = window.innerWidth, I = window.innerHeight, C = window.innerWidth), (e || t) && r !== window && (a = a || r.parentNode, !z))
+          do
+            if (a && a.getBoundingClientRect && (S(a, "transform") !== "none" || t && S(a, "position") !== "static")) {
+              var T = a.getBoundingClientRect();
+              s -= T.top + parseInt(S(a, "border-top-width")), h -= T.left + parseInt(S(a, "border-left-width")), g = s + i.height, m = h + i.width;
+              break;
+            }
+          while (a = a.parentNode);
+        if (n && r !== window) {
+          var L = ke(a || r), P = L && L.a, q = L && L.d;
+          L && (s /= q, h /= P, C /= P, I /= q, g = s + I, m = h + C);
+        }
+        return {
+          top: s,
+          left: h,
+          bottom: g,
+          right: m,
+          width: C,
+          height: I
+        };
+      }
+    }
+    function Qt(r, e, t) {
+      for (var n = Ee(r, !0), a = j(r)[e]; n; ) {
+        var i = j(n)[t], s = void 0;
+        if (s = a >= i, !s) return n;
+        if (n === Te()) break;
+        n = Ee(n, !1);
+      }
+      return !1;
+    }
+    function Je(r, e, t, n) {
+      for (var a = 0, i = 0, s = r.children; i < s.length; ) {
+        if (s[i].style.display !== "none" && s[i] !== A.ghost && (n || s[i] !== A.dragged) && ne(s[i], t.draggable, r, !1)) {
+          if (a === e) return s[i];
+          a++;
+        }
+        i++;
+      }
+      return null;
+    }
+    function Tt(r, e) {
+      for (var t = r.lastElementChild; t && (t === A.ghost || S(t, "display") === "none" || e && !Y(t, e)); ) t = t.previousElementSibling;
+      return t || null;
+    }
+    function ee(r, e) {
+      var t = 0;
+      if (!r || !r.parentNode) return -1;
+      for (; r = r.previousElementSibling; ) r.nodeName.toUpperCase() !== "TEMPLATE" && r !== A.clone && (!e || Y(r, e)) && t++;
+      return t;
+    }
+    function mt(r) {
+      var e = 0, t = 0, n = Te();
+      if (r) do {
+        var a = ke(r), i = a.a, s = a.d;
+        e += r.scrollLeft * i, t += r.scrollTop * s;
+      } while (r !== n && (r = r.parentNode));
+      return [e, t];
+    }
+    function Zt(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 Ee(r, e) {
+      if (!r || !r.getBoundingClientRect) return Te();
+      var t = r, n = !1;
+      do
+        if (t.clientWidth < t.scrollWidth || t.clientHeight < t.scrollHeight) {
+          var a = S(t);
+          if (t.clientWidth < t.scrollWidth && (a.overflowX == "auto" || a.overflowX == "scroll") || t.clientHeight < t.scrollHeight && (a.overflowY == "auto" || a.overflowY == "scroll")) {
+            if (!t.getBoundingClientRect || t === document.body) return Te();
+            if (n || e) return t;
+            n = !0;
+          }
+        }
+      while (t = t.parentNode);
+      return Te();
+    }
+    function yt(r, e) {
+      if (r && e)
+        for (var t in e) e.hasOwnProperty(t) && (r[t] = e[t]);
+      return r;
+    }
+    function $e(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 Ke;
+    function it(r, e) {
+      return function() {
+        if (!Ke) {
+          var t = arguments, n = this;
+          t.length === 1 ? r.call(n, t[0]) : r.apply(n, t), Ke = setTimeout(function() {
+            Ke = void 0;
+          }, e);
+        }
+      };
+    }
+    function _n() {
+      clearTimeout(Ke), Ke = void 0;
+    }
+    function Jt(r, e, t) {
+      r.scrollLeft += e, r.scrollTop += t;
+    }
+    function lt(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 Ot(r, e) {
+      S(r, "position", "absolute"), S(r, "top", e.top), S(r, "left", e.left), S(r, "width", e.width), S(r, "height", e.height);
+    }
+    function bt(r) {
+      S(r, "position", ""), S(r, "top", ""), S(r, "left", ""), S(r, "width", ""), S(r, "height", "");
+    }
+    function xt(r, e, t) {
+      var n = {};
+      return Array.from(r.children).forEach(function(a) {
+        var i, s, h, g;
+        if (!(!ne(a, e.draggable, r, !1) || a.animated || a === t)) {
+          var m = j(a);
+          n.left = Math.min((i = n.left) !== null && i !== void 0 ? i : 1 / 0, m.left), n.top = Math.min((s = n.top) !== null && s !== void 0 ? s : 1 / 0, m.top), n.right = Math.max((h = n.right) !== null && h !== void 0 ? h : -1 / 0, m.right), n.bottom = Math.max((g = n.bottom) !== null && g !== void 0 ? g : -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 ae = "Sortable" + (/* @__PURE__ */ new Date()).getTime();
+    function $t() {
+      var r = [], e;
+      return {
+        captureAnimationState: function() {
+          r = [], this.options.animation && [].slice.call(this.el.children).forEach(function(n) {
+            if (!(S(n, "display") === "none" || n === A.ghost)) {
+              r.push({
+                target: n,
+                rect: j(n)
+              });
+              var a = o({}, r[r.length - 1].rect);
+              if (n.thisAnimationDuration) {
+                var i = ke(n, !0);
+                i && (a.top -= i.f, a.left -= i.e);
+              }
+              n.fromRect = a;
+            }
+          });
+        },
+        addAnimationState: function(n) {
+          r.push(n);
+        },
+        removeAnimationState: function(n) {
+          r.splice(Zt(r, { target: n }), 1);
+        },
+        animateAll: function(n) {
+          var a = this;
+          if (!this.options.animation) {
+            clearTimeout(e), typeof n == "function" && n();
+            return;
+          }
+          var i = !1, s = 0;
+          r.forEach(function(h) {
+            var g = 0, m = h.target, I = m.fromRect, C = j(m), T = m.prevFromRect, L = m.prevToRect, P = h.rect, q = ke(m, !0);
+            q && (C.top -= q.f, C.left -= q.e), m.toRect = C, m.thisAnimationDuration && $e(T, C) && !$e(I, C) && (P.top - C.top) / (P.left - C.left) === (I.top - C.top) / (I.left - C.left) && (g = wt(P, T, L, a.options)), $e(C, I) || (m.prevFromRect = I, m.prevToRect = C, g || (g = a.options.animation), a.animate(m, P, C, g)), g && (i = !0, s = Math.max(s, g), clearTimeout(m.animationResetTimer), m.animationResetTimer = setTimeout(function() {
+              m.animationTime = 0, m.prevFromRect = null, m.fromRect = null, m.prevToRect = null, m.thisAnimationDuration = null;
+            }, g), m.thisAnimationDuration = g);
+          }), clearTimeout(e), i ? e = setTimeout(function() {
+            typeof n == "function" && n();
+          }, s) : typeof n == "function" && n(), r = [];
+        },
+        animate: function(n, a, i, s) {
+          if (s) {
+            S(n, "transition", ""), S(n, "transform", "");
+            var h = ke(this.el), g = h && h.a, m = h && h.d, I = (a.left - i.left) / (g || 1), C = (a.top - i.top) / (m || 1);
+            n.animatingX = !!I, n.animatingY = !!C, S(n, "transform", "translate3d(" + I + "px," + C + "px,0)"), this.forRepaintDummy = At(n), S(n, "transition", "transform " + s + "ms" + (this.options.easing ? " " + this.options.easing : "")), S(n, "transform", "translate3d(0,0,0)"), typeof n.animated == "number" && clearTimeout(n.animated), n.animated = setTimeout(function() {
+              S(n, "transition", ""), S(n, "transform", ""), n.animated = !1, n.animatingX = !1, n.animatingY = !1;
+            }, s);
+          }
+        }
+      };
+    }
+    function At(r) {
+      return r.offsetWidth;
+    }
+    function wt(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 we = [], kt = { initializeByDefault: !0 }, Fe = {
+      mount: function(e) {
+        for (var t in kt) kt.hasOwnProperty(t) && !(t in e) && (e[t] = kt[t]);
+        we.forEach(function(n) {
+          if (n.pluginName === e.pluginName) throw "Sortable: Cannot mount plugin ".concat(e.pluginName, " more than once");
+        }), we.push(e);
+      },
+      pluginEvent: function(e, t, n) {
+        var a = this;
+        this.eventCanceled = !1, n.cancel = function() {
+          a.eventCanceled = !0;
+        };
+        var i = e + "Global";
+        we.forEach(function(s) {
+          t[s.pluginName] && (t[s.pluginName][i] && t[s.pluginName][i](o({ sortable: t }, n)), t.options[s.pluginName] && t[s.pluginName][e] && t[s.pluginName][e](o({ sortable: t }, n)));
+        });
+      },
+      initializePlugins: function(e, t, n, a) {
+        we.forEach(function(h) {
+          var g = h.pluginName;
+          if (!(!e.options[g] && !h.initializeByDefault)) {
+            var m = new h(e, t, e.options);
+            m.sortable = e, m.options = e.options, e[g] = m, f(n, m.defaults);
+          }
+        });
+        for (var i in e.options)
+          if (e.options.hasOwnProperty(i)) {
+            var s = this.modifyOption(e, i, e.options[i]);
+            typeof s < "u" && (e.options[i] = s);
+          }
+      },
+      getEventProperties: function(e, t) {
+        var n = {};
+        return we.forEach(function(a) {
+          typeof a.eventProperties == "function" && f(n, a.eventProperties.call(t[a.pluginName], e));
+        }), n;
+      },
+      modifyOption: function(e, t, n) {
+        var a;
+        return we.forEach(function(i) {
+          e[i.pluginName] && i.optionListeners && typeof i.optionListeners[t] == "function" && (a = i.optionListeners[t].call(e[i.pluginName], n));
+        }), a;
+      }
+    };
+    function He(r) {
+      var e = r.sortable, t = r.rootEl, n = r.name, a = r.targetEl, i = r.cloneEl, s = r.toEl, h = r.fromEl, g = r.oldIndex, m = r.newIndex, I = r.oldDraggableIndex, C = r.newDraggableIndex, T = r.originalEvent, L = r.putSortable, P = r.extraEventProperties;
+      if (e = e || t && t[ae], !!e) {
+        var q, ve = e.options, xe = "on" + n.charAt(0).toUpperCase() + n.substr(1);
+        window.CustomEvent && !z && !Se ? q = new CustomEvent(n, {
+          bubbles: !0,
+          cancelable: !0
+        }) : (q = document.createEvent("Event"), q.initEvent(n, !0, !0)), q.to = s || t, q.from = h || t, q.item = a || t, q.clone = i, q.oldIndex = g, q.newIndex = m, q.oldDraggableIndex = I, q.newDraggableIndex = C, q.originalEvent = T, q.pullMode = L ? L.lastPutMode : void 0;
+        var R = o(o({}, P), Fe.getEventProperties(n, e));
+        for (var Q in R) q[Q] = R[Q];
+        t && t.dispatchEvent(q), ve[xe] && ve[xe].call(e, q);
+      }
+    }
+    var Me = ["evt"], de = function(e, t) {
+      var n = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : {}, a = n.evt, i = b(n, Me);
+      Fe.pluginEvent.bind(A)(e, t, o({
+        dragEl: y,
+        parentEl: K,
+        ghostEl: k,
+        rootEl: W,
+        nextEl: Ye,
+        lastDownEl: pe,
+        cloneEl: J,
+        cloneHidden: qe,
+        dragStarted: dt,
+        putSortable: ce,
+        activeSortable: A.active,
+        originalEvent: a,
+        oldIndex: et,
+        oldDraggableIndex: st,
+        newIndex: ge,
+        newDraggableIndex: Ge,
+        hideGhostForTarget: Wn,
+        unhideGhostForTarget: Vn,
+        cloneNowHidden: function() {
+          qe = !0;
+        },
+        cloneNowShown: function() {
+          qe = !1;
+        },
+        dispatchSortableEvent: function(h) {
+          ie({
+            sortable: t,
+            name: h,
+            originalEvent: a
+          });
+        }
+      }, i));
+    };
+    function ie(r) {
+      He(o({
+        putSortable: ce,
+        cloneEl: J,
+        targetEl: y,
+        rootEl: W,
+        oldIndex: et,
+        oldDraggableIndex: st,
+        newIndex: ge,
+        newDraggableIndex: Ge
+      }, r));
+    }
+    var y, K, k, W, Ye, pe, J, qe, et, ge, st, Ge, Xe, ce, Pe = !1, ut = !1, p = [], _, E, N, _e, tt, ct, dt, _t, Mt, Pt = !1, en = !1, tn, he, Cn = [], Sn = !1, nn = [], rn = typeof document < "u", an = X, Kn = Se || z ? "cssFloat" : "float", gr = rn && !D && !X && "draggable" in document.createElement("div"), Hn = (function() {
+      if (rn) {
+        if (z) return !1;
+        var r = document.createElement("x");
+        return r.style.cssText = "pointer-events:auto", r.style.pointerEvents === "auto";
+      }
+    })(), Yn = function(e, t) {
+      var n = S(e), a = parseInt(n.width) - parseInt(n.paddingLeft) - parseInt(n.paddingRight) - parseInt(n.borderLeftWidth) - parseInt(n.borderRightWidth), i = Je(e, 0, t), s = Je(e, 1, t), h = i && S(i), g = s && S(s), m = h && parseInt(h.marginLeft) + parseInt(h.marginRight) + j(i).width, I = g && parseInt(g.marginLeft) + parseInt(g.marginRight) + j(s).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 (i && h.float && h.float !== "none") {
+        var C = h.float === "left" ? "left" : "right";
+        return s && (g.clear === "both" || g.clear === C) ? "vertical" : "horizontal";
+      }
+      return i && (h.display === "block" || h.display === "flex" || h.display === "table" || h.display === "grid" || m >= a && n[Kn] === "none" || s && n[Kn] === "none" && m + I > a) ? "vertical" : "horizontal";
+    }, vr = function(e, t, n) {
+      var a = n ? e.left : e.top, i = n ? e.right : e.bottom, s = n ? e.width : e.height, h = n ? t.left : t.top, g = n ? t.right : t.bottom, m = n ? t.width : t.height;
+      return a === h || i === g || a + s / 2 === h + m / 2;
+    }, mr = function(e, t) {
+      var n;
+      return p.some(function(a) {
+        var i = a[ae].options.emptyInsertThreshold;
+        if (!(!i || Tt(a))) {
+          var s = j(a), h = e >= s.left - i && e <= s.right + i, g = t >= s.top - i && t <= s.bottom + i;
+          if (h && g) return n = a;
+        }
+      }), n;
+    }, Xn = function(e) {
+      function t(i, s) {
+        return function(h, g, m, I) {
+          var C = h.options.group.name && g.options.group.name && h.options.group.name === g.options.group.name;
+          if (i == null && (s || C)) return !0;
+          if (i == null || i === !1) return !1;
+          if (s && i === "clone") return i;
+          if (typeof i == "function") return t(i(h, g, m, I), s)(h, g, m, I);
+          var T = (s ? h : g).options.group.name;
+          return i === !0 || typeof i == "string" && i === T || i.join && i.indexOf(T) > -1;
+        };
+      }
+      var n = {}, a = e.group;
+      (!a || l(a) != "object") && (a = { name: a }), n.name = a.name, n.checkPull = t(a.pull, !0), n.checkPut = t(a.put), n.revertClone = a.revertClone, e.group = n;
+    }, Wn = function() {
+      !Hn && k && S(k, "display", "none");
+    }, Vn = function() {
+      !Hn && k && S(k, "display", "");
+    };
+    rn && !D && document.addEventListener("click", function(r) {
+      if (ut)
+        return r.preventDefault(), r.stopPropagation && r.stopPropagation(), r.stopImmediatePropagation && r.stopImmediatePropagation(), ut = !1, !1;
+    }, !0);
+    var ft = function(e) {
+      if (y) {
+        e = e.touches ? e.touches[0] : e;
+        var t = mr(e.clientX, e.clientY);
+        if (t) {
+          var n = {};
+          for (var a in e) e.hasOwnProperty(a) && (n[a] = e[a]);
+          n.target = n.rootEl = t, n.preventDefault = void 0, n.stopPropagation = void 0, t[ae]._onDragOver(n);
+        }
+      }
+    }, yr = function(e) {
+      y && y.parentNode[ae]._isOutsideThisEl(e.target);
+    };
+    function A(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 = f({}, e), r[ae] = 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 Yn(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(s, h) {
+          s.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: A.supportPointer !== !1 && "PointerEvent" in window && (!$ || X),
+        emptyInsertThreshold: 5
+      };
+      Fe.initializePlugins(this, r, t);
+      for (var n in t) !(n in e) && (e[n] = t[n]);
+      Xn(e);
+      for (var a in this) a.charAt(0) === "_" && typeof this[a] == "function" && (this[a] = this[a].bind(this));
+      this.nativeDraggable = e.forceFallback ? !1 : gr, this.nativeDraggable && (this.options.touchStartThreshold = 1), e.supportPointer ? x(r, "pointerdown", this._onTapStart) : (x(r, "mousedown", this._onTapStart), x(r, "touchstart", this._onTapStart)), this.nativeDraggable && (x(r, "dragover", this), x(r, "dragenter", this)), p.push(this.el), e.store && e.store.get && this.sort(e.store.get(this) || []), f(this, $t());
+    }
+    A.prototype = /** @lends Sortable.prototype */
+    {
+      constructor: A,
+      _isOutsideThisEl: function(e) {
+        !this.el.contains(e) && e !== this.el && (_t = 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, a = this.options, i = a.preventOnFilter, s = e.type, h = e.touches && e.touches[0] || e.pointerType && e.pointerType === "touch" && e, g = (h || e).target, m = e.target.shadowRoot && (e.path && e.path[0] || e.composedPath && e.composedPath()[0]) || g, I = a.filter;
+          if (Ur(n), !y && !(/mousedown|pointerdown/.test(s) && e.button !== 0 || a.disabled) && !m.isContentEditable && !(!this.nativeDraggable && $ && g && g.tagName.toUpperCase() === "SELECT") && (g = ne(g, a.draggable, n, !1), !(g && g.animated) && pe !== g)) {
+            if (et = ee(g), st = ee(g, a.draggable), typeof I == "function") {
+              if (I.call(this, e, g, this)) {
+                ie({
+                  sortable: t,
+                  rootEl: m,
+                  name: "filter",
+                  targetEl: g,
+                  toEl: n,
+                  fromEl: n
+                }), de("filter", t, { evt: e }), i && e.preventDefault();
+                return;
+              }
+            } else if (I && (I = I.split(",").some(function(C) {
+              if (C = ne(m, C.trim(), n, !1), C)
+                return ie({
+                  sortable: t,
+                  rootEl: C,
+                  name: "filter",
+                  targetEl: g,
+                  fromEl: n,
+                  toEl: n
+                }), de("filter", t, { evt: e }), !0;
+            }), I)) {
+              i && e.preventDefault();
+              return;
+            }
+            a.handle && !ne(m, a.handle, n, !1) || this._prepareDragStart(e, h, g);
+          }
+        }
+      },
+      _prepareDragStart: function(e, t, n) {
+        var a = this, i = a.el, s = a.options, h = i.ownerDocument, g;
+        if (n && !y && n.parentNode === i) {
+          var m = j(n);
+          if (W = i, y = n, K = y.parentNode, Ye = y.nextSibling, pe = n, Xe = s.group, A.dragged = y, _ = {
+            target: y,
+            clientX: (t || e).clientX,
+            clientY: (t || e).clientY
+          }, tt = _.clientX - m.left, ct = _.clientY - m.top, this._lastX = (t || e).clientX, this._lastY = (t || e).clientY, y.style["will-change"] = "all", g = function() {
+            if (de("delayEnded", a, { evt: e }), A.eventCanceled) {
+              a._onDrop();
+              return;
+            }
+            a._disableDelayedDragEvents(), !vt && a.nativeDraggable && (y.draggable = !0), a._triggerDragStart(e, t), ie({
+              sortable: a,
+              name: "choose",
+              originalEvent: e
+            }), U(y, s.chosenClass, !0);
+          }, s.ignore.split(",").forEach(function(I) {
+            Vt(y, I.trim(), En);
+          }), x(h, "dragover", ft), x(h, "mousemove", ft), x(h, "touchmove", ft), s.supportPointer ? (x(h, "pointerup", a._onDrop), !this.nativeDraggable && x(h, "pointercancel", a._onDrop)) : (x(h, "mouseup", a._onDrop), x(h, "touchend", a._onDrop), x(h, "touchcancel", a._onDrop)), vt && this.nativeDraggable && (this.options.touchStartThreshold = 4, y.draggable = !0), de("delayStart", this, { evt: e }), s.delay && (!s.delayOnTouchOnly || t) && (!this.nativeDraggable || !(Se || z))) {
+            if (A.eventCanceled) {
+              this._onDrop();
+              return;
+            }
+            s.supportPointer ? (x(h, "pointerup", a._disableDelayedDrag), x(h, "pointercancel", a._disableDelayedDrag)) : (x(h, "mouseup", a._disableDelayedDrag), x(h, "touchend", a._disableDelayedDrag), x(h, "touchcancel", a._disableDelayedDrag)), x(h, "mousemove", a._delayedDragTouchMoveHandler), x(h, "touchmove", a._delayedDragTouchMoveHandler), s.supportPointer && x(h, "pointermove", a._delayedDragTouchMoveHandler), a._dragStartTimer = setTimeout(g, s.delay);
+          } else g();
+        }
+      },
+      _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 && En(y), clearTimeout(this._dragStartTimer), this._disableDelayedDragEvents();
+      },
+      _disableDelayedDragEvents: function() {
+        var e = this.el.ownerDocument;
+        O(e, "mouseup", this._disableDelayedDrag), O(e, "touchend", this._disableDelayedDrag), O(e, "touchcancel", this._disableDelayedDrag), O(e, "pointerup", this._disableDelayedDrag), O(e, "pointercancel", this._disableDelayedDrag), O(e, "mousemove", this._delayedDragTouchMoveHandler), O(e, "touchmove", this._delayedDragTouchMoveHandler), O(e, "pointermove", this._delayedDragTouchMoveHandler);
+      },
+      _triggerDragStart: function(e, t) {
+        t = t || e.pointerType == "touch" && e, !this.nativeDraggable || t ? this.options.supportPointer ? x(document, "pointermove", this._onTouchMove) : t ? x(document, "touchmove", this._onTouchMove) : x(document, "mousemove", this._onTouchMove) : (x(y, "dragend", this), x(W, "dragstart", this._onDragStart));
+        try {
+          document.selection ? ln(function() {
+            document.selection.empty();
+          }) : window.getSelection().removeAllRanges();
+        } catch {
+        }
+      },
+      _dragStarted: function(e, t) {
+        if (Pe = !1, W && y) {
+          de("dragStarted", this, { evt: t }), this.nativeDraggable && x(document, "dragover", yr);
+          var n = this.options;
+          !e && U(y, n.dragClass, !1), U(y, n.ghostClass, !0), A.active = this, e && this._appendGhost(), ie({
+            sortable: this,
+            name: "start",
+            originalEvent: t
+          });
+        } else this._nulling();
+      },
+      _emulateDragOver: function() {
+        if (E) {
+          this._lastX = E.clientX, this._lastY = E.clientY, Wn();
+          for (var e = document.elementFromPoint(E.clientX, E.clientY), t = e; e && e.shadowRoot && (e = e.shadowRoot.elementFromPoint(E.clientX, E.clientY), e !== t); )
+            t = e;
+          if (y.parentNode[ae]._isOutsideThisEl(e), t) do {
+            if (t[ae]) {
+              var n = void 0;
+              if (n = t[ae]._onDragOver({
+                clientX: E.clientX,
+                clientY: E.clientY,
+                target: e,
+                rootEl: t
+              }), n && !this.options.dragoverBubble) break;
+            }
+            e = t;
+          } while (t = be(t));
+          Vn();
+        }
+      },
+      _onTouchMove: function(e) {
+        if (_) {
+          var t = this.options, n = t.fallbackTolerance, a = t.fallbackOffset, i = e.touches ? e.touches[0] : e, s = k && ke(k, !0), h = k && s && s.a, g = k && s && s.d, m = an && he && mt(he), I = (i.clientX - _.clientX + a.x) / (h || 1) + (m ? m[0] - Cn[0] : 0) / (h || 1), C = (i.clientY - _.clientY + a.y) / (g || 1) + (m ? m[1] - Cn[1] : 0) / (g || 1);
+          if (!A.active && !Pe) {
+            if (n && Math.max(Math.abs(i.clientX - this._lastX), Math.abs(i.clientY - this._lastY)) < n) return;
+            this._onDragStart(e, !0);
+          }
+          if (k) {
+            s ? (s.e += I - (N || 0), s.f += C - (_e || 0)) : s = {
+              a: 1,
+              b: 0,
+              c: 0,
+              d: 1,
+              e: I,
+              f: C
+            };
+            var T = "matrix(".concat(s.a, ",").concat(s.b, ",").concat(s.c, ",").concat(s.d, ",").concat(s.e, ",").concat(s.f, ")");
+            S(k, "webkitTransform", T), S(k, "mozTransform", T), S(k, "msTransform", T), S(k, "transform", T), N = I, _e = C, E = i;
+          }
+          e.cancelable && e.preventDefault();
+        }
+      },
+      _appendGhost: function() {
+        if (!k) {
+          var e = this.options.fallbackOnBody ? document.body : W, t = j(y, !0, an, !0, e), n = this.options;
+          if (an) {
+            for (he = e; S(he, "position") === "static" && S(he, "transform") === "none" && he !== document; ) he = he.parentNode;
+            he !== document.body && he !== document.documentElement ? (he === document && (he = Te()), t.top += he.scrollTop, t.left += he.scrollLeft) : he = Te(), Cn = mt(he);
+          }
+          k = y.cloneNode(!0), U(k, n.ghostClass, !1), U(k, n.fallbackClass, !0), U(k, n.dragClass, !0), S(k, "transition", ""), S(k, "transform", ""), S(k, "box-sizing", "border-box"), S(k, "margin", 0), S(k, "top", t.top), S(k, "left", t.left), S(k, "width", t.width), S(k, "height", t.height), S(k, "opacity", "0.8"), S(k, "position", an ? "absolute" : "fixed"), S(k, "zIndex", "100000"), S(k, "pointerEvents", "none"), A.ghost = k, e.appendChild(k), S(k, "transform-origin", tt / parseInt(k.style.width) * 100 + "% " + ct / parseInt(k.style.height) * 100 + "%");
+        }
+      },
+      _onDragStart: function(e, t) {
+        var n = this, a = e.dataTransfer, i = n.options;
+        if (de("dragStart", this, { evt: e }), A.eventCanceled) {
+          this._onDrop();
+          return;
+        }
+        de("setupClone", this), A.eventCanceled || (J = lt(y), J.removeAttribute("id"), J.draggable = !1, J.style["will-change"] = "", this._hideClone(), U(J, this.options.chosenClass, !1), A.clone = J), n.cloneId = ln(function() {
+          de("clone", n), !A.eventCanceled && (n.options.removeCloneOnHide || W.insertBefore(J, y), n._hideClone(), ie({
+            sortable: n,
+            name: "clone"
+          }));
+        }), !t && U(y, i.dragClass, !0), t ? (ut = !0, n._loopId = setInterval(n._emulateDragOver, 50)) : (O(document, "mouseup", n._onDrop), O(document, "touchend", n._onDrop), O(document, "touchcancel", n._onDrop), a && (a.effectAllowed = "move", i.setData && i.setData.call(n, a, y)), x(document, "drop", n), S(y, "transform", "translateZ(0)")), Pe = !0, n._dragStartId = ln(n._dragStarted.bind(n, t, e)), x(document, "selectstart", n), dt = !0, window.getSelection().removeAllRanges(), $ && S(document.body, "user-select", "none");
+      },
+      _onDragOver: function(e) {
+        var t = this.el, n = e.target, a, i, s, h = this.options, g = h.group, m = A.active, I = Xe === g, C = h.sort, T = ce || m, L, P = this, q = !1;
+        if (Sn) return;
+        function ve(Kt, kr) {
+          de(Kt, P, o({
+            evt: e,
+            isOwner: I,
+            axis: L ? "vertical" : "horizontal",
+            revert: s,
+            dragRect: a,
+            targetRect: i,
+            canSort: C,
+            fromSortable: T,
+            target: n,
+            completed: R,
+            onMove: function($n, Mr) {
+              return on(W, t, y, a, $n, j($n), e, Mr);
+            },
+            changed: Q
+          }, kr));
+        }
+        function xe() {
+          ve("dragOverAnimationCapture"), P.captureAnimationState(), P !== T && T.captureAnimationState();
+        }
+        function R(Kt) {
+          return ve("dragOverCompleted", { insertion: Kt }), Kt && (I ? m._hideClone() : m._showClone(P), P !== T && (U(y, ce ? ce.options.ghostClass : m.options.ghostClass, !1), U(y, h.ghostClass, !0)), ce !== P && P !== A.active ? ce = P : P === A.active && ce && (ce = null), T === P && (P._ignoreWhileAnimating = n), P.animateAll(function() {
+            ve("dragOverAnimationComplete"), P._ignoreWhileAnimating = null;
+          }), P !== T && (T.animateAll(), T._ignoreWhileAnimating = null)), (n === y && !y.animated || n === t && !n.animated) && (_t = null), !h.dragoverBubble && !e.rootEl && n !== document && (y.parentNode[ae]._isOutsideThisEl(e.target), !Kt && ft(e)), !h.dragoverBubble && e.stopPropagation && e.stopPropagation(), q = !0;
+        }
+        function Q() {
+          ge = ee(y), Ge = ee(y, h.draggable), ie({
+            sortable: P,
+            name: "change",
+            toEl: t,
+            newIndex: ge,
+            newDraggableIndex: Ge,
+            originalEvent: e
+          });
+        }
+        if (e.preventDefault !== void 0 && e.cancelable && e.preventDefault(), n = ne(n, h.draggable, t, !0), ve("dragOver"), A.eventCanceled) return q;
+        if (y.contains(e.target) || n.animated && n.animatingX && n.animatingY || P._ignoreWhileAnimating === n) return R(!1);
+        if (ut = !1, m && !h.disabled && (I ? C || (s = K !== W) : ce === this || (this.lastPutMode = Xe.checkPull(this, m, y, e)) && g.checkPut(this, m, y, e))) {
+          if (L = this._getDirection(e, n) === "vertical", a = j(y), ve("dragOverValid"), A.eventCanceled) return q;
+          if (s)
+            return K = W, xe(), this._hideClone(), ve("revert"), A.eventCanceled || (Ye ? W.insertBefore(y, Ye) : W.appendChild(y)), R(!0);
+          var fe = Tt(t, h.draggable);
+          if (!fe || Cr(e, L, this) && !fe.animated) {
+            if (fe === y) return R(!1);
+            if (fe && t === e.target && (n = fe), n && (i = j(n)), on(W, t, y, a, n, i, e, !!n) !== !1)
+              return xe(), fe && fe.nextSibling ? t.insertBefore(y, fe.nextSibling) : t.appendChild(y), K = t, Q(), R(!0);
+          } else if (fe && _r(e, L, this)) {
+            var We = Je(t, 0, h, !0);
+            if (We === y) return R(!1);
+            if (n = We, i = j(n), on(W, t, y, a, n, i, e, !1) !== !1)
+              return xe(), t.insertBefore(y, We), K = t, Q(), R(!0);
+          } else if (n.parentNode === t) {
+            i = j(n);
+            var ze = 0, ht, qt = y.parentNode !== t, Ue = !vr(y.animated && y.toRect || a, n.animated && n.toRect || i, L), Gt = L ? "top" : "left", nt = Qt(n, "top", "top") || Qt(y, "top", "top"), zt = nt ? nt.scrollTop : void 0;
+            _t !== n && (ht = i[Gt], Pt = !1, en = !Ue && h.invertSwap || qt), ze = Sr(e, n, i, L, Ue ? 1 : h.swapThreshold, h.invertedSwapThreshold == null ? h.swapThreshold : h.invertedSwapThreshold, en, _t === n);
+            var Ve;
+            if (ze !== 0) {
+              var pt = ee(y);
+              do
+                pt -= ze, Ve = K.children[pt];
+              while (Ve && (S(Ve, "display") === "none" || Ve === k));
+            }
+            if (ze === 0 || Ve === n) return R(!1);
+            _t = n, Mt = ze;
+            var jt = n.nextElementSibling, rt = !1;
+            rt = ze === 1;
+            var fn = on(W, t, y, a, n, i, e, rt);
+            if (fn !== !1)
+              return (fn === 1 || fn === -1) && (rt = fn === 1), Sn = !0, setTimeout(wr, 30), xe(), rt && !jt ? t.appendChild(y) : n.parentNode.insertBefore(y, rt ? jt : n), nt && Jt(nt, 0, zt - nt.scrollTop), K = y.parentNode, ht !== void 0 && !en && (tn = Math.abs(ht - j(n)[Gt])), Q(), R(!0);
+          }
+          if (t.contains(y)) return R(!1);
+        }
+        return !1;
+      },
+      _ignoreWhileAnimating: null,
+      _offMoveEvents: function() {
+        O(document, "mousemove", this._onTouchMove), O(document, "touchmove", this._onTouchMove), O(document, "pointermove", this._onTouchMove), O(document, "dragover", ft), O(document, "mousemove", ft), O(document, "touchmove", ft);
+      },
+      _offUpEvents: function() {
+        var e = this.el.ownerDocument;
+        O(e, "mouseup", this._onDrop), O(e, "touchend", this._onDrop), O(e, "pointerup", this._onDrop), O(e, "pointercancel", this._onDrop), O(e, "touchcancel", this._onDrop), O(document, "selectstart", this);
+      },
+      _onDrop: function(e) {
+        var t = this.el, n = this.options;
+        if (ge = ee(y), Ge = ee(y, n.draggable), de("drop", this, { evt: e }), K = y && y.parentNode, ge = ee(y), Ge = ee(y, n.draggable), A.eventCanceled) {
+          this._nulling();
+          return;
+        }
+        Pe = !1, en = !1, Pt = !1, clearInterval(this._loopId), clearTimeout(this._dragStartTimer), In(this.cloneId), In(this._dragStartId), this.nativeDraggable && (O(document, "drop", this), O(t, "dragstart", this._onDragStart)), this._offMoveEvents(), this._offUpEvents(), $ && S(document.body, "user-select", ""), S(y, "transform", ""), e && (dt && (e.cancelable && e.preventDefault(), !n.dropBubble && e.stopPropagation()), k && k.parentNode && k.parentNode.removeChild(k), (W === K || ce && ce.lastPutMode !== "clone") && J && J.parentNode && J.parentNode.removeChild(J), y && (this.nativeDraggable && O(y, "dragend", this), En(y), y.style["will-change"] = "", dt && !Pe && U(y, ce ? ce.options.ghostClass : this.options.ghostClass, !1), U(y, this.options.chosenClass, !1), ie({
+          sortable: this,
+          name: "unchoose",
+          toEl: K,
+          newIndex: null,
+          newDraggableIndex: null,
+          originalEvent: e
+        }), W !== K ? (ge >= 0 && (ie({
+          rootEl: K,
+          name: "add",
+          toEl: K,
+          fromEl: W,
+          originalEvent: e
+        }), ie({
+          sortable: this,
+          name: "remove",
+          toEl: K,
+          originalEvent: e
+        }), ie({
+          rootEl: K,
+          name: "sort",
+          toEl: K,
+          fromEl: W,
+          originalEvent: e
+        }), ie({
+          sortable: this,
+          name: "sort",
+          toEl: K,
+          originalEvent: e
+        })), ce && ce.save()) : ge !== et && ge >= 0 && (ie({
+          sortable: this,
+          name: "update",
+          toEl: K,
+          originalEvent: e
+        }), ie({
+          sortable: this,
+          name: "sort",
+          toEl: K,
+          originalEvent: e
+        })), A.active && ((ge == null || ge === -1) && (ge = et, Ge = st), ie({
+          sortable: this,
+          name: "end",
+          toEl: K,
+          originalEvent: e
+        }), this.save()))), this._nulling();
+      },
+      _nulling: function() {
+        de("nulling", this), W = y = K = k = Ye = J = pe = qe = _ = E = dt = ge = Ge = et = st = _t = Mt = ce = Xe = A.dragged = A.ghost = A.clone = A.active = null, nn.forEach(function(e) {
+          e.checked = !0;
+        }), nn.length = N = _e = 0;
+      },
+      handleEvent: function(e) {
+        switch (e.type) {
+          case "drop":
+          case "dragend":
+            this._onDrop(e);
+            break;
+          case "dragenter":
+          case "dragover":
+            y && (this._onDragOver(e), br(e));
+            break;
+          case "selectstart":
+            e.preventDefault();
+            break;
+        }
+      },
+      toArray: function() {
+        for (var e = [], t, n = this.el.children, a = 0, i = n.length, s = this.options; a < i; a++)
+          t = n[a], ne(t, s.draggable, this.el, !1) && e.push(t.getAttribute(s.dataIdAttr) || Ir(t));
+        return e;
+      },
+      sort: function(e, t) {
+        var n = {}, a = this.el;
+        this.toArray().forEach(function(i, s) {
+          var h = a.children[s];
+          ne(h, this.options.draggable, a, !1) && (n[i] = h);
+        }, this), t && this.captureAnimationState(), e.forEach(function(i) {
+          n[i] && (a.removeChild(n[i]), a.appendChild(n[i]));
+        }), t && this.animateAll();
+      },
+      save: function() {
+        var e = this.options.store;
+        e && e.set && e.set(this);
+      },
+      closest: function(e, t) {
+        return ne(e, t || this.options.draggable, this.el, !1);
+      },
+      option: function(e, t) {
+        var n = this.options;
+        if (t === void 0) return n[e];
+        var a = Fe.modifyOption(this, e, t);
+        typeof a < "u" ? n[e] = a : n[e] = t, e === "group" && Xn(n);
+      },
+      destroy: function() {
+        de("destroy", this);
+        var e = this.el;
+        e[ae] = null, O(e, "mousedown", this._onTapStart), O(e, "touchstart", this._onTapStart), O(e, "pointerdown", this._onTapStart), this.nativeDraggable && (O(e, "dragover", this), O(e, "dragenter", this)), Array.prototype.forEach.call(e.querySelectorAll("[draggable]"), function(t) {
+          t.removeAttribute("draggable");
+        }), this._onDrop(), this._disableDelayedDragEvents(), p.splice(p.indexOf(this.el), 1), this.el = e = null;
+      },
+      _hideClone: function() {
+        if (!qe) {
+          if (de("hideClone", this), A.eventCanceled) return;
+          S(J, "display", "none"), this.options.removeCloneOnHide && J.parentNode && J.parentNode.removeChild(J), qe = !0;
+        }
+      },
+      _showClone: function(e) {
+        if (e.lastPutMode !== "clone") {
+          this._hideClone();
+          return;
+        }
+        if (qe) {
+          if (de("showClone", this), A.eventCanceled) return;
+          y.parentNode == W && !this.options.group.revertClone ? W.insertBefore(J, y) : Ye ? W.insertBefore(J, Ye) : W.appendChild(J), this.options.group.revertClone && this.animate(y, J), S(J, "display", ""), qe = !1;
+        }
+      }
+    };
+    function br(r) {
+      r.dataTransfer && (r.dataTransfer.dropEffect = "move"), r.cancelable && r.preventDefault();
+    }
+    function on(r, e, t, n, a, i, s, h) {
+      var g, m = r[ae], I = m.options.onMove, C;
+      return window.CustomEvent && !z && !Se ? g = new CustomEvent("move", {
+        bubbles: !0,
+        cancelable: !0
+      }) : (g = document.createEvent("Event"), g.initEvent("move", !0, !0)), g.to = e, g.from = r, g.dragged = t, g.draggedRect = n, g.related = a || e, g.relatedRect = i || j(e), g.willInsertAfter = h, g.originalEvent = s, r.dispatchEvent(g), I && (C = I.call(m, g, s)), C;
+    }
+    function En(r) {
+      r.draggable = !1;
+    }
+    function wr() {
+      Sn = !1;
+    }
+    function _r(r, e, t) {
+      var n = j(Je(t.el, 0, t.options, !0)), a = xt(t.el, t.options, k), i = 10;
+      return e ? r.clientX < a.left - i || r.clientY < n.top && r.clientX < n.right : r.clientY < a.top - i || r.clientY < n.bottom && r.clientX < n.left;
+    }
+    function Cr(r, e, t) {
+      var n = j(Tt(t.el, t.options.draggable)), a = xt(t.el, t.options, k), i = 10;
+      return e ? r.clientX > a.right + i || r.clientY > n.bottom && r.clientX > n.left : r.clientY > a.bottom + i || r.clientX > n.right && r.clientY > n.top;
+    }
+    function Sr(r, e, t, n, a, i, s, h) {
+      var g = n ? r.clientY : r.clientX, m = n ? t.height : t.width, I = n ? t.top : t.left, C = n ? t.bottom : t.right, T = !1;
+      if (!s) {
+        if (h && tn < m * a) {
+          if (!Pt && (Mt === 1 ? g > I + m * i / 2 : g < C - m * i / 2) && (Pt = !0), Pt)
+            T = !0;
+          else if (Mt === 1 ? g < I + tn : g > C - tn) return -Mt;
+        } else if (g > I + m * (1 - a) / 2 && g < C - m * (1 - a) / 2) return Er(e);
+      }
+      return T = T || s, T && (g < I + m * i / 2 || g > C - m * i / 2) ? g > I + m / 2 ? 1 : -1 : 0;
+    }
+    function Er(r) {
+      return ee(y) < ee(r) ? 1 : -1;
+    }
+    function Ir(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 Ur(r) {
+      nn.length = 0;
+      for (var e = r.getElementsByTagName("input"), t = e.length; t--; ) {
+        var n = e[t];
+        n.checked && nn.push(n);
+      }
+    }
+    function ln(r) {
+      return setTimeout(r, 0);
+    }
+    function In(r) {
+      return clearTimeout(r);
+    }
+    rn && x(document, "touchmove", function(r) {
+      (A.active || Pe) && r.cancelable && r.preventDefault();
+    }), A.utils = {
+      on: x,
+      off: O,
+      css: S,
+      find: Vt,
+      is: function(e, t) {
+        return !!ne(e, t, e, !1);
+      },
+      extend: yt,
+      throttle: it,
+      closest: ne,
+      toggleClass: U,
+      clone: lt,
+      index: ee,
+      nextTick: ln,
+      cancelNextTick: In,
+      detectDirection: Yn,
+      getChild: Je,
+      expando: ae
+    }, A.get = function(r) {
+      return r[ae];
+    }, A.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 && (A.utils = o(o({}, A.utils), n.utils)), Fe.mount(n);
+      });
+    }, A.create = function(r, e) {
+      return new A(r, e);
+    }, A.version = De;
+    var le = [], Rt, Un, Dn = !1, Tn, On, sn, Bt;
+    function Dr() {
+      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 ? x(document, "dragover", this._handleAutoScroll) : this.options.supportPointer ? x(document, "pointermove", this._handleFallbackAutoScroll) : n.touches ? x(document, "touchmove", this._handleFallbackAutoScroll) : x(document, "mousemove", this._handleFallbackAutoScroll);
+        },
+        dragOverCompleted: function(t) {
+          var n = t.originalEvent;
+          !this.options.dragOverBubble && !n.rootEl && this._handleAutoScroll(n);
+        },
+        drop: function() {
+          this.sortable.nativeDraggable ? O(document, "dragover", this._handleAutoScroll) : (O(document, "pointermove", this._handleFallbackAutoScroll), O(document, "touchmove", this._handleFallbackAutoScroll), O(document, "mousemove", this._handleFallbackAutoScroll)), Qn(), un(), _n();
+        },
+        nulling: function() {
+          sn = Un = Rt = Dn = Bt = Tn = On = null, le.length = 0;
+        },
+        _handleFallbackAutoScroll: function(t) {
+          this._handleAutoScroll(t, !0);
+        },
+        _handleAutoScroll: function(t, n) {
+          var a = this, i = (t.touches ? t.touches[0] : t).clientX, s = (t.touches ? t.touches[0] : t).clientY, h = document.elementFromPoint(i, s);
+          if (sn = t, n || this.options.forceAutoScrollFallback || Se || z || $) {
+            xn(t, this.options, h, n);
+            var g = Ee(h, !0);
+            Dn && (!Bt || i !== Tn || s !== On) && (Bt && Qn(), Bt = setInterval(function() {
+              var m = Ee(document.elementFromPoint(i, s), !0);
+              m !== g && (g = m, un()), xn(t, a.options, m, n);
+            }, 10), Tn = i, On = s);
+          } else {
+            if (!this.options.bubbleScroll || Ee(h, !0) === Te()) {
+              un();
+              return;
+            }
+            xn(t, this.options, Ee(h, !1), !1);
+          }
+        }
+      }, f(r, {
+        pluginName: "scroll",
+        initializeByDefault: !0
+      });
+    }
+    function un() {
+      le.forEach(function(r) {
+        clearInterval(r.pid);
+      }), le = [];
+    }
+    function Qn() {
+      clearInterval(Bt);
+    }
+    var xn = it(function(r, e, t, n) {
+      if (e.scroll) {
+        var a = (r.touches ? r.touches[0] : r).clientX, i = (r.touches ? r.touches[0] : r).clientY, s = e.scrollSensitivity, h = e.scrollSpeed, g = Te(), m = !1, I;
+        Un !== t && (Un = t, un(), Rt = e.scroll, I = e.scrollFn, Rt === !0 && (Rt = Ee(t, !0)));
+        var C = 0, T = Rt;
+        do {
+          var L = T, P = j(L), q = P.top, ve = P.bottom, xe = P.left, R = P.right, Q = P.width, fe = P.height, We = void 0, ze = void 0, ht = L.scrollWidth, qt = L.scrollHeight, Ue = S(L), Gt = L.scrollLeft, nt = L.scrollTop;
+          L === g ? (We = Q < ht && (Ue.overflowX === "auto" || Ue.overflowX === "scroll" || Ue.overflowX === "visible"), ze = fe < qt && (Ue.overflowY === "auto" || Ue.overflowY === "scroll" || Ue.overflowY === "visible")) : (We = Q < ht && (Ue.overflowX === "auto" || Ue.overflowX === "scroll"), ze = fe < qt && (Ue.overflowY === "auto" || Ue.overflowY === "scroll"));
+          var zt = We && (Math.abs(R - a) <= s && Gt + Q < ht) - (Math.abs(xe - a) <= s && !!Gt), Ve = ze && (Math.abs(ve - i) <= s && nt + fe < qt) - (Math.abs(q - i) <= s && !!nt);
+          if (!le[C])
+            for (var pt = 0; pt <= C; pt++) le[pt] || (le[pt] = {});
+          (le[C].vx != zt || le[C].vy != Ve || le[C].el !== L) && (le[C].el = L, le[C].vx = zt, le[C].vy = Ve, clearInterval(le[C].pid), (zt != 0 || Ve != 0) && (m = !0, le[C].pid = setInterval((function() {
+            n && this.layer === 0 && A.active._onTouchMove(sn);
+            var jt = le[this.layer].vy ? le[this.layer].vy * h : 0, rt = le[this.layer].vx ? le[this.layer].vx * h : 0;
+            typeof I == "function" && I.call(A.dragged.parentNode[ae], rt, jt, r, sn, le[this.layer].el) !== "continue" || Jt(le[this.layer].el, rt, jt);
+          }).bind({ layer: C }), 24))), C++;
+        } while (e.bubbleScroll && T !== g && (T = Ee(T, !1)));
+        Dn = m;
+      }
+    }, 30), Zn = function(e) {
+      var t = e.originalEvent, n = e.putSortable, a = e.dragEl, i = e.activeSortable, s = e.dispatchSortableEvent, h = e.hideGhostForTarget, g = e.unhideGhostForTarget;
+      if (t) {
+        var m = n || i;
+        h();
+        var I = t.changedTouches && t.changedTouches.length ? t.changedTouches[0] : t, C = document.elementFromPoint(I.clientX, I.clientY);
+        g(), m && !m.el.contains(C) && (s("spill"), this.onSpill({
+          dragEl: a,
+          putSortable: n
+        }));
+      }
+    };
+    function An() {
+    }
+    An.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 a = Je(this.sortable.el, this.startIndex, this.options);
+        a ? this.sortable.el.insertBefore(t, a) : this.sortable.el.appendChild(t), this.sortable.animateAll(), n && n.animateAll();
+      },
+      drop: Zn
+    }, f(An, { pluginName: "revertOnSpill" });
+    function kn() {
+    }
+    kn.prototype = {
+      onSpill: function(e) {
+        var t = e.dragEl, n = e.putSortable || this.sortable;
+        n.captureAnimationState(), t.parentNode && t.parentNode.removeChild(t), n.animateAll();
+      },
+      drop: Zn
+    }, f(kn, { pluginName: "removeOnSpill" });
+    var Oe;
+    function Tr() {
+      function r() {
+        this.defaults = { swapClass: "sortable-swap-highlight" };
+      }
+      return r.prototype = {
+        dragStart: function(t) {
+          Oe = t.dragEl;
+        },
+        dragOverValid: function(t) {
+          var n = t.completed, a = t.target, i = t.onMove, s = t.activeSortable, h = t.changed, g = t.cancel;
+          if (s.options.swap) {
+            var m = this.sortable.el, I = this.options;
+            if (a && a !== m) {
+              var C = Oe;
+              i(a) !== !1 ? (U(a, I.swapClass, !0), Oe = a) : Oe = null, C && C !== Oe && U(C, I.swapClass, !1);
+            }
+            h(), n(!0), g();
+          }
+        },
+        drop: function(t) {
+          var n = t.activeSortable, a = t.putSortable, i = t.dragEl, s = a || this.sortable, h = this.options;
+          Oe && U(Oe, h.swapClass, !1), Oe && (h.swap || a && a.options.swap) && i !== Oe && (s.captureAnimationState(), s !== n && n.captureAnimationState(), Or(i, Oe), s.animateAll(), s !== n && n.animateAll());
+        },
+        nulling: function() {
+          Oe = null;
+        }
+      }, f(r, {
+        pluginName: "swap",
+        eventProperties: function() {
+          return { swapItem: Oe };
+        }
+      });
+    }
+    function Or(r, e) {
+      var t = r.parentNode, n = e.parentNode, a, i;
+      !t || !n || t.isEqualNode(e) || n.isEqualNode(r) || (a = ee(r), i = ee(e), t.isEqualNode(n) && a < i && i++, t.insertBefore(e, t.children[a]), n.insertBefore(r, n.children[i]));
+    }
+    var M = [], Ie = [], Nt, Re, Lt = !1, Ce = !1, Ct = !1, V, Ft, cn;
+    function xr() {
+      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 ? x(document, "pointerup", this._deselectMultiDrag) : (x(document, "mouseup", this._deselectMultiDrag), x(document, "touchend", this._deselectMultiDrag))), x(document, "keydown", this._checkKeyDown), x(document, "keyup", this._checkKeyUp), this.defaults = {
+          selectedClass: "sortable-selected",
+          multiDragKey: null,
+          avoidImplicitDeselect: !1,
+          setData: function(a, i) {
+            var s = "";
+            M.length && Re === e ? M.forEach(function(h, g) {
+              s += (g ? ", " : "") + h.textContent;
+            }) : s = i.textContent, a.setData("Text", s);
+          }
+        };
+      }
+      return r.prototype = {
+        multiDragKeyDown: !1,
+        isMultiDrag: !1,
+        delayStartGlobal: function(t) {
+          V = t.dragEl;
+        },
+        delayEnded: function() {
+          this.isMultiDrag = ~M.indexOf(V);
+        },
+        setupClone: function(t) {
+          var n = t.sortable, a = t.cancel;
+          if (this.isMultiDrag) {
+            for (var i = 0; i < M.length; i++)
+              Ie.push(lt(M[i])), Ie[i].sortableIndex = M[i].sortableIndex, Ie[i].draggable = !1, Ie[i].style["will-change"] = "", U(Ie[i], this.options.selectedClass, !1), M[i] === V && U(Ie[i], this.options.chosenClass, !1);
+            n._hideClone(), a();
+          }
+        },
+        clone: function(t) {
+          var n = t.sortable, a = t.rootEl, i = t.dispatchSortableEvent, s = t.cancel;
+          this.isMultiDrag && (this.options.removeCloneOnHide || M.length && Re === n && (Jn(!0, a), i("clone"), s()));
+        },
+        showClone: function(t) {
+          var n = t.cloneNowShown, a = t.rootEl, i = t.cancel;
+          this.isMultiDrag && (Jn(!1, a), Ie.forEach(function(s) {
+            S(s, "display", "");
+          }), n(), cn = !1, i());
+        },
+        hideClone: function(t) {
+          var n = this;
+          t.sortable;
+          var a = t.cloneNowHidden, i = t.cancel;
+          this.isMultiDrag && (Ie.forEach(function(s) {
+            S(s, "display", "none"), n.options.removeCloneOnHide && s.parentNode && s.parentNode.removeChild(s);
+          }), a(), cn = !0, i());
+        },
+        dragStartGlobal: function(t) {
+          t.sortable, !this.isMultiDrag && Re && Re.multiDrag._deselectMultiDrag(), M.forEach(function(n) {
+            n.sortableIndex = ee(n);
+          }), M = M.sort(function(n, a) {
+            return n.sortableIndex - a.sortableIndex;
+          }), Ct = !0;
+        },
+        dragStarted: function(t) {
+          var n = this, a = t.sortable;
+          if (this.isMultiDrag) {
+            if (this.options.sort && (a.captureAnimationState(), this.options.animation)) {
+              M.forEach(function(s) {
+                s !== V && S(s, "position", "absolute");
+              });
+              var i = j(V, !1, !0, !0);
+              M.forEach(function(s) {
+                s !== V && Ot(s, i);
+              }), Ce = !0, Lt = !0;
+            }
+            a.animateAll(function() {
+              Ce = !1, Lt = !1, n.options.animation && M.forEach(function(s) {
+                bt(s);
+              }), n.options.sort && dn();
+            });
+          }
+        },
+        dragOver: function(t) {
+          var n = t.target, a = t.completed, i = t.cancel;
+          Ce && ~M.indexOf(n) && (a(!1), i());
+        },
+        revert: function(t) {
+          var n = t.fromSortable, a = t.rootEl, i = t.sortable, s = t.dragRect;
+          M.length > 1 && (M.forEach(function(h) {
+            i.addAnimationState({
+              target: h,
+              rect: Ce ? j(h) : s
+            }), bt(h), h.fromRect = s, n.removeAnimationState(h);
+          }), Ce = !1, Ar(!this.options.removeCloneOnHide, a));
+        },
+        dragOverCompleted: function(t) {
+          var n = t.sortable, a = t.isOwner, i = t.insertion, s = t.activeSortable, h = t.parentEl, g = t.putSortable, m = this.options;
+          if (i) {
+            if (a && s._hideClone(), Lt = !1, m.animation && M.length > 1 && (Ce || !a && !s.options.sort && !g)) {
+              var I = j(V, !1, !0, !0);
+              M.forEach(function(T) {
+                T !== V && (Ot(T, I), h.appendChild(T));
+              }), Ce = !0;
+            }
+            if (!a)
+              if (Ce || dn(), M.length > 1) {
+                var C = cn;
+                s._showClone(n), s.options.animation && !cn && C && Ie.forEach(function(T) {
+                  s.addAnimationState({
+                    target: T,
+                    rect: Ft
+                  }), T.fromRect = Ft, T.thisAnimationDuration = null;
+                });
+              } else s._showClone(n);
+          }
+        },
+        dragOverAnimationCapture: function(t) {
+          var n = t.dragRect, a = t.isOwner, i = t.activeSortable;
+          if (M.forEach(function(h) {
+            h.thisAnimationDuration = null;
+          }), i.options.animation && !a && i.multiDrag.isMultiDrag) {
+            Ft = f({}, n);
+            var s = ke(V, !0);
+            Ft.top -= s.f, Ft.left -= s.e;
+          }
+        },
+        dragOverAnimationComplete: function() {
+          Ce && (Ce = !1, dn());
+        },
+        drop: function(t) {
+          var n = t.originalEvent, a = t.rootEl, i = t.parentEl, s = t.sortable, h = t.dispatchSortableEvent, g = t.oldIndex, m = t.putSortable, I = m || this.sortable;
+          if (n) {
+            var C = this.options, T = i.children;
+            if (!Ct)
+              if (C.multiDragKey && !this.multiDragKeyDown && this._deselectMultiDrag(), U(V, C.selectedClass, !~M.indexOf(V)), ~M.indexOf(V))
+                M.splice(M.indexOf(V), 1), Nt = null, He({
+                  sortable: s,
+                  rootEl: a,
+                  name: "deselect",
+                  targetEl: V,
+                  originalEvent: n
+                });
+              else {
+                if (M.push(V), He({
+                  sortable: s,
+                  rootEl: a,
+                  name: "select",
+                  targetEl: V,
+                  originalEvent: n
+                }), n.shiftKey && Nt && s.el.contains(Nt)) {
+                  var L = ee(Nt), P = ee(V);
+                  ~L && ~P && L !== P && (function() {
+                    var R, Q;
+                    P > L ? (Q = L, R = P) : (Q = P, R = L + 1);
+                    for (var fe = C.filter; Q < R; Q++)
+                      ~M.indexOf(T[Q]) || ne(T[Q], C.draggable, i, !1) && (fe && (typeof fe == "function" ? fe.call(s, n, T[Q], s) : fe.split(",").some(function(We) {
+                        return ne(T[Q], We.trim(), i, !1);
+                      })) || (U(T[Q], C.selectedClass, !0), M.push(T[Q]), He({
+                        sortable: s,
+                        rootEl: a,
+                        name: "select",
+                        targetEl: T[Q],
+                        originalEvent: n
+                      })));
+                  })();
+                } else Nt = V;
+                Re = I;
+              }
+            if (Ct && this.isMultiDrag) {
+              if (Ce = !1, (i[ae].options.sort || i !== a) && M.length > 1) {
+                var q = j(V), ve = ee(V, ":not(." + this.options.selectedClass + ")");
+                if (!Lt && C.animation && (V.thisAnimationDuration = null), I.captureAnimationState(), !Lt && (C.animation && (V.fromRect = q, M.forEach(function(R) {
+                  if (R.thisAnimationDuration = null, R !== V) {
+                    var Q = Ce ? j(R) : q;
+                    R.fromRect = Q, I.addAnimationState({
+                      target: R,
+                      rect: Q
+                    });
+                  }
+                })), dn(), M.forEach(function(R) {
+                  T[ve] ? i.insertBefore(R, T[ve]) : i.appendChild(R), ve++;
+                }), g === ee(V))) {
+                  var xe = !1;
+                  M.forEach(function(R) {
+                    if (R.sortableIndex !== ee(R)) {
+                      xe = !0;
+                      return;
+                    }
+                  }), xe && (h("update"), h("sort"));
+                }
+                M.forEach(function(R) {
+                  bt(R);
+                }), I.animateAll();
+              }
+              Re = I;
+            }
+            (a === i || m && m.lastPutMode !== "clone") && Ie.forEach(function(R) {
+              R.parentNode && R.parentNode.removeChild(R);
+            });
+          }
+        },
+        nullingGlobal: function() {
+          this.isMultiDrag = Ct = !1, Ie.length = 0;
+        },
+        destroyGlobal: function() {
+          this._deselectMultiDrag(), 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);
+        },
+        _deselectMultiDrag: function(t) {
+          if (!(typeof Ct < "u" && Ct) && Re === this.sortable && !(t && ne(t.target, this.options.draggable, this.sortable.el, !1)) && !(t && t.button !== 0))
+            for (; M.length; ) {
+              var n = M[0];
+              U(n, this.options.selectedClass, !1), M.shift(), He({
+                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);
+        }
+      }, f(r, {
+        pluginName: "multiDrag",
+        utils: {
+          select: function(t) {
+            var n = t.parentNode[ae];
+            !n || !n.options.multiDrag || ~M.indexOf(t) || (Re && Re !== n && (Re.multiDrag._deselectMultiDrag(), Re = n), U(t, n.options.selectedClass, !0), M.push(t));
+          },
+          deselect: function(t) {
+            var n = t.parentNode[ae], a = M.indexOf(t);
+            !n || !n.options.multiDrag || !~a || (U(t, n.options.selectedClass, !1), M.splice(a, 1));
+          }
+        },
+        eventProperties: function() {
+          var t = this, n = [], a = [];
+          return M.forEach(function(i) {
+            n.push({
+              multiDragElement: i,
+              index: i.sortableIndex
+            });
+            var s;
+            Ce && i !== V ? s = -1 : Ce ? s = ee(i, ":not(." + t.options.selectedClass + ")") : s = ee(i), a.push({
+              multiDragElement: i,
+              index: s
+            });
+          }), {
+            items: B(M),
+            clones: [].concat(Ie),
+            oldIndicies: n,
+            newIndicies: a
+          };
+        },
+        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 Ar(r, e) {
+      M.forEach(function(t, n) {
+        var a = e.children[t.sortableIndex + (r ? Number(n) : 0)];
+        a ? e.insertBefore(t, a) : e.appendChild(t);
+      });
+    }
+    function Jn(r, e) {
+      Ie.forEach(function(t, n) {
+        var a = e.children[t.sortableIndex + (r ? Number(n) : 0)];
+        a ? e.insertBefore(t, a) : e.appendChild(t);
+      });
+    }
+    function dn() {
+      M.forEach(function(r) {
+        r !== V && r.parentNode && r.parentNode.removeChild(r);
+      });
+    }
+    return A.mount(new Dr()), A.mount(kn, An), A.mount(new Tr()), A.mount(new xr()), A;
+  }));
+})))()), Et = "bk_username", Be = {
+  USER: "user",
+  VIRTUAL: "virtual",
+  CUSTOM: "custom",
+  USER_GROUP: "userGroup"
+}, Qr = /* @__PURE__ */ Symbol("bkUserSelectorApiConfig"), Zr = /^[A-Za-z0-9_-]{1,64}$/, Pn = {
+  apiBaseUrl: "",
+  tenantId: "",
+  allowedApiOrigins: [],
+  allowPrivateApiHost: !1,
+  allowCrossOriginCredentials: !1
+}, cr = () => typeof window > "u" || !window.location?.origin ? "http://localhost" : window.location.origin, Jr = (c) => {
+  const d = c.split(".").map(Number);
+  if (d.length !== 4 || d.some(Number.isNaN)) return !1;
+  const [u, o] = d;
+  return u === 10 || u === 127 || u === 172 && o >= 16 && o <= 31 || u === 192 && o === 168 || u === 169 && o === 254 || u === 100 && o >= 64 && o <= 127;
+}, $r = (c) => {
+  const d = c.toLowerCase();
+  return !!(d === "localhost" || d === "[::1]" || d === "::1" || Jr(d) || d.startsWith("fc") || d.startsWith("fd"));
+}, dr = (c = []) => {
+  const d = cr();
+  return Array.from(new Set(c.map((u) => {
+    try {
+      const o = new URL(u, d);
+      return ["http:", "https:"].includes(o.protocol) ? o.origin : "";
+    } catch {
+      return "";
+    }
+  }).filter(Boolean)));
+}, fr = (c, d = [], u = !1) => {
+  if (!c) return "";
+  try {
+    const o = new URL(c, cr());
+    if (!["http:", "https:"].includes(o.protocol))
+      return console.warn("[bk-user-selector] apiBaseUrl 仅支持 http/https 协议"), "";
+    if (!u && $r(o.hostname))
+      return console.warn("[bk-user-selector] apiBaseUrl 指向私网或 localhost，已被安全策略拦截"), "";
+    const l = dr(d);
+    if (l.length > 0 && !l.includes(o.origin))
+      return console.warn("[bk-user-selector] apiBaseUrl 未命中 allowedApiOrigins 白名单，已被安全策略拦截"), "";
+    const v = o.pathname.replace(/\/+$/, "");
+    return `${o.origin}${v}`;
+  } catch {
+    return console.warn("[bk-user-selector] apiBaseUrl 格式非法，已被安全策略拦截"), "";
+  }
+}, hr = (c) => {
+  const d = String(c || "").trim();
+  return d ? Zr.test(d) ? d : (console.warn("[bk-user-selector] tenantId 格式非法，已被安全策略拦截"), "") : "";
+}, ea = () => Pn, ta = (c, d, u = [], o = !1, l = !1, v = {}) => {
+  const f = dr(u);
+  Pn = {
+    apiBaseUrl: fr(c, f, o),
+    tenantId: hr(d),
+    allowedApiOrigins: f,
+    allowPrivateApiHost: o,
+    allowCrossOriginCredentials: l,
+    onError: v.onError,
+    onUnauthorized: v.onUnauthorized
+  }, Br(Qr, Pn);
+}, na = () => `__jsonp_callback_${Date.now()}_${Math.random().toString(36).slice(2, 9)}`, ra = (c, d = {}) => new Promise((u, o) => {
+  const l = Lr(c), { timeout: v = 1e3 * 60 * 2, params: f } = d, w = na(), b = document.createElement("script");
+  let B = null;
+  b.setAttribute("type", "text/javascript");
+  const G = () => {
+    B && clearTimeout(B), b.parentNode && b.parentNode.removeChild(b), window[w] && delete window[w];
+  };
+  window[w] = (H) => {
+    G(), u(H.data || H);
+  }, B = setTimeout(() => {
+    G(), o(/* @__PURE__ */ new Error(`JSONP request timeout: ${l}`));
+  }, v), b.onerror = () => {
+    G(), o(/* @__PURE__ */ new Error(`JSONP request failed: ${l}`));
+  }, b.src = `${l}${l.includes("?") ? "&" : "?"}callback=${w}${f ? `&${Object.entries(f).map(([H, ye]) => ye ? `${H}=${ye}` : "").filter(Boolean).join("&")}` : ""}`, document.head.appendChild(b);
+}), Ht = "[BkUserSelector]", rr = {
+  debug: 0,
+  info: 1,
+  warn: 2,
+  error: 3
+}, aa = {
+  level: "warn"
+}, gn = (c) => rr[c] >= rr[aa.level], Rn = {
+  debug: (c, ...d) => {
+    gn("debug") && console.debug(`${Ht} ${c}`, ...d);
+  },
+  info: (c, ...d) => {
+    gn("info") && console.info(`${Ht} ${c}`, ...d);
+  },
+  warn: (c, ...d) => {
+    gn("warn") && console.warn(`${Ht} ${c}`, ...d);
+  },
+  error: (c, d) => {
+    gn("error") && console.error(`${Ht} ${c}`, d);
+  }
+}, ar = (c, d) => {
+  if (c)
+    try {
+      c(d);
+    } catch (u) {
+      console.error(`${Ht} error handler threw:`, u);
+    }
+}, oa = (c, d, u, o = !1) => ({
+  scene: c,
+  cause: d,
+  status: u,
+  isUnauthorized: o
+}), yn = (c, d, u, o, l = !1) => {
+  l ? Rn.warn(`${c}: 登录态已失效，请重新登录`) : Rn.error(`${c}失败:`, d);
+  const v = oa(c, d, o, l);
+  l && ar(u?.onUnauthorized, v), ar(u?.onError, v);
+}, Nn = (c, d) => {
+  Rn.warn(`${c}需要提供有效的参数: ${d.join(", ")}`);
+}, bn = 401, Ln = (c, d) => {
+  if (typeof window > "u" || !window.location?.origin) return "same-origin";
+  try {
+    return new URL(c, window.location.origin).origin === window.location.origin || d ? "include" : "omit";
+  } catch {
+    return "same-origin";
+  }
+}, Fn = (c, d) => {
+  const u = ea(), o = u.allowPrivateApiHost, l = u.allowedApiOrigins;
+  return {
+    allowCrossOriginCredentials: u.allowCrossOriginCredentials,
+    apiBaseUrl: fr(u.apiBaseUrl || c, l, o),
+    tenantId: hr(u.tenantId || d),
+    apiConfig: u
+  };
+}, qn = (c, d, u) => {
+  if (!c.ok) {
+    if (c.status === bn) {
+      const o = /* @__PURE__ */ new Error(`${d}失败: 登录态已失效`);
+      throw yn(d, o, u, c.status, !0), o;
+    }
+    throw new Error(`${c.status} ${c.statusText}`);
+  }
+}, Gn = (c) => {
+  if (typeof c == "object" && c !== null && "status" in c) {
+    const d = c.status;
+    return typeof d == "number" ? d : void 0;
+  }
+  if (c instanceof Error) {
+    const d = /^(\d{3})\s/.exec(c.message);
+    if (d) return Number(d[1]);
+  }
+}, ia = async (c, d) => {
+  const u = Fn(c, d);
+  if (!u.apiBaseUrl || !u.tenantId)
+    return Nn("获取租户信息", ["apiBaseUrl", "tenantId"]), [];
+  try {
+    const o = `${u.apiBaseUrl}/api/v3/open-web/tenant/data-source-owner-tenants/`, l = Ln(o, u.allowCrossOriginCredentials), v = await fetch(o, {
+      method: "GET",
+      headers: { "x-bk-tenant-id": u.tenantId },
+      credentials: l
+    });
+    return qn(v, "获取租户信息", u.apiConfig), (await v.json()).data || [];
+  } catch (o) {
+    const l = Gn(o);
+    return l !== bn && yn("获取租户信息", o, u.apiConfig, l, !1), [];
+  }
+}, la = async (c) => {
+  const { apiBaseUrl: d, tenantId: u, keyword: o, enableMultiTenantMode: l = !0 } = c;
+  if (!l) try {
+    return await pr(d, {
+      keyword: o,
+      pageSize: 100,
+      page: 1
+    });
+  } catch {
+    return [];
+  }
+  const v = Fn(d, u);
+  if (!o || !v.apiBaseUrl || !v.tenantId)
+    return Nn("搜索用户", [
+      "apiBaseUrl",
+      "tenantId",
+      "keyword"
+    ]), [];
+  try {
+    const f = `${v.apiBaseUrl}/api/v3/open-web/tenant/users/-/search/?keyword=${encodeURIComponent(o)}`, w = Ln(f, v.allowCrossOriginCredentials), b = await fetch(f, {
+      method: "GET",
+      headers: { "x-bk-tenant-id": v.tenantId },
+      credentials: w
+    });
+    return qn(b, "搜索用户", v.apiConfig), (await b.json()).data || [];
+  } catch (f) {
+    const w = Gn(f);
+    return w !== bn && yn("搜索用户", f, v.apiConfig, w, !1), [];
+  }
+}, mn = async (c) => {
+  const { apiBaseUrl: d, tenantId: u, exactSearchKey: o = "bk_username", usersList: l = [], enableMultiTenantMode: v = !0 } = c, f = l.filter(Boolean).map((b) => typeof b == "string" ? b.trim() : String(b).trim());
+  if (!v) try {
+    const b = await pr(d, { userIds: f });
+    return f.map((B) => b.find((G) => G.username === B)).filter(Boolean);
+  } catch {
+    return [];
+  }
+  const w = Fn(d, u);
+  if (f.length === 0 || !w.apiBaseUrl || !w.tenantId)
+    return Nn("批量查找用户", [
+      "apiBaseUrl",
+      "tenantId",
+      "usersList"
+    ]), [];
+  try {
+    const b = `${w.apiBaseUrl}/api/v3/open-web/tenant/users/-/lookup/?lookups=${f.join(",")}&lookup_fields=${o}`, B = Ln(b, w.allowCrossOriginCredentials), G = await fetch(b, {
+      method: "GET",
+      headers: { "x-bk-tenant-id": w.tenantId },
+      credentials: B
+    });
+    return qn(G, "批量查找用户", w.apiConfig), (await G.json()).data || [];
+  } catch (b) {
+    const B = Gn(b);
+    return B !== bn && yn("批量查找用户", b, w.apiConfig, B, !1), [];
+  }
+}, Xt = (c, d = !0) => !c || !Array.isArray(c) ? [] : d ? c.map((u) => ({
+  id: u.bk_username,
+  name: u.display_name,
+  type: u.data_source_type,
+  tenantId: u.owner_tenant_id,
+  ...u
+})) : c.map((u) => ({
+  ...u,
+  id: u.username,
+  name: `${u.display_name}(${u.username})`,
+  type: u.data_source_type,
+  tenantId: u.owner_tenant_id
+})), pr = async (c, d) => {
+  const { userIds: u, keyword: o, pageSize: l = 20, page: v = 1, appCode: f = "bk-magicbox" } = d;
+  return (await ra(c, { params: {
+    exact_lookups: u?.join(",") || void 0,
+    fuzzy_lookups: o || void 0,
+    page_size: Math.max(u?.length || 0, 20, Number(l)).toString(),
+    page: v.toString(),
+    app_code: f
+  } }))?.results || [];
+}, sa = (c) => {
+  const { apiBaseUrl: d, tenantId: u, currentUserId: o, exactSearchKey: l = Et, enableMultiTenantMode: v = !0 } = c, f = te(!1);
+  return {
+    loading: f,
+    fetchCurrentUser: async () => {
+      if (!o) return null;
+      f.value = !0;
+      try {
+        const b = Xt(await mn({
+          apiBaseUrl: d,
+          tenantId: u,
+          exactSearchKey: l,
+          usersList: [o],
+          enableMultiTenantMode: v
+        }), v);
+        return b.length > 0 ? b[0] : null;
+      } catch (b) {
+        return console.error("获取当前用户信息失败:", b), null;
+      } finally {
+        f.value = !1;
+      }
+    }
+  };
+};
+function vn(c) {
+  for (var d = 1; d < arguments.length; d++) {
+    var u = arguments[d];
+    for (var o in u) c[o] = u[o];
+  }
+  return c;
+}
+var ua = {
+  read: function(c) {
+    return c[0] === '"' && (c = c.slice(1, -1)), c.replace(/(%[\dA-F]{2})+/gi, decodeURIComponent);
+  },
+  write: function(c) {
+    return encodeURIComponent(c).replace(/%(2[346BF]|3[AC-F]|40|5[BDE]|60|7[BCD])/g, decodeURIComponent);
+  }
+};
+function Bn(c, d) {
+  function u(l, v, f) {
+    if (!(typeof document > "u")) {
+      f = vn({}, d, f), typeof f.expires == "number" && (f.expires = new Date(Date.now() + f.expires * 864e5)), f.expires && (f.expires = f.expires.toUTCString()), l = encodeURIComponent(l).replace(/%(2[346B]|5E|60|7C)/g, decodeURIComponent).replace(/[()]/g, escape);
+      var w = "";
+      for (var b in f)
+        f[b] && (w += "; " + b, f[b] !== !0 && (w += "=" + f[b].split(";")[0]));
+      return document.cookie = l + "=" + c.write(v, l) + w;
+    }
+  }
+  function o(l) {
+    if (!(typeof document > "u" || arguments.length && !l)) {
+      for (var v = document.cookie ? document.cookie.split("; ") : [], f = {}, w = 0; w < v.length; w++) {
+        var b = v[w].split("="), B = b.slice(1).join("=");
+        try {
+          var G = decodeURIComponent(b[0]);
+          if (f[G] = c.read(B, G), l === G) break;
+        } catch {
+        }
+      }
+      return l ? f[l] : f;
+    }
+  }
+  return Object.create({
+    set: u,
+    get: o,
+    remove: function(l, v) {
+      u(l, "", vn({}, v, { expires: -1 }));
+    },
+    withAttributes: function(l) {
+      return Bn(this.converter, vn({}, this.attributes, l));
+    },
+    withConverter: function(l) {
+      return Bn(vn({}, this.converter, l), this.attributes);
+    }
+  }, {
+    attributes: { value: Object.freeze(d) },
+    converter: { value: Object.freeze(c) }
+  });
+}
+var ca = Bn(ua, { path: "/" }), da = {
+  我: "Me",
+  请输入人员名称搜索: "Please enter the name of the user to search",
+  最近选择: "Recent selections",
+  用户群组: "User Group",
+  无匹配人员: "No matching users",
+  虚拟账号: "Virtual Account",
+  用户: "User"
+}, fa = {
+  我: "我",
+  请输入人员名称搜索: "请输入人员名称搜索",
+  最近选择: "最近选择",
+  用户群组: "用户群组",
+  无匹配人员: "无匹配人员",
+  虚拟账号: "虚拟账号",
+  用户: "用户"
+}, ha = "blueking_language", pa = {
+  "en-US": da,
+  "zh-CN": fa
+}, ga = (c, d, u) => {
+  const o = /^\w/.test(d) ? d.split(".") : [d], { length: l } = o;
+  let v = c, f = 0;
+  for (; f <= l && v; )
+    if (typeof v == "string" || (u ? (v = v[o[f]], typeof v == "string" && Object.keys(u).forEach((w) => {
+      v = v.replace(`{${w}}`, u[w]);
+    })) : v = v[o[f]], f = f + 1, !v)) return v;
+  return v;
+}, zn = () => {
+  let c = "zh-CN";
+  const d = ca.get(ha);
+  d && d.toLowerCase() === "en" && (c = "en-US");
+  const u = pa[c];
+  return {
+    local: c,
+    t: (l, v) => {
+      const f = ga(u, l, v);
+      return f === void 0 && console.warn(`缺少索引 * ${l} *`), f;
+    }
+  };
+}, va = (c) => {
+  const { apiBaseUrl: d, tenantId: u, searchQuery: o, selectedUsers: l, allowCreate: v = !1, freePaste: f = !1, enableMultiTenantMode: w = !0, maxCount: b = 0, onAddUser: B, onBatchAddUsers: G } = c, H = te(!1), ye = 100, Ne = 100, Le = ($) => ({
+    id: $,
+    name: $,
+    type: Be.CUSTOM,
+    tenantId: "",
+    login_name: $
+  }), De = ($) => {
+    const X = $.split(/[,，;\n\s]+/).filter(Boolean).map((D) => D.trim().replace(/\s*\(.*?\)\s*/, "")).filter(Boolean);
+    return Array.from(new Set(X)).slice(0, ye);
+  }, F = ($, X) => {
+    const D = [];
+    for (let ue = 0; ue < $.length; ue += X) D.push($.slice(ue, ue + X));
+    return D;
+  }, z = ($, X) => {
+    const D = /* @__PURE__ */ new Map();
+    for (const ue of [...$, ...X]) D.has(ue.id) || D.set(ue.id, ue);
+    return Array.from(D.values());
+  };
+  return {
+    isPasting: H,
+    parsePastedText: De,
+    handleEnterCreate: ($) => {
+      if ($.key !== "Enter" || !v || !o.value.trim()) return;
+      const X = Le(o.value.trim());
+      l.value.some((D) => D.id === X.id) || B(X);
+    },
+    handlePaste: async ($) => {
+      $.preventDefault();
+      const X = $.clipboardData?.getData("text")?.trim();
+      if (X) {
+        H.value = !0;
+        try {
+          const D = De(X);
+          if (D.length === 0) return;
+          const ue = F(D, Ne), x = [];
+          for (const Y of ue) {
+            const be = await mn({
+              apiBaseUrl: d,
+              tenantId: u,
+              exactSearchKey: "login_name",
+              usersList: Y,
+              enableMultiTenantMode: w
+            });
+            x.push(...be);
+          }
+          const O = Xt(x, w);
+          if (G) {
+            let Y = z(l.value, O);
+            if (f)
+              for (const be of D) Y.some((ne) => ne.login_name === be || ne.id === be) || Y.push(Le(be));
+            b > 0 && Y.length > b && (Y = Y.slice(0, b)), G(Y);
+          } else O.length > 0 ? B(O[0]) : f && D.length > 0 && B(Le(D[0]));
+        } catch (D) {
+          console.error("精准查找用户失败:", D);
+        } finally {
+          H.value = !1;
+        }
+      }
+    }
+  };
+}, ma = (c, d, u = {}) => {
+  const { immediate: o = !0 } = u;
+  let l = null;
+  const v = () => {
+    l && (l.disconnect(), l = null);
+  };
+  return at(c, () => {
+    if (v(), !!c.value && (l = new ResizeObserver((w) => {
+      for (const b of w) d(b);
+    }), l.observe(c.value), o && c.value)) {
+      const w = c.value.getBoundingClientRect();
+      d({
+        target: c.value,
+        contentRect: w,
+        borderBoxSize: [{
+          blockSize: w.height,
+          inlineSize: w.width
+        }],
+        contentBoxSize: [{
+          blockSize: w.height,
+          inlineSize: w.width
+        }],
+        devicePixelContentBoxSize: [{
+          blockSize: w.height,
+          inlineSize: w.width
+        }]
+      });
+    }
+  }, { immediate: !0 }), ir(v), v;
+}, ya = (c, d, u = !0) => {
+  const o = te({}), l = te(!1), v = async () => {
+    if (!c || !d) {
+      console.warn("获取租户需要提供有效的API基础URL和租户ID");
+      return;
+    }
+    l.value = !0;
+    try {
+      const f = await ia(c, d), w = {};
+      f.forEach((b) => {
+        b.id && b.name && (w[b.id] = b.name);
+      }), o.value = w;
+    } catch (f) {
+      console.error("获取租户数据失败:", f);
+    } finally {
+      l.value = !1;
+    }
+  };
+  return or(() => {
+    u && v();
+  }), {
+    tenants: o,
+    loading: l,
+    fetchTenants: v
+  };
+}, ba = (c, d) => {
+  let u = null;
+  return function(...o) {
+    u && clearTimeout(u), u = window.setTimeout(() => {
+      c(...o), u = null;
+    }, d);
+  };
+}, wa = (c, d, u) => {
+  if (!c || !d.length) return 0;
+  let o = 0, l = 0;
+  for (const v of Array.from(d)) {
+    const f = v;
+    if (!f) continue;
+    const w = window.getComputedStyle(f), b = f.offsetWidth, B = parseInt(w.marginLeft, 10) || 0, G = parseInt(w.marginRight, 10) || 0;
+    if (o += b + B + G, o > u) break;
+    l++;
+  }
+  return Math.max(1, l);
+}, _a = (c, d, u = !0) => {
+  const o = te([]), l = te(!1), v = te(""), f = async (G) => {
+    if (!G?.length) {
+      o.value = [], l.value = !1;
+      return;
+    }
+    if (u && (!c || !d)) {
+      console.warn("执行用户搜索需要提供有效的API基础URL和租户ID"), l.value = !1;
+      return;
+    }
+    l.value = !0;
+    try {
+      o.value = Xt(await la({
+        apiBaseUrl: c,
+        tenantId: d,
+        keyword: G,
+        enableMultiTenantMode: u
+      }), u);
+    } catch (H) {
+      console.error("用户搜索失败:", H), o.value = [];
+    } finally {
+      l.value = !1;
+    }
+  }, w = ba(f, 300);
+  return {
+    searchResults: o,
+    loading: l,
+    searchQuery: v,
+    performSearch: f,
+    handleSearchInput: (G) => {
+      l.value = !0, v.value = G.trim(), w(v.value);
+    },
+    clearSearch: () => {
+      v.value = "", o.value = [], l.value = !1;
+    }
+  };
+}, Ca = (c) => {
+  const { selectedUserIds: d, excludeUserIds: u, userGroup: o, searchQuery: l } = c, v = (b) => ({
+    id: b,
+    name: b,
+    type: Be.CUSTOM,
+    tenantId: "",
+    login_name: b
+  }), f = (b) => d.value.includes(b);
+  return {
+    createCustomUser: v,
+    isUserSelected: f,
+    filterOptions: (b) => b.filter((B) => !f(B.id)).filter((B) => !u?.value?.includes(B.id)),
+    filteredUserGroup: re(() => o?.value?.length ? o.value.filter((b) => {
+      if (!(!f(b.id) && !b.hidden)) return !1;
+      const B = l.value.trim();
+      return B ? b.id?.includes(B) || b.name?.includes(B) : !0;
+    }) : [])
+  };
+}, Sa = /* @__PURE__ */ Wt({
+  name: "MeTag",
+  __name: "me-tag",
+  props: {
+    currentUserId: {
+      type: String,
+      required: !1,
+      default: ""
+    },
+    isDisabled: {
+      type: Boolean,
+      required: !1,
+      default: !1
+    }
+  },
+  emits: ["click"],
+  setup(c, { expose: d, emit: u }) {
+    d();
+    const { t: o } = zn(), l = c, v = u, w = {
+      t: o,
+      props: l,
+      emit: v,
+      handleClick: () => {
+        l.isDisabled || v("click");
+      }
+    };
+    return Object.defineProperty(w, "__isScriptSetup", {
+      enumerable: !1,
+      value: !0
+    }), w;
+  }
+}), wn = (c, d) => {
+  const u = c.__vccOpts || c;
+  for (const [o, l] of d) u[o] = l;
+  return u;
+};
+function Ea(c, d, u, o, l, v) {
+  return u.currentUserId ? (Z(), oe("div", {
+    key: 0,
+    class: It(["me-tag", { disabled: u.isDisabled }]),
+    onClick: je(o.handleClick, ["stop"])
+  }, gt(o.t("我")), 3)) : se("v-if", !0);
+}
+var Ia = /* @__PURE__ */ wn(Sa, [
+  ["render", Ea],
+  ["__scopeId", "data-v-a1054364"],
+  ["__file", "/Users/brooklin/project/bkui-monorepo/packages/bk-user-selector/src/components/me-tag.vue"]
+]), Ua = "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", Da = "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", Ta = "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 = Wt({
+  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(c) {
+    const d = (o) => {
+      if (o.type === "virtual") return Ta;
+      if (o.type === "userGroup") return Ua;
+      if (!c.avatarBaseUrl) return Da;
+      const l = o.login_name || o.bk_username || o.id;
+      return `${c.avatarBaseUrl}${l}.png?default_when_absent=true`;
+    }, u = (o, l) => o("div", { style: {
+      display: "flex",
+      alignItems: "center"
+    } }, [
+      l.hasAvatar ? o("img", {
+        src: d(l.user),
+        style: {
+          width: "20px",
+          height: "20px",
+          borderRadius: "50%",
+          marginRight: "6px",
+          flexShrink: 0
+        }
+      }) : null,
+      o("span", l.user.name),
+      l.user.tenantId !== l.tenantId && l.user.tenantId ? o("span", { style: {
+        color: "#f59500",
+        marginLeft: "4px"
+      } }, `@${l.tenants[l.user.tenantId] || l.user.tenantId}`) : null
+    ]);
+    return () => {
+      try {
+        return c.render ? c.render(Mn, c.user) : u(Mn, c);
+      } catch (o) {
+        return console.error("Error rendering tag:", o), u(Mn, c);
+      }
+    };
+  }
+}), Oa = /* @__PURE__ */ Wt({
+  name: "SelectionPopover",
+  __name: "selection-popover",
+  props: {
+    avatarBaseUrl: {
+      type: String,
+      required: !1,
+      default: ""
+    },
+    containerWidth: {
+      type: [Number, String],
+      required: !1,
+      default: "auto"
+    },
+    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(c, { expose: d, emit: u }) {
+    d();
+    const { t: o } = zn(), l = te(null), v = te(null), f = c, w = u, b = re(() => {
+      const F = {};
+      return Array.isArray(f.userGroup) && f.userGroup.length > 0 && (F[f.userGroupName] = f.userGroup.map((z) => ({
+        ...z,
+        tenantId: "",
+        type: Be.USER_GROUP
+      }))), f.options.forEach((z) => {
+        const Se = z.data_source_type === Be.VIRTUAL ? o("虚拟账号") : o("用户");
+        F[Se] || (F[Se] = []), F[Se].push(z);
+      }), F;
+    }), B = re(() => Object.values(b.value).some((F) => F.length > 0)), G = re(() => f.recentUsers.length > 0), H = re(() => B.value || G.value), ye = (F) => f.highlightedIndex < 0 || !f.flatOptions.length ? !1 : f.flatOptions[f.highlightedIndex] === F, Ne = (F) => {
+      w("select-user", F);
+    }, Le = ({ event: F }) => {
+      const z = F.target;
+      l.value?.contains(z) || v.value?.contains(z) || w("click-outside", F);
+    };
+    at(() => f.highlightedIndex, (F) => {
+      F < 0 || !v.value || me(() => {
+        const z = v.value?.querySelector(".user-option.is-highlighted");
+        z && z.scrollIntoView({
+          block: "nearest",
+          inline: "nearest",
+          behavior: "auto"
+        });
+      });
+    });
+    const De = {
+      t: o,
+      slotContainerRef: l,
+      contentContainerRef: v,
+      props: f,
+      emit: w,
+      groupedUsers: b,
+      hasMainOptions: B,
+      hasRecentUsers: G,
+      hasDropdownOptions: H,
+      isHighlighted: ye,
+      selectUser: Ne,
+      handleClickOutside: Le,
+      get Loading() {
+        return qr;
+      },
+      get Popover() {
+        return sr;
+      },
+      get UserRender() {
+        return jn;
+      }
+    };
+    return Object.defineProperty(De, "__isScriptSetup", {
+      enumerable: !1,
+      value: !0
+    }), De;
+  }
+}), xa = { ref: "contentContainerRef" }, Aa = {
+  key: 0,
+  class: "no-data"
+}, ka = {
+  key: 0,
+  class: "dropdown-panel dropdown-panel-main"
+}, Ma = { class: "group-name" }, Pa = { class: "group-count" }, Ra = ["onClick"], Ba = {
+  key: 1,
+  class: "dropdown-panel dropdown-panel-recent"
+}, Na = { class: "group-name" }, La = { class: "group-count" }, Fa = ["onClick"], qa = { ref: "slotContainerRef" };
+function Ga(c, d, u, o, l, v) {
+  return Z(), Yt(o.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: o.handleClickOutside
+  }, {
+    content: ot(() => [Ae("div", xa, [Qe(o.Loading, {
+      class: "dropdown-content",
+      loading: u.loading,
+      mode: "spin",
+      size: "mini"
+    }, {
+      default: ot(() => [o.hasDropdownOptions ? (Z(), oe("div", {
+        key: 1,
+        class: It(["dropdown-panels", { "is-two-column": o.hasMainOptions && o.hasRecentUsers }])
+      }, [o.hasMainOptions ? (Z(), oe("div", ka, [(Z(!0), oe(Ut, null, Dt(o.groupedUsers, (f, w) => (Z(), oe("div", {
+        key: w,
+        class: "user-group"
+      }, [Object.keys(o.groupedUsers).length > 1 || f.some((b) => b.type === "userGroup") ? (Z(), oe("div", {
+        key: 0,
+        class: "group-header",
+        onClick: d[0] || (d[0] = je(() => {
+        }, ["prevent"]))
+      }, [Ae("span", Ma, gt(w), 1), Ae("span", Pa, "(" + gt(f.length) + ")", 1)])) : se("v-if", !0), (Z(!0), oe(Ut, null, Dt(f, (b) => (Z(), oe("div", {
+        key: b.id,
+        class: It(["user-option", { "is-highlighted": o.isHighlighted(b) }]),
+        onClick: je((B) => o.selectUser(b), ["prevent"]),
+        onMousedown: d[1] || (d[1] = je(() => {
+        }, ["prevent"]))
+      }, [Qe(o.UserRender, {
+        "avatar-base-url": u.avatarBaseUrl,
+        "has-avatar": u.hasAvatar,
+        render: u.renderListItem,
+        "tenant-id": u.tenantId,
+        tenants: u.tenants,
+        user: b
+      }, null, 8, [
+        "avatar-base-url",
+        "has-avatar",
+        "render",
+        "tenant-id",
+        "tenants",
+        "user"
+      ])], 42, Ra))), 128))]))), 128))])) : se("v-if", !0), o.hasRecentUsers ? (Z(), oe("div", Ba, [u.recentUsersName ? (Z(), oe("div", {
+        key: 0,
+        class: "group-header",
+        onClick: d[2] || (d[2] = je(() => {
+        }, ["prevent"]))
+      }, [Ae("span", Na, gt(u.recentUsersName), 1), Ae("span", La, "(" + gt(u.recentUsers.length) + ")", 1)])) : se("v-if", !0), (Z(!0), oe(Ut, null, Dt(u.recentUsers, (f) => (Z(), oe("div", {
+        key: f.id,
+        class: It(["user-option", { "is-highlighted": o.isHighlighted(f) }]),
+        onClick: je((w) => o.selectUser(f), ["prevent"]),
+        onMousedown: d[3] || (d[3] = je(() => {
+        }, ["prevent"]))
+      }, [Qe(o.UserRender, {
+        "avatar-base-url": u.avatarBaseUrl,
+        "has-avatar": u.hasAvatar,
+        render: u.renderListItem,
+        "tenant-id": u.tenantId,
+        tenants: u.tenants,
+        user: f
+      }, null, 8, [
+        "avatar-base-url",
+        "has-avatar",
+        "render",
+        "tenant-id",
+        "tenants",
+        "user"
+      ])], 42, Fa))), 128))])) : se("v-if", !0)], 2)) : (Z(), oe("div", Aa, [Ae("span", null, gt(u.emptyText), 1)]))]),
+      _: 1
+    }, 8, ["loading"])], 512)]),
+    default: ot(() => [Ae("div", qa, [Nr(c.$slots, "default", {}, void 0, !0)], 512)]),
+    _: 3
+  }, 8, ["is-show", "width"]);
+}
+var za = /* @__PURE__ */ wn(Oa, [
+  ["render", Ga],
+  ["__scopeId", "data-v-9173accf"],
+  ["__file", "/Users/brooklin/project/bkui-monorepo/packages/bk-user-selector/src/components/selection-popover.vue"]
+]), ja = /* @__PURE__ */ Wt({
+  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(c, { expose: d, emit: u }) {
+    d();
+    const o = u, f = {
+      emit: o,
+      handleClick: () => {
+        o("click");
+      },
+      handleClose: () => {
+        o("close");
+      },
+      get Tag() {
+        return lr;
+      },
+      get UserRender() {
+        return jn;
+      }
+    };
+    return Object.defineProperty(f, "__isScriptSetup", {
+      enumerable: !1,
+      value: !0
+    }), f;
+  }
+});
+function Ka(c, d, u, o, l, v) {
+  return Z(), Yt(o.Tag, {
+    class: It(["user-tag", {
+      draggable: u.draggable,
+      active: u.active,
+      "is-custom": u.user.type === "custom"
+    }]),
+    closable: "",
+    disabled: "",
+    onClick: je(o.handleClick, ["stop"]),
+    onClose: o.handleClose
+  }, {
+    default: ot(() => [Qe(o.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 Ha = /* @__PURE__ */ wn(ja, [
+  ["render", Ka],
+  ["__scopeId", "data-v-d1173d20"],
+  ["__file", "/Users/brooklin/project/bkui-monorepo/packages/bk-user-selector/src/components/user-tag.vue"]
+]), Ya = /* @__PURE__ */ Wt({
+  name: "BkUserSelector",
+  __name: "user-selector",
+  props: {
+    autoFocus: {
+      type: Boolean,
+      required: !1,
+      default: !1
+    },
+    draggable: {
+      type: Boolean,
+      required: !1,
+      default: !1
+    },
+    maxCount: {
+      type: Number,
+      required: !1,
+      default: 0
+    },
+    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
+    },
+    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
+    },
+    emptyText: {
+      type: String,
+      required: !1,
+      default: ""
+    },
+    enableMultiTenantMode: {
+      type: Boolean,
+      required: !1,
+      default: !0
+    },
+    exactSearchKey: {
+      type: String,
+      required: !1,
+      default: Et
+    },
+    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(c, { expose: d, emit: u }) {
+    const { t: o } = zn();
+    Fr({ prefix: "bk" });
+    const l = c, v = u, f = (p) => {
+      v("error", p);
+    }, w = (p) => {
+      v("unauthorized", p);
+    };
+    ta(l.apiBaseUrl, l.tenantId, l.allowedApiOrigins, l.allowPrivateApiHost, l.allowCrossOriginCredentials, {
+      onError: f,
+      onUnauthorized: w
+    });
+    const { tenants: b } = ya(l.apiBaseUrl, l.tenantId, l.enableMultiTenantMode), { searchResults: B, loading: G, searchQuery: H, clearSearch: ye, handleSearchInput: Ne } = _a(l.apiBaseUrl, l.tenantId, l.enableMultiTenantMode), { fetchCurrentUser: Le } = sa({
+      apiBaseUrl: l.apiBaseUrl,
+      tenantId: l.tenantId,
+      currentUserId: l.currentUserId || "",
+      exactSearchKey: l.exactSearchKey,
+      enableMultiTenantMode: l.enableMultiTenantMode
+    }), De = te(null), F = te(null), z = te(null), Se = te(null), vt = te(null), $ = te(null), X = te(!1), D = te(-1), ue = te(null), x = te([]), O = te(0), Y = te(-1), be = te([]);
+    let ne = 0, Ze = [];
+    const U = te([]), S = re(() => l.type === "textarea"), ke = te(l.rows * 32), Vt = re(() => {
+      if (S.value)
+        return {
+          height: `${ke.value}px`,
+          resize: l.resize ? "vertical" : "none",
+          overflowY: "auto"
+        };
+    }), Te = re(() => S.value ? U.value : x.value), j = re(() => l.multiple ? Array.isArray(l.modelValue) ? l.modelValue : [] : l.modelValue ? [l.modelValue] : []), Qt = re(() => l.placeholder || o("请输入人员名称搜索")), Je = re(() => l.userGroupName || o("用户群组")), Tt = re(() => l.emptyText || o("无匹配人员")), ee = re(() => o("最近选择")), mt = re(() => U.value.map((p) => p.id)), Zt = (p, _) => _ ? [
+      p.id,
+      p.name,
+      p.bk_username,
+      p.username,
+      p.login_name,
+      p.display_name,
+      p.full_name
+    ].some((E) => String(E || "").includes(_)) : !0, Ee = (p) => p.split(",").map((_) => _.trim()).filter(Boolean), yt = (p, _, E) => p.find((N) => {
+      if (N.id === _) return !0;
+      const _e = N;
+      return E.some((tt) => String(_e[tt] || "") === _);
+    }), $e = (p, _, E) => _.map((N) => yt(p, N, E)).filter(Boolean), Ke = async (p) => {
+      const _ = Ee(l.exactSearchKey), E = Xt(await mn({
+        apiBaseUrl: l.apiBaseUrl,
+        tenantId: l.tenantId,
+        exactSearchKey: l.exactSearchKey,
+        usersList: p,
+        enableMultiTenantMode: l.enableMultiTenantMode
+      }), l.enableMultiTenantMode), N = p.filter((ct) => !yt(E, ct, _));
+      if (N.length === 0 || l.exactSearchKey === "bk_username") return $e(E, p, _);
+      const _e = Xt(await mn({
+        apiBaseUrl: l.apiBaseUrl,
+        tenantId: l.tenantId,
+        exactSearchKey: Et,
+        usersList: N,
+        enableMultiTenantMode: l.enableMultiTenantMode
+      }), l.enableMultiTenantMode), tt = [...E];
+      return _e.forEach((ct) => {
+        tt.some((dt) => dt.id === ct.id) || tt.push(ct);
+      }), $e(tt, p, [.../* @__PURE__ */ new Set([..._, Et])]);
+    }, it = re(() => !l.maxCount || l.maxCount <= 0 ? !1 : U.value.length >= l.maxCount), _n = re(() => it.value || !!l.currentUserId && U.value.some((p) => p[l.exactSearchKey] === l.currentUserId)), Jt = re(() => ({
+      avatarBaseUrl: l.avatarBaseUrl,
+      currentTenantId: l.tenantId,
+      hasAvatar: l.hasAvatar,
+      renderTag: l.renderTag,
+      tenants: b.value
+    })), { filteredUserGroup: lt, filterOptions: Ot, createCustomUser: bt } = Ca({
+      selectedUserIds: mt,
+      excludeUserIds: nr(l, "excludeUserIds"),
+      userGroup: nr(l, "userGroup"),
+      searchQuery: H
+    }), { handlePaste: xt } = va({
+      apiBaseUrl: l.apiBaseUrl,
+      tenantId: l.tenantId,
+      searchQuery: H,
+      selectedUsers: U,
+      allowCreate: l.allowCreate,
+      freePaste: l.freePaste,
+      enableMultiTenantMode: l.enableMultiTenantMode,
+      maxCount: l.maxCount,
+      onAddUser: Xe,
+      onBatchAddUsers: l.multiple ? Me : void 0
+    }), ae = re(() => Ot(B.value)), $t = re(() => {
+      const p = lt.value.map((N) => ({
+        ...N,
+        tenantId: "",
+        type: Be.USER_GROUP
+      })), _ = ae.value.filter((N) => N.data_source_type !== Be.VIRTUAL), E = ae.value.filter((N) => N.data_source_type === Be.VIRTUAL);
+      return [
+        ...p,
+        ..._,
+        ...E
+      ];
+    }), At = re(() => {
+      const p = H.value.trim();
+      return be.value.filter((_) => !mt.value.includes(_.id)).filter((_) => !l.excludeUserIds.includes(_.id)).filter((_) => Zt(_, p));
+    }), wt = re(() => X.value && (lt.value.length > 0 || At.value.length > 0 || H.value.trim() !== "")), we = re(() => [...$t.value, ...At.value]), kt = re(() => {
+      const p = H.value;
+      if (!p) return "20px";
+      const _ = p.split("").reduce((E, N) => E + (/[\u4e00-\u9fa5]/.test(N) ? 12 : 8), 0);
+      return `${Math.max(20, _ + 4)}px`;
+    }), Fe = async () => {
+      const p = j.value;
+      if (p.length === 0) {
+        U.value = [];
+        return;
+      }
+      let _ = [];
+      l.userGroup.length > 0 && (_ = l.userGroup.filter((E) => p.includes(E.id)).map((E) => ({
+        ...E,
+        tenantId: "",
+        type: Be.USER_GROUP
+      })));
+      try {
+        const E = [..._, ...await Ke(p)];
+        if (l.allowCreate) {
+          const N = [.../* @__PURE__ */ new Set([...Ee(l.exactSearchKey), Et])];
+          E.push(...p.filter((_e) => !yt(E, _e, N)).map((_e) => ({
+            id: _e,
+            name: _e,
+            type: Be.CUSTOM,
+            tenantId: ""
+          })));
+        }
+        U.value = $e(E, p, [.../* @__PURE__ */ new Set([...Ee(l.exactSearchKey), Et])]);
+      } catch (E) {
+        console.error("获取选中用户信息失败:", E), U.value = [];
+      }
+    }, He = async () => {
+      const p = l.recentUserIds.filter(Boolean), _ = ++ne;
+      if (Ze = [...p], p.length === 0) {
+        be.value = [];
+        return;
+      }
+      try {
+        const E = (await Ke(p)).filter((N) => N.data_source_type !== Be.VIRTUAL && N.type !== Be.USER_GROUP);
+        if (_ !== ne) return;
+        be.value = E;
+      } catch (E) {
+        if (_ !== ne) return;
+        console.error("获取最近选择用户信息失败:", E), be.value = [];
+      }
+    };
+    function Me(p) {
+      if (U.value = p, l.multiple)
+        v("update:modelValue", p.map((_) => _.id)), v("change", p);
+      else {
+        const _ = p.length > 0 ? p[0] : null;
+        v("update:modelValue", _ ? _.id : ""), v("change", _);
+      }
+    }
+    const de = () => {
+      !l.draggable || !l.multiple || !F.value || (ue.value && ue.value.destroy(), ue.value = new Vr.default(F.value, {
+        animation: 150,
+        draggable: ".tag-wrapper",
+        onStart: (p) => {
+          v("dragStart", p);
+        },
+        onEnd: (p) => {
+          const { oldIndex: _, newIndex: E } = p;
+          if (_ === E || _ === void 0 || E === void 0) return;
+          const N = [...U.value], [_e] = N.splice(_, 1);
+          N.splice(E, 0, _e), Me(N), v("dragEnd", p);
+        }
+      }));
+    }, ie = () => {
+      if (!U.value.length) {
+        x.value = [], O.value = 0;
+        return;
+      }
+      if (!z.value) {
+        x.value = [...U.value], O.value = 0;
+        return;
+      }
+      const p = z.value.offsetWidth, _ = z.value.querySelectorAll(".user-tag");
+      if (_.length !== U.value.length) {
+        x.value = [...U.value], O.value = 0, me(ie);
+        return;
+      }
+      const E = wa(z.value, _, p - 100);
+      x.value = U.value.slice(0, E), O.value = Math.max(0, U.value.length - E);
+    }, y = () => {
+      X.value = !0, D.value = U.value.length - 1, me(() => pe());
+    }, K = () => {
+      X.value || me(ie);
+    }, k = () => {
+      X.value && v("blur"), X.value = !1, D.value = U.value.length - 1, ye(), Y.value = -1, K();
+    }, W = (p) => {
+      const _ = p.target, E = De.value;
+      E?.contains(_) || E === _ || k();
+    }, Ye = () => {
+      D.value = U.value.length - 1, me(() => pe());
+    }, pe = () => {
+      D.value === -1 && U.value.length > 0 ? Se.value?.focus() : D.value >= U.value.length - 1 ? $.value?.focus() : vt.value?.[0]?.focus();
+    }, J = (p) => {
+      D.value = p, me(() => pe());
+    }, qe = () => {
+      v("focus"), X.value = !0;
+    }, et = () => {
+      Ne(H.value);
+    }, ge = async () => {
+      if (!l.currentUserId || U.value.some((_) => _[l.exactSearchKey] === l.currentUserId) || l.multiple && it.value) return;
+      const p = await Le();
+      p && (l.multiple ? U.value.some((_) => _.id === p.id) || Me([...U.value, p]) : Me([p]), ye(), Y.value = -1, X.value = !0, D.value = U.value.length - 1, me(() => pe()));
+    }, st = async (p) => {
+      await xt(p), D.value = U.value.length - 1, me(() => pe());
+    }, Ge = (p) => {
+      if (p.key === "Backspace" && !H.value && U.value.length > 0) {
+        if (D.value >= 0) {
+          const _ = U.value[D.value], E = D.value > 0 ? D.value - 1 : -1;
+          Me(U.value.filter((N) => N.id !== _.id)), D.value = E, K(), me(() => pe());
+        }
+        return;
+      }
+      if (p.key === "ArrowDown" && wt.value && we.value.length > 0) {
+        p.preventDefault();
+        const _ = we.value.length - 1;
+        Y.value = Math.min(Y.value + 1, _);
+        return;
+      }
+      if (p.key === "ArrowUp" && wt.value && we.value.length > 0) {
+        p.preventDefault(), Y.value = Math.max(Y.value - 1, 0);
+        return;
+      }
+      if (p.key === "Enter") {
+        l.allowCreate && H.value ? Xe(bt(H.value)) : Y.value >= 0 && we.value[Y.value] && Xe(we.value[Y.value]);
+        return;
+      }
+      if (p.key === "ArrowLeft" && !H.value && U.value.length > 0) {
+        p.preventDefault(), D.value === 0 ? D.value = -1 : D.value > 0 && D.value--, me(() => pe());
+        return;
+      }
+      if (p.key === "ArrowRight" && !H.value && U.value.length > 0) {
+        p.preventDefault(), D.value === -1 ? D.value = 0 : D.value < U.value.length - 1 && D.value++, me(() => pe());
+        return;
+      }
+    };
+    function Xe(p) {
+      if (p?.id) {
+        if (l.multiple && it.value) {
+          ye(), Y.value = -1;
+          return;
+        }
+        if (!l.multiple)
+          Me([p]), D.value = 0;
+        else if (!U.value.some((_) => _.id === p.id)) {
+          let _, E;
+          D.value === -1 ? (_ = [p, ...U.value], E = 0) : (_ = [
+            ...U.value.slice(0, D.value + 1),
+            p,
+            ...U.value.slice(D.value + 1)
+          ], E = D.value + 1), Me(_), D.value = E;
+        }
+        ye(), Y.value = -1, X.value = !0, me(() => pe());
+      }
+    }
+    const ce = (p) => {
+      if (!p?.id) return;
+      const _ = U.value.findIndex((N) => N.id === p.id), E = U.value.filter((N) => N.id !== p.id);
+      Me(E), E.length === 0 ? D.value = -1 : D.value > _ ? D.value-- : D.value >= E.length && (D.value = E.length - 1), K();
+    };
+    at(U, () => {
+      K();
+    }, { deep: !0 }), at(X, (p) => {
+      if (S.value) {
+        const _ = p ? z.value : De.value?.querySelector(".tags-container.focused");
+        _ && _.offsetHeight > 0 && (ke.value = _.offsetHeight);
+      }
+      p && me(() => de());
+    }), at(we, (p) => {
+      p.length > 0 && wt.value ? Y.value = 0 : Y.value = -1;
+    }), at(() => l.userGroup, () => {
+      Fe();
+    }), at(() => l.recentUserIds, () => {
+      const p = l.recentUserIds.filter(Boolean);
+      Ze.length === p.length && Ze.every((_, E) => _ === p[E]) || He();
+    }, { deep: !0 }), at(() => l.modelValue, () => {
+      const p = U.value.map((E) => E.id), _ = j.value;
+      (p.length !== _.length || !p.every((E, N) => E === _[N])) && Fe();
+    }, { deep: !0 }), ma(De, () => {
+      K();
+    });
+    let Pe;
+    or(() => {
+      Pe = Promise.all([Fe(), He()]).then(() => {
+      });
+    }), Rr(async () => {
+      de(), me(ie), l.autoFocus && !l.disabled && (await Pe, await me(), y());
+    }), ir(() => {
+      ue.value?.destroy();
+    }), d({
+      focus: y,
+      blur: k
+    });
+    const ut = {
+      t: o,
+      props: l,
+      emit: v,
+      handleApiError: f,
+      handleApiUnauthorized: w,
+      tenants: b,
+      searchResults: B,
+      searchLoading: G,
+      searchQuery: H,
+      clearSearch: ye,
+      handleSearchInput: Ne,
+      fetchCurrentUser: Le,
+      containerRef: De,
+      sortableContainerRef: F,
+      collapsedContainerRef: z,
+      frontInputRef: Se,
+      inlineInputRef: vt,
+      lastInputRef: $,
+      isFocused: X,
+      activeTagIndex: D,
+      sortableInstance: ue,
+      visibleUsers: x,
+      hiddenCount: O,
+      highlightedIndex: Y,
+      recentUsers: be,
+      get recentUsersRequestId() {
+        return ne;
+      },
+      set recentUsersRequestId(p) {
+        ne = p;
+      },
+      get recentUserIdsSnapshot() {
+        return Ze;
+      },
+      set recentUserIdsSnapshot(p) {
+        Ze = p;
+      },
+      selectedUsers: U,
+      isTextareaMode: S,
+      textareaHeight: ke,
+      textareaStyle: Vt,
+      collapsedDisplayUsers: Te,
+      modelValueIds: j,
+      computedPlaceholder: Qt,
+      computedUserGroupName: Je,
+      computedEmptyText: Tt,
+      computedRecentUsersName: ee,
+      selectedUserIds: mt,
+      isUserMatchedByQuery: Zt,
+      getLookupFields: Ee,
+      findUserByLookupId: yt,
+      sortUsersByLookupIds: $e,
+      lookupFormattedUsersByIds: Ke,
+      isMaxCountReached: it,
+      isMeTagDisabled: _n,
+      userTagCommonProps: Jt,
+      filteredUserGroup: lt,
+      filterOptions: Ot,
+      createCustomUser: bt,
+      handlePaste: xt,
+      displayOptions: ae,
+      mainNavigableUsers: $t,
+      filteredRecentUsers: At,
+      showDropdown: wt,
+      flatOptions: we,
+      inputWidth: kt,
+      initSelectedUsers: Fe,
+      initRecentUsers: He,
+      updateSelectedUsers: Me,
+      initSortable: de,
+      calculateVisibleUsers: ie,
+      handleFocus: y,
+      scheduleVisibleUsersCalculation: K,
+      blur: k,
+      handleClickOutside: W,
+      handleContainerClick: Ye,
+      focusCurrentInput: pe,
+      handleTagClick: J,
+      handleInputFocus: qe,
+      handleInput: et,
+      addCurrentUser: ge,
+      onPaste: st,
+      handleKeyDown: Ge,
+      addUser: Xe,
+      removeUser: ce,
+      get initPromise() {
+        return Pe;
+      },
+      set initPromise(p) {
+        Pe = p;
+      },
+      get Popover() {
+        return sr;
+      },
+      get Tag() {
+        return lr;
+      },
+      MeTag: Ia,
+      SelectionPopover: za,
+      get UserRender() {
+        return jn;
+      },
+      UserTag: Ha
+    };
+    return Object.defineProperty(ut, "__isScriptSetup", {
+      enumerable: !1,
+      value: !0
+    }), ut;
+  }
+}), Xa = {
+  ref: "sortableContainerRef",
+  class: "tag-list"
+}, Wa = ["placeholder"], Va = { class: "hidden-users" }, Qa = ["placeholder"];
+function Za(c, d, u, o, l, v) {
+  return Z(), oe("div", {
+    ref: "containerRef",
+    class: It(["bk-user-selector", {
+      "is-disabled": u.disabled,
+      "is-textarea": o.isTextareaMode
+    }])
+  }, [se(" 下拉选项列表 "), Qe(o.SelectionPopover, {
+    "avatar-base-url": u.avatarBaseUrl,
+    "container-width": o.containerRef ? o.containerRef.offsetWidth : "auto",
+    "empty-text": o.computedEmptyText,
+    "flat-options": o.flatOptions,
+    "has-avatar": u.hasAvatar,
+    "highlighted-index": o.highlightedIndex,
+    "is-show": o.showDropdown,
+    loading: o.searchLoading,
+    options: o.displayOptions,
+    "recent-users": o.filteredRecentUsers,
+    "recent-users-name": o.computedRecentUsersName,
+    "render-list-item": u.renderListItem,
+    "search-query": o.searchQuery,
+    "tenant-id": u.tenantId,
+    tenants: o.tenants,
+    "user-group": o.filteredUserGroup,
+    "user-group-name": o.computedUserGroupName,
+    onClickOutside: o.handleClickOutside,
+    onSelectUser: o.addUser
+  }, {
+    default: ot(() => [
+      se(" 聚焦状态 - 可编辑模式 "),
+      St(Ae("div", {
+        class: "tags-container focused",
+        style: hn(o.textareaStyle),
+        onClick: je(o.handleContainerClick, ["stop"])
+      }, [se(" 用户标签列表 "), Ae("div", Xa, [
+        se(" 在第一个标签之前的输入框 "),
+        o.activeTagIndex === -1 && o.selectedUsers.length > 0 ? St((Z(), oe("input", {
+          key: 0,
+          ref: "frontInputRef",
+          "onUpdate:modelValue": d[0] || (d[0] = (f) => o.searchQuery = f),
+          autofocus: "",
+          class: "search-input input-inline",
+          style: hn({ width: o.inputWidth }),
+          onFocus: o.handleInputFocus,
+          onInput: o.handleInput,
+          onKeydown: o.handleKeyDown,
+          onPaste: o.onPaste
+        }, null, 36)), [[pn, o.searchQuery]]) : se("v-if", !0),
+        (Z(!0), oe(Ut, null, Dt(o.selectedUsers, (f, w) => (Z(), oe("div", {
+          key: f.id,
+          class: "tag-wrapper"
+        }, [
+          Qe(o.UserTag, er({ ref_for: !0 }, o.userTagCommonProps, {
+            active: w === o.activeTagIndex,
+            draggable: u.draggable && u.multiple,
+            user: f,
+            onClick: (b) => o.handleTagClick(w),
+            onClose: (b) => o.removeUser(f)
+          }), null, 16, [
+            "active",
+            "draggable",
+            "user",
+            "onClick",
+            "onClose"
+          ]),
+          se(" 在当前激活标签后插入输入框 "),
+          w === o.activeTagIndex && o.activeTagIndex !== o.selectedUsers.length - 1 ? St((Z(), oe("input", {
+            key: 0,
+            ref_for: !0,
+            ref: "inlineInputRef",
+            "onUpdate:modelValue": d[1] || (d[1] = (b) => o.searchQuery = b),
+            autofocus: "",
+            class: "search-input input-inline",
+            style: hn({ width: o.inputWidth }),
+            onFocus: o.handleInputFocus,
+            onInput: o.handleInput,
+            onKeydown: o.handleKeyDown,
+            onPaste: o.onPaste
+          }, null, 36)), [[pn, o.searchQuery]]) : se("v-if", !0)
+        ]))), 128)),
+        se(" 最后一个输入框（末尾位置或无用户时显示） "),
+        o.activeTagIndex >= o.selectedUsers.length - 1 ? St((Z(), oe("input", {
+          key: 1,
+          ref: "lastInputRef",
+          "onUpdate:modelValue": d[2] || (d[2] = (f) => o.searchQuery = f),
+          autofocus: "",
+          class: "search-input input-last",
+          placeholder: o.selectedUsers.length ? "" : o.computedPlaceholder,
+          onFocus: o.handleInputFocus,
+          onInput: o.handleInput,
+          onKeydown: o.handleKeyDown,
+          onPaste: o.onPaste
+        }, null, 40, Wa)), [[pn, o.searchQuery]]) : se("v-if", !0),
+        se(' "我"标签 '),
+        Qe(o.MeTag, {
+          "current-user-id": u.currentUserId,
+          "is-disabled": o.isMeTagDisabled,
+          onClick: o.addCurrentUser
+        }, null, 8, ["current-user-id", "is-disabled"])
+      ], 512)], 4), [[tr, o.isFocused]]),
+      se(" 未聚焦状态 - 只读展示模式 "),
+      St(Ae("div", {
+        ref: "collapsedContainerRef",
+        class: "tags-container tags-container-collapsed",
+        style: hn(o.textareaStyle),
+        onClick: je(o.handleFocus, ["stop"])
+      }, [
+        (Z(!0), oe(Ut, null, Dt(o.collapsedDisplayUsers, (f) => (Z(), Yt(o.UserTag, er({ key: f.id }, { ref_for: !0 }, o.userTagCommonProps, {
+          "show-tenant": !0,
+          user: f,
+          onClick: o.handleFocus,
+          onClose: (w) => o.removeUser(f)
+        }), null, 16, ["user", "onClose"]))), 128)),
+        se(" 显示折叠标签数量（textarea 模式下不折叠） "),
+        o.hiddenCount > 0 && !o.isTextareaMode ? (Z(), Yt(o.Popover, {
+          key: 0,
+          placement: "top"
+        }, {
+          content: ot(() => [Ae("div", Va, [(Z(!0), oe(Ut, null, Dt(o.selectedUsers.slice(o.visibleUsers.length), (f) => (Z(), Yt(o.UserRender, {
+            key: f.id,
+            "avatar-base-url": u.avatarBaseUrl,
+            "has-avatar": u.hasAvatar,
+            "tenant-id": u.tenantId,
+            tenants: o.tenants,
+            user: f
+          }, null, 8, [
+            "avatar-base-url",
+            "has-avatar",
+            "tenant-id",
+            "tenants",
+            "user"
+          ]))), 128))])]),
+          default: ot(() => [Qe(o.Tag, null, {
+            default: ot(() => [Pr(" +" + gt(o.hiddenCount), 1)]),
+            _: 1
+          })]),
+          _: 1
+        })) : se("v-if", !0),
+        se(" 搜索输入框 "),
+        St(Ae("input", {
+          "onUpdate:modelValue": d[3] || (d[3] = (f) => o.searchQuery = f),
+          class: "search-input search-input-collapsed",
+          placeholder: o.selectedUsers.length ? "" : o.computedPlaceholder,
+          onFocus: o.handleFocus
+        }, null, 40, Qa), [[pn, o.searchQuery]]),
+        se(' 未聚焦状态下的"我"标签 '),
+        Qe(o.MeTag, {
+          "current-user-id": u.currentUserId,
+          "is-disabled": o.isMeTagDisabled,
+          onClick: o.addCurrentUser
+        }, null, 8, ["current-user-id", "is-disabled"])
+      ], 4), [[tr, !o.isFocused]])
+    ]),
+    _: 1
+  }, 8, [
+    "avatar-base-url",
+    "container-width",
+    "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"
+  ])], 2);
+}
+var Ja = /* @__PURE__ */ wn(Ya, [
+  ["render", Za],
+  ["__scopeId", "data-v-089550be"],
+  ["__file", "/Users/brooklin/project/bkui-monorepo/packages/bk-user-selector/src/components/user-selector.vue"]
+]), no = Ja;
+export {
+  Ja as BkUserSelector,
+  no as default
+};