cd-personselector 1.1.0 → 1.2.1

package/dist/index.mjs

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