@rzyuan/hrbac-share 0.1.0 → 0.1.2

package/dist/index.js

@@ -1,608 +1,758 @@
-import { defineComponent as Se, ref as n, computed as T, watch as Z, resolveComponent as y, resolveDirective as Ce, openBlock as s, createBlock as j, withCtx as o, withDirectives as Ne, createElementBlock as h, createCommentVNode as C, createElementVNode as c, toDisplayString as _, createVNode as b, Fragment as D, renderList as A, createTextVNode as E, unref as ee } from "vue";
-import { ElMessage as g } from "element-plus";
-import { Plus as ke, Search as Pe } from "@element-plus/icons-vue";
-const ae = {
+import { defineComponent as De, ref as n, computed as j, watch as ie, resolveComponent as h, resolveDirective as Ue, openBlock as i, createBlock as E, withCtx as t, withDirectives as We, createElementBlock as w, createCommentVNode as B, createElementVNode as s, toDisplayString as y, createVNode as d, Fragment as P, renderList as x, createTextVNode as m, normalizeClass as ue, unref as J } from "vue";
+import { ElMessage as T } from "element-plus";
+import { Search as xe, Close as ee } from "@element-plus/icons-vue";
+const ce = {
   USER: 1,
   LINE: 2,
   SPACE: 3
 };
-function le(t) {
-  return `${t.subjectType}:${t.subjectId}`;
+function Y(r) {
+  return `${r.subjectType}:${r.subjectId}`;
 }
-function re(t, f) {
-  const r = new Set(f.map(le));
-  return t.filter((i) => !r.has(le(i)));
+function Le(r, p) {
+  const l = new Set(p.map(Y));
+  return r.filter((_) => !l.has(Y(_)));
 }
-function te(t) {
-  return [...t].sort((f, r) => {
-    if (f.role === "OWNER" && r.role !== "OWNER") return -1;
-    if (f.role !== "OWNER" && r.role === "OWNER") return 1;
-    const i = ae[f.subjectType] - ae[r.subjectType];
-    return i !== 0 ? i : f.subjectName.localeCompare(r.subjectName, "zh-CN");
+function ve(r) {
+  return [...r].sort((p, l) => {
+    if (p.role === "OWNER" && l.role !== "OWNER") return -1;
+    if (p.role !== "OWNER" && l.role === "OWNER") return 1;
+    const _ = ce[p.subjectType] - ce[l.subjectType];
+    return _ !== 0 ? _ : p.subjectName.localeCompare(l.subjectName, "zh-CN");
   });
 }
-const Ue = { class: "hrbac-share-drawer__header" }, xe = { class: "hrbac-share-drawer__title" }, We = { class: "hrbac-share-drawer__subtitle" }, De = { class: "hrbac-share-drawer__body" }, Ae = { class: "hrbac-share-drawer__section" }, Le = { class: "hrbac-share-drawer__section-head" }, Be = { class: "hrbac-share-drawer__section-title" }, $e = { class: "hrbac-share-drawer__add-row" }, ze = { class: "hrbac-share-drawer__candidate-option" }, Me = {
+const ze = { class: "code-repository-share__header" }, Me = { class: "code-repository-share__header-main" }, $e = { class: "code-repository-share__header-title" }, Be = { class: "code-repository-share__header-subtitle" }, Ke = { class: "code-repository-share" }, Ge = { class: "code-repository-share__section" }, He = { class: "code-repository-share__section-head" }, Fe = { class: "code-repository-share__section-label" }, Je = { class: "code-repository-share__add-row" }, Ye = { class: "code-repository-share__compound-field" }, qe = { class: "code-repository-share__compound-left" }, Qe = { class: "code-repository-share__empty" }, Xe = { class: "code-repository-share__candidate-name" }, Ze = {
   key: 0,
-  class: "hrbac-share-drawer__candidate-desc"
-}, Ge = { class: "hrbac-share-drawer__section hrbac-share-drawer__section--list" }, He = { class: "hrbac-share-drawer__section-head" }, Ke = { class: "hrbac-share-drawer__section-title" }, Fe = {
-  key: 0,
-  class: "hrbac-share-drawer__list"
-}, Je = { class: "hrbac-share-drawer__row-main" }, Ye = { class: "hrbac-share-drawer__row-name" }, qe = {
-  key: 0,
-  class: "hrbac-share-drawer__row-desc"
-}, Qe = { class: "hrbac-share-drawer__dialog-text" }, Xe = {
-  key: 0,
-  class: "hrbac-share-drawer__dialog-target"
-}, Ze = { class: "hrbac-share-drawer__dialog-text" }, ea = {
-  key: 0,
-  class: "hrbac-share-drawer__dialog-target"
-}, aa = "__remove__", la = "__transfer__", ra = /* @__PURE__ */ Se({
+  class: "code-repository-share__candidate-status"
+}, ea = { class: "code-repository-share__compound-right" }, aa = { class: "code-repository-share__collaborator-section" }, oa = { class: "code-repository-share__collaborator-title" }, la = { class: "code-repository-share__collaborator-list" }, sa = { class: "code-repository-share__collaborator-list-inner" }, ta = { class: "code-repository-share__collaborator-info" }, ra = { class: "code-repository-share__collaborator-name-line" }, da = { class: "code-repository-share__collaborator-name" }, na = {
+  key: 1,
+  class: "code-repository-share__empty-state"
+}, ia = { class: "code-repository-share__dialog-header" }, ua = { class: "code-repository-share__dialog-header-main" }, ca = { class: "code-repository-share__dialog-title" }, va = { class: "code-repository-share__dialog-description" }, _a = { class: "code-repository-share__dialog-footer" }, pa = { class: "code-repository-share__dialog-header" }, ya = { class: "code-repository-share__dialog-header-main" }, fa = { class: "code-repository-share__dialog-title" }, ba = { class: "code-repository-share__dialog-description" }, ha = { class: "code-repository-share__dialog-description-target" }, ma = { class: "code-repository-share__transfer-content" }, ga = { class: "code-repository-share__transfer-option" }, wa = { class: "code-repository-share__transfer-option" }, ja = { class: "code-repository-share__dialog-footer" }, Ea = "__remove__", Ta = "__transfer__", Ra = "__divider__", Ia = /* @__PURE__ */ De({
   __name: "HrbacShareDrawer",
   props: {
     modelValue: { type: Boolean },
     resource: {},
     adapter: {},
     readonly: { type: Boolean, default: !1 },
-    drawerSize: { default: 560 },
+    drawerSize: { default: "760px" },
     labels: {},
     subjectTypeOptions: {},
     roleOptions: {},
     allowTransferOwner: { type: Boolean, default: !0 }
   },
   emits: ["update:modelValue", "saved"],
-  setup(t, { emit: f }) {
-    const r = t, i = f, O = {
+  setup(r, { emit: p }) {
+    const l = r, _ = p, S = {
       title: "分享设置",
-      addSectionTitle: "添加协作者",
-      collaboratorTitle: "协作者",
+      addSectionTitle: "添加方式",
+      collaboratorTitle: "管理协作者",
       readonlyTip: "当前仅可查看协作者，暂无修改分享设置权限",
       emptyCollaborators: "暂无协作者",
       removeTitle: "确认移除协作者？",
       removeDescription: "移除后，该对象将无法继续访问资源：",
       transferTitle: "转移所有权",
       transferDescription: "转移后，新的所有者为："
-    }, N = [
+    }, A = [
       { label: "按用户", value: "USER" },
       { label: "按条线", value: "LINE" },
       { label: "按空间", value: "SPACE" }
-    ], M = [
+    ], K = [
       { label: "可管理", value: "MANAGER" },
       { label: "可编辑", value: "EDITOR" },
       { label: "可查看", value: "VIEWER" }
-    ], I = n(!1), u = n(!1), L = n(!1), m = n("USER"), p = n([]), V = n("VIEWER"), B = n([]), G = n([]), $ = n(""), S = n(!1), v = n(!1), d = n(null), K = n("MANAGER"), R = T(() => ({ ...O, ...r.labels })), F = T(() => {
-      var e;
-      return (e = r.subjectTypeOptions) != null && e.length ? r.subjectTypeOptions : N;
-    }), J = T(() => {
-      var e;
-      return (e = r.roleOptions) != null && e.length ? r.roleOptions : M;
-    }), Y = T(() => J.value.filter((e) => e.value !== "OWNER")), q = T(() => te(B.value)), se = T(() => re(G.value, B.value)), oe = T(() => m.value === "USER" ? "搜索用户" : m.value === "LINE" ? "搜索条线" : "搜索空间"), Q = T(() => {
-      const e = $.value.trim().toLowerCase();
-      return e ? q.value.filter((a) => {
-        var w;
-        return a.subjectName.toLowerCase().includes(e) || a.subjectId.toLowerCase().includes(e) || ((w = a.description) == null ? void 0 : w.toLowerCase().includes(e));
-      }) : q.value;
-    });
-    Z(() => r.modelValue, (e) => {
-      e && (k(), P(""));
-    }), Z(F, (e) => {
+    ], R = n(!1), u = n(!1), L = n(!1), g = n("USER"), f = n([]), V = n("VIEWER"), z = n([]), G = n([]), M = n(""), I = n(!1), v = n(!1), c = n(null), H = n("MANAGER"), $ = n("KEEP"), N = j(() => ({ ...S, ...l.labels })), q = j(() => {
       var a;
-      e.some((w) => w.value === m.value) || (m.value = ((a = e[0]) == null ? void 0 : a.value) || "USER");
+      return (a = l.subjectTypeOptions) != null && a.length ? l.subjectTypeOptions : A;
+    }), ae = j(() => {
+      var a;
+      return (a = l.roleOptions) != null && a.length ? l.roleOptions : K;
+    }), oe = j(() => ae.value.filter((a) => a.value !== "OWNER")), le = j(() => ve(z.value)), _e = j(() => new Set(z.value.map(Y))), pe = j(() => G.value.map((a) => ({
+      ...a,
+      disabled: a.disabled || _e.value.has(Y(a))
+    }))), ye = j(() => g.value === "USER" ? "搜索用户" : g.value === "LINE" ? "搜索条线" : "搜索空间"), Q = j(() => {
+      const a = M.value.trim().toLowerCase();
+      return a ? le.value.filter((e) => {
+        var b;
+        return e.subjectName.toLowerCase().includes(a) || e.subjectId.toLowerCase().includes(a) || ((b = e.description) == null ? void 0 : b.toLowerCase().includes(a));
+      }) : le.value;
+    });
+    ie(() => l.modelValue, (a) => {
+      a && (D(), U(""));
+    }), ie(q, (a) => {
+      var e;
+      a.some((b) => b.value === g.value) || (g.value = ((e = a[0]) == null ? void 0 : e.value) || "USER");
     }, { immediate: !0 });
-    function ne(e) {
-      i("update:modelValue", e);
+    function se() {
+      _("update:modelValue", !1);
     }
-    function ue() {
-      k(), P("");
+    function fe() {
+      D(), U("");
     }
-    async function k() {
-      I.value = !0;
+    async function D() {
+      R.value = !0;
       try {
-        B.value = await r.adapter.listPermissions(r.resource.id);
-      } catch (e) {
-        g.error(U(e, "协作者加载失败"));
+        z.value = await l.adapter.listPermissions(l.resource.id);
+      } catch (a) {
+        T.error(W(a, "协作者加载失败"));
       } finally {
-        I.value = !1;
+        R.value = !1;
       }
     }
-    async function P(e) {
+    async function U(a) {
       L.value = !0;
       try {
-        G.value = await r.adapter.searchSubjects({
-          subjectType: m.value,
-          keyword: e,
-          resourceId: r.resource.id
+        G.value = await l.adapter.searchSubjects({
+          subjectType: g.value,
+          keyword: a,
+          resourceId: l.resource.id
         });
-      } catch (a) {
-        g.error(U(a, "候选对象加载失败"));
+      } catch (e) {
+        T.error(W(e, "候选对象加载失败"));
       } finally {
         L.value = !1;
       }
     }
-    function de() {
-      p.value = [], P("");
+    function be() {
+      f.value = [], U("");
     }
-    async function ce() {
-      if (p.value.length) {
+    async function he() {
+      if (f.value.length) {
         u.value = !0;
         try {
-          await Promise.all(p.value.map((e) => r.adapter.grantPermission({
-            resourceId: r.resource.id,
-            subjectType: m.value,
-            subjectId: e,
+          await Promise.all(f.value.map((a) => l.adapter.grantPermission({
+            resourceId: l.resource.id,
+            subjectType: g.value,
+            subjectId: a,
             role: V.value
-          }))), p.value = [], g.success("协作者已添加"), i("saved"), await k(), await P("");
-        } catch (e) {
-          g.error(U(e, "协作者添加失败"));
+          }))), f.value = [], T.success("协作者已添加"), _("saved"), await D(), await U("");
+        } catch (a) {
+          T.error(W(a, "协作者添加失败"));
         } finally {
           u.value = !1;
         }
       }
     }
-    async function ie(e, a) {
-      if (a === aa) {
-        d.value = e, S.value = !0;
+    async function me(a, e) {
+      if (e === Ea) {
+        c.value = a, I.value = !0;
         return;
       }
-      if (a === la) {
-        d.value = e, v.value = !0;
+      if (e === Ta) {
+        c.value = a, $.value = "KEEP", H.value = "MANAGER", v.value = !0;
         return;
       }
-      if (!(a === "OWNER" || a === e.role)) {
+      if (e !== Ra && !(e === "OWNER" || e === a.role)) {
         u.value = !0;
         try {
-          await r.adapter.updatePermissionRole({
-            resourceId: r.resource.id,
-            subjectType: e.subjectType,
-            subjectId: e.subjectId,
-            role: a
-          }), g.success("权限已更新"), i("saved"), await k();
-        } catch (w) {
-          g.error(U(w, "权限更新失败"));
+          await l.adapter.updatePermissionRole({
+            resourceId: l.resource.id,
+            subjectType: a.subjectType,
+            subjectId: a.subjectId,
+            role: e
+          }), T.success("权限已更新"), _("saved"), await D();
+        } catch (b) {
+          T.error(W(b, "权限更新失败"));
         } finally {
           u.value = !1;
         }
       }
     }
-    function ve(e, a) {
-      typeof a == "string" && ie(e, a);
+    function ge(a, e) {
+      typeof e == "string" && me(a, e);
     }
-    async function be() {
-      if (d.value) {
+    async function we() {
+      if (c.value) {
         u.value = !0;
         try {
-          await r.adapter.revokePermission({
-            resourceId: r.resource.id,
-            subjectType: d.value.subjectType,
-            subjectId: d.value.subjectId
-          }), S.value = !1, d.value = null, g.success("协作者已移除"), i("saved"), await k(), await P("");
-        } catch (e) {
-          g.error(U(e, "协作者移除失败"));
+          await l.adapter.revokePermission({
+            resourceId: l.resource.id,
+            subjectType: c.value.subjectType,
+            subjectId: c.value.subjectId
+          }), I.value = !1, c.value = null, T.success("协作者已移除"), _("saved"), await D(), await U("");
+        } catch (a) {
+          T.error(W(a, "协作者移除失败"));
         } finally {
           u.value = !1;
         }
       }
     }
-    async function fe() {
-      if (!(!d.value || !r.adapter.transferOwner)) {
+    async function je() {
+      if (!(!c.value || !l.adapter.transferOwner)) {
         u.value = !0;
         try {
-          await r.adapter.transferOwner({
-            resourceId: r.resource.id,
-            subjectType: d.value.subjectType,
-            subjectId: d.value.subjectId,
-            previousOwnerRole: K.value
-          }), v.value = !1, d.value = null, g.success("所有权已转移"), i("saved"), await k();
-        } catch (e) {
-          g.error(U(e, "所有权转移失败"));
+          await l.adapter.transferOwner({
+            resourceId: l.resource.id,
+            subjectType: c.value.subjectType,
+            subjectId: c.value.subjectId,
+            previousOwnerRole: $.value === "REMOVE" ? void 0 : H.value
+          }), v.value = !1, c.value = null, T.success("所有权已转移"), _("saved"), await D();
+        } catch (a) {
+          T.error(W(a, "所有权转移失败"));
         } finally {
           u.value = !1;
         }
       }
     }
-    function _e(e) {
-      var a;
-      return ((a = F.value.find((w) => w.value === e)) == null ? void 0 : a.label.replace(/^按/, "")) || e;
+    function te(a) {
+      var e;
+      return ((e = q.value.find((b) => b.value === a)) == null ? void 0 : e.label.replace(/^按/, "")) || a;
+    }
+    function Ee(a) {
+      return a.role === "OWNER" ? [{ label: "所有者", value: "OWNER", disabled: !0 }] : ae.value.filter((e) => e.value !== "OWNER");
+    }
+    function Te(a) {
+      return l.readonly || u.value || a.readonly === !0 || a.role === "OWNER";
     }
-    function pe(e) {
-      return e.role === "OWNER" ? [{ label: "所有者", value: "OWNER", disabled: !0 }] : J.value.filter((a) => a.value !== "OWNER");
+    function Re(a) {
+      return Te(a) && !X(a) && !Z(a);
     }
-    function ye(e) {
-      return r.readonly || u.value || e.readonly === !0 || e.role === "OWNER";
+    function X(a) {
+      return !l.readonly && !a.readonly && a.role !== "OWNER";
     }
-    function he(e) {
-      return !r.readonly && !e.readonly && e.role !== "OWNER";
+    function Z(a) {
+      return l.allowTransferOwner && !!l.adapter.transferOwner && !l.readonly && !a.readonly && a.subjectType === "USER" && a.role !== "OWNER";
     }
-    function me(e) {
-      return r.allowTransferOwner && !!r.adapter.transferOwner && !r.readonly && !e.readonly && e.subjectType === "USER" && e.role !== "OWNER";
+    function Ie(a) {
+      return X(a) || Z(a);
     }
-    function U(e, a) {
-      return e instanceof Error && e.message ? e.message : a;
+    function Oe(a) {
+      return a === "USER" ? "code-repository-share__type-tag--user" : a === "SPACE" ? "code-repository-share__type-tag--space" : "code-repository-share__type-tag--line";
     }
-    return (e, a) => {
-      const w = y("el-alert"), we = y("el-radio-button"), je = y("el-radio-group"), x = y("el-option"), H = y("el-select"), z = y("el-button"), ge = y("el-input"), Te = y("el-tag"), Re = y("el-empty"), X = y("el-dialog"), Ee = y("el-form-item"), Ie = y("el-form"), Oe = y("el-drawer"), Ve = Ce("loading");
-      return s(), j(Oe, {
-        "model-value": t.modelValue,
-        size: t.drawerSize,
-        "close-on-click-modal": !1,
-        class: "hrbac-share-drawer",
-        "onUpdate:modelValue": ne,
-        onOpen: ue
+    function W(a, e) {
+      return a instanceof Error && a.message ? a.message : e;
+    }
+    return (a, e) => {
+      const b = h("el-icon"), O = h("el-button"), Ce = h("el-alert"), Se = h("el-radio-button"), re = h("el-radio-group"), Ve = h("el-tooltip"), k = h("el-option"), F = h("el-select"), Ne = h("el-input"), ke = h("el-empty"), de = h("el-dialog"), ne = h("el-radio"), Pe = h("el-drawer"), Ae = Ue("loading");
+      return i(), E(Pe, {
+        "model-value": r.modelValue,
+        size: r.drawerSize,
+        class: "code-repository-share-drawer",
+        "destroy-on-close": "",
+        "show-close": !1,
+        onClose: se,
+        onOpen: fe
       }, {
-        header: o(() => [
-          c("div", Ue, [
-            c("div", null, [
-              c("div", xe, _(R.value.title), 1),
-              c("div", We, _(t.resource.name), 1)
-            ])
+        header: t(() => [
+          s("div", ze, [
+            s("div", Me, [
+              s("div", $e, y(N.value.title), 1),
+              s("div", Be, [
+                e[12] || (e[12] = m(" 正在分享：", -1)),
+                s("span", null, y(r.resource.name || "--"), 1)
+              ])
+            ]),
+            d(O, {
+              link: "",
+              class: "code-repository-share__close-button",
+              "aria-label": "关闭分享抽屉",
+              onClick: se
+            }, {
+              default: t(() => [
+                d(b, { size: 16 }, {
+                  default: t(() => [
+                    d(J(ee))
+                  ]),
+                  _: 1
+                })
+              ]),
+              _: 1
+            })
           ])
         ]),
-        default: o(() => [
-          Ne((s(), h("div", De, [
-            t.readonly ? (s(), j(w, {
+        default: t(() => [
+          We((i(), w("div", Ke, [
+            r.readonly ? (i(), E(Ce, {
               key: 0,
-              title: R.value.readonlyTip,
+              title: N.value.readonlyTip,
               type: "info",
               "show-icon": "",
               closable: !1,
-              class: "hrbac-share-drawer__alert"
-            }, null, 8, ["title"])) : C("", !0),
-            c("section", Ae, [
-              c("div", Le, [
-                c("span", Be, _(R.value.addSectionTitle), 1),
-                b(je, {
-                  modelValue: m.value,
-                  "onUpdate:modelValue": a[0] || (a[0] = (l) => m.value = l),
-                  size: "small",
-                  disabled: t.readonly || u.value,
-                  onChange: de
+              class: "code-repository-share__alert"
+            }, null, 8, ["title"])) : B("", !0),
+            s("section", Ge, [
+              s("div", He, [
+                s("span", Fe, y(N.value.addSectionTitle), 1),
+                d(re, {
+                  modelValue: g.value,
+                  "onUpdate:modelValue": e[0] || (e[0] = (o) => g.value = o),
+                  class: "code-repository-share__method-radio",
+                  disabled: r.readonly || u.value,
+                  onChange: be
                 }, {
-                  default: o(() => [
-                    (s(!0), h(D, null, A(F.value, (l) => (s(), j(we, {
-                      key: l.value,
-                      label: l.value
+                  default: t(() => [
+                    (i(!0), w(P, null, x(q.value, (o) => (i(), E(Se, {
+                      key: o.value,
+                      value: o.value
                     }, {
-                      default: o(() => [
-                        E(_(l.label), 1)
+                      default: t(() => [
+                        m(y(o.label), 1)
                       ]),
                       _: 2
-                    }, 1032, ["label"]))), 128))
+                    }, 1032, ["value"]))), 128))
                   ]),
                   _: 1
                 }, 8, ["modelValue", "disabled"])
               ]),
-              c("div", $e, [
-                b(H, {
-                  modelValue: p.value,
-                  "onUpdate:modelValue": a[1] || (a[1] = (l) => p.value = l),
-                  multiple: "",
-                  filterable: "",
-                  remote: "",
-                  "reserve-keyword": "",
-                  "remote-method": P,
-                  loading: L.value,
-                  disabled: t.readonly || u.value,
-                  placeholder: oe.value,
-                  class: "hrbac-share-drawer__candidate-select"
-                }, {
-                  default: o(() => [
-                    (s(!0), h(D, null, A(se.value, (l) => (s(), j(x, {
-                      key: `${l.subjectType}:${l.subjectId}`,
-                      label: l.subjectName,
-                      value: l.subjectId,
-                      disabled: l.disabled
+              s("div", Je, [
+                s("div", Ye, [
+                  s("div", qe, [
+                    d(F, {
+                      modelValue: f.value,
+                      "onUpdate:modelValue": e[1] || (e[1] = (o) => f.value = o),
+                      multiple: "",
+                      filterable: "",
+                      remote: "",
+                      clearable: "",
+                      "collapse-tags": "",
+                      "collapse-tags-tooltip": "",
+                      "remote-method": U,
+                      loading: L.value,
+                      disabled: r.readonly || u.value,
+                      placeholder: ye.value,
+                      "reserve-keyword": !1,
+                      class: "code-repository-share__candidate-select"
                     }, {
-                      default: o(() => [
-                        c("div", ze, [
-                          c("span", null, _(l.subjectName), 1),
-                          l.description ? (s(), h("span", Me, _(l.description), 1)) : C("", !0)
-                        ])
+                      empty: t(() => [
+                        s("div", Qe, "暂无匹配" + y(te(g.value)), 1)
                       ]),
-                      _: 2
-                    }, 1032, ["label", "value", "disabled"]))), 128))
-                  ]),
-                  _: 1
-                }, 8, ["modelValue", "loading", "disabled", "placeholder"]),
-                b(H, {
-                  modelValue: V.value,
-                  "onUpdate:modelValue": a[2] || (a[2] = (l) => V.value = l),
-                  disabled: t.readonly || u.value,
-                  class: "hrbac-share-drawer__role-select"
-                }, {
-                  default: o(() => [
-                    (s(!0), h(D, null, A(Y.value, (l) => (s(), j(x, {
-                      key: l.value,
-                      label: l.label,
-                      value: l.value,
-                      disabled: l.disabled
-                    }, null, 8, ["label", "value", "disabled"]))), 128))
+                      default: t(() => [
+                        (i(!0), w(P, null, x(pe.value, (o) => (i(), E(k, {
+                          key: `${o.subjectType}:${o.subjectId}`,
+                          label: o.subjectName,
+                          value: o.subjectId,
+                          disabled: o.disabled
+                        }, {
+                          default: t(() => [
+                            d(Ve, {
+                              disabled: !o.disabled,
+                              content: "已添加为协作者",
+                              placement: "right"
+                            }, {
+                              default: t(() => [
+                                s("div", {
+                                  class: ue(["code-repository-share__candidate-option", { "is-added": o.disabled }])
+                                }, [
+                                  s("span", Xe, y(o.subjectName), 1),
+                                  o.disabled ? (i(), w("span", Ze, " 已添加 ")) : B("", !0)
+                                ], 2)
+                              ]),
+                              _: 2
+                            }, 1032, ["disabled"])
+                          ]),
+                          _: 2
+                        }, 1032, ["label", "value", "disabled"]))), 128))
+                      ]),
+                      _: 1
+                    }, 8, ["modelValue", "loading", "disabled", "placeholder"])
                   ]),
-                  _: 1
-                }, 8, ["modelValue", "disabled"]),
-                b(z, {
+                  s("div", ea, [
+                    d(F, {
+                      modelValue: V.value,
+                      "onUpdate:modelValue": e[2] || (e[2] = (o) => V.value = o),
+                      disabled: r.readonly || u.value,
+                      class: "code-repository-share__add-role-select"
+                    }, {
+                      default: t(() => [
+                        (i(!0), w(P, null, x(oe.value, (o) => (i(), E(k, {
+                          key: o.value,
+                          label: o.label,
+                          value: o.value,
+                          disabled: o.disabled
+                        }, null, 8, ["label", "value", "disabled"]))), 128))
+                      ]),
+                      _: 1
+                    }, 8, ["modelValue", "disabled"])
+                  ])
+                ]),
+                d(O, {
                   type: "primary",
-                  icon: ee(ke),
+                  class: "code-repository-share__add-button",
                   loading: u.value,
-                  disabled: t.readonly || !p.value.length,
-                  onClick: ce
+                  disabled: r.readonly || !f.value.length,
+                  onClick: he
                 }, {
-                  default: o(() => [...a[9] || (a[9] = [
-                    E(" 添加 ", -1)
+                  default: t(() => [...e[13] || (e[13] = [
+                    m(" 添加 ", -1)
                   ])]),
                   _: 1
-                }, 8, ["icon", "loading", "disabled"])
+                }, 8, ["loading", "disabled"])
               ])
             ]),
-            c("section", Ge, [
-              c("div", He, [
-                c("span", Ke, _(R.value.collaboratorTitle), 1),
-                b(ge, {
-                  modelValue: $.value,
-                  "onUpdate:modelValue": a[3] || (a[3] = (l) => $.value = l),
-                  "prefix-icon": ee(Pe),
-                  clearable: "",
-                  placeholder: "搜索协作者",
-                  class: "hrbac-share-drawer__search"
-                }, null, 8, ["modelValue", "prefix-icon"])
+            s("section", aa, [
+              s("div", oa, [
+                m(y(N.value.collaboratorTitle) + " ", 1),
+                s("span", null, "(" + y(Q.value.length) + ")", 1)
               ]),
-              Q.value.length ? (s(), h("div", Fe, [
-                (s(!0), h(D, null, A(Q.value, (l) => (s(), h("div", {
-                  key: `${l.subjectType}:${l.subjectId}`,
-                  class: "hrbac-share-drawer__row"
-                }, [
-                  c("div", Je, [
-                    b(Te, {
-                      size: "small",
-                      effect: "plain"
-                    }, {
-                      default: o(() => [
-                        E(_(_e(l.subjectType)), 1)
+              d(Ne, {
+                modelValue: M.value,
+                "onUpdate:modelValue": e[3] || (e[3] = (o) => M.value = o),
+                modelModifiers: { trim: !0 },
+                clearable: "",
+                class: "code-repository-share__collaborator-search",
+                placeholder: "搜索空间名称、条线名称、用户姓名或账号"
+              }, {
+                prefix: t(() => [
+                  d(b, null, {
+                    default: t(() => [
+                      d(J(xe))
+                    ]),
+                    _: 1
+                  })
+                ]),
+                _: 1
+              }, 8, ["modelValue"]),
+              s("div", la, [
+                Q.value.length ? (i(), w(P, { key: 0 }, [
+                  s("div", sa, [
+                    (i(!0), w(P, null, x(Q.value, (o) => (i(), w("div", {
+                      key: `${o.subjectType}:${o.subjectId}`,
+                      class: "code-repository-share__collaborator-row"
+                    }, [
+                      s("div", ta, [
+                        s("div", ra, [
+                          s("span", {
+                            class: ue(["code-repository-share__type-tag", Oe(o.subjectType)])
+                          }, y(te(o.subjectType) || "--"), 3),
+                          s("span", da, y(o.subjectName || "--"), 1)
+                        ])
                       ]),
-                      _: 2
-                    }, 1024),
-                    c("div", null, [
-                      c("div", Ye, _(l.subjectName), 1),
-                      l.description ? (s(), h("div", qe, _(l.description), 1)) : C("", !0)
-                    ])
+                      d(F, {
+                        "model-value": o.role,
+                        size: "small",
+                        class: "code-repository-share__row-role-select",
+                        "popper-class": "code-repository-share__role-dropdown",
+                        disabled: Re(o),
+                        onChange: (C) => ge(o, C)
+                      }, {
+                        default: t(() => [
+                          (i(!0), w(P, null, x(Ee(o), (C) => (i(), E(k, {
+                            key: C.value,
+                            label: C.label,
+                            value: C.value,
+                            disabled: C.disabled
+                          }, null, 8, ["label", "value", "disabled"]))), 128)),
+                          Ie(o) ? (i(), E(k, {
+                            key: 0,
+                            disabled: "",
+                            value: "__divider__"
+                          }, {
+                            default: t(() => [...e[14] || (e[14] = [
+                              s("div", { class: "code-repository-share__role-divider" }, null, -1)
+                            ])]),
+                            _: 1
+                          })) : B("", !0),
+                          Z(o) ? (i(), E(k, {
+                            key: 1,
+                            label: "转移所有权",
+                            value: "__transfer__"
+                          })) : B("", !0),
+                          X(o) ? (i(), E(k, {
+                            key: 2,
+                            label: "移除",
+                            value: "__remove__"
+                          }, {
+                            default: t(() => [...e[15] || (e[15] = [
+                              s("span", { class: "code-repository-share__danger-option" }, "移除", -1)
+                            ])]),
+                            _: 1
+                          })) : B("", !0)
+                        ]),
+                        _: 2
+                      }, 1032, ["model-value", "disabled", "onChange"])
+                    ]))), 128))
                   ]),
-                  b(H, {
-                    "model-value": l.role,
-                    disabled: ye(l),
-                    class: "hrbac-share-drawer__row-role",
-                    onChange: (W) => ve(l, W)
-                  }, {
-                    default: o(() => [
-                      (s(!0), h(D, null, A(pe(l), (W) => (s(), j(x, {
-                        key: W.value,
-                        label: W.label,
-                        value: W.value,
-                        disabled: W.disabled
-                      }, null, 8, ["label", "value", "disabled"]))), 128)),
-                      me(l) ? (s(), j(x, {
-                        key: 0,
-                        label: "转移所有权",
-                        value: "__transfer__"
-                      })) : C("", !0),
-                      he(l) ? (s(), j(x, {
-                        key: 1,
-                        label: "移除",
-                        value: "__remove__"
-                      })) : C("", !0)
-                    ]),
-                    _: 2
-                  }, 1032, ["model-value", "disabled", "onChange"])
-                ]))), 128))
-              ])) : (s(), j(Re, {
-                key: 1,
-                description: R.value.emptyCollaborators,
-                class: "hrbac-share-drawer__empty"
-              }, null, 8, ["description"]))
+                  e[16] || (e[16] = s("div", { class: "code-repository-share__collaborator-footer" }, "已显示全部协作者", -1))
+                ], 64)) : (i(), w("div", na, [
+                  d(ke, {
+                    description: N.value.emptyCollaborators,
+                    "image-size": 72
+                  }, null, 8, ["description"])
+                ]))
+              ])
             ])
           ])), [
-            [Ve, I.value]
+            [Ae, R.value]
           ]),
-          b(X, {
-            modelValue: S.value,
-            "onUpdate:modelValue": a[5] || (a[5] = (l) => S.value = l),
-            title: R.value.removeTitle,
-            width: "420px",
+          d(de, {
+            modelValue: I.value,
+            "onUpdate:modelValue": e[6] || (e[6] = (o) => I.value = o),
+            width: "460px",
+            class: "code-repository-share__remove-dialog",
+            "destroy-on-close": "",
+            "show-close": !1,
             "append-to-body": ""
           }, {
-            footer: o(() => [
-              b(z, {
-                onClick: a[4] || (a[4] = (l) => S.value = !1)
-              }, {
-                default: o(() => [...a[10] || (a[10] = [
-                  E("取消", -1)
-                ])]),
-                _: 1
-              }),
-              b(z, {
-                type: "danger",
-                loading: u.value,
-                onClick: be
-              }, {
-                default: o(() => [...a[11] || (a[11] = [
-                  E("移除", -1)
-                ])]),
-                _: 1
-              }, 8, ["loading"])
-            ]),
-            default: o(() => [
-              c("p", Qe, [
-                E(_(R.value.removeDescription) + " ", 1),
-                d.value ? (s(), h("span", Xe, _(d.value.subjectName), 1)) : C("", !0)
+            header: t(() => {
+              var o;
+              return [
+                s("div", ia, [
+                  s("div", ua, [
+                    s("div", ca, y(N.value.removeTitle), 1),
+                    s("div", va, " 移除后，" + y(((o = c.value) == null ? void 0 : o.subjectName) || "--") + " 将失去当前资源的协作权限。 ", 1)
+                  ]),
+                  d(O, {
+                    link: "",
+                    class: "code-repository-share__close-button",
+                    "aria-label": "关闭移除确认",
+                    onClick: e[4] || (e[4] = (C) => I.value = !1)
+                  }, {
+                    default: t(() => [
+                      d(b, { size: 16 }, {
+                        default: t(() => [
+                          d(J(ee))
+                        ]),
+                        _: 1
+                      })
+                    ]),
+                    _: 1
+                  })
+                ])
+              ];
+            }),
+            footer: t(() => [
+              s("div", _a, [
+                d(O, {
+                  onClick: e[5] || (e[5] = (o) => I.value = !1)
+                }, {
+                  default: t(() => [...e[17] || (e[17] = [
+                    m("取消", -1)
+                  ])]),
+                  _: 1
+                }),
+                d(O, {
+                  type: "primary",
+                  class: "code-repository-share__danger-button",
+                  disabled: !c.value,
+                  loading: u.value,
+                  onClick: we
+                }, {
+                  default: t(() => [...e[18] || (e[18] = [
+                    m(" 移除 ", -1)
+                  ])]),
+                  _: 1
+                }, 8, ["disabled", "loading"])
               ])
             ]),
             _: 1
-          }, 8, ["modelValue", "title"]),
-          b(X, {
+          }, 8, ["modelValue"]),
+          d(de, {
             modelValue: v.value,
-            "onUpdate:modelValue": a[8] || (a[8] = (l) => v.value = l),
-            title: R.value.transferTitle,
-            width: "460px",
+            "onUpdate:modelValue": e[11] || (e[11] = (o) => v.value = o),
+            width: "600px",
+            class: "code-repository-share__transfer-dialog",
+            "destroy-on-close": "",
+            "show-close": !1,
             "append-to-body": ""
           }, {
-            footer: o(() => [
-              b(z, {
-                onClick: a[7] || (a[7] = (l) => v.value = !1)
-              }, {
-                default: o(() => [...a[12] || (a[12] = [
-                  E("取消", -1)
-                ])]),
-                _: 1
-              }),
-              b(z, {
-                type: "primary",
-                loading: u.value,
-                onClick: fe
-              }, {
-                default: o(() => [...a[13] || (a[13] = [
-                  E("确认转移", -1)
-                ])]),
-                _: 1
-              }, 8, ["loading"])
+            header: t(() => {
+              var o;
+              return [
+                s("div", pa, [
+                  s("div", ya, [
+                    s("div", fa, y(N.value.transferTitle), 1),
+                    s("div", ba, [
+                      e[19] || (e[19] = m(" 你将把所有权转移给 ", -1)),
+                      s("span", ha, y(((o = c.value) == null ? void 0 : o.subjectName) || "--"), 1),
+                      e[20] || (e[20] = m(" ，转移后你将不再是此资源的所有者。 ", -1))
+                    ])
+                  ]),
+                  d(O, {
+                    link: "",
+                    class: "code-repository-share__close-button",
+                    "aria-label": "关闭所有权转移确认",
+                    onClick: e[7] || (e[7] = (C) => v.value = !1)
+                  }, {
+                    default: t(() => [
+                      d(b, { size: 16 }, {
+                        default: t(() => [
+                          d(J(ee))
+                        ]),
+                        _: 1
+                      })
+                    ]),
+                    _: 1
+                  })
+                ])
+              ];
+            }),
+            footer: t(() => [
+              s("div", ja, [
+                d(O, {
+                  onClick: e[10] || (e[10] = (o) => v.value = !1)
+                }, {
+                  default: t(() => [...e[25] || (e[25] = [
+                    m("取消", -1)
+                  ])]),
+                  _: 1
+                }),
+                d(O, {
+                  type: "primary",
+                  disabled: !c.value,
+                  loading: u.value,
+                  onClick: je
+                }, {
+                  default: t(() => [...e[26] || (e[26] = [
+                    m(" 转移 ", -1)
+                  ])]),
+                  _: 1
+                }, 8, ["disabled", "loading"])
+              ])
             ]),
-            default: o(() => [
-              c("p", Ze, [
-                E(_(R.value.transferDescription) + " ", 1),
-                d.value ? (s(), h("span", ea, _(d.value.subjectName), 1)) : C("", !0)
-              ]),
-              b(Ie, {
-                "label-position": "left",
-                "label-width": "120px"
-              }, {
-                default: o(() => [
-                  b(Ee, { label: "原所有者角色" }, {
-                    default: o(() => [
-                      b(H, {
-                        modelValue: K.value,
-                        "onUpdate:modelValue": a[6] || (a[6] = (l) => K.value = l)
+            default: t(() => [
+              s("div", ma, [
+                e[24] || (e[24] = s("div", { class: "code-repository-share__transfer-label" }, "转移后", -1)),
+                d(re, {
+                  modelValue: $.value,
+                  "onUpdate:modelValue": e[9] || (e[9] = (o) => $.value = o),
+                  class: "code-repository-share__transfer-group"
+                }, {
+                  default: t(() => [
+                    s("label", ga, [
+                      d(ne, { value: "KEEP" }, {
+                        default: t(() => [...e[21] || (e[21] = [
+                          m("保留我的", -1)
+                        ])]),
+                        _: 1
+                      }),
+                      d(F, {
+                        modelValue: H.value,
+                        "onUpdate:modelValue": e[8] || (e[8] = (o) => H.value = o),
+                        class: "code-repository-share__transfer-select",
+                        disabled: $.value !== "KEEP"
                       }, {
-                        default: o(() => [
-                          (s(!0), h(D, null, A(Y.value, (l) => (s(), j(x, {
-                            key: l.value,
-                            label: l.label,
-                            value: l.value,
-                            disabled: l.disabled
+                        default: t(() => [
+                          (i(!0), w(P, null, x(oe.value, (o) => (i(), E(k, {
+                            key: o.value,
+                            label: o.label,
+                            value: o.value,
+                            disabled: o.disabled
                           }, null, 8, ["label", "value", "disabled"]))), 128))
                         ]),
                         _: 1
-                      }, 8, ["modelValue"])
+                      }, 8, ["modelValue", "disabled"]),
+                      e[22] || (e[22] = s("span", null, "权限", -1))
                     ]),
-                    _: 1
-                  })
-                ]),
-                _: 1
-              })
+                    s("label", wa, [
+                      d(ne, { value: "REMOVE" }, {
+                        default: t(() => [...e[23] || (e[23] = [
+                          m("不保留我的协作权限", -1)
+                        ])]),
+                        _: 1
+                      })
+                    ])
+                  ]),
+                  _: 1
+                }, 8, ["modelValue"])
+              ])
             ]),
             _: 1
-          }, 8, ["modelValue", "title"])
+          }, 8, ["modelValue"])
         ]),
         _: 1
       }, 8, ["model-value", "size"]);
     };
   }
-}), ta = (t, f) => {
-  const r = t.__vccOpts || t;
-  for (const [i, O] of f)
-    r[i] = O;
-  return r;
-}, ua = /* @__PURE__ */ ta(ra, [["__scopeId", "data-v-cbf40cd5"]]);
-function da(t) {
-  const f = n(!1), r = n(!1), i = n(""), O = n("USER"), N = n([]), M = n("VIEWER"), I = n([]), u = n([]), L = T(() => te(I.value)), m = T(() => re(u.value, I.value));
-  async function p() {
-    f.value = !0;
+}), Oa = (r, p) => {
+  const l = r.__vccOpts || r;
+  for (const [_, S] of p)
+    l[_] = S;
+  return l;
+}, Na = /* @__PURE__ */ Oa(Ia, [["__scopeId", "data-v-cdf7bf3e"]]);
+function ka(r) {
+  const p = n(!1), l = n(!1), _ = n(""), S = n("USER"), A = n([]), K = n("VIEWER"), R = n([]), u = n([]), L = j(() => ve(R.value)), g = j(() => Le(u.value, R.value));
+  async function f() {
+    p.value = !0;
     try {
-      I.value = await t.adapter.listPermissions(t.resourceId);
+      R.value = await r.adapter.listPermissions(r.resourceId);
     } finally {
-      f.value = !1;
+      p.value = !1;
     }
   }
   async function V() {
-    u.value = await t.adapter.searchSubjects({
-      subjectType: O.value,
-      keyword: i.value,
-      resourceId: t.resourceId
+    u.value = await r.adapter.searchSubjects({
+      subjectType: S.value,
+      keyword: _.value,
+      resourceId: r.resourceId
     });
   }
-  async function B() {
-    if (N.value.length) {
-      r.value = !0;
+  async function z() {
+    if (A.value.length) {
+      l.value = !0;
       try {
-        await Promise.all(N.value.map((v) => t.adapter.grantPermission({
-          resourceId: t.resourceId,
-          subjectType: O.value,
+        await Promise.all(A.value.map((v) => r.adapter.grantPermission({
+          resourceId: r.resourceId,
+          subjectType: S.value,
           subjectId: v,
-          role: M.value
-        }))), N.value = [], i.value = "", await p(), await V();
+          role: K.value
+        }))), A.value = [], _.value = "", await f(), await V();
       } finally {
-        r.value = !1;
+        l.value = !1;
       }
     }
   }
-  async function G(v, d) {
-    r.value = !0;
+  async function G(v, c) {
+    l.value = !0;
     try {
-      await t.adapter.updatePermissionRole({
-        resourceId: t.resourceId,
+      await r.adapter.updatePermissionRole({
+        resourceId: r.resourceId,
         subjectType: v.subjectType,
         subjectId: v.subjectId,
-        role: d
-      }), await p();
+        role: c
+      }), await f();
     } finally {
-      r.value = !1;
+      l.value = !1;
     }
   }
-  async function $(v) {
-    r.value = !0;
+  async function M(v) {
+    l.value = !0;
     try {
-      await t.adapter.revokePermission({
-        resourceId: t.resourceId,
+      await r.adapter.revokePermission({
+        resourceId: r.resourceId,
         subjectType: v.subjectType,
         subjectId: v.subjectId
-      }), await p(), await V();
+      }), await f(), await V();
     } finally {
-      r.value = !1;
+      l.value = !1;
     }
   }
-  async function S(v, d = "MANAGER") {
-    if (t.adapter.transferOwner) {
-      r.value = !0;
+  async function I(v, c = "MANAGER") {
+    if (r.adapter.transferOwner) {
+      l.value = !0;
       try {
-        await t.adapter.transferOwner({
-          resourceId: t.resourceId,
+        await r.adapter.transferOwner({
+          resourceId: r.resourceId,
           subjectType: v.subjectType,
           subjectId: v.subjectId,
-          previousOwnerRole: d
-        }), await p();
+          previousOwnerRole: c
+        }), await f();
       } finally {
-        r.value = !1;
+        l.value = !1;
       }
     }
   }
   return {
-    loading: f,
-    saving: r,
-    keyword: i,
-    subjectType: O,
-    selectedSubjectIds: N,
-    selectedRole: M,
-    permissions: I,
+    loading: p,
+    saving: l,
+    keyword: _,
+    subjectType: S,
+    selectedSubjectIds: A,
+    selectedRole: K,
+    permissions: R,
     candidates: u,
     sortedPermissions: L,
-    availableCandidates: m,
-    loadPermissions: p,
+    availableCandidates: g,
+    loadPermissions: f,
     searchCandidates: V,
-    grantSelected: B,
+    grantSelected: z,
     updateRole: G,
-    revoke: $,
-    transferOwner: S
+    revoke: M,
+    transferOwner: I
   };
 }
 export {
-  ua as HrbacShareDrawer,
-  le as buildSubjectKey,
-  re as excludeExistingSubjects,
-  te as sortSharePermissions,
-  da as useHrbacShare
+  Na as HrbacShareDrawer,
+  Y as buildSubjectKey,
+  Le as excludeExistingSubjects,
+  ve as sortSharePermissions,
+  ka as useHrbacShare
 };