cd-personselector 1.3.3 → 1.3.4

package/dist/index.mjs

@@ -1,8 +1,8 @@
-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 = {
+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"
 }, Be = { class: "cd-ps-search-input" }, De = { class: "cd-ps-content" }, Oe = { class: "cd-ps-left" }, Pe = {
@@ -35,7 +35,7 @@ const ze = { class: "cd-ps-container" }, $e = {
 }, lt = {
   key: 1,
   class: "cd-ps-selected-list"
-}, 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({
+}, 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 },
@@ -50,8 +50,8 @@ const ze = { class: "cd-ps-container" }, $e = {
   },
   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 || []);
+    var fe, me;
+    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) => {
@@ -74,11 +74,11 @@ const ze = { class: "cd-ps-container" }, $e = {
     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));
+      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 ue(t, e) {
+    function re(t, e) {
       e && (X.value[t] = e);
     }
     function Y(t, e) {
@@ -114,32 +114,32 @@ const ze = { class: "cd-ps-container" }, $e = {
       };
       V("org-change", { orgId: t, tabKey: U.value, callback: s });
     };
-    let w = null;
+    let $ = null;
     const P = () => {
-      if (w && clearTimeout(w), !W.value.trim()) {
+      if ($ && clearTimeout($), !W.value.trim()) {
         ne();
         return;
       }
-      j.value = !0, F.value = !0, w = setTimeout(() => o(), 300);
-    }, o = () => {
+      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 }, $ = u.nodeType || (u.isUser !== !1 ? "user" : "department");
-          s[$] || (s[$] = []), s[$].push(m);
+          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;
       };
-      V("search", { keyword: W.value, orgId: z.value || void 0, callback: t });
+      V("search", { keyword: W.value, orgId: w.value || void 0, callback: t });
     }, ne = () => {
-      w && (clearTimeout(w), w = null), j.value = !1, W.value = "", D.value = {}, F.value = !1;
+      $ && (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: z.value }), r.multiple || re();
+        le(t.id, { ...t, typeName: s, orgId: w.value }), r.multiple || ue();
       }
     };
     function Ce(t) {
@@ -153,19 +153,19 @@ const ze = { class: "cd-ps-container" }, $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) {
+        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(f, { ...s.data, typeName: Z, orgId: z.value }), !r.multiple && ((g = s.data) != null && g.isUser) && re();
+            le(h, { ...s.data, typeName: Z, orgId: w.value }), !r.multiple && ((g = s.data) != null && g.isUser) && ue();
           } else
-            a(f);
+            a(h);
           return;
         }
       }
