cd-personselector 1.0.1 → 1.0.3

package/dist/index.mjs

@@ -1,38 +1,38 @@
-import { defineComponent as ye, ref as f, computed as z, watch as q, resolveComponent as _, createBlock as b, openBlock as a, withCtx as k, createElementVNode as n, createElementBlock as o, createCommentVNode as u, createVNode as r, toDisplayString as v, Fragment as E, renderList as L, createTextVNode as G, normalizeClass as W, withModifiers as te, nextTick as ge } from "vue";
-const Ce = { class: "person-selector" }, be = {
+import { defineComponent as ge, ref as k, computed as w, watch as H, resolveComponent as f, createBlock as x, openBlock as n, withCtx as y, createElementVNode as o, createElementBlock as d, createCommentVNode as u, createVNode as i, toDisplayString as p, Fragment as E, renderList as L, createTextVNode as Q, normalizeClass as W, withModifiers as le, nextTick as Ce } from "vue";
+const be = { class: "cd-ps-container" }, xe = {
   key: 0,
-  class: "selector-tips"
-}, xe = {
+  class: "cd-ps-tips"
+}, Ne = {
   key: 1,
-  class: "search-area"
+  class: "cd-ps-search"
 }, Ue = {
   key: 0,
-  class: "org-select"
-}, Ne = { class: "search-input" }, Se = { class: "content-area" }, Ve = { class: "left-panel tree-panel" }, Ie = {
+  class: "cd-ps-org-select"
+}, Se = { class: "cd-ps-search-input" }, Ve = { class: "cd-ps-content" }, ze = { class: "cd-ps-left" }, Ie = {
   key: 0,
-  class: "search-results"
-}, ze = { class: "search-results-header" }, Te = {
+  class: "cd-ps-search-results"
+}, Te = { class: "cd-ps-search-header" }, we = {
   key: 0,
-  class: "search-loading"
-}, we = {
+  class: "cd-ps-loading"
+}, De = {
   key: 1,
-  class: "empty-search"
+  class: "cd-ps-empty"
 }, Re = {
   key: 2,
-  class: "search-result-list"
-}, Be = ["onClick"], Oe = { class: "user-avatar" }, De = { class: "user-details" }, Pe = { class: "user-name" }, Ee = { class: "user-meta" }, Le = { key: 0 }, We = { key: 1 }, $e = { key: 2 }, Je = { class: "tree-container" }, Me = {
+  class: "cd-ps-result-list"
+}, Be = ["onClick"], Oe = { class: "cd-ps-avatar" }, Pe = { class: "cd-ps-info" }, Ee = { class: "cd-ps-name" }, Le = { class: "cd-ps-meta" }, We = { key: 0 }, $e = { key: 1 }, Je = { key: 2 }, Me = { class: "cd-ps-tree" }, Ae = {
   key: 0,
-  class: "user-count"
-}, Ae = {
+  class: "cd-ps-count"
+}, Fe = {
   key: 1,
-  class: "empty-tree"
-}, Fe = { class: "right-panel" }, je = { class: "selected-header" }, qe = { class: "header-count" }, Ge = { class: "selected-list-container" }, He = {
+  class: "cd-ps-empty"
+}, je = { class: "cd-ps-right" }, qe = { class: "cd-ps-right-header" }, Ge = { class: "cd-ps-num" }, He = { class: "cd-ps-right-list" }, Qe = {
   key: 0,
-  class: "empty-selected"
-}, Ke = {
+  class: "cd-ps-empty"
+}, Xe = {
   key: 1,
-  class: "selected-user-list"
-}, Qe = { class: "user-info" }, Xe = { class: "user-details" }, Ye = { class: "user-name" }, Ze = { class: "user-meta" }, et = { key: 0 }, tt = { key: 1 }, st = { key: 2 }, lt = { key: 3 }, at = /* @__PURE__ */ ye({
+  class: "cd-ps-selected-list"
+}, Ye = { class: "cd-ps-item-info" }, Ze = { class: "cd-ps-info" }, Ke = { class: "cd-ps-name" }, et = { class: "cd-ps-meta" }, tt = { key: 0 }, st = { key: 1 }, lt = { key: 2 }, nt = { key: 3 }, at = /* @__PURE__ */ ge({
   __name: "PersonSelector",
   props: {
     visible: { type: Boolean, default: !1 },
@@ -44,177 +44,168 @@ const Ce = { class: "person-selector" }, be = {
     showSearch: { type: Boolean, default: !0 }
   },
   emits: ["update:visible", "update:modelValue", "confirm", "load-users", "search"],
-  setup(x, { expose: $, emit: O }) {
-    var Y, Z;
-    const d = x, C = O, U = f(d.visible), N = f(((Z = (Y = d.tabs) == null ? void 0 : Y[0]) == null ? void 0 : Z.key) || ""), T = f(null), S = f(""), c = f([]), J = f({}), M = f(!1), D = f(!1), V = f([]), se = z(() => d.tabs || []), H = z(() => d.organizations || []), K = z(() => d.tips || ""), le = z(() => d.showSearch), ae = z(() => d.dialogWidth), w = f({});
-    q(
-      () => d.tabs,
-      (s) => {
-        if (s && s.length > 0) {
-          const e = {};
-          s.forEach((l) => {
-            e[l.key] = JSON.parse(JSON.stringify(l.tree));
-          }), w.value = e, (!N.value || !s.find((l) => l.key === N.value)) && (N.value = s[0].key);
-        }
-      },
-      { immediate: !0, deep: !0 }
-    ), q(() => d.visible, (s) => {
-      U.value = s, s && (c.value = d.modelValue ? [...d.modelValue] : [], d.organizations.length > 0 && !T.value && (T.value = d.organizations[0].id));
-    }), q(U, (s) => {
-      C("update:visible", s);
+  setup(N, { expose: $, emit: B }) {
+    var ee, te;
+    const c = N, C = B, U = k(c.visible), S = k(((te = (ee = c.tabs) == null ? void 0 : ee[0]) == null ? void 0 : te.key) || ""), D = k(null), V = k(""), r = k([]), J = k({}), M = k(!1), O = k(!1), z = k([]), ne = w(() => c.tabs || []), X = w(() => c.organizations || []), Y = w(() => c.tips || ""), ae = w(() => c.showSearch), oe = w(() => c.dialogWidth), b = k({});
+    H(() => c.tabs, (l) => {
+      if (l && l.length > 0) {
+        const e = {};
+        l.forEach((s) => {
+          e[s.key] = JSON.parse(JSON.stringify(s.tree));
+        }), b.value = e, (!S.value || !l.find((s) => s.key === S.value)) && (S.value = l[0].key);
+      }
+    }, { immediate: !0, deep: !0 }), H(() => c.visible, (l) => {
+      U.value = l, l && (r.value = c.modelValue ? [...c.modelValue] : [], c.organizations.length > 0 && !D.value && (D.value = c.organizations[0].id));
+    }), H(U, (l) => {
+      C("update:visible", l);
     });
-    function ne(s, e) {
-      e && (J.value[s] = e);
+    function de(l, e) {
+      e && (J.value[l] = e);
     }
-    function Q(s, e) {
-      for (const l of s) {
-        if (l.id === e) return l;
-        if (l.children) {
-          const i = Q(l.children, e);
-          if (i) return i;
+    function A(l, e) {
+      for (const s of l) {
+        if (s.id === e) return s;
+        if (s.children) {
+          const a = A(s.children, e);
+          if (a) return a;
         }
       }
       return null;
     }
-    const R = z(() => {
-      const s = [];
-      return c.value.forEach((e) => {
-        const l = V.value.find((i) => i.id === e);
-        if (l) {
-          s.push({ ...l, typeName: "搜索结果" });
+    const R = w(() => {
+      const l = [];
+      return r.value.forEach((e) => {
+        const s = z.value.find((a) => a.id === e);
+        if (s) {
+          l.push({ ...s, typeName: "搜索结果" });
           return;
         }
-        for (const i of d.tabs) {
-          const p = w.value[i.key] || [], m = Q(p, e);
+        for (const a of c.tabs) {
+          const v = b.value[a.key] || [], m = A(v, e);
           if (m) {
-            s.push({
-              ...m,
-              typeName: i.name
-            });
+            l.push({ ...m, typeName: a.name });
             break;
           }
         }
-      }), s;
-    }), oe = () => {
-      S.value = "";
+      }), l;
+    }), ce = () => {
+      V.value = "";
     }, ie = () => {
     };
     let I = null;
-    const de = () => {
-      if (I && clearTimeout(I), !S.value.trim()) {
-        A();
+    const re = () => {
+      if (I && clearTimeout(I), !V.value.trim()) {
+        F();
         return;
       }
-      M.value = !0, D.value = !0, I = setTimeout(() => {
-        re();
-      }, 300);
-    }, re = () => {
-      V.value = [];
-      const s = (e) => {
-        V.value = e.map((l) => ({ ...l, isUser: !0 })), D.value = !1;
+      M.value = !0, O.value = !0, I = setTimeout(() => ue(), 300);
+    }, ue = () => {
+      z.value = [];
+      const l = (e) => {
+        z.value = e.map((s) => ({ ...s, isUser: !0 })), O.value = !1;
       };
-      C("search", {
-        keyword: S.value,
-        orgId: T.value || void 0,
-        callback: s
-      });
-    }, A = () => {
-      I && (clearTimeout(I), I = null), M.value = !1, S.value = "", V.value = [], D.value = !1;
-    }, ce = (s) => {
-      const e = c.value.indexOf(s.id);
-      e > -1 ? c.value.splice(e, 1) : c.value.push(s.id);
+      C("search", { keyword: V.value, orgId: D.value || void 0, callback: l });
+    }, F = () => {
+      I && (clearTimeout(I), I = null), M.value = !1, V.value = "", z.value = [], O.value = !1;
+    }, pe = (l) => {
+      const e = r.value.indexOf(l.id);
+      e > -1 ? r.value.splice(e, 1) : r.value.push(l.id);
     };
-    function ue(s) {
-      const e = [], l = (i) => {
-        for (const p of i)
-          e.push(p.id), p.children && l(p.children);
+    function ve(l) {
+      const e = [], s = (a) => {
+        for (const v of a)
+          e.push(v.id), v.children && s(v.children);
       };
-      return l(s), e;
+      return s(l), e;
     }
-    const ve = (s) => {
-      const e = w.value[N.value] || [], l = ue(e), i = c.value.filter((p) => !l.includes(p));
-      c.value = [...i, ...s];
+    const he = (l) => {
+      const e = b.value[S.value] || [], s = ve(e), a = r.value.filter((v) => !s.includes(v));
+      r.value = [...a, ...l];
     };
-    async function pe(s, e) {
-      const l = s.value, i = J.value[e];
-      C("load-users", { tabKey: e, nodeId: l, node: s, callback: async (m) => {
+    function Z(l, e, s) {
+      for (const a of l) {
+        if (a.id === e)
+          return a.children = a.children || [], a.children.push(...s), a.loaded = !0, !0;
+        if (a.children && Z(a.children, e, s))
+          return !0;
+      }
+      return !1;
+    }
+    async function _e(l, e) {
+      const s = l.value, a = J.value[e];
+      C("load-users", { tabKey: e, nodeId: s, node: l, callback: async (m) => {
         if (m.length > 0) {
-          const y = m.map((g) => {
-            const { id: B, name: F, ...j } = g;
-            return {
-              ...j,
-              id: B,
-              name: g.displayName || F,
-              isUser: !0
-            };
-          });
-          if (i) {
-            i.appendTo(l, y), s.data.loaded = !0, await ge();
+          const h = m.map((T) => {
+            const { id: j, name: q, ...G } = T;
+            return { ...G, id: j, name: T.displayName || q, isUser: !0 };
+          }), g = b.value[e];
+          if (g && Z(g, s, h), a) {
+            a.appendTo(s, h), l.data.loaded = !0, await Ce();
             try {
-              i.setItem(l, { expanded: !0 });
-            } catch (g) {
-              console.log("展开节点失败", g);
+              a.setItem(s, { expanded: !0 });
+            } catch {
             }
           }
-        } else
-          s.data.loaded = !0;
+        } else {
+          l.data.loaded = !0;
+          const h = b.value[e];
+          if (h) {
+            const g = A(h, s);
+            g && (g.loaded = !0);
+          }
+        }
       } });
     }
-    const he = (s) => {
-      c.value = c.value.filter((e) => e !== s);
-    }, X = () => {
-      c.value = [];
-    }, _e = () => {
-      C("update:modelValue", c.value), C("confirm", R.value), U.value = !1;
+    const fe = (l) => {
+      r.value = r.value.filter((e) => e !== l);
+    }, K = () => {
+      r.value = [];
     }, me = () => {
+      C("update:modelValue", r.value), C("confirm", R.value), U.value = !1;
+    }, ke = () => {
       U.value = !1;
     };
     return $({
-      clearSelection: X,
-      appendUsers: (s, e, l) => {
-        const i = J.value[s];
-        if (i && l.length > 0) {
-          const p = l.map((m) => {
-            const { id: y, name: g, ...B } = m;
-            return {
-              ...B,
-              id: y,
-              name: m.displayName || g,
-              isUser: !0
-            };
+      clearSelection: K,
+      appendUsers: (l, e, s) => {
+        const a = J.value[l];
+        if (a && s.length > 0) {
+          const v = s.map((m) => {
+            const { id: h, name: g, ...T } = m;
+            return { ...T, id: h, name: m.displayName || g, isUser: !0 };
           });
-          i.appendTo(e, p);
+          a.appendTo(e, v);
         }
       }
-    }), (s, e) => {
-      const l = _("t-icon"), i = _("t-option"), p = _("t-select"), m = _("t-input"), y = _("t-button"), g = _("t-loading"), B = _("t-checkbox"), F = _("t-tree"), j = _("t-tab-panel"), fe = _("t-tabs"), ke = _("t-dialog");
-      return a(), b(ke, {
+    }), (l, e) => {
+      const s = f("t-icon"), a = f("t-option"), v = f("t-select"), m = f("t-input"), h = f("t-button"), g = f("t-loading"), T = f("t-checkbox"), j = f("t-tree"), q = f("t-tab-panel"), G = f("t-tabs"), ye = f("t-dialog");
+      return n(), x(ye, {
         visible: U.value,
         "onUpdate:visible": e[4] || (e[4] = (t) => U.value = t),
         header: "选择人员",
-        width: ae.value,
+        width: oe.value,
         footer: !0,
         "destroy-on-close": "",
-        onConfirm: _e,
-        onClose: me
+        onConfirm: me,
+        onClose: ke
       }, {
-        default: k(() => [
-          n("div", Ce, [
-            K.value ? (a(), o("div", be, [
-              r(l, { name: "info-circle" }),
-              n("span", null, v(K.value), 1)
+        default: y(() => [
+          o("div", be, [
+            Y.value ? (n(), d("div", xe, [
+              i(s, { name: "info-circle" }),
+              o("span", null, p(Y.value), 1)
             ])) : u("", !0),
-            le.value ? (a(), o("div", xe, [
-              H.value.length > 0 ? (a(), o("div", Ue, [
-                r(p, {
-                  modelValue: T.value,
-                  "onUpdate:modelValue": e[0] || (e[0] = (t) => T.value = t),
+            ae.value ? (n(), d("div", Ne, [
+              X.value.length > 0 ? (n(), d("div", Ue, [
+                i(v, {
+                  modelValue: D.value,
+                  "onUpdate:modelValue": e[0] || (e[0] = (t) => D.value = t),
                   placeholder: "选择组织",
                   style: { width: "200px" },
                   onChange: ie
                 }, {
-                  default: k(() => [
-                    (a(!0), o(E, null, L(H.value, (t) => (a(), b(i, {
+                  default: y(() => [
+                    (n(!0), d(E, null, L(X.value, (t) => (n(), x(a, {
                       key: t.id,
                       value: t.id,
                       label: t.displayName || t.name
@@ -223,120 +214,120 @@ const Ce = { class: "person-selector" }, be = {
                   _: 1
                 }, 8, ["modelValue"])
               ])) : u("", !0),
-              n("div", Ne, [
-                r(m, {
-                  modelValue: S.value,
-                  "onUpdate:modelValue": e[1] || (e[1] = (t) => S.value = t),
+              o("div", Se, [
+                i(m, {
+                  modelValue: V.value,
+                  "onUpdate:modelValue": e[1] || (e[1] = (t) => V.value = t),
                   placeholder: "搜索",
                   clearable: "",
-                  onInput: de,
-                  onClear: A
+                  onInput: re,
+                  onClear: F
                 }, {
-                  "prefix-icon": k(() => [
-                    r(l, { name: "search" })
+                  "prefix-icon": y(() => [
+                    i(s, { name: "search" })
                   ]),
                   _: 1
                 }, 8, ["modelValue"])
               ])
             ])) : u("", !0),
-            n("div", Se, [
-              n("div", Ve, [
-                M.value ? (a(), o("div", Ie, [
-                  n("div", ze, [
-                    e[6] || (e[6] = n("span", null, "搜索结果", -1)),
-                    r(y, {
+            o("div", Ve, [
+              o("div", ze, [
+                M.value ? (n(), d("div", Ie, [
+                  o("div", Te, [
+                    e[6] || (e[6] = o("span", null, "搜索结果", -1)),
+                    i(h, {
                       size: "small",
                       variant: "text",
-                      onClick: A
+                      onClick: F
                     }, {
-                      default: k(() => [...e[5] || (e[5] = [
-                        G("返回", -1)
+                      default: y(() => [...e[5] || (e[5] = [
+                        Q("返回", -1)
                       ])]),
                       _: 1
                     })
                   ]),
-                  D.value ? (a(), o("div", Te, [
-                    r(g),
-                    e[7] || (e[7] = n("span", null, "搜索中...", -1))
-                  ])) : V.value.length === 0 ? (a(), o("div", we, [
-                    r(l, {
+                  O.value ? (n(), d("div", we, [
+                    i(g),
+                    e[7] || (e[7] = o("span", null, "搜索中...", -1))
+                  ])) : z.value.length === 0 ? (n(), d("div", De, [
+                    i(s, {
                       name: "search",
                       size: "48px",
                       style: { color: "#ddd" }
                     }),
-                    e[8] || (e[8] = n("p", null, "未找到匹配的人员", -1))
-                  ])) : (a(), o("div", Re, [
-                    (a(!0), o(E, null, L(V.value, (t) => (a(), o("div", {
+                    e[8] || (e[8] = o("p", null, "未找到匹配的人员", -1))
+                  ])) : (n(), d("div", Re, [
+                    (n(!0), d(E, null, L(z.value, (t) => (n(), d("div", {
                       key: t.id,
-                      class: W(["search-result-item", { "is-selected": c.value.includes(t.id) }]),
-                      onClick: (P) => ce(t)
+                      class: W(["cd-ps-result-item", { "cd-ps-selected": r.value.includes(t.id) }]),
+                      onClick: (P) => pe(t)
                     }, [
-                      r(B, {
-                        checked: c.value.includes(t.id),
-                        onClick: e[2] || (e[2] = te(() => {
+                      i(T, {
+                        checked: r.value.includes(t.id),
+                        onClick: e[2] || (e[2] = le(() => {
                         }, ["stop"]))
                       }, null, 8, ["checked"]),
-                      n("div", Oe, [
-                        r(l, { name: "user" })
+                      o("div", Oe, [
+                        i(s, { name: "user" })
                       ]),
-                      n("div", De, [
-                        n("div", Pe, v(t.displayName || t.name), 1),
-                        n("div", Ee, [
-                          t.position ? (a(), o("span", Le, v(t.position), 1)) : u("", !0),
-                          t.department ? (a(), o("span", We, v(t.department), 1)) : u("", !0),
-                          t.phone ? (a(), o("span", $e, v(t.phone), 1)) : u("", !0)
+                      o("div", Pe, [
+                        o("div", Ee, p(t.displayName || t.name), 1),
+                        o("div", Le, [
+                          t.position ? (n(), d("span", We, p(t.position), 1)) : u("", !0),
+                          t.department ? (n(), d("span", $e, p(t.department), 1)) : u("", !0),
+                          t.phone ? (n(), d("span", Je, p(t.phone), 1)) : u("", !0)
                         ])
                       ])
                     ], 10, Be))), 128))
                   ]))
-                ])) : (a(), b(fe, {
+                ])) : (n(), x(G, {
                   key: 1,
-                  modelValue: N.value,
-                  "onUpdate:modelValue": e[3] || (e[3] = (t) => N.value = t),
-                  onChange: oe
+                  modelValue: S.value,
+                  "onUpdate:modelValue": e[3] || (e[3] = (t) => S.value = t),
+                  onChange: ce
                 }, {
-                  default: k(() => [
-                    (a(!0), o(E, null, L(se.value, (t) => (a(), b(j, {
+                  default: y(() => [
+                    (n(!0), d(E, null, L(ne.value, (t) => (n(), x(q, {
                       key: t.key,
                       value: t.key,
                       label: t.name
                     }, {
-                      default: k(() => {
+                      default: y(() => {
                         var P;
                         return [
-                          n("div", Je, [
-                            ((P = w.value[t.key]) == null ? void 0 : P.length) > 0 ? (a(), b(F, {
+                          o("div", Me, [
+                            ((P = b.value[t.key]) == null ? void 0 : P.length) > 0 ? (n(), x(j, {
                               key: 0,
                               ref_for: !0,
-                              ref: (h) => ne(t.key, h),
-                              data: w.value[t.key],
+                              ref: (_) => de(t.key, _),
+                              data: b.value[t.key],
                               keys: { value: "id", label: "name", children: "children" },
                               hover: "",
                               checkable: "",
                               "expand-all": !1,
-                              value: c.value,
-                              onChange: ve
+                              value: r.value,
+                              onChange: he
                             }, {
-                              label: k(({ node: h }) => {
-                                var ee;
+                              label: y(({ node: _ }) => {
+                                var se;
                                 return [
-                                  n("div", {
-                                    class: W(["tree-node-label", { "is-user": h.data.isUser }])
+                                  o("div", {
+                                    class: W(["cd-ps-node", { "cd-ps-node-user": _.data.isUser }])
                                   }, [
-                                    r(l, {
-                                      name: h.data.isUser ? "user" : t.icon || "folder"
+                                    i(s, {
+                                      name: _.data.isUser ? "user" : t.icon || "folder"
                                     }, null, 8, ["name"]),
-                                    n("span", null, v(h.label), 1),
-                                    h.data.userCount && !h.data.isUser ? (a(), o("span", Me, "(" + v(h.data.userCount) + ")", 1)) : u("", !0),
-                                    !h.data.isUser && !((ee = h.data.children) != null && ee.length) && !h.data.loaded ? (a(), b(y, {
+                                    o("span", null, p(_.label), 1),
+                                    _.data.userCount && !_.data.isUser ? (n(), d("span", Ae, "(" + p(_.data.userCount) + ")", 1)) : u("", !0),
+                                    !_.data.isUser && !((se = _.data.children) != null && se.length) && !_.data.loaded ? (n(), x(h, {
                                       key: 1,
                                       size: "small",
                                       variant: "text",
-                                      class: "load-users-btn",
-                                      onClick: te((it) => pe(h, t.key), ["stop"])
+                                      class: "cd-ps-load-btn",
+                                      onClick: le((ct) => _e(_, t.key), ["stop"])
                                     }, {
-                                      default: k(() => [...e[9] || (e[9] = [
-                                        G(" 显示人员 ", -1)
+                                      default: y(() => [...e[9] || (e[9] = [
+                                        Q("显示人员", -1)
                                       ])]),
                                       _: 1
                                     }, 8, ["onClick"])) : u("", !0)
@@ -344,13 +335,13 @@ const Ce = { class: "person-selector" }, be = {
                                 ];
                               }),
                               _: 2
-                            }, 1032, ["data", "value"])) : (a(), o("div", Ae, [
-                              r(l, {
+                            }, 1032, ["data", "value"])) : (n(), d("div", Fe, [
+                              i(s, {
                                 name: t.icon || "folder-open",
                                 size: "48px",
                                 style: { color: "#ddd" }
                               }, null, 8, ["name"]),
-                              e[10] || (e[10] = n("p", null, "暂无数据", -1))
+                              e[10] || (e[10] = o("p", null, "暂无数据", -1))
                             ]))
                           ])
                         ];
@@ -361,61 +352,61 @@ const Ce = { class: "person-selector" }, be = {
                   _: 1
                 }, 8, ["modelValue"]))
               ]),
-              n("div", Fe, [
-                n("div", je, [
-                  e[12] || (e[12] = n("span", { class: "header-title" }, "已选择", -1)),
-                  n("span", qe, v(R.value.length) + " 项", 1),
-                  R.value.length > 0 ? (a(), b(y, {
+              o("div", je, [
+                o("div", qe, [
+                  e[12] || (e[12] = o("span", { class: "cd-ps-title" }, "已选择", -1)),
+                  o("span", Ge, p(R.value.length) + " 项", 1),
+                  R.value.length > 0 ? (n(), x(h, {
                     key: 0,
                     size: "small",
                     variant: "text",
-                    onClick: X
+                    onClick: K
                   }, {
-                    default: k(() => [...e[11] || (e[11] = [
-                      G("清空", -1)
+                    default: y(() => [...e[11] || (e[11] = [
+                      Q("清空", -1)
                     ])]),
                     _: 1
                   })) : u("", !0)
                 ]),
-                n("div", Ge, [
-                  R.value.length === 0 ? (a(), o("div", He, [
-                    r(l, {
+                o("div", He, [
+                  R.value.length === 0 ? (n(), d("div", Qe, [
+                    i(s, {
                       name: "user-checked",
                       size: "64px",
                       style: { color: "#ddd" }
                     }),
-                    e[13] || (e[13] = n("p", null, "暂无选择", -1))
-                  ])) : (a(), o("div", Ke, [
-                    (a(!0), o(E, null, L(R.value, (t) => (a(), o("div", {
+                    e[13] || (e[13] = o("p", null, "暂无选择", -1))
+                  ])) : (n(), d("div", Xe, [
+                    (n(!0), d(E, null, L(R.value, (t) => (n(), d("div", {
                       key: t.id,
-                      class: W(["selected-user-item", { "selected-dept-item": !t.isUser }])
+                      class: W(["cd-ps-selected-item", { "cd-ps-dept-item": !t.isUser }])
                     }, [
-                      n("div", Qe, [
-                        n("div", {
-                          class: W(["user-avatar", { "dept-avatar": !t.isUser }])
+                      o("div", Ye, [
+                        o("div", {
+                          class: W(["cd-ps-avatar", { "cd-ps-avatar-dept": !t.isUser }])
                         }, [
-                          r(l, {
+                          i(s, {
                             name: t.isUser ? "user" : "folder"
                           }, null, 8, ["name"])
                         ], 2),
-                        n("div", Xe, [
-                          n("div", Ye, v(t.displayName || t.name), 1),
-                          n("div", Ze, [
-                            t.isUser && t.position ? (a(), o("span", et, v(t.position), 1)) : u("", !0),
-                            t.isUser && t.department ? (a(), o("span", tt, v(t.department), 1)) : u("", !0),
-                            t.isUser ? u("", !0) : (a(), o("span", st, v(t.typeName || "部门"), 1)),
-                            !t.isUser && t.userCount ? (a(), o("span", lt, v(t.userCount) + "人", 1)) : u("", !0)
+                        o("div", Ze, [
+                          o("div", Ke, p(t.displayName || t.name), 1),
+                          o("div", et, [
+                            t.isUser && t.position ? (n(), d("span", tt, p(t.position), 1)) : u("", !0),
+                            t.isUser && t.department ? (n(), d("span", st, p(t.department), 1)) : u("", !0),
+                            t.isUser ? u("", !0) : (n(), d("span", lt, p(t.typeName || "部门"), 1)),
+                            !t.isUser && t.userCount ? (n(), d("span", nt, p(t.userCount) + "人", 1)) : u("", !0)
                           ])
                         ])
                       ]),
-                      r(y, {
+                      i(h, {
                         size: "small",
                         variant: "text",
                         shape: "circle",
-                        onClick: (P) => he(t.id)
+                        onClick: (P) => fe(t.id)
                       }, {
-                        icon: k(() => [
-                          r(l, { name: "close" })
+                        icon: y(() => [
+                          i(s, { name: "close" })
                         ]),
                         _: 1
                       }, 8, ["onClick"])
@@ -430,17 +421,17 @@ const Ce = { class: "person-selector" }, be = {
       }, 8, ["visible", "width"]);
     };
   }
-}), nt = (x, $) => {
-  const O = x.__vccOpts || x;
-  for (const [d, C] of $)
-    O[d] = C;
-  return O;
-}, ot = /* @__PURE__ */ nt(at, [["__scopeId", "data-v-210902ae"]]), rt = {
-  install(x) {
-    x.component("PersonSelector", ot);
+}), ot = (N, $) => {
+  const B = N.__vccOpts || N;
+  for (const [c, C] of $)
+    B[c] = C;
+  return B;
+}, dt = /* @__PURE__ */ ot(at, [["__scopeId", "data-v-70933f0f"]]), rt = {
+  install(N) {
+    N.component("PersonSelector", dt);
   }
 };
 export {
-  ot as PersonSelector,
+  dt as PersonSelector,
   rt as default
 };