cd-personselector 1.3.1 → 1.3.3

package/dist/index.mjs

@@ -1,23 +1,26 @@
-import { defineComponent as ke, ref as h, computed as M, watch as F, resolveComponent as N, createBlock as W, openBlock as l, withCtx as S, createElementVNode as u, createElementBlock as d, createCommentVNode as k, createVNode as g, Fragment as X, renderList as Y, createTextVNode as Z, normalizeClass as ne, withModifiers as ge, toDisplayString as v, nextTick as xe, normalizeStyle as Ne } from "vue";
-const Te = { class: "cd-ps-container" }, ze = {
+import { defineComponent as ge, ref as y, computed as A, watch as H, resolveComponent as x, openBlock as l, createBlock as E, withCtx as N, createElementVNode as p, createElementBlock as c, createVNode as S, Fragment as G, renderList as te, createCommentVNode as _, normalizeClass as ee, withModifiers as _e, toDisplayString as h, createTextVNode as oe, nextTick as Ne, normalizeStyle as Te } from "vue";
+const ze = { class: "cd-ps-container" }, $e = {
   key: 0,
   class: "cd-ps-search"
 }, we = {
   key: 0,
   class: "cd-ps-org-select"
-}, $e = { class: "cd-ps-search-input" }, Be = { class: "cd-ps-content" }, Pe = { class: "cd-ps-left" }, De = {
-  key: 0,
-  class: "cd-ps-search-results"
-}, Oe = { class: "cd-ps-search-header" }, Re = {
+}, Be = { class: "cd-ps-search-input" }, De = { class: "cd-ps-content" }, Oe = { class: "cd-ps-left" }, Pe = {
   key: 0,
   class: "cd-ps-loading"
-}, We = {
+}, Re = {
   key: 1,
   class: "cd-ps-empty"
-}, Le = {
+}, We = {
   key: 2,
   class: "cd-ps-result-list"
-}, Me = ["onClick"], Ee = { class: "cd-ps-avatar" }, Ae = { class: "cd-ps-info" }, Je = { class: "cd-ps-name" }, je = { class: "cd-ps-meta" }, Fe = { key: 0 }, qe = { key: 1 }, Ge = { key: 2 }, He = { class: "cd-ps-tree" }, Qe = { class: "cd-ps-node-name" }, Xe = {
+}, Ee = ["onClick"], Le = { class: "cd-ps-info" }, Me = { class: "cd-ps-name" }, Ae = { class: "cd-ps-meta" }, je = {
+  key: 0,
+  class: "cd-ps-type-tag"
+}, Je = { key: 1 }, Fe = { key: 2 }, qe = { key: 3 }, Ge = { key: 4 }, He = {
+  key: 1,
+  class: "cd-ps-tree"
+}, Qe = { class: "cd-ps-node-name" }, Xe = {
   key: 0,
   class: "cd-ps-position"
 }, Ye = {
@@ -32,7 +35,7 @@ const Te = { class: "cd-ps-container" }, ze = {
 }, lt = {
   key: 1,
   class: "cd-ps-selected-list"
-}, nt = { class: "cd-ps-item-info" }, ot = { class: "cd-ps-info" }, it = { class: "cd-ps-name" }, dt = { class: "cd-ps-meta" }, ct = { key: 0 }, ut = { key: 1 }, rt = { key: 2 }, pt = { key: 3 }, vt = /* @__PURE__ */ ke({
+}, nt = { class: "cd-ps-item-info" }, ot = { class: "cd-ps-info" }, it = { class: "cd-ps-name" }, ct = { class: "cd-ps-meta" }, dt = { key: 0 }, ut = { key: 1 }, rt = { key: 2 }, pt = { key: 3 }, vt = /* @__PURE__ */ ge({
   __name: "PersonSelector",
   props: {
     visible: { type: Boolean, default: !1 },
@@ -45,167 +48,202 @@ const Te = { class: "cd-ps-container" }, ze = {
     showOrg: { type: Boolean, default: !0 },
     multiple: { type: Boolean, default: !0 }
   },
-  emits: ["update:visible", "update:modelValue", "confirm", "load-users", "search", "org-change"],
-  setup(y, { expose: q, emit: b }) {
-    var me, fe;
-    const c = y, U = b, T = h(c.visible), I = h(((fe = (me = c.tabs) == null ? void 0 : me[0]) == null ? void 0 : fe.key) || ""), z = h(null), P = h(""), r = h([]), x = h(/* @__PURE__ */ new Map()), G = h({}), H = h(!1), J = h(!1), D = h([]), oe = M(() => c.tabs || []), K = M(() => c.organizations || []);
-    M(() => c.tips || "");
-    const ie = M(() => c.showSearch), L = M(() => c.showOrg), de = M(() => c.dialogWidth), O = h({});
-    F(() => c.tabs, (a) => {
-      if (a && a.length > 0) {
+  emits: ["update:visible", "update:modelValue", "confirm", "load-users", "search", "org-change", "tab-change"],
+  setup(b, { expose: Q, emit: C }) {
+    var he, me;
+    const r = b, V = C, T = y(r.visible), U = y(((me = (he = r.tabs) == null ? void 0 : he[0]) == null ? void 0 : me.key) || ""), z = y(null), W = y(""), v = y([]), I = y(/* @__PURE__ */ new Map()), X = y({}), j = y(!1), F = y(!1), D = y({}), ie = A(() => r.tabs || []), ae = A(() => r.organizations || []);
+    A(() => r.tips || "");
+    const ce = A(() => r.showSearch), L = A(() => r.showOrg), de = A(() => r.dialogWidth), R = y({});
+    H(() => r.tabs, (t) => {
+      if (t && t.length > 0) {
         const e = {};
-        a.forEach((o) => {
-          e[o.key] = JSON.parse(JSON.stringify(o.tree));
-        }), O.value = e, (!I.value || !a.find((o) => o.key === I.value)) && (I.value = a[0].key);
+        t.forEach((s) => {
+          e[s.key] = JSON.parse(JSON.stringify(s.tree));
+        }), R.value = e, (!U.value || !t.find((s) => s.key === U.value)) && (U.value = t[0].key);
       }
     }, { immediate: !0, deep: !0 });
-    function ee() {
-      if (c.modelValue && c.modelValue.length > 0) {
-        const a = c.modelValue[0];
-        typeof a == "object" && a !== null && "id" in a ? (r.value = c.modelValue.map((e) => e.id), x.value.clear(), c.modelValue.forEach((e) => {
-          x.value.set(e.id, e);
-        })) : r.value = [...c.modelValue];
+    function se() {
+      if (r.modelValue && r.modelValue.length > 0) {
+        const t = r.modelValue[0];
+        typeof t == "object" && t !== null && "id" in t ? (v.value = r.modelValue.map((e) => e.id), I.value.clear(), r.modelValue.forEach((e) => {
+          I.value.set(e.id, e);
+        })) : v.value = [...r.modelValue];
       } else
-        r.value = [], x.value.clear();
+        v.value = [], I.value.clear();
     }
-    F(() => c.modelValue, (a) => {
-      T.value && a && ee();
-    }, { deep: !0 }), F(() => c.visible, (a) => {
-      T.value = a, a && (ee(), c.organizations.length > 0 && !z.value && (z.value = c.organizations[0].id));
-    }), F(T, (a) => {
-      U("update:visible", a);
+    H(() => r.modelValue, (t) => {
+      T.value && t && se();
+    }, { deep: !0 }), H(() => r.visible, (t) => {
+      T.value = t, t && (se(), r.organizations.length > 0 && !z.value && (z.value = r.organizations[0].id));
+    }), H(T, (t) => {
+      V("update:visible", t);
     });
-    function ce(a, e) {
-      e && (G.value[a] = e);
+    function ue(t, e) {
+      e && (X.value[t] = e);
     }
-    function te(a, e) {
-      for (const o of a) {
-        if (o.id === e) return o;
-        if (o.children) {
-          const p = te(o.children, e);
-          if (p) return p;
+    function Y(t, e) {
+      for (const s of t) {
+        if (s.id === e) return s;
+        if (s.children) {
+          const u = Y(s.children, e);
+          if (u) return u;
         }
       }
       return null;
     }
-    const E = M(() => r.value.map((a) => x.value.get(a)).filter(Boolean));
-    function ae(a, e) {
-      r.value.includes(a) || r.value.push(a), x.value.set(a, e);
+    const J = A(() => v.value.map((t) => I.value.get(t)).filter(Boolean));
+    function le(t, e) {
+      v.value.includes(t) || v.value.push(t), I.value.set(t, e);
     }
-    function t(a) {
-      r.value = r.value.filter((e) => e !== a), x.value.delete(a);
+    function a(t) {
+      v.value = v.value.filter((e) => e !== t), I.value.delete(t);
     }
-    const i = () => {
-      P.value = "";
-    }, m = (a) => {
+    const i = (t) => {
+      var s;
+      if (!j.value) return t.name;
+      const e = ((s = D.value[t.key]) == null ? void 0 : s.length) ?? 0;
+      return e > 0 ? `${t.name} (${e})` : t.name;
+    }, k = (t) => {
+      j.value || (W.value = "", V("tab-change", { tabKey: t }));
+    }, O = (t) => {
       const e = {};
-      c.tabs.forEach((o) => {
-        e[o.key] = [];
-      }), O.value = e, U("org-change", a);
+      r.tabs.forEach((u) => {
+        e[u.key] = [];
+      }), R.value = e;
+      const s = () => {
+      };
+      V("org-change", { orgId: t, tabKey: U.value, callback: s });
     };
-    let _ = null;
-    const A = () => {
-      if (_ && clearTimeout(_), !P.value.trim()) {
-        n();
+    let w = null;
+    const P = () => {
+      if (w && clearTimeout(w), !W.value.trim()) {
+        ne();
         return;
       }
-      H.value = !0, J.value = !0, _ = setTimeout(() => B(), 300);
-    }, B = () => {
-      D.value = [];
-      const a = (e) => {
-        D.value = e.map((o) => ({ ...o, isUser: !0 })), J.value = !1;
+      j.value = !0, F.value = !0, w = setTimeout(() => o(), 300);
+    }, o = () => {
+      D.value = {};
+      const t = (e) => {
+        const s = {};
+        e.forEach((u) => {
+          const m = { ...u, isUser: u.isUser !== !1 }, $ = u.nodeType || (u.isUser !== !1 ? "user" : "department");
+          s[$] || (s[$] = []), s[$].push(m);
+        }), D.value = s, F.value = !1;
       };
-      U("search", { keyword: P.value, orgId: z.value || void 0, callback: a });
-    }, n = () => {
-      _ && (clearTimeout(_), _ = null), H.value = !1, P.value = "", D.value = [], J.value = !1;
-    }, ue = (a) => {
-      r.value.indexOf(a.id) > -1 ? t(a.id) : (c.multiple || (r.value = [], x.value.clear()), ae(a.id, { ...a, isUser: !0, typeName: "搜索结果", orgId: z.value }), c.multiple || re());
+      V("search", { keyword: W.value, orgId: z.value || void 0, callback: t });
+    }, ne = () => {
+      w && (clearTimeout(w), w = null), j.value = !1, W.value = "", D.value = {}, F.value = !1;
+    }, be = (t) => {
+      if (v.value.indexOf(t.id) > -1)
+        a(t.id);
+      else {
+        r.multiple || (v.value = [], I.value.clear());
+        const s = t.isUser ? "搜索结果" : t.isPost ? "职位" : "部门";
+        le(t.id, { ...t, typeName: s, orgId: z.value }), r.multiple || re();
+      }
     };
-    function Ce(a) {
-      const e = [], o = (p) => {
-        for (const f of p)
-          e.push(f.id), f.children && o(f.children);
+    function Ce(t) {
+      const e = [], s = (u) => {
+        for (const m of u)
+          e.push(m.id), m.children && s(m.children);
       };
-      return o(a), e;
+      return s(t), e;
     }
-    const Ve = (a, e) => {
-      var C, w;
-      const o = e == null ? void 0 : e.node;
-      if (o) {
-        const $ = o.value ?? ((C = o.data) == null ? void 0 : C.id);
-        if ($ !== void 0) {
-          if (o.checked) {
-            c.multiple || (r.value = [], x.value.clear());
-            const j = c.tabs.find((pe) => pe.key === I.value), Q = j ? j.name.replace(/^按/, "") : "";
-            ae($, { ...o.data, typeName: Q, orgId: z.value }), !c.multiple && ((w = o.data) != null && w.isUser) && re();
+    const Ve = (t, e) => {
+      var B, g;
+      const s = e == null ? void 0 : e.node;
+      if (s) {
+        const f = s.value ?? ((B = s.data) == null ? void 0 : B.id);
+        if (f !== void 0) {
+          if (s.checked) {
+            r.multiple || (v.value = [], I.value.clear());
+            const q = r.tabs.find((K) => K.key === U.value), Z = q ? q.name.replace(/^按/, "") : "";
+            le(f, { ...s.data, typeName: Z, orgId: z.value }), !r.multiple && ((g = s.data) != null && g.isUser) && re();
           } else
-            t($);
+            a(f);
           return;
         }
       }
-      const p = O.value[I.value] || [], f = Ce(p), R = r.value.filter(($) => !f.includes($));
-      r.value = [...R, ...a];
+      const u = R.value[U.value] || [], m = Ce(u), $ = v.value.filter((f) => !m.includes(f));
+      v.value = [...$, ...t];
     };
-    function ve(a, e, o) {
-      for (const p of a) {
-        if (p.id === e)
-          return p.children = p.children || [], p.children.push(...o), p.loaded = !0, !0;
-        if (p.children && ve(p.children, e, o))
+    function ve(t, e, s) {
+      for (const u of t) {
+        if (u.id === e)
+          return u.children = u.children || [], u.children.push(...s), u.loaded = !0, !0;
+        if (u.children && ve(u.children, e, s))
           return !0;
       }
       return !1;
     }
-    async function Se(a, e) {
-      const o = a.value, p = G.value[e];
-      U("load-users", { tabKey: e, nodeId: o, node: a, callback: async (R) => {
-        if (R.length > 0) {
-          const C = R.map(($) => {
-            const { id: se, name: j, ...Q } = $;
-            return { ...Q, id: se, name: $.displayName || j, isUser: !0 };
-          }), w = O.value[e];
-          if (w && ve(w, o, C), p) {
-            p.appendTo(o, C), a.data.loaded = !0, await xe();
+    async function Ue(t, e) {
+      var $;
+      const s = t.value, u = X.value[e];
+      if (t.data.loaded) {
+        const B = R.value[e];
+        if (B) {
+          const g = Y(B, s);
+          g && g.children && (g.children = g.children.filter((f) => !f.isUser));
+        }
+        u && ((($ = u.getItem(s)) == null ? void 0 : $.children) || []).filter((f) => {
+          var M;
+          return (M = f.data) == null ? void 0 : M.isUser;
+        }).forEach((f) => {
+          try {
+            u.remove(f.value);
+          } catch {
+          }
+        }), t.data.loaded = !1;
+      }
+      V("load-users", { tabKey: e, nodeId: s, node: t, callback: async (B) => {
+        if (B.length > 0) {
+          const g = B.map((M) => {
+            const { id: q, name: Z, ...K } = M;
+            return { ...K, id: q, name: M.displayName || Z, isUser: !0 };
+          }), f = R.value[e];
+          if (f && ve(f, s, g), u) {
+            u.appendTo(s, g), t.data.loaded = !0, await Ne();
             try {
-              p.setItem(o, { expanded: !0 });
+              u.setItem(s, { expanded: !0 });
             } catch {
             }
           }
         } else {
-          a.data.loaded = !0;
-          const C = O.value[e];
-          if (C) {
-            const w = te(C, o);
-            w && (w.loaded = !0);
+          t.data.loaded = !0;
+          const g = R.value[e];
+          if (g) {
+            const f = Y(g, s);
+            f && (f.loaded = !0);
           }
         }
       } });
     }
-    const Ue = (a) => {
-      t(a);
-    }, he = () => {
-      r.value = [], x.value.clear();
+    const Se = (t) => {
+      a(t);
+    }, fe = () => {
+      v.value = [], I.value.clear();
     }, re = () => {
-      U("update:modelValue", r.value), U("confirm", E.value), T.value = !1;
+      V("update:modelValue", v.value), V("confirm", J.value), T.value = !1;
     }, Ie = () => {
       T.value = !1;
     };
-    return q({
-      clearSelection: he,
-      appendUsers: (a, e, o) => {
-        const p = G.value[a];
-        if (p && o.length > 0) {
-          const f = o.map((R) => {
-            const { id: C, name: w, ...$ } = R;
-            return { ...$, id: C, name: R.displayName || w, isUser: !0 };
+    return Q({
+      clearSelection: fe,
+      appendUsers: (t, e, s) => {
+        const u = X.value[t];
+        if (u && s.length > 0) {
+          const m = s.map(($) => {
+            const { id: B, name: g, ...f } = $;
+            return { ...f, id: B, name: $.displayName || g, isUser: !0 };
           });
-          p.appendTo(e, f);
+          u.appendTo(e, m);
         }
       }
-    }), (a, e) => {
-      const o = N("t-option"), p = N("t-select"), f = N("t-icon"), R = N("t-input"), C = N("t-button"), w = N("t-loading"), $ = N("t-checkbox"), se = N("t-tree"), j = N("t-tab-panel"), Q = N("t-tabs"), pe = N("t-dialog");
-      return l(), W(pe, {
+    }), (t, e) => {
+      const s = x("t-option"), u = x("t-select"), m = x("t-icon"), $ = x("t-input"), B = x("t-loading"), g = x("t-checkbox"), f = x("t-button"), M = x("t-tree"), q = x("t-tab-panel"), Z = x("t-tabs"), K = x("t-dialog");
+      return l(), E(K, {
         visible: T.value,
-        "onUpdate:visible": e[4] || (e[4] = (s) => T.value = s),
+        "onUpdate:visible": e[4] || (e[4] = (n) => T.value = n),
         header: "选择人员",
         width: de.value,
         footer: !0,
@@ -214,223 +252,213 @@ const Te = { class: "cd-ps-container" }, ze = {
         onConfirm: re,
         onClose: Ie
       }, {
-        default: S(() => [
-          u("div", Te, [
-            ie.value ? (l(), d("div", ze, [
-              L.value && K.value.length > 0 ? (l(), d("div", we, [
-                g(p, {
+        default: N(() => [
+          p("div", ze, [
+            ce.value ? (l(), c("div", $e, [
+              L.value && ae.value.length > 0 ? (l(), c("div", we, [
+                S(u, {
                   modelValue: z.value,
-                  "onUpdate:modelValue": e[0] || (e[0] = (s) => z.value = s),
+                  "onUpdate:modelValue": e[0] || (e[0] = (n) => z.value = n),
                   placeholder: "选择组织",
                   style: { width: "200px" },
-                  onChange: m
+                  onChange: O
                 }, {
-                  default: S(() => [
-                    (l(!0), d(X, null, Y(K.value, (s) => (l(), W(o, {
-                      key: s.id,
-                      value: s.id,
-                      label: s.displayName || s.name
+                  default: N(() => [
+                    (l(!0), c(G, null, te(ae.value, (n) => (l(), E(s, {
+                      key: n.id,
+                      value: n.id,
+                      label: n.displayName || n.name
                     }, null, 8, ["value", "label"]))), 128))
                   ]),
                   _: 1
                 }, 8, ["modelValue"])
-              ])) : k("", !0),
-              u("div", $e, [
-                g(R, {
-                  modelValue: P.value,
-                  "onUpdate:modelValue": e[1] || (e[1] = (s) => P.value = s),
+              ])) : _("", !0),
+              p("div", Be, [
+                S($, {
+                  modelValue: W.value,
+                  "onUpdate:modelValue": e[1] || (e[1] = (n) => W.value = n),
                   placeholder: "输入手机号/工号/姓名/部门/职位搜索",
                   clearable: "",
-                  onInput: A,
-                  onClear: n
+                  inputProps: { autocomplete: "off" },
+                  onInput: P,
+                  onClear: ne
                 }, {
-                  "prefix-icon": S(() => [
-                    g(f, { name: "search" })
+                  "prefix-icon": N(() => [
+                    S(m, { name: "search" })
                   ]),
                   _: 1
                 }, 8, ["modelValue"])
               ])
-            ])) : k("", !0),
-            u("div", Be, [
-              u("div", Pe, [
-                H.value ? (l(), d("div", De, [
-                  u("div", Oe, [
-                    e[6] || (e[6] = u("span", null, "搜索结果", -1)),
-                    g(C, {
-                      size: "small",
-                      variant: "text",
-                      onClick: n
-                    }, {
-                      default: S(() => [...e[5] || (e[5] = [
-                        Z("返回", -1)
-                      ])]),
-                      _: 1
-                    })
-                  ]),
-                  J.value ? (l(), d("div", Re, [
-                    g(w),
-                    e[7] || (e[7] = u("span", null, "搜索中...", -1))
-                  ])) : D.value.length === 0 ? (l(), d("div", We, [
-                    g(f, {
-                      name: "search",
-                      size: "48px",
-                      style: { color: "#ddd" }
-                    }),
-                    e[8] || (e[8] = u("p", null, "未找到匹配的人员", -1))
-                  ])) : (l(), d("div", Le, [
-                    (l(!0), d(X, null, Y(D.value, (s) => (l(), d("div", {
-                      key: s.id,
-                      class: ne(["cd-ps-result-item", { "cd-ps-selected": r.value.includes(s.id) }]),
-                      onClick: (le) => ue(s)
-                    }, [
-                      g($, {
-                        checked: r.value.includes(s.id),
-                        onClick: e[2] || (e[2] = ge(() => {
-                        }, ["stop"]))
-                      }, null, 8, ["checked"]),
-                      u("div", Ee, [
-                        g(f, { name: "user" })
-                      ]),
-                      u("div", Ae, [
-                        u("div", Je, v(s.displayName || s.name), 1),
-                        u("div", je, [
-                          s.position ? (l(), d("span", Fe, v(s.position), 1)) : k("", !0),
-                          s.department ? (l(), d("span", qe, v(s.department), 1)) : k("", !0),
-                          s.phone ? (l(), d("span", Ge, v(s.phone), 1)) : k("", !0)
-                        ])
-                      ])
-                    ], 10, Me))), 128))
-                  ]))
-                ])) : (l(), W(Q, {
-                  key: 1,
-                  modelValue: I.value,
-                  "onUpdate:modelValue": e[3] || (e[3] = (s) => I.value = s),
-                  onChange: i
+            ])) : _("", !0),
+            p("div", De, [
+              p("div", Oe, [
+                S(Z, {
+                  modelValue: U.value,
+                  "onUpdate:modelValue": e[3] || (e[3] = (n) => U.value = n),
+                  onChange: k
                 }, {
-                  default: S(() => [
-                    (l(!0), d(X, null, Y(oe.value, (s) => (l(), W(j, {
-                      key: s.key,
-                      value: s.key,
-                      label: s.name
+                  default: N(() => [
+                    (l(!0), c(G, null, te(ie.value, (n) => (l(), E(q, {
+                      key: n.key,
+                      value: n.key,
+                      label: i(n)
                     }, {
-                      default: S(() => {
-                        var le;
+                      default: N(() => {
+                        var pe;
                         return [
-                          u("div", He, [
-                            ((le = O.value[s.key]) == null ? void 0 : le.length) > 0 ? (l(), W(se, {
+                          j.value ? (l(), c(G, { key: 0 }, [
+                            F.value ? (l(), c("div", Pe, [
+                              S(B),
+                              e[5] || (e[5] = p("span", null, "搜索中...", -1))
+                            ])) : !D.value[n.key] || D.value[n.key].length === 0 ? (l(), c("div", Re, [
+                              S(m, {
+                                name: "search",
+                                size: "48px",
+                                style: { color: "#ddd" }
+                              }),
+                              e[6] || (e[6] = p("p", null, "暂无结果", -1))
+                            ])) : (l(), c("div", We, [
+                              (l(!0), c(G, null, te(D.value[n.key], (d) => (l(), c("div", {
+                                key: d.id,
+                                class: ee(["cd-ps-result-item", { "cd-ps-selected": v.value.includes(d.id), "cd-ps-dept-result": !d.isUser }]),
+                                onClick: (xe) => be(d)
+                              }, [
+                                S(g, {
+                                  checked: v.value.includes(d.id),
+                                  onClick: e[2] || (e[2] = _e(() => {
+                                  }, ["stop"]))
+                                }, null, 8, ["checked"]),
+                                p("div", {
+                                  class: ee(["cd-ps-avatar", { "cd-ps-avatar-dept": !d.isUser }])
+                                }, [
+                                  S(m, {
+                                    name: d.isUser ? "user" : d.isPost ? "assignment-checked" : "folder"
+                                  }, null, 8, ["name"])
+                                ], 2),
+                                p("div", Le, [
+                                  p("div", Me, h(d.displayName || d.name), 1),
+                                  p("div", Ae, [
+                                    d.isUser ? _("", !0) : (l(), c("span", je, h(d.isPost ? "职位" : "部门"), 1)),
+                                    d.position ? (l(), c("span", Je, h(d.position), 1)) : _("", !0),
+                                    d.department ? (l(), c("span", Fe, h(d.department), 1)) : _("", !0),
+                                    d.phone ? (l(), c("span", qe, h(d.phone), 1)) : _("", !0),
+                                    d.userCount ? (l(), c("span", Ge, h(d.userCount) + "人", 1)) : _("", !0)
+                                  ])
+                                ])
+                              ], 10, Ee))), 128))
+                            ]))
+                          ], 64)) : (l(), c("div", He, [
+                            ((pe = R.value[n.key]) == null ? void 0 : pe.length) > 0 ? (l(), E(M, {
                               key: 0,
                               ref_for: !0,
-                              ref: (V) => ce(s.key, V),
-                              data: O.value[s.key],
+                              ref: (d) => ue(n.key, d),
+                              data: R.value[n.key],
                               keys: { value: "id", label: "name", children: "children" },
                               hover: "",
                               checkable: "",
                               "expand-all": !1,
-                              value: r.value,
+                              value: v.value,
                               onChange: Ve
                             }, {
-                              label: S(({ node: V }) => {
-                                var _e;
-                                return [
-                                  u("div", {
-                                    class: ne(["cd-ps-node", { "cd-ps-node-user": V.data.isUser }])
-                                  }, [
-                                    g(f, {
-                                      name: V.data.isUser ? "user" : s.icon || "folder"
-                                    }, null, 8, ["name"]),
-                                    u("span", Qe, [
-                                      Z(v(V.label) + " ", 1),
-                                      V.data.isUser && V.data.position ? (l(), d("span", Xe, v(V.data.position), 1)) : k("", !0)
+                              label: N(({ node: d }) => [
+                                p("div", {
+                                  class: ee(["cd-ps-node", { "cd-ps-node-user": d.data.isUser }])
+                                }, [
+                                  S(m, {
+                                    name: d.data.isUser ? "user" : n.icon || "folder"
+                                  }, null, 8, ["name"]),
+                                  p("span", Qe, [
+                                    oe(h(d.label) + " ", 1),
+                                    d.data.isUser && d.data.position ? (l(), c("span", Xe, h(d.data.position), 1)) : _("", !0)
+                                  ]),
+                                  d.data.userCount && !d.data.isUser ? (l(), c("span", Ye, "(" + h(d.data.userCount) + ")", 1)) : _("", !0),
+                                  d.data.isUser ? _("", !0) : (l(), E(f, {
+                                    key: 1,
+                                    size: "small",
+                                    variant: "text",
+                                    class: "cd-ps-load-btn",
+                                    onClick: _e((xe) => Ue(d, n.key), ["stop"])
+                                  }, {
+                                    default: N(() => [
+                                      oe(h(d.data.loaded ? "刷新人员" : "显示人员"), 1)
                                     ]),
-                                    V.data.userCount && !V.data.isUser ? (l(), d("span", Ye, "(" + v(V.data.userCount) + ")", 1)) : k("", !0),
-                                    !V.data.isUser && !((_e = V.data.children) != null && _e.length) && !V.data.loaded ? (l(), W(C, {
-                                      key: 1,
-                                      size: "small",
-                                      variant: "text",
-                                      class: "cd-ps-load-btn",
-                                      onClick: ge((xt) => Se(V, s.key), ["stop"])
-                                    }, {
-                                      default: S(() => [...e[9] || (e[9] = [
-                                        Z("显示人员", -1)
-                                      ])]),
-                                      _: 1
-                                    }, 8, ["onClick"])) : k("", !0)
-                                  ], 2)
-                                ];
-                              }),
+                                    _: 2
+                                  }, 1032, ["onClick"]))
+                                ], 2)
+                              ]),
                               _: 2
-                            }, 1032, ["data", "value"])) : (l(), d("div", Ze, [
-                              g(f, {
-                                name: s.icon || "folder-open",
+                            }, 1032, ["data", "value"])) : (l(), c("div", Ze, [
+                              S(m, {
+                                name: n.icon || "folder-open",
                                 size: "48px",
                                 style: { color: "#ddd" }
                               }, null, 8, ["name"]),
-                              e[10] || (e[10] = u("p", null, "暂无数据", -1))
+                              e[7] || (e[7] = p("p", null, "暂无数据", -1))
                             ]))
-                          ])
+                          ]))
                         ];
                       }),
                       _: 2
                     }, 1032, ["value", "label"]))), 128))
                   ]),
                   _: 1
-                }, 8, ["modelValue"]))
+                }, 8, ["modelValue"])
               ]),
-              u("div", Ke, [
-                u("div", et, [
-                  e[12] || (e[12] = u("span", { class: "cd-ps-title" }, "已选择", -1)),
-                  u("span", tt, v(E.value.length) + " 项", 1),
-                  E.value.length > 0 ? (l(), W(C, {
+              p("div", Ke, [
+                p("div", et, [
+                  e[9] || (e[9] = p("span", { class: "cd-ps-title" }, "已选择", -1)),
+                  p("span", tt, h(J.value.length) + " 项", 1),
+                  J.value.length > 0 ? (l(), E(f, {
                     key: 0,
                     size: "small",
                     variant: "text",
-                    onClick: he
+                    onClick: fe
                   }, {
-                    default: S(() => [...e[11] || (e[11] = [
-                      Z("清空", -1)
+                    default: N(() => [...e[8] || (e[8] = [
+                      oe("清空", -1)
                     ])]),
                     _: 1
-                  })) : k("", !0)
+                  })) : _("", !0)
                 ]),
-                u("div", at, [
-                  E.value.length === 0 ? (l(), d("div", st, [
-                    g(f, {
+                p("div", at, [
+                  J.value.length === 0 ? (l(), c("div", st, [
+                    S(m, {
                       name: "user-checked",
                       size: "64px",
                       style: { color: "#ddd" }
                     }),
-                    e[13] || (e[13] = u("p", null, "暂无选择", -1))
-                  ])) : (l(), d("div", lt, [
-                    (l(!0), d(X, null, Y(E.value, (s) => (l(), d("div", {
-                      key: s.id,
-                      class: ne(["cd-ps-selected-item", { "cd-ps-dept-item": !s.isUser }])
+                    e[10] || (e[10] = p("p", null, "暂无选择", -1))
+                  ])) : (l(), c("div", lt, [
+                    (l(!0), c(G, null, te(J.value, (n) => (l(), c("div", {
+                      key: n.id,
+                      class: ee(["cd-ps-selected-item", { "cd-ps-dept-item": !n.isUser }])
                     }, [
-                      u("div", nt, [
-                        u("div", {
-                          class: ne(["cd-ps-avatar", { "cd-ps-avatar-dept": !s.isUser }])
+                      p("div", nt, [
+                        p("div", {
+                          class: ee(["cd-ps-avatar", { "cd-ps-avatar-dept": !n.isUser }])
                         }, [
-                          g(f, {
-                            name: s.isUser ? "user" : "folder"
+                          S(m, {
+                            name: n.isUser ? "user" : "folder"
                           }, null, 8, ["name"])
                         ], 2),
-                        u("div", ot, [
-                          u("div", it, v(s.displayName || s.name), 1),
-                          u("div", dt, [
-                            s.isUser && s.position ? (l(), d("span", ct, v(s.position), 1)) : k("", !0),
-                            s.isUser && s.department ? (l(), d("span", ut, v(s.department), 1)) : k("", !0),
-                            s.isUser ? k("", !0) : (l(), d("span", rt, v(s.typeName || "部门"), 1)),
-                            !s.isUser && s.userCount ? (l(), d("span", pt, v(s.userCount) + "人", 1)) : k("", !0)
+                        p("div", ot, [
+                          p("div", it, h(n.displayName || n.name), 1),
+                          p("div", ct, [
+                            n.isUser && n.position ? (l(), c("span", dt, h(n.position), 1)) : _("", !0),
+                            n.isUser && n.department ? (l(), c("span", ut, h(n.department), 1)) : _("", !0),
+                            n.isUser ? _("", !0) : (l(), c("span", rt, h(n.typeName || "部门"), 1)),
+                            !n.isUser && n.userCount ? (l(), c("span", pt, h(n.userCount) + "人", 1)) : _("", !0)
                           ])
                         ])
                       ]),
-                      g(C, {
+                      S(f, {
                         size: "small",
                         variant: "text",
                         shape: "circle",
-                        onClick: (le) => Ue(s.id)
+                        onClick: (pe) => Se(n.id)
                       }, {
-                        icon: S(() => [
-                          g(f, { name: "close" })
+                        icon: N(() => [
+                          S(m, { name: "close" })
                         ]),
                         _: 1
                       }, 8, ["onClick"])
@@ -445,18 +473,18 @@ const Te = { class: "cd-ps-container" }, ze = {
       }, 8, ["visible", "width"]);
     };
   }
-}), ye = (y, q) => {
-  const b = y.__vccOpts || y;
-  for (const [c, U] of q)
-    b[c] = U;
-  return b;
-}, be = /* @__PURE__ */ ye(vt, [["__scopeId", "data-v-d9ce1a42"]]), ht = { class: "cd-input-select" }, mt = {
+}), ye = (b, Q) => {
+  const C = b.__vccOpts || b;
+  for (const [r, V] of Q)
+    C[r] = V;
+  return C;
+}, ke = /* @__PURE__ */ ye(vt, [["__scopeId", "data-v-19347ac6"]]), ft = { class: "cd-input-select" }, ht = {
   key: 0,
   class: "cd-input-select__panel"
-}, ft = { class: "cd-input-select__option-content" }, _t = {
+}, mt = { class: "cd-input-select__option-content" }, _t = {
   key: 0,
   class: "cd-input-select__option-avatar"
-}, gt = ["src", "alt"], kt = { class: "cd-input-select__option-info" }, yt = { class: "cd-input-select__option-name" }, bt = {
+}, gt = ["src", "alt"], yt = { class: "cd-input-select__option-info" }, kt = { class: "cd-input-select__option-name" }, bt = {
   key: 0,
   class: "cd-input-select__option-desc"
 }, Ct = {
@@ -465,10 +493,10 @@ const Te = { class: "cd-ps-container" }, ze = {
 }, Vt = {
   key: 1,
   class: "cd-input-select__loading"
-}, St = {
+}, Ut = {
   key: 2,
   class: "cd-input-select__empty"
-}, Ut = /* @__PURE__ */ ke({
+}, St = /* @__PURE__ */ ge({
   name: "CdInputPersonSelector",
   __name: "InputSelect",
   props: {
@@ -479,76 +507,76 @@ const Te = { class: "cd-ps-container" }, ze = {
     organizations: {}
   },
   emits: ["update:modelValue", "search", "load-users"],
-  setup(y, { emit: q }) {
-    const b = y, c = q, U = h(!1), T = h([]), I = h(!1), z = h([]), P = h([]), r = h(!1), x = h(""), G = M(() => b.modelValue.map((t) => ({
-      label: t.name,
-      value: t.id
-    }))), H = (t) => t ? t.substring(0, 2).toUpperCase() : "", J = (t) => {
+  setup(b, { emit: Q }) {
+    const C = b, r = Q, V = y(!1), T = y([]), U = y(!1), z = y([]), W = y([]), v = y(!1), I = y(""), X = A(() => C.modelValue.map((a) => ({
+      label: a.name,
+      value: a.id
+    }))), j = (a) => a ? a.substring(0, 2).toUpperCase() : "", F = (a) => {
       const i = ["#1890ff", "#52c41a", "#faad14", "#f5222d", "#722ed1", "#13c2c2", "#eb2f96", "#fa8c16"];
-      let m = 0;
-      for (let _ = 0; _ < t.length; _++)
-        m = t.charCodeAt(_) + ((m << 5) - m);
-      return i[Math.abs(m) % i.length];
-    }, D = (t) => String(t).startsWith("dept-"), oe = (t) => {
-      const i = String(t);
+      let k = 0;
+      for (let O = 0; O < a.length; O++)
+        k = a.charCodeAt(O) + ((k << 5) - k);
+      return i[Math.abs(k) % i.length];
+    }, D = (a) => String(a).startsWith("dept-"), ie = (a) => {
+      const i = String(a);
       return i.startsWith("dept-") ? "warning" : i.startsWith("u-") ? "primary" : i.startsWith("pos-") ? "success" : i.startsWith("role-") ? "info" : "default";
-    }, K = (t) => b.modelValue.some((i) => i.id === t), ie = (t) => ({
-      id: t.id,
-      name: t.displayName || t.name || t.title || String(t.id),
-      avatar: t.avatar || "",
-      department: t.department || "",
-      position: t.position || "",
-      phone: t.phone || "",
-      isUser: t.isUser !== !1
-    }), L = (t) => {
-      c("update:modelValue", t), P.value = t;
-    }, de = (t) => {
-      t || (T.value = [], x.value = "");
-    }, O = (t, i) => {
-      t ? b.multiple ? L([...b.modelValue, i]) : (L([i]), r.value = !1) : L(b.modelValue.filter((m) => m.id !== i.id));
-    }, ee = (t, i) => {
-      const { trigger: m, index: _ } = i;
-      if ((m === "tag-remove" || m === "backspace") && (r.value = !1), m === "clear")
+    }, ae = (a) => C.modelValue.some((i) => i.id === a), ce = (a) => ({
+      id: a.id,
+      name: a.displayName || a.name || a.title || String(a.id),
+      avatar: a.avatar || "",
+      department: a.department || "",
+      position: a.position || "",
+      phone: a.phone || "",
+      isUser: a.isUser !== !1
+    }), L = (a) => {
+      r("update:modelValue", a), W.value = a;
+    }, de = (a) => {
+      a || (T.value = [], I.value = "");
+    }, R = (a, i) => {
+      a ? C.multiple ? L([...C.modelValue, i]) : (L([i]), v.value = !1) : L(C.modelValue.filter((k) => k.id !== i.id));
+    }, se = (a, i) => {
+      const { trigger: k, index: O } = i;
+      if ((k === "tag-remove" || k === "backspace") && (v.value = !1), k === "clear")
         z.value = [], L([]);
-      else if (["tag-remove", "backspace"].includes(m)) {
-        const A = t.map((n) => n.value || n);
-        z.value = A;
-        const B = [...b.modelValue];
-        B.splice(_, 1), L(B);
+      else if (["tag-remove", "backspace"].includes(k)) {
+        const w = a.map((o) => o.value || o);
+        z.value = w;
+        const P = [...C.modelValue];
+        P.splice(O, 1), L(P);
       }
-    }, ce = (t) => {
-      t.stopPropagation(), t.preventDefault(), r.value = !1, I.value = !0;
-    }, te = (t) => {
-      const i = t.map(ie), m = new Set(b.modelValue.map((B) => B.id)), _ = i.filter((B) => !m.has(B.id)), A = b.multiple ? [...b.modelValue, ..._] : i.slice(0, 1);
-      L(A), I.value = !1;
-    }, E = (t) => {
-      c("load-users", t);
-    }, ae = (t) => {
-      c("search", { keyword: t.keyword, callback: t.callback });
+    }, ue = (a) => {
+      a.stopPropagation(), a.preventDefault(), v.value = !1, U.value = !0;
+    }, Y = (a) => {
+      const i = a.map(ce), k = new Set(C.modelValue.map((P) => P.id)), O = i.filter((P) => !k.has(P.id)), w = C.multiple ? [...C.modelValue, ...O] : i.slice(0, 1);
+      L(w), U.value = !1;
+    }, J = (a) => {
+      r("load-users", a);
+    }, le = (a) => {
+      r("search", { keyword: a.keyword, callback: a.callback });
     };
-    return F(() => b.modelValue, (t) => {
-      z.value = t.map((i) => i.id), P.value = t;
-    }, { immediate: !0, deep: !0 }), F(x, (t) => {
-      if (!(t != null && t.trim())) {
-        T.value = [], U.value = !1;
+    return H(() => C.modelValue, (a) => {
+      z.value = a.map((i) => i.id), W.value = a;
+    }, { immediate: !0, deep: !0 }), H(I, (a) => {
+      if (!(a != null && a.trim())) {
+        T.value = [], V.value = !1;
         return;
       }
-      U.value = !0, c("search", {
-        keyword: t,
+      V.value = !0, r("search", {
+        keyword: a,
         callback: (i) => {
-          T.value = i, U.value = !1, i.length > 0 && (r.value = !0);
+          T.value = i, V.value = !1, i.length > 0 && (v.value = !0);
         }
       });
-    }), (t, i) => {
-      var B;
-      const m = N("t-checkbox"), _ = N("t-tag"), A = N("t-select-input");
-      return l(), d("div", ht, [
-        g(A, {
-          value: G.value,
-          inputValue: x.value,
-          "onUpdate:inputValue": i[0] || (i[0] = (n) => x.value = n),
-          "popup-visible": r.value,
-          "onUpdate:popupVisible": i[1] || (i[1] = (n) => r.value = n),
+    }), (a, i) => {
+      var P;
+      const k = x("t-checkbox"), O = x("t-tag"), w = x("t-select-input");
+      return l(), c("div", ft, [
+        S(w, {
+          value: X.value,
+          inputValue: I.value,
+          "onUpdate:inputValue": i[0] || (i[0] = (o) => I.value = o),
+          "popup-visible": v.value,
+          "onUpdate:popupVisible": i[1] || (i[1] = (o) => v.value = o),
           "input-props": {
             readonly: !1,
             disabled: !1
@@ -560,98 +588,99 @@ const Te = { class: "cd-ps-container" }, ze = {
             overlayInnerStyle: { padding: "6px" },
             closeBtn: !0
           },
-          placeholder: y.placeholder,
-          loading: U.value,
+          placeholder: b.placeholder,
+          loading: V.value,
           "allow-input": "",
           clearable: "",
-          multiple: y.multiple,
+          multiple: b.multiple,
           class: "cd-input-select__select",
           onPopupVisibleChange: de,
-          onTagChange: ee
+          onTagChange: se
         }, {
-          panel: S(() => [
-            T.value.length > 0 ? (l(), d("div", mt, [
-              (l(!0), d(X, null, Y(T.value, (n) => (l(), W(m, {
-                key: n.id,
-                value: n.id,
-                checked: K(n.id),
+          panel: N(() => [
+            T.value.length > 0 ? (l(), c("div", ht, [
+              (l(!0), c(G, null, te(T.value, (o) => (l(), E(k, {
+                key: o.id,
+                value: o.id,
+                checked: ae(o.id),
                 class: "cd-input-select__option",
-                onChange: (ue) => O(ue, n)
+                onChange: (ne) => R(ne, o)
               }, {
-                default: S(() => [
-                  u("div", ft, [
-                    n.avatar ? (l(), d("div", _t, [
-                      u("img", {
-                        src: n.avatar,
-                        alt: n.name
+                default: N(() => [
+                  p("div", mt, [
+                    o.avatar ? (l(), c("div", _t, [
+                      p("img", {
+                        src: o.avatar,
+                        alt: o.name
                       }, null, 8, gt)
-                    ])) : (l(), d("div", {
+                    ])) : (l(), c("div", {
                       key: 1,
                       class: "cd-input-select__option-avatar cd-input-select__option-avatar--placeholder",
-                      style: Ne({
-                        backgroundColor: D(n.id) ? "#e6f4ff" : J(n.name),
-                        color: D(n.id) ? "#0052d9" : "#fff"
+                      style: Te({
+                        backgroundColor: D(o.id) ? "#e6f4ff" : F(o.name),
+                        color: D(o.id) ? "#0052d9" : "#fff"
                       })
-                    }, v(H(n.name)), 5)),
-                    u("div", kt, [
-                      u("div", yt, v(n.name), 1),
-                      n.department || n.position ? (l(), d("div", bt, v(n.department) + v(n.department && n.position ? " · " : "") + v(n.position), 1)) : k("", !0)
+                    }, h(j(o.name)), 5)),
+                    p("div", yt, [
+                      p("div", kt, h(o.name), 1),
+                      o.department || o.position ? (l(), c("div", bt, h(o.department) + h(o.department && o.position ? " · " : "") + h(o.position), 1)) : _("", !0)
                     ]),
-                    D(n.id) ? (l(), d("i", Ct)) : k("", !0)
+                    D(o.id) ? (l(), c("i", Ct)) : _("", !0)
                   ])
                 ]),
                 _: 2
               }, 1032, ["value", "checked", "onChange"]))), 128))
-            ])) : U.value ? (l(), d("div", Vt, " 搜索中... ")) : (l(), d("div", St, " 暂无搜索结果 "))
+            ])) : V.value ? (l(), c("div", Vt, " 搜索中... ")) : (l(), c("div", Ut, " 暂无搜索结果 "))
           ]),
-          tag: S(({ tag: n }) => [
-            g(_, {
-              theme: oe(n.value),
+          tag: N((o) => [
+            o && o.tag ? (l(), E(O, {
+              key: 0,
+              theme: ie(typeof o.tag == "object" ? o.tag.value : o.tag),
               variant: "light",
               closable: !0,
               size: "medium"
             }, {
-              default: S(() => [
-                Z(v(n.label), 1)
+              default: N(() => [
+                oe(h(typeof o.tag == "object" ? o.tag.label : o.tag), 1)
               ]),
               _: 2
-            }, 1032, ["theme"])
+            }, 1032, ["theme"])) : _("", !0)
           ]),
-          suffixIcon: S(() => [
-            u("i", {
+          suffixIcon: N(() => [
+            p("i", {
               class: "ri-add-circle-line cd-input-select__add-icon",
-              onClick: ce
+              onClick: ue
             })
           ]),
           _: 1
         }, 8, ["value", "inputValue", "popup-visible", "placeholder", "loading", "multiple"]),
-        (B = y.tabs) != null && B.length && I.value ? (l(), W(be, {
+        (P = b.tabs) != null && P.length && U.value ? (l(), E(ke, {
           key: 0,
-          visible: I.value,
-          "onUpdate:visible": i[2] || (i[2] = (n) => I.value = n),
+          visible: U.value,
+          "onUpdate:visible": i[2] || (i[2] = (o) => U.value = o),
           modelValue: z.value,
-          "onUpdate:modelValue": i[3] || (i[3] = (n) => z.value = n),
-          tabs: y.tabs,
-          organizations: y.organizations || [],
+          "onUpdate:modelValue": i[3] || (i[3] = (o) => z.value = o),
+          tabs: b.tabs,
+          organizations: b.organizations || [],
           "show-org": !1,
           "show-search": !0,
-          multiple: y.multiple,
-          onConfirm: te,
-          onLoadUsers: E,
-          onSearch: ae,
-          onClose: i[4] || (i[4] = (n) => I.value = !1)
-        }, null, 8, ["visible", "modelValue", "tabs", "organizations", "multiple"])) : k("", !0)
+          multiple: b.multiple,
+          onConfirm: Y,
+          onLoadUsers: J,
+          onSearch: le,
+          onClose: i[4] || (i[4] = (o) => U.value = !1)
+        }, null, 8, ["visible", "modelValue", "tabs", "organizations", "multiple"])) : _("", !0)
       ]);
     };
   }
-}), It = /* @__PURE__ */ ye(Ut, [["__scopeId", "data-v-697aa614"]]), Tt = {
-  install(y) {
-    y.component("PersonSelector", be), y.component("CdInputPersonSelector", It);
+}), It = /* @__PURE__ */ ye(St, [["__scopeId", "data-v-681cee2f"]]), Nt = {
+  install(b) {
+    b.component("PersonSelector", ke), b.component("CdInputPersonSelector", It);
   }
 };
 export {
   It as CdInputPersonSelector,
   It as InputSelect,
-  be as PersonSelector,
-  Tt as default
+  ke as PersonSelector,
+  Nt as default
 };