cd-personselector 1.3.6 → 1.3.8

package/dist/index.mjs

@@ -1,17 +1,17 @@
-import { defineComponent as Ue, ref as g, computed as D, watch as X, resolveComponent as x, openBlock as o, createBlock as W, withCtx as V, createElementVNode as u, createElementBlock as c, createVNode as k, Fragment as Q, renderList as oe, createCommentVNode as _, normalizeClass as ne, withModifiers as Ce, toDisplayString as v, createTextVNode as Y, nextTick as $e, normalizeStyle as Ve } from "vue";
+import { defineComponent as Se, ref as g, computed as D, watch as X, resolveComponent as x, openBlock as o, createBlock as W, withCtx as U, createElementVNode as u, createElementBlock as c, createVNode as k, Fragment as Q, renderList as oe, createCommentVNode as _, normalizeClass as ne, withModifiers as ye, toDisplayString as v, createTextVNode as Y, nextTick as $e, normalizeStyle as Ue } from "vue";
 const ze = { class: "cd-ps-container" }, we = {
   key: 0,
   class: "cd-ps-search"
 }, Be = {
   key: 0,
   class: "cd-ps-org-select"
-}, Oe = { class: "cd-ps-search-input" }, Pe = { class: "cd-ps-content" }, De = { class: "cd-ps-left" }, Re = {
+}, Oe = { class: "cd-ps-search-input" }, Pe = { class: "cd-ps-content" }, De = { class: "cd-ps-left" }, Me = {
   key: 0,
   class: "cd-ps-loading"
-}, Le = {
+}, Re = {
   key: 1,
   class: "cd-ps-empty"
-}, Me = {
+}, Le = {
   key: 2,
   class: "cd-ps-result-list"
 }, Ee = ["onClick"], We = { class: "cd-ps-info" }, je = { class: "cd-ps-name" }, Je = { class: "cd-ps-meta" }, Ae = {
@@ -35,7 +35,7 @@ const ze = { class: "cd-ps-container" }, we = {
 }, nt = {
   key: 1,
   class: "cd-ps-selected-list"
-}, ot = { class: "cd-ps-item-info" }, it = { class: "cd-ps-info" }, ct = { class: "cd-ps-name" }, dt = { class: "cd-ps-meta" }, ut = { key: 0 }, rt = { key: 1 }, pt = { key: 2 }, vt = { key: 3 }, ht = /* @__PURE__ */ Ue({
+}, ot = { class: "cd-ps-item-info" }, it = { class: "cd-ps-info" }, ct = { class: "cd-ps-name" }, dt = { class: "cd-ps-meta" }, ut = { key: 0 }, rt = { key: 1 }, pt = { key: 2 }, vt = { key: 3 }, ft = /* @__PURE__ */ Se({
   __name: "PersonSelector",
   props: {
     visible: { type: Boolean, default: !1 },
@@ -49,9 +49,9 @@ const ze = { class: "cd-ps-container" }, we = {
     multiple: { type: Boolean, default: !0 }
   },
   emits: ["update:visible", "update:modelValue", "confirm", "load-users", "search", "org-change", "tab-change"],
-  setup(b, { expose: Z, emit: U }) {
-    var ke, be;
-    const r = b, S = U, I = g(r.visible), C = g(((be = (ke = r.tabs) == null ? void 0 : ke[0]) == null ? void 0 : be.key) || ""), R = g(null), B = g(""), h = g([]), T = g(/* @__PURE__ */ new Map()), G = g({}), $ = g(!1), L = g(!1), M = g({}), K = D(() => r.tabs || []), ie = D(() => r.organizations || []);
+  setup(b, { expose: Z, emit: S }) {
+    var Ce, Ve;
+    const r = b, C = S, I = g(r.visible), V = g(((Ve = (Ce = r.tabs) == null ? void 0 : Ce[0]) == null ? void 0 : Ve.key) || ""), M = g(null), B = g(""), f = g([]), T = g(/* @__PURE__ */ new Map()), G = g({}), $ = g(!1), R = g(!1), L = g({}), K = D(() => r.tabs || []), ie = D(() => r.organizations || []);
     D(() => r.tips || "");
     const ee = D(() => r.showSearch), ue = D(() => r.showOrg), re = D(() => r.dialogWidth), O = g({});
     X(() => r.tabs, (t) => {
@@ -59,24 +59,24 @@ const ze = { class: "cd-ps-container" }, we = {
         const e = {};
         t.forEach((n) => {
           e[n.key] = JSON.parse(JSON.stringify(n.tree));
-        }), O.value = e, (!C.value || !t.find((n) => n.key === C.value)) && (C.value = t[0].key);
+        }), O.value = e, (!V.value || !t.find((n) => n.key === V.value)) && (V.value = t[0].key);
       }
     }, { immediate: !0, deep: !0 });
     function ce() {
       if (r.modelValue && r.modelValue.length > 0) {
         const t = r.modelValue[0];
-        typeof t == "object" && t !== null && "id" in t ? (h.value = r.modelValue.map((e) => e.id), T.value.clear(), r.modelValue.forEach((e) => {
+        typeof t == "object" && t !== null && "id" in t ? (f.value = r.modelValue.map((e) => e.id), T.value.clear(), r.modelValue.forEach((e) => {
           T.value.set(e.id, e);
-        })) : h.value = [...r.modelValue];
+        })) : f.value = [...r.modelValue];
       } else
-        h.value = [], T.value.clear();
+        f.value = [], T.value.clear();
     }
     X(() => r.modelValue, (t) => {
       I.value && t && ce();
     }, { deep: !0 }), X(() => r.visible, (t) => {
-      I.value = t, t && (ce(), r.organizations.length > 0 && !R.value && (R.value = r.organizations[0].id));
+      I.value = t, t && (ce(), r.organizations.length > 0 && !M.value && (M.value = r.organizations[0].id));
     }), X(I, (t) => {
-      S("update:visible", t);
+      C("update:visible", t);
     });
     function j(t, e) {
       e && (G.value[t] = e);
@@ -91,28 +91,28 @@ const ze = { class: "cd-ps-container" }, we = {
       }
       return null;
     }
-    const A = D(() => h.value.map((t) => T.value.get(t)).filter(Boolean));
+    const A = D(() => f.value.map((t) => T.value.get(t)).filter(Boolean));
     function de(t, e) {
-      h.value.includes(t) || h.value.push(t), T.value.set(t, e);
+      f.value.includes(t) || f.value.push(t), T.value.set(t, e);
     }
     function ae(t) {
-      h.value = h.value.filter((e) => e !== t), T.value.delete(t);
+      f.value = f.value.filter((e) => e !== t), T.value.delete(t);
     }
     const pe = (t) => {
       var n;
       if (!$.value) return t.name;
-      const e = ((n = M.value[t.key]) == null ? void 0 : n.length) ?? 0;
+      const e = ((n = L.value[t.key]) == null ? void 0 : n.length) ?? 0;
       return e > 0 ? `${t.name} (${e})` : t.name;
     }, ve = (t) => {
-      $.value || (B.value = "", S("tab-change", { tabKey: t }));
-    }, he = (t) => {
+      $.value || (B.value = "", C("tab-change", { tabKey: t }));
+    }, fe = (t) => {
       const e = {};
       r.tabs.forEach((p) => {
         e[p.key] = [];
       }), O.value = e;
       const n = () => {
       };
-      S("org-change", { orgId: t, tabKey: C.value, callback: n });
+      C("org-change", { orgId: t, tabKey: V.value, callback: n });
     };
     let a = null;
     const l = () => {
@@ -120,26 +120,26 @@ const ze = { class: "cd-ps-container" }, we = {
         E();
         return;
       }
-      $.value = !0, L.value = !0, a = setTimeout(() => z(), 300);
+      $.value = !0, R.value = !0, a = setTimeout(() => z(), 300);
     }, z = () => {
-      M.value = {};
+      L.value = {};
       const t = (e) => {
         const n = {};
         e.forEach((p) => {
           const m = { ...p, isUser: p.isUser !== !1 }, N = p.nodeType || (p.isUser !== !1 ? "user" : "department");
           n[N] || (n[N] = []), n[N].push(m);
-        }), M.value = n, L.value = !1;
+        }), L.value = n, R.value = !1;
       };
-      S("search", { keyword: B.value, orgId: R.value || void 0, callback: t });
+      C("search", { keyword: B.value, orgId: M.value || void 0, callback: t });
     }, E = () => {
-      a && (clearTimeout(a), a = null), $.value = !1, B.value = "", M.value = {}, L.value = !1;
+      a && (clearTimeout(a), a = null), $.value = !1, B.value = "", L.value = {}, R.value = !1;
     }, F = (t) => {
-      if (h.value.indexOf(t.id) > -1)
+      if (f.value.indexOf(t.id) > -1)
         ae(t.id);
       else {
-        r.multiple || (h.value = [], T.value.clear());
+        r.multiple || (f.value = [], T.value.clear());
         const n = t.isUser ? "搜索结果" : t.isPost ? "职位" : "部门";
-        de(t.id, { ...t, typeName: n, orgId: R.value }), r.multiple || me();
+        de(t.id, { ...t, typeName: n, orgId: M.value }), r.multiple || me();
       }
     };
     function P(t) {
@@ -153,19 +153,19 @@ const ze = { class: "cd-ps-container" }, we = {
       var w, y;
       const n = e == null ? void 0 : e.node;
       if (n) {
-        const f = n.value ?? ((w = n.data) == null ? void 0 : w.id);
-        if (f !== void 0) {
+        const h = n.value ?? ((w = n.data) == null ? void 0 : w.id);
+        if (h !== void 0) {
           if (n.checked) {
-            r.multiple || (h.value = [], T.value.clear());
-            const H = r.tabs.find((se) => se.key === C.value), le = H ? H.name.replace(/^按/, "") : "";
-            de(f, { ...n.data, typeName: le, orgId: R.value }), !r.multiple && ((y = n.data) != null && y.isUser) && me();
+            r.multiple || (f.value = [], T.value.clear());
+            const H = r.tabs.find((se) => se.key === V.value), le = H ? H.name.replace(/^按/, "") : "";
+            de(h, { ...n.data, typeName: le, orgId: M.value }), !r.multiple && ((y = n.data) != null && y.isUser) && me();
           } else
-            ae(f);
+            ae(h);
           return;
         }
       }
-      const p = O.value[C.value] || [], m = P(p), N = h.value.filter((f) => !m.includes(f));
-      h.value = [...N, ...t];
+      const p = O.value[V.value] || [], m = P(p), N = f.value.filter((h) => !m.includes(h));
+      f.value = [...N, ...t];
     };
     function s(t, e, n) {
       for (const p of t) {
@@ -176,32 +176,32 @@ const ze = { class: "cd-ps-container" }, we = {
       }
       return !1;
     }
-    async function fe(t, e) {
+    async function he(t, e) {
       var N;
       const n = t.value, p = G.value[e];
       if (t.data.loaded) {
         const w = O.value[e];
         if (w) {
           const y = te(w, n);
-          y && y.children && (y.children = y.children.filter((f) => !f.isUser));
+          y && y.children && (y.children = y.children.filter((h) => !h.isUser));
         }
-        p && (((N = p.getItem(n)) == null ? void 0 : N.children) || []).filter((f) => {
+        p && (((N = p.getItem(n)) == null ? void 0 : N.children) || []).filter((h) => {
           var J;
-          return (J = f.data) == null ? void 0 : J.isUser;
-        }).forEach((f) => {
+          return (J = h.data) == null ? void 0 : J.isUser;
+        }).forEach((h) => {
           try {
-            p.remove(f.value);
+            p.remove(h.value);
           } catch {
           }
         }), t.data.loaded = !1;
       }
-      S("load-users", { tabKey: e, nodeId: n, node: t, callback: async (w) => {
+      C("load-users", { tabKey: e, nodeId: n, node: t, callback: async (w) => {
         if (w.length > 0) {
           const y = w.map((J) => {
             const { id: H, name: le, ...se } = J;
             return { ...se, id: H, name: J.displayName || le, isUser: !0 };
-          }), f = O.value[e];
-          if (f && s(f, n, y), p) {
+          }), h = O.value[e];
+          if (h && s(h, n, y), p) {
             p.appendTo(n, y), t.data.loaded = !0, await $e();
             try {
               p.setItem(n, { expanded: !0 });
@@ -212,35 +212,35 @@ const ze = { class: "cd-ps-container" }, we = {
           t.data.loaded = !0;
           const y = O.value[e];
           if (y) {
-            const f = te(y, n);
-            f && (f.loaded = !0);
+            const h = te(y, n);
+            h && (h.loaded = !0);
           }
         }
       } });
     }
-    const Te = (t) => {
+    const xe = (t) => {
       ae(t);
-    }, ye = () => {
-      h.value = [], T.value.clear();
+    }, ke = () => {
+      f.value = [], T.value.clear();
     }, me = () => {
-      S("update:modelValue", h.value), S("confirm", A.value), I.value = !1;
-    }, xe = () => {
-      I.value = !1;
+      C("update:modelValue", f.value), C("confirm", A.value), I.value = !1;
+    }, be = () => {
+      I.value = !1, C("close");
     };
     return Z({
-      clearSelection: ye,
+      clearSelection: ke,
       appendUsers: (t, e, n) => {
         const p = G.value[t];
         if (p && n.length > 0) {
           const m = n.map((N) => {
-            const { id: w, name: y, ...f } = N;
-            return { ...f, id: w, name: N.displayName || y, isUser: !0 };
+            const { id: w, name: y, ...h } = N;
+            return { ...h, id: w, name: N.displayName || y, isUser: !0 };
           });
           p.appendTo(e, m);
         }
       }
     }), (t, e) => {
-      const n = x("t-option"), p = x("t-select"), m = x("t-icon"), N = x("t-input"), w = x("t-loading"), y = x("t-checkbox"), f = x("t-button"), J = x("t-tree"), H = x("t-tab-panel"), le = x("t-tabs"), se = x("t-dialog");
+      const n = x("t-option"), p = x("t-select"), m = x("t-icon"), N = x("t-input"), w = x("t-loading"), y = x("t-checkbox"), h = x("t-button"), J = x("t-tree"), H = x("t-tab-panel"), le = x("t-tabs"), se = x("t-dialog");
       return o(), W(se, {
         visible: I.value,
         "onUpdate:visible": e[4] || (e[4] = (i) => I.value = i),
@@ -250,21 +250,23 @@ const ze = { class: "cd-ps-container" }, we = {
         placement: "center",
         "destroy-on-close": "",
         attach: "body",
+        "close-on-overlay-click": !0,
         onConfirm: me,
-        onClose: xe
+        onClose: be,
+        onCancel: be
       }, {
-        default: V(() => [
+        default: U(() => [
           u("div", ze, [
             ee.value ? (o(), c("div", we, [
               ue.value && ie.value.length > 0 ? (o(), c("div", Be, [
                 k(p, {
-                  modelValue: R.value,
-                  "onUpdate:modelValue": e[0] || (e[0] = (i) => R.value = i),
+                  modelValue: M.value,
+                  "onUpdate:modelValue": e[0] || (e[0] = (i) => M.value = i),
                   placeholder: "选择组织",
                   style: { width: "200px" },
-                  onChange: he
+                  onChange: fe
                 }, {
-                  default: V(() => [
+                  default: U(() => [
                     (o(!0), c(Q, null, oe(ie.value, (i) => (o(), W(n, {
                       key: i.id,
                       value: i.id,
@@ -284,7 +286,7 @@ const ze = { class: "cd-ps-container" }, we = {
                   onInput: l,
                   onClear: E
                 }, {
-                  "prefix-icon": V(() => [
+                  "prefix-icon": U(() => [
                     k(m, { name: "search" })
                   ]),
                   _: 1
@@ -294,39 +296,39 @@ const ze = { class: "cd-ps-container" }, we = {
             u("div", Pe, [
               u("div", De, [
                 k(le, {
-                  modelValue: C.value,
-                  "onUpdate:modelValue": e[3] || (e[3] = (i) => C.value = i),
+                  modelValue: V.value,
+                  "onUpdate:modelValue": e[3] || (e[3] = (i) => V.value = i),
                   onChange: ve
                 }, {
-                  default: V(() => [
+                  default: U(() => [
                     (o(!0), c(Q, null, oe(K.value, (i) => (o(), W(H, {
                       key: i.key,
                       value: i.key,
                       label: pe(i)
                     }, {
-                      default: V(() => {
+                      default: U(() => {
                         var _e;
                         return [
                           $.value ? (o(), c(Q, { key: 0 }, [
-                            L.value ? (o(), c("div", Re, [
+                            R.value ? (o(), c("div", Me, [
                               k(w),
                               e[5] || (e[5] = u("span", null, "搜索中...", -1))
-                            ])) : !M.value[i.key] || M.value[i.key].length === 0 ? (o(), c("div", Le, [
+                            ])) : !L.value[i.key] || L.value[i.key].length === 0 ? (o(), c("div", Re, [
                               k(m, {
                                 name: "search",
                                 size: "48px",
                                 style: { color: "#ddd" }
                               }),
                               e[6] || (e[6] = u("p", null, "暂无结果", -1))
-                            ])) : (o(), c("div", Me, [
-                              (o(!0), c(Q, null, oe(M.value[i.key], (d) => (o(), c("div", {
+                            ])) : (o(), c("div", Le, [
+                              (o(!0), c(Q, null, oe(L.value[i.key], (d) => (o(), c("div", {
                                 key: d.id,
-                                class: ne(["cd-ps-result-item", { "cd-ps-selected": h.value.includes(d.id), "cd-ps-dept-result": !d.isUser }]),
+                                class: ne(["cd-ps-result-item", { "cd-ps-selected": f.value.includes(d.id), "cd-ps-dept-result": !d.isUser }]),
                                 onClick: (Ne) => F(d)
                               }, [
                                 k(y, {
-                                  checked: h.value.includes(d.id),
-                                  onClick: e[2] || (e[2] = Ce(() => {
+                                  checked: f.value.includes(d.id),
+                                  onClick: e[2] || (e[2] = ye(() => {
                                   }, ["stop"]))
                                 }, null, 8, ["checked"]),
                                 u("div", {
@@ -358,10 +360,10 @@ const ze = { class: "cd-ps-container" }, we = {
                               hover: "",
                               checkable: "",
                               "expand-all": !1,
-                              value: h.value,
+                              value: f.value,
                               onChange: q
                             }, {
-                              label: V(({ node: d }) => [
+                              label: U(({ node: d }) => [
                                 u("div", {
                                   class: ne(["cd-ps-node", { "cd-ps-node-user": d.data.isUser }])
                                 }, [
@@ -373,14 +375,14 @@ const ze = { class: "cd-ps-container" }, we = {
                                     d.data.isUser && d.data.position ? (o(), c("span", Ye, v(d.data.position), 1)) : _("", !0)
                                   ]),
                                   d.data.userCount && !d.data.isUser ? (o(), c("span", Ze, "(" + v(d.data.userCount) + ")", 1)) : _("", !0),
-                                  d.data.isUser ? _("", !0) : (o(), W(f, {
+                                  d.data.isUser ? _("", !0) : (o(), W(h, {
                                     key: 1,
                                     size: "small",
                                     variant: "text",
                                     class: "cd-ps-load-btn",
-                                    onClick: Ce((Ne) => fe(d, i.key), ["stop"])
+                                    onClick: ye((Ne) => he(d, i.key), ["stop"])
                                   }, {
-                                    default: V(() => [
+                                    default: U(() => [
                                       Y(v(d.data.loaded ? "刷新人员" : "显示人员"), 1)
                                     ]),
                                     _: 2
@@ -409,13 +411,13 @@ const ze = { class: "cd-ps-container" }, we = {
                 u("div", tt, [
                   e[9] || (e[9] = u("span", { class: "cd-ps-title" }, "已选择", -1)),
                   u("span", at, v(A.value.length) + " 项", 1),
-                  A.value.length > 0 ? (o(), W(f, {
+                  A.value.length > 0 ? (o(), W(h, {
                     key: 0,
                     size: "small",
                     variant: "text",
-                    onClick: ye
+                    onClick: ke
                   }, {
-                    default: V(() => [...e[8] || (e[8] = [
+                    default: U(() => [...e[8] || (e[8] = [
                       Y("清空", -1)
                     ])]),
                     _: 1
@@ -452,13 +454,13 @@ const ze = { class: "cd-ps-container" }, we = {
                           ])
                         ])
                       ]),
-                      k(f, {
+                      k(h, {
                         size: "small",
                         variant: "text",
                         shape: "circle",
-                        onClick: (_e) => Te(i.id)
+                        onClick: (_e) => xe(i.id)
                       }, {
-                        icon: V(() => [
+                        icon: U(() => [
                           k(m, { name: "close" })
                         ]),
                         _: 1
@@ -474,33 +476,30 @@ const ze = { class: "cd-ps-container" }, we = {
       }, 8, ["visible", "width"]);
     };
   }
-}), Se = (b, Z) => {
-  const U = b.__vccOpts || b;
-  for (const [r, S] of Z)
-    U[r] = S;
-  return U;
-}, Ie = /* @__PURE__ */ Se(ht, [["__scopeId", "data-v-08bc0ceb"]]), ft = { class: "cd-input-select" }, mt = {
-  key: 0,
-  class: "cd-input-select__panel"
-}, _t = { class: "cd-input-select__grid" }, gt = { class: "cd-input-select__option-content" }, yt = {
+}), Ie = (b, Z) => {
+  const S = b.__vccOpts || b;
+  for (const [r, C] of Z)
+    S[r] = C;
+  return S;
+}, Te = /* @__PURE__ */ Ie(ft, [["__scopeId", "data-v-06746f32"]]), ht = { class: "cd-input-select" }, mt = { class: "cd-input-select__grid" }, _t = { class: "cd-input-select__option-content" }, gt = {
   key: 0,
   class: "cd-input-select__option-avatar"
-}, kt = ["src", "alt"], bt = { class: "cd-input-select__option-info" }, Ct = { class: "cd-input-select__option-name" }, Vt = {
+}, yt = ["src", "alt"], kt = { class: "cd-input-select__option-info" }, bt = { class: "cd-input-select__option-name" }, Ct = {
   key: 0,
   class: "cd-input-select__option-desc"
-}, Ut = {
+}, Vt = {
   key: 1,
   class: "cd-input-select__option-desc"
-}, St = {
+}, Ut = {
   key: 0,
   class: "cd-input-select__pager"
-}, It = { class: "cd-input-select__pager-info" }, Tt = { class: "cd-input-select__pager-btns" }, xt = { class: "cd-input-select__pager-num" }, Nt = {
+}, St = { class: "cd-input-select__pager-info" }, It = { class: "cd-input-select__pager-btns" }, Tt = { class: "cd-input-select__pager-num" }, xt = {
   key: 1,
   class: "cd-input-select__loading"
-}, $t = {
+}, Nt = {
   key: 2,
   class: "cd-input-select__empty"
-}, ge = 10, zt = /* @__PURE__ */ Ue({
+}, ge = 10, $t = /* @__PURE__ */ Se({
   name: "CdInputPersonSelector",
   __name: "InputSelect",
   props: {
@@ -513,10 +512,10 @@ const ze = { class: "cd-ps-container" }, we = {
   },
   emits: ["update:modelValue", "search", "load-users", "tab-change"],
   setup(b, { emit: Z }) {
-    const U = b, r = Z, S = g(!1), I = g([]), C = g(1), R = D(() => {
-      const a = (C.value - 1) * ge;
+    const S = b, r = Z, C = g(!1), I = g([]), V = g(1), M = D(() => {
+      const a = (V.value - 1) * ge;
       return I.value.slice(a, a + ge);
-    }), B = D(() => Math.ceil(I.value.length / ge)), h = g(!1), T = g([]), G = g([]), $ = g(!1), L = g(""), M = D(() => U.modelValue.map((a) => ({
+    }), B = D(() => Math.ceil(I.value.length / ge)), f = g(!1), T = g([]), G = g([]), $ = g(!1), R = g(""), L = D(() => S.modelValue.map((a) => ({
       label: a.name,
       value: a.id
     }))), K = {
@@ -538,7 +537,7 @@ const ze = { class: "cd-ps-container" }, we = {
     }, re = (a) => {
       const l = String(a);
       return l.startsWith("dept-") ? "warning" : l.startsWith("u-") ? "primary" : l.startsWith("pos-") ? "success" : l.startsWith("role-") ? "info" : "default";
-    }, O = (a) => U.modelValue.some((l) => l.id === a), ce = (a) => ({
+    }, O = (a) => S.modelValue.some((l) => l.id === a), ce = (a) => ({
       id: a.id,
       name: a.displayName || a.name || a.title || String(a.id),
       avatar: a.avatar || "",
@@ -549,9 +548,9 @@ const ze = { class: "cd-ps-container" }, we = {
     }), j = (a) => {
       r("update:modelValue", a), G.value = a;
     }, te = (a) => {
-      a || (I.value = [], L.value = "");
+      a || (I.value = [], R.value = "");
     }, A = (a, l) => {
-      a ? U.multiple ? j([...U.modelValue, l]) : (j([l]), $.value = !1) : j(U.modelValue.filter((z) => z.id !== l.id));
+      a ? S.multiple ? j([...S.modelValue, l]) : (j([l]), $.value = !1) : j(S.modelValue.filter((z) => z.id !== l.id));
     }, de = (a, l) => {
       const { trigger: z, index: E } = l;
       if ((z === "tag-remove" || z === "backspace") && ($.value = !1), z === "clear")
@@ -559,42 +558,42 @@ const ze = { class: "cd-ps-container" }, we = {
       else if (["tag-remove", "backspace"].includes(z)) {
         const F = a.map((q) => q.value || q);
         T.value = F;
-        const P = [...U.modelValue];
+        const P = [...S.modelValue];
         P.splice(E, 1), j(P);
       }
     }, ae = (a) => {
-      a.stopPropagation(), a.preventDefault(), $.value = !1, h.value = !0;
+      a.stopPropagation(), a.preventDefault(), $.value = !1, f.value = !0;
     }, pe = (a) => {
-      const l = a.map(ce), z = new Set(U.modelValue.map((P) => P.id)), E = l.filter((P) => !z.has(P.id)), F = U.multiple ? [...U.modelValue, ...E] : l.slice(0, 1);
-      j(F), h.value = !1;
+      const l = a.map(ce), z = new Set(S.modelValue.map((P) => P.id)), E = l.filter((P) => !z.has(P.id)), F = S.multiple ? [...S.modelValue, ...E] : l.slice(0, 1);
+      j(F), f.value = !1;
     }, ve = (a) => {
       r("load-users", a);
-    }, he = (a) => {
+    }, fe = (a) => {
       r("search", { keyword: a.keyword, callback: a.callback });
     };
-    return X(() => U.modelValue, (a) => {
+    return X(() => S.modelValue, (a) => {
       T.value = a.map((l) => l.id), G.value = a;
-    }, { immediate: !0, deep: !0 }), X(L, (a) => {
+    }, { immediate: !0, deep: !0 }), X(R, (a) => {
       if (!(a != null && a.trim())) {
-        I.value = [], S.value = !1;
+        I.value = [], C.value = !1;
         return;
       }
-      S.value = !0, r("search", {
+      C.value = !0, r("search", {
         keyword: a,
         callback: (l) => {
-          I.value = l, C.value = 1, S.value = !1, l.length > 0 && ($.value = !0);
+          I.value = l, V.value = 1, C.value = !1, l.length > 0 && ($.value = !0);
         }
       });
     }), (a, l) => {
       var q;
       const z = x("t-checkbox"), E = x("t-button"), F = x("t-tag"), P = x("t-select-input");
-      return o(), c("div", ft, [
+      return o(), c("div", ht, [
         k(P, {
-          value: M.value,
-          inputValue: L.value,
-          "onUpdate:inputValue": l[2] || (l[2] = (s) => L.value = s),
+          value: L.value,
+          inputValue: R.value,
+          "onUpdate:inputValue": l[3] || (l[3] = (s) => R.value = s),
           "popup-visible": $.value,
-          "onUpdate:popupVisible": l[3] || (l[3] = (s) => $.value = s),
+          "onUpdate:popupVisible": l[4] || (l[4] = (s) => $.value = s),
           "input-props": {
             readonly: !1,
             disabled: !1
@@ -607,7 +606,7 @@ const ze = { class: "cd-ps-container" }, we = {
             closeBtn: !0
           },
           placeholder: b.placeholder,
-          loading: S.value,
+          loading: C.value,
           "allow-input": "",
           clearable: "",
           multiple: b.multiple,
@@ -615,75 +614,80 @@ const ze = { class: "cd-ps-container" }, we = {
           onPopupVisibleChange: te,
           onTagChange: de
         }, {
-          panel: V(() => [
-            I.value.length > 0 ? (o(), c("div", mt, [
-              u("div", _t, [
-                (o(!0), c(Q, null, oe(R.value, (s) => (o(), W(z, {
+          panel: U(() => [
+            I.value.length > 0 ? (o(), c("div", {
+              key: 0,
+              class: "cd-input-select__panel",
+              onMousedown: l[2] || (l[2] = ye(() => {
+              }, ["stop"]))
+            }, [
+              u("div", mt, [
+                (o(!0), c(Q, null, oe(M.value, (s) => (o(), W(z, {
                   key: s.id,
                   value: s.id,
                   checked: O(s.id),
                   class: "cd-input-select__option",
-                  onChange: (fe) => A(fe, s)
+                  onChange: (he) => A(he, s)
                 }, {
-                  default: V(() => [
-                    u("div", gt, [
-                      s.avatar ? (o(), c("div", yt, [
+                  default: U(() => [
+                    u("div", _t, [
+                      s.avatar ? (o(), c("div", gt, [
                         u("img", {
                           src: s.avatar,
                           alt: s.name
-                        }, null, 8, kt)
+                        }, null, 8, yt)
                       ])) : (o(), c("div", {
                         key: 1,
                         class: "cd-input-select__option-avatar cd-input-select__option-avatar--placeholder",
-                        style: Ve({
+                        style: Ue({
                           backgroundColor: ee(s.nodeType),
                           color: "#fff"
                         })
                       }, v(ue(s.nodeType)), 5)),
-                      u("div", bt, [
-                        u("div", Ct, v(s.name), 1),
-                        s.isUser && (s.department || s.post) ? (o(), c("div", Vt, v(s.department) + v(s.department && s.post ? " · " : "") + v(s.post), 1)) : s.fnumber ? (o(), c("div", Ut, v(s.fnumber), 1)) : _("", !0)
+                      u("div", kt, [
+                        u("div", bt, v(s.name), 1),
+                        s.isUser && (s.department || s.post) ? (o(), c("div", Ct, v(s.department) + v(s.department && s.post ? " · " : "") + v(s.post), 1)) : s.fnumber ? (o(), c("div", Vt, v(s.fnumber), 1)) : _("", !0)
                       ]),
                       u("span", {
                         class: "cd-input-select__option-tag",
-                        style: Ve({ backgroundColor: ee(s.nodeType) + "18", color: ee(s.nodeType) })
+                        style: Ue({ backgroundColor: ee(s.nodeType) + "18", color: ee(s.nodeType) })
                       }, v(ie(s.nodeType)), 5)
                     ])
                   ]),
                   _: 2
                 }, 1032, ["value", "checked", "onChange"]))), 128))
               ]),
-              B.value > 1 ? (o(), c("div", St, [
-                u("span", It, v(I.value.length) + " 条结果", 1),
-                u("div", Tt, [
+              B.value > 1 ? (o(), c("div", Ut, [
+                u("span", St, v(I.value.length) + " 条结果", 1),
+                u("div", It, [
                   k(E, {
                     size: "small",
                     variant: "text",
-                    disabled: C.value <= 1,
-                    onClick: l[0] || (l[0] = (s) => C.value--)
+                    disabled: V.value <= 1,
+                    onClick: l[0] || (l[0] = (s) => V.value--)
                   }, {
-                    default: V(() => [...l[8] || (l[8] = [
+                    default: U(() => [...l[9] || (l[9] = [
                       Y("上一页", -1)
                     ])]),
                     _: 1
                   }, 8, ["disabled"]),
-                  u("span", xt, v(C.value) + "/" + v(B.value), 1),
+                  u("span", Tt, v(V.value) + "/" + v(B.value), 1),
                   k(E, {
                     size: "small",
                     variant: "text",
-                    disabled: C.value >= B.value,
-                    onClick: l[1] || (l[1] = (s) => C.value++)
+                    disabled: V.value >= B.value,
+                    onClick: l[1] || (l[1] = (s) => V.value++)
                   }, {
-                    default: V(() => [...l[9] || (l[9] = [
+                    default: U(() => [...l[10] || (l[10] = [
                       Y("下一页", -1)
                     ])]),
                     _: 1
                   }, 8, ["disabled"])
                 ])
               ])) : _("", !0)
-            ])) : S.value ? (o(), c("div", Nt, " 搜索中... ")) : (o(), c("div", $t, " 暂无搜索结果 "))
+            ], 32)) : C.value ? (o(), c("div", xt, " 搜索中... ")) : (o(), c("div", Nt, " 暂无搜索结果 "))
           ]),
-          tag: V((s) => [
+          tag: U((s) => [
             s && s.tag ? (o(), W(F, {
               key: 0,
               theme: re(typeof s.tag == "object" ? s.tag.value : s.tag),
@@ -691,13 +695,13 @@ const ze = { class: "cd-ps-container" }, we = {
               closable: !0,
               size: "medium"
             }, {
-              default: V(() => [
+              default: U(() => [
                 Y(v(typeof s.tag == "object" ? s.tag.label : s.tag), 1)
               ]),
               _: 2
             }, 1032, ["theme"])) : _("", !0)
           ]),
-          suffixIcon: V(() => [
+          suffixIcon: U(() => [
             u("i", {
               class: "ri-add-circle-line cd-input-select__add-icon",
               onClick: ae
@@ -705,12 +709,12 @@ const ze = { class: "cd-ps-container" }, we = {
           ]),
           _: 1
         }, 8, ["value", "inputValue", "popup-visible", "placeholder", "loading", "multiple"]),
-        (q = b.tabs) != null && q.length && h.value ? (o(), W(Ie, {
+        (q = b.tabs) != null && q.length && f.value ? (o(), W(Te, {
           key: 0,
-          visible: h.value,
-          "onUpdate:visible": l[4] || (l[4] = (s) => h.value = s),
+          visible: f.value,
+          "onUpdate:visible": l[5] || (l[5] = (s) => f.value = s),
           modelValue: T.value,
-          "onUpdate:modelValue": l[5] || (l[5] = (s) => T.value = s),
+          "onUpdate:modelValue": l[6] || (l[6] = (s) => T.value = s),
           tabs: b.tabs,
           organizations: b.organizations || [],
           "show-org": b.showOrg !== !1,
@@ -718,21 +722,21 @@ const ze = { class: "cd-ps-container" }, we = {
           multiple: b.multiple,
           onConfirm: pe,
           onLoadUsers: ve,
-          onSearch: he,
-          onTabChange: l[6] || (l[6] = (s) => r("tab-change", s)),
-          onClose: l[7] || (l[7] = (s) => h.value = !1)
+          onSearch: fe,
+          onTabChange: l[7] || (l[7] = (s) => r("tab-change", s)),
+          onClose: l[8] || (l[8] = (s) => f.value = !1)
         }, null, 8, ["visible", "modelValue", "tabs", "organizations", "show-org", "multiple"])) : _("", !0)
       ]);
     };
   }
-}), wt = /* @__PURE__ */ Se(zt, [["__scopeId", "data-v-fec953fc"]]), Ot = {
+}), zt = /* @__PURE__ */ Ie($t, [["__scopeId", "data-v-e9fbddf8"]]), Bt = {
   install(b) {
-    b.component("PersonSelector", Ie), b.component("CdInputPersonSelector", wt);
+    b.component("PersonSelector", Te), b.component("CdInputPersonSelector", zt);
   }
 };
 export {
-  wt as CdInputPersonSelector,
-  wt as InputSelect,
-  Ie as PersonSelector,
-  Ot as default
+  zt as CdInputPersonSelector,
+  zt as InputSelect,
+  Te as PersonSelector,
+  Bt as default
 };