-      const u = R.value[U.value] || [], m = Ce(u), $ = v.value.filter((f) => !m.includes(f));
-      v.value = [...$, ...t];
+      const u = R.value[U.value] || [], m = Ce(u), z = v.value.filter((h) => !m.includes(h));
+      v.value = [...z, ...t];
     };
     function ve(t, e, s) {
       for (const u of t) {
@@ -177,20 +177,20 @@ const ze = { class: "cd-ps-container" }, $e = {
       return !1;
     }
     async function Ue(t, e) {
-      var $;
+      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((f) => !f.isUser));
+          g && g.children && (g.children = g.children.filter((h) => !h.isUser));
         }
-        u && ((($ = u.getItem(s)) == null ? void 0 : $.children) || []).filter((f) => {
+        u && (((z = u.getItem(s)) == null ? void 0 : z.children) || []).filter((h) => {
           var M;
-          return (M = f.data) == null ? void 0 : M.isUser;
-        }).forEach((f) => {
+          return (M = h.data) == null ? void 0 : M.isUser;
+        }).forEach((h) => {
           try {
-            u.remove(f.value);
+            u.remove(h.value);
           } catch {
           }
         }), t.data.loaded = !1;
@@ -200,8 +200,8 @@ const ze = { class: "cd-ps-container" }, $e = {
           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) {
+          }), h = R.value[e];
+          if (h && ve(h, s, g), u) {
             u.appendTo(s, g), t.data.loaded = !0, await Ne();
             try {
               u.setItem(s, { expanded: !0 });
@@ -212,71 +212,71 @@ const ze = { class: "cd-ps-container" }, $e = {
           t.data.loaded = !0;
           const g = R.value[e];
           if (g) {
-            const f = Y(g, s);
-            f && (f.loaded = !0);
+            const h = Y(g, s);
+            h && (h.loaded = !0);
           }
         }
       } });
     }
     const Se = (t) => {
       a(t);
-    }, fe = () => {
+    }, he = () => {
       v.value = [], I.value.clear();
-    }, re = () => {
+    }, ue = () => {
       V("update:modelValue", v.value), V("confirm", J.value), T.value = !1;
     }, Ie = () => {
       T.value = !1;
     };
     return Q({
-      clearSelection: fe,
+      clearSelection: he,
       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 };
+          const m = s.map((z) => {
+            const { id: B, name: g, ...h } = z;
+            return { ...h, id: B, name: z.displayName || g, isUser: !0 };
           });
           u.appendTo(e, m);
         }
       }
     }), (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");
+      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] = (n) => T.value = n),
+        "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: N(() => [
-          p("div", ze, [
-            ce.value ? (l(), c("div", $e, [
-              L.value && ae.value.length > 0 ? (l(), c("div", we, [
+          p("div", we, [
+            ce.value ? (l(), c("div", ze, [
+              L.value && ae.value.length > 0 ? (l(), c("div", $e, [
                 S(u, {
-                  modelValue: z.value,
-                  "onUpdate:modelValue": e[0] || (e[0] = (n) => z.value = n),
+                  modelValue: w.value,
+                  "onUpdate:modelValue": e[0] || (e[0] = (o) => w.value = o),
                   placeholder: "选择组织",
                   style: { width: "200px" },
                   onChange: O
                 }, {
                   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
+                    (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),
               p("div", Be, [
-                S($, {
+                S(z, {
                   modelValue: W.value,
-                  "onUpdate:modelValue": e[1] || (e[1] = (n) => W.value = n),
+                  "onUpdate:modelValue": e[1] || (e[1] = (o) => W.value = o),
                   placeholder: "输入手机号/工号/姓名/部门/职位搜索",
                   clearable: "",
                   inputProps: { autocomplete: "off" },
@@ -294,14 +294,14 @@ const ze = { class: "cd-ps-container" }, $e = {
               p("div", Oe, [
                 S(Z, {
                   modelValue: U.value,
-                  "onUpdate:modelValue": e[3] || (e[3] = (n) => U.value = n),
+                  "onUpdate:modelValue": e[3] || (e[3] = (o) => U.value = o),
                   onChange: k
                 }, {
                   default: N(() => [
-                    (l(!0), c(G, null, te(ie.value, (n) => (l(), E(q, {
-                      key: n.key,
-                      value: n.key,
-                      label: i(n)
+                    (l(!0), c(G, null, te(ie.value, (o) => (l(), E(q, {
+                      key: o.key,
+                      value: o.key,
+                      label: i(o)
                     }, {
                       default: N(() => {
                         var pe;
@@ -310,7 +310,7 @@ const ze = { class: "cd-ps-container" }, $e = {
                             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, [
+                            ])) : !D.value[o.key] || D.value[o.key].length === 0 ? (l(), c("div", Re, [
                               S(m, {
                                 name: "search",
                                 size: "48px",
@@ -318,7 +318,7 @@ const ze = { class: "cd-ps-container" }, $e = {
                               }),
                               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", {
+                              (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)
@@ -336,23 +336,23 @@ const ze = { class: "cd-ps-container" }, $e = {
                                   }, null, 8, ["name"])
                                 ], 2),
                                 p("div", Le, [
-                                  p("div", Me, h(d.displayName || d.name), 1),
+                                  p("div", Me, f(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)
+                                    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[n.key]) == null ? void 0 : pe.length) > 0 ? (l(), E(M, {
+                            ((pe = R.value[o.key]) == null ? void 0 : pe.length) > 0 ? (l(), E(M, {
                               key: 0,
                               ref_for: !0,
-                              ref: (d) => ue(n.key, d),
-                              data: R.value[n.key],
+                              ref: (d) => re(o.key, d),
+                              data: R.value[o.key],
                               keys: { value: "id", label: "name", children: "children" },
                               hover: "",
                               checkable: "",
@@ -365,22 +365,22 @@ const ze = { class: "cd-ps-container" }, $e = {
                                   class: ee(["cd-ps-node", { "cd-ps-node-user": d.data.isUser }])
                                 }, [
                                   S(m, {
-                                    name: d.data.isUser ? "user" : n.icon || "folder"
+                                    name: d.data.isUser ? "user" : o.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)
+                                    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, "(" + h(d.data.userCount) + ")", 1)) : _("", !0),
-                                  d.data.isUser ? _("", !0) : (l(), E(f, {
+                                  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, n.key), ["stop"])
+                                    onClick: _e((xe) => Ue(d, o.key), ["stop"])
                                   }, {
                                     default: N(() => [
-                                      oe(h(d.data.loaded ? "刷新人员" : "显示人员"), 1)
+                                      oe(f(d.data.loaded ? "刷新人员" : "显示人员"), 1)
                                     ]),
                                     _: 2
                                   }, 1032, ["onClick"]))
@@ -389,7 +389,7 @@ const ze = { class: "cd-ps-container" }, $e = {
                               _: 2
                             }, 1032, ["data", "value"])) : (l(), c("div", Ze, [
                               S(m, {
-                                name: n.icon || "folder-open",
+                                name: o.icon || "folder-open",
                                 size: "48px",
                                 style: { color: "#ddd" }
                               }, null, 8, ["name"]),
@@ -407,12 +407,12 @@ const ze = { class: "cd-ps-container" }, $e = {
               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, {
+                  p("span", tt, f(J.value.length) + " 项", 1),
+                  J.value.length > 0 ? (l(), E(h, {
                     key: 0,
                     size: "small",
                     variant: "text",
-                    onClick: fe
+                    onClick: he
                   }, {
                     default: N(() => [...e[8] || (e[8] = [
                       oe("清空", -1)
@@ -429,33 +429,33 @@ const ze = { class: "cd-ps-container" }, $e = {
                     }),
                     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 }])
+                    (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 }])
                     }, [
                       p("div", nt, [
                         p("div", {
-                          class: ee(["cd-ps-avatar", { "cd-ps-avatar-dept": !n.isUser }])
+                          class: ee(["cd-ps-avatar", { "cd-ps-avatar-dept": !o.isUser }])
                         }, [
                           S(m, {
-                            name: n.isUser ? "user" : "folder"
+                            name: o.isUser ? "user" : "folder"
                           }, null, 8, ["name"])
                         ], 2),
                         p("div", ot, [
-                          p("div", it, h(n.displayName || n.name), 1),
+                          p("div", it, f(o.displayName || o.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)
+                            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)
                           ])
                         ])
                       ]),
-                      S(f, {
+                      S(h, {
                         size: "small",
                         variant: "text",
                         shape: "circle",
-                        onClick: (pe) => Se(n.id)
+                        onClick: (pe) => Se(o.id)
                       }, {
                         icon: N(() => [
                           S(m, { name: "close" })
@@ -478,7 +478,7 @@ const ze = { class: "cd-ps-container" }, $e = {
   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 = {
+}, 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 = {
@@ -502,13 +502,14 @@ const ze = { class: "cd-ps-container" }, $e = {
   props: {
     modelValue: {},
     multiple: { type: Boolean, default: !0 },
-    placeholder: { default: "搜索用户、部门、职位" },
+    placeholder: { default: "搜索用户、部门、职位、岗位" },
     tabs: {},
-    organizations: {}
+    organizations: {},
+    showOrg: { type: Boolean }
   },
-  emits: ["update:modelValue", "search", "load-users"],
+  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), z = y([]), W = y([]), v = y(!1), I = y(""), X = A(() => C.modelValue.map((a) => ({
+    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) => {
@@ -537,25 +538,25 @@ const ze = { class: "cd-ps-container" }, $e = {
     }, se = (a, i) => {
       const { trigger: k, index: O } = i;
       if ((k === "tag-remove" || k === "backspace") && (v.value = !1), k === "clear")
-        z.value = [], L([]);
+        w.value = [], L([]);
       else if (["tag-remove", "backspace"].includes(k)) {
-        const w = a.map((o) => o.value || o);
-        z.value = w;
+        const $ = a.map((n) => n.value || n);
+        w.value = $;
         const P = [...C.modelValue];
         P.splice(O, 1), L(P);
       }
-    }, ue = (a) => {
+    }, 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)), w = C.multiple ? [...C.modelValue, ...O] : i.slice(0, 1);
-      L(w), U.value = !1;
+      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 H(() => C.modelValue, (a) => {
-      z.value = a.map((i) => i.id), W.value = 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;
@@ -569,14 +570,14 @@ const ze = { class: "cd-ps-container" }, $e = {
       });
     }), (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, {
+      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] = (o) => I.value = o),
+          "onUpdate:inputValue": i[0] || (i[0] = (n) => I.value = n),
           "popup-visible": v.value,
-          "onUpdate:popupVisible": i[1] || (i[1] = (o) => v.value = o),
+          "onUpdate:popupVisible": i[1] || (i[1] = (n) => v.value = n),
           "input-props": {
             readonly: !1,
             disabled: !1
@@ -598,50 +599,50 @@ const ze = { class: "cd-ps-container" }, $e = {
           onTagChange: se
         }, {
           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),
+            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: (ne) => R(ne, o)
+                onChange: (ne) => R(ne, n)
               }, {
                 default: N(() => [
                   p("div", mt, [
-                    o.avatar ? (l(), c("div", _t, [
+                    n.avatar ? (l(), c("div", _t, [
                       p("img", {
-                        src: o.avatar,
-                        alt: o.name
+                        src: n.avatar,
+                        alt: n.name
                       }, null, 8, gt)
                     ])) : (l(), c("div", {
                       key: 1,
                       class: "cd-input-select__option-avatar cd-input-select__option-avatar--placeholder",
                       style: Te({
-                        backgroundColor: D(o.id) ? "#e6f4ff" : F(o.name),
-                        color: D(o.id) ? "#0052d9" : "#fff"
+                        backgroundColor: D(n.id) ? "#e6f4ff" : F(n.name),
+                        color: D(n.id) ? "#0052d9" : "#fff"
                       })
-                    }, h(j(o.name)), 5)),
+                    }, f(j(n.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)
+                      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)
                     ]),
-                    D(o.id) ? (l(), c("i", Ct)) : _("", !0)
+                    D(n.id) ? (l(), c("i", Ct)) : _("", !0)
                   ])
                 ]),
                 _: 2
               }, 1032, ["value", "checked", "onChange"]))), 128))
             ])) : V.value ? (l(), c("div", Vt, " 搜索中... ")) : (l(), c("div", Ut, " 暂无搜索结果 "))
           ]),
-          tag: N((o) => [
-            o && o.tag ? (l(), E(O, {
+          tag: N((n) => [
+            n && n.tag ? (l(), E(O, {
               key: 0,
-              theme: ie(typeof o.tag == "object" ? o.tag.value : o.tag),
+              theme: ie(typeof n.tag == "object" ? n.tag.value : n.tag),
               variant: "light",
               closable: !0,
               size: "medium"
             }, {
               default: N(() => [
-                oe(h(typeof o.tag == "object" ? o.tag.label : o.tag), 1)
+                oe(f(typeof n.tag == "object" ? n.tag.label : n.tag), 1)
               ]),
               _: 2
             }, 1032, ["theme"])) : _("", !0)
@@ -649,7 +650,7 @@ const ze = { class: "cd-ps-container" }, $e = {
           suffixIcon: N(() => [
             p("i", {
               class: "ri-add-circle-line cd-input-select__add-icon",
-              onClick: ue
+              onClick: re
             })
           ]),
           _: 1
@@ -657,23 +658,24 @@ const ze = { class: "cd-ps-container" }, $e = {
         (P = b.tabs) != null && P.length && U.value ? (l(), E(ke, {
           key: 0,
           visible: U.value,
-          "onUpdate:visible": i[2] || (i[2] = (o) => U.value = o),
-          modelValue: z.value,
-          "onUpdate:modelValue": i[3] || (i[3] = (o) => z.value = o),
+          "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": !1,
+          "show-org": b.showOrg !== !1,
           "show-search": !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)
+          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(St, [["__scopeId", "data-v-681cee2f"]]), Nt = {
+}), It = /* @__PURE__ */ ye(St, [["__scopeId", "data-v-5807a0b3"]]), Nt = {
   install(b) {
     b.component("PersonSelector", ke), b.component("CdInputPersonSelector", It);
   }

package/dist/src/InputSelect.vue.d.ts

@@ -6,6 +6,7 @@ interface Props {
     placeholder?: string;
     tabs?: any[];
     organizations?: any[];
+    showOrg?: boolean;
 }
 declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<Props>, {
     multiple: boolean;
@@ -21,6 +22,10 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         nodeId: string | number;
         callback: (users: any[]) => void;
     }) => void;
+    "tab-change": (payload: {
+        tabKey: string;
+        orgId?: string | number;
+    }) => void;
 }, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<Props>, {
     multiple: boolean;
     placeholder: string;
@@ -35,6 +40,10 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         keyword: string;
         callback: (users: UserItem[]) => void;
     }) => any) | undefined;
+    "onTab-change"?: ((payload: {
+        tabKey: string;
+        orgId?: string | number;
+    }) => any) | undefined;
 }>, {
     multiple: boolean;
     placeholder: string;