cd-personselector 1.3.2 → 1.3.4

package/dist/index.mjs

